*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg-page:oklch(0.97 0.01 90);--bg-surface:oklch(1.00 0 0);--bg-surface-alt:oklch(0.96 0.01 85);--primary:oklch(0.55 0.12 35);--cta:oklch(0.62 0.16 45);--text:oklch(0.20 0.04 30);--text-muted:oklch(0.50 0.03 50);--success:oklch(0.60 0.15 145);--border:oklch(0.90 0.01 80);--shadow-sm:0 1px 3px oklch(0 0 0/0.04),0 4px 12px oklch(0 0 0/0.03);--shadow-md:0 2px 8px oklch(0 0 0/0.06),0 8px 24px oklch(0 0 0/0.04);--shadow-lg:0 4px 16px oklch(0 0 0/0.08),0 12px 40px oklch(0 0 0/0.06);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:100px;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Source Serif 4",Georgia,serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--ease:cubic-bezier(0.16,1,0.3,1);--max-w:1200px}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;color:var(--text);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--cta);text-decoration:underline}img,svg{display:block;max-width:100%}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s var(--ease);text-decoration:none;line-height:1.2}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{text-decoration:none}.btn--cta,.btn--primary:hover{background:var(--cta);color:#fff}.btn--cta{font-weight:700;box-shadow:var(--shadow-sm)}.btn--cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none;color:#fff}.btn--cta:active{transform:translateY(0)}.btn--secondary{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn--secondary:hover{background:oklch(.55 .12 35/.06);text-decoration:none;color:var(--primary)}.btn--sm{padding:.5rem 1rem;font-size:.875rem}.btn--lg{padding:1rem 2rem;font-size:1.125rem}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:oklch(.97 .01 90/.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow .3s;overflow:visible}.nav--scrolled{box-shadow:var(--shadow-sm)}.nav__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;position:relative}.nav__logo{position:absolute;top:-32px;left:0;z-index:101}.nav__logo,.nav__logo:hover{text-decoration:none}.nav__icon{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 4px 12px oklch(0 0 0/.08))}.nav__links{display:flex;gap:2rem;grid-column:1/-1;grid-row:1;justify-self:center}.nav__links a{color:var(--text-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--text);text-decoration:none}.nav__cta{grid-column:1/-1;grid-row:1;justify-self:end}.hero{padding:clamp(7rem,6rem + 3vw,9rem) 0 clamp(4rem,3rem + 3vw,6rem);background:var(--bg-page);text-align:center;overflow:hidden}.hero__inner{max-width:800px}.hero__badge{display:inline-block;padding:.375rem 1rem;margin-bottom:1.5rem;background:oklch(.55 .12 35/.08);border:1px solid oklch(.55 .12 35/.2);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--primary)}.hero__title{font-family:var(--font-heading);font-size:clamp(2.25rem,1.5rem + 3vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.01em}.hero__highlight{color:var(--primary)}.hero__subtitle{font-size:clamp(1.0625rem,.95rem + .5vw,1.3125rem);color:var(--text-muted);max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero__cta{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:3rem}.hero__price-note{font-size:.875rem;color:var(--text-muted)}.hero__demo{max-width:640px;margin:0 auto}.hero__video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;aspect-ratio:16/9;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .3s,box-shadow .3s;position:relative;box-shadow:var(--shadow-md)}.hero__video-placeholder:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.hero__demo-img{width:100%;height:100%;object-fit:cover}.hero__demo-img,.hero__play-overlay{border-radius:var(--radius-md);position:absolute;inset:0}.hero__play-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:oklch(1 0 0/.4);z-index:1}.hero__play-icon svg{display:block}.hero__play-text{font-size:.875rem;color:var(--text-muted)}.hero__demo-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);position:absolute;inset:0;display:none}.hero__video-placeholder--playing .hero__demo-video{display:block}.hero__video-placeholder--playing .hero__demo-img,.hero__video-placeholder--playing .hero__play-overlay{display:none}.section{padding:clamp(4rem,3rem + 3vw,7rem) 0}.section__title{font-family:var(--font-heading);font-size:clamp(1.75rem,1.25rem + 2vw,2.5rem);font-weight:700;text-align:center;margin-bottom:.5rem;letter-spacing:-.01em}.section__subtitle{text-align:center;color:var(--text-muted);margin-bottom:3rem;font-size:1.125rem}.how-it-works{background:var(--bg-surface-alt)}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.step{text-align:center;padding:2rem 1.5rem;position:relative}.step__number{display:inline-flex;align-items:center;width:32px;height:32px;background:oklch(.55 .12 35/.1);border:1px solid oklch(.55 .12 35/.25);border-radius:50%;font-size:.875rem;font-weight:700;color:var(--primary)}.step__icon,.step__number{justify-content:center;margin-bottom:1rem}.step__icon{display:flex}.step__title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.step__desc{color:var(--text-muted);font-size:1rem;line-height:1.5}.features__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}.feature-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;transition:box-shadow .3s,transform .3s;box-shadow:var(--shadow-sm)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card__icon{display:flex;justify-content:center;margin-bottom:1rem}.feature-card__icon svg{display:block}.feature-card__title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.feature-card__desc{color:var(--text-muted);font-size:.9375rem;line-height:1.5}.screenshots{background:var(--bg-surface-alt)}.screenshots__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.screenshots__item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .3s,transform .3s;box-shadow:var(--shadow-sm)}.screenshots__item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.screenshots__item img,.screenshots__video{width:100%;height:auto;display:block}.screenshots__caption{padding:1rem 1.25rem;font-size:.9375rem;color:var(--text-muted);text-align:center}.pricing{background:var(--bg-page)}.pricing__card{max-width:480px;margin:0 auto 3rem;background:var(--bg-surface);border:2px solid var(--primary);border-radius:16px;padding:2.5rem;text-align:center;position:relative;box-shadow:var(--shadow-lg)}.pricing__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:.25rem 1rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;white-space:nowrap}.pricing__amount{display:flex;align-items:flex-start;justify-content:center;margin:1.5rem 0 .5rem}.pricing__currency{font-size:1.5rem;font-weight:700;margin-top:.5rem;color:var(--text-muted)}.pricing__price{font-family:var(--font-heading);font-size:clamp(3.5rem,2.5rem + 4vw,5.5rem);font-weight:700;line-height:1;letter-spacing:-.03em}.pricing__cents{font-size:2rem;font-weight:700;margin-top:.5rem}.pricing__tagline{color:var(--text-muted);margin-bottom:2rem;font-size:1rem}.pricing__features{list-style:none;text-align:left;margin-bottom:2rem}.pricing__features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:1rem;border-bottom:1px solid var(--border)}.pricing__features li:last-child{border-bottom:none}.pricing__features li svg{flex-shrink:0}.pricing__buy{width:100%}.pricing__guarantee{margin-top:1rem;font-size:.8125rem;color:var(--text-muted)}.comparison{max-width:800px;margin:0 auto}.comparison__title{text-align:center;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.comparison__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison__table{width:100%;border-collapse:collapse;font-size:.9375rem}.comparison__table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid var(--border);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.comparison__table td{padding:.75rem 1rem;border-bottom:1px solid oklch(.9 .01 80/.5)}.comparison__row--highlight{background:oklch(.55 .12 35/.06)}.comparison__row--highlight td{color:var(--text);font-weight:500}.faq{background:var(--bg-surface-alt)}.faq__list{max-width:720px;margin:0 auto}.faq__item{border-bottom:1px solid var(--border)}.faq__question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;font-size:1.0625rem;font-weight:600;cursor:pointer;list-style:none;transition:color .2s}.faq__question::-webkit-details-marker{display:none}.faq__question:after{content:"+";font-size:1.5rem;font-weight:400;color:var(--text-muted);transition:transform .3s var(--ease);flex-shrink:0;margin-left:1rem}details[open] .faq__question:after{content:"-"}.faq__question:hover{color:var(--primary)}.faq__answer{padding:0 0 1.25rem;color:var(--text-muted);line-height:1.6;font-size:1rem}.faq__answer a{color:var(--primary)}.success-section{padding:8rem 0 5rem;text-align:center;min-height:80vh;display:flex;align-items:center}.success__card{max-width:600px;margin:0 auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:3rem 2rem;box-shadow:var(--shadow-lg)}.success__icon{margin:0 auto 1.5rem;width:64px}.success__title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--primary)}.success__subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.125rem}.success__steps{text-align:left;padding-left:1.5rem;margin-bottom:2rem}.success__steps li{padding:.5rem 0;line-height:1.5}.success__help{color:var(--text-muted);font-size:.9375rem}.footer{border-top:1px solid var(--border);padding:2rem 0;background:var(--bg-page)}.footer__inner{flex-wrap:wrap;justify-content:space-between;gap:1rem}.footer__brand,.footer__inner{display:flex;align-items:center}.footer__brand{gap:.75rem}.footer__logo{font-family:var(--font-heading);font-weight:700;font-size:1rem}.footer__tagline{color:var(--text-muted);font-size:.875rem}.footer__links{display:flex;gap:1.5rem}.footer__links a{color:var(--text-muted);font-size:.875rem;text-decoration:none}.footer__links a:hover{color:var(--text);text-decoration:none}.footer__copy{width:100%;text-align:center;color:var(--text-muted);font-size:.8125rem;margin-top:1rem}.legal{padding:7rem 0 4rem}.legal__header{text-align:center;margin-bottom:3rem}.legal__header h1{font-family:var(--font-heading);font-size:clamp(2rem,1.5rem + 2vw,2.75rem);font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.legal__updated{color:var(--text-muted);font-size:.875rem}.legal__content{max-width:720px;margin:0 auto}.legal__content h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-top:2.5rem;margin-bottom:.75rem}.legal__content h3{font-size:1.125rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem}.legal__content p{margin-bottom:1rem;line-height:1.7;color:var(--text)}.legal__content ol,.legal__content ul{margin-bottom:1rem;padding-left:1.5rem}.legal__content li{margin-bottom:.5rem;line-height:1.6}.legal__content a{color:var(--primary)}.legal__content strong{font-weight:600}.contact{padding:7rem 0 4rem}.contact__header{text-align:center;margin-bottom:3rem}.contact__header h1{font-family:var(--font-heading);font-size:clamp(2rem,1.5rem + 2vw,2.75rem);font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.contact__header p{color:var(--text-muted);font-size:1.125rem}.contact-faq{max-width:720px;margin:0 auto 3rem}.contact-faq__title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.contact-faq__card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.contact-faq__item{padding:.75rem 0;border-bottom:1px solid var(--border)}.contact-faq__item:last-child{border-bottom:none;padding-bottom:0}.contact-faq__item:first-child{padding-top:0}.contact-faq__item strong{display:block;margin-bottom:.25rem;font-weight:600}.contact-faq__item p{color:var(--text-muted);font-size:.9375rem;line-height:1.5}.contact-faq__more{display:block;margin-top:1rem;font-size:.9375rem;color:var(--primary)}.contact-methods__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:900px;margin:0 auto 2rem}.contact-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem 1.5rem;text-align:center;transition:box-shadow .3s,transform .3s;box-shadow:var(--shadow-sm)}.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-card__icon{display:flex;justify-content:center;margin-bottom:1rem}.contact-card__icon svg{display:block}.contact-card__title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.contact-card__desc{color:var(--text-muted);font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.contact-card__link{display:inline-block;font-weight:600;font-size:.9375rem;color:var(--primary);word-break:break-all}.contact-card__hint{display:block;margin-top:.5rem;font-size:.8125rem;color:var(--text-muted)}.contact__note{text-align:center;color:var(--text-muted);font-size:.9375rem;max-width:480px;margin:0 auto}.docs{padding:7rem 0 4rem}.docs__header{text-align:center;margin-bottom:3rem}.docs__header h1{font-family:var(--font-heading);font-size:clamp(2rem,1.5rem + 2vw,2.75rem);font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.docs__header p{color:var(--text-muted);font-size:1.125rem}.docs__layout{display:grid;grid-template-columns:240px 1fr;grid-gap:3rem;gap:3rem;max-width:var(--max-w);margin:0 auto}.docs__sidebar{position:-webkit-sticky;position:sticky;top:80px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto}.docs__sidebar-nav{list-style:none;padding:0;border-left:2px solid var(--border)}.docs__sidebar-nav li{margin:0}.docs__sidebar-nav a{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;margin-left:-2px;transition:color .2s,border-color .2s}.docs__sidebar-nav a:hover{color:var(--text);text-decoration:none}.docs__sidebar-nav a.active{color:var(--primary);border-left-color:var(--primary);font-weight:600}.docs__toc{display:none;margin-bottom:2rem}.docs__toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--text);cursor:pointer}.docs__toc-toggle:after{content:"+";font-size:1.25rem;font-weight:400;color:var(--text-muted)}.docs__toc[data-open=true] .docs__toc-toggle:after{content:"-"}.docs__toc-list{list-style:none;padding:0;margin-top:.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:none}.docs__toc[data-open=true] .docs__toc-list{display:block}.docs__toc-list a{display:block;padding:.625rem 1rem;font-size:.875rem;color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--border)}.docs__toc-list li:last-child a{border-bottom:none}.docs__toc-list a:hover{color:var(--text);background:var(--bg-surface-alt);text-decoration:none}.docs__content{min-width:0}.docs__content h2{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin-top:3rem;margin-bottom:1rem;padding-top:1rem;letter-spacing:-.01em}.docs__content h2:first-child{margin-top:0}.docs__content h3{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem}.docs__content h4{font-size:1.0625rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem}.docs__content p{margin-bottom:1rem;line-height:1.7}.docs__content ol,.docs__content ul{margin-bottom:1rem;padding-left:1.5rem}.docs__content li{margin-bottom:.5rem;line-height:1.6}.docs__content img{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin:1.5rem 0}.docs__callout{padding:1rem 1.25rem;border-radius:var(--radius-sm);margin:1.5rem 0;font-size:.9375rem;line-height:1.6}.docs__callout--tip{background:oklch(.6 .15 145/.08);border-left:3px solid var(--success)}.docs__callout--warning{background:oklch(.7 .15 80/.1);border-left:3px solid oklch(.7 .15 80)}.docs__callout--note{background:oklch(.55 .12 35/.06);border-left:3px solid var(--primary)}.docs__callout strong{display:block;margin-bottom:.25rem;font-weight:600}.docs__kbd{display:inline-block;padding:.125rem .5rem;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.8125rem;line-height:1.4;box-shadow:0 1px 0 oklch(0 0 0/.08)}.docs__table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.9375rem}.docs__table th{text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid var(--border);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.docs__table td{padding:.625rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}.docs__table code{font-family:var(--font-mono);font-size:.8125rem;background:var(--bg-surface-alt);padding:.125rem .375rem;border-radius:3px}.pricing__legal{margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.pricing__legal a{color:var(--text-muted);text-decoration:underline}.pricing__legal a:hover{color:var(--primary)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@media (max-width:1024px){.features__grid{grid-template-columns:repeat(2,1fr)}.contact-methods__grid{grid-template-columns:1fr;max-width:480px}}@media (max-width:768px){.docs__layout{grid-template-columns:1fr;gap:0}.docs__sidebar{display:none}.docs__toc{display:block}}@media (max-width:640px){.container{padding:0 1rem}.steps{grid-template-columns:1fr;gap:1rem}.step{padding:1.5rem 1rem}.features__grid,.screenshots__grid{grid-template-columns:1fr}.pricing__card{padding:2rem 1.5rem}.nav__links{display:none}.nav__inner{grid-template-columns:1fr 1fr;padding:0 1rem}.nav__icon{width:120px;height:120px}.comparison__table{font-size:.8125rem}.comparison__table td,.comparison__table th{padding:.5rem}.contact,.docs,.legal{padding:5.5rem 0 3rem}.docs__table{font-size:.8125rem}.docs__table td,.docs__table th{padding:.5rem}.footer__inner{flex-direction:column;text-align:center}.footer__brand{flex-direction:column;gap:.25rem}.footer__links{flex-wrap:wrap;justify-content:center}}