.header{z-index:100;transition:background var(--duration-normal)var(--ease-out),backdrop-filter var(--duration-normal)var(--ease-out),border-color var(--duration-normal)var(--ease-out);background:0 0;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--color-border-subtle);background:#0a0f14eb}.header__inner{max-width:var(--max-width);padding:var(--space-4)var(--space-8);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header__logo{align-items:center;gap:var(--space-3);color:var(--color-text-primary);text-decoration:none;display:flex}.header__logo-text{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest)}.header__nav{align-items:center;gap:var(--space-2);display:flex}.header__nav-link{padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out);text-decoration:none}.header__nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-surface)}.header__nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header__divider{background:var(--color-border);width:1px;height:20px;margin:0 var(--space-3)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--primary{background:var(--color-accent);color:var(--color-bg-deep);border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-muted);border-color:var(--color-accent-muted);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn--secondary{color:var(--color-text-primary);border-color:var(--color-border);background:0 0}.btn--secondary:hover{background:var(--color-bg-surface);border-color:var(--color-border-emphasis);transform:translateY(-2px)}.btn--ghost{color:var(--color-text-secondary);padding:var(--space-2)var(--space-3);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--color-text-primary);background:var(--color-bg-surface)}.btn__icon{width:16px;height:16px;transition:transform var(--duration-fast)var(--ease-out)}.btn:hover .btn__icon{transform:translate(2px)}.hero{align-items:center;min-height:100vh;display:flex;position:relative}.hero__canvas{position:absolute;inset:0}.hero__content{z-index:10;max-width:var(--max-width);padding:0 var(--space-8);pointer-events:none;width:100%;margin:0 auto;position:relative}.hero__content-inner{pointer-events:auto;max-width:560px}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);color:var(--color-ink-light);margin-bottom:var(--space-8);background:#0a0f14d9;display:inline-flex}.hero__badge-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-subtle}.hero__title{font-size:var(--text-hero);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-shadow:0 4px 40px var(--color-bg-deep);margin:0}.hero__title-accent{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-muted)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-top:var(--space-6);max-width:480px;text-shadow:0 2px 20px var(--color-bg-deep)}.hero__actions{gap:var(--space-4);margin-top:var(--space-10);flex-wrap:wrap;display:flex}.hero__stats{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle);gap:var(--space-12);flex-wrap:wrap;display:flex}.stat{text-align:left}.stat__value{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:1}.stat__suffix{color:var(--color-accent)}.stat__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2);letter-spacing:var(--tracking-wider);text-transform:uppercase}.scroll-indicator{bottom:var(--space-10);align-items:center;gap:var(--space-2);opacity:.5;transition:opacity var(--duration-normal)var(--ease-out);z-index:10;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator--hidden{opacity:0;pointer-events:none}.scroll-indicator__label{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:var(--tracking-widest);font-size:10px}.scroll-indicator__track{border:1px solid var(--color-border);border-radius:10px;justify-content:center;width:20px;height:32px;padding-top:6px;display:flex}.scroll-indicator__dot{background:var(--color-accent);border-radius:2px;width:3px;height:6px;animation:2s infinite scroll-hint}.section{padding:var(--space-24)0;position:relative}.section--features,.section--apps{background:var(--color-bg)}.section--tool-preview{background:linear-gradient(180deg,var(--color-bg)0%,var(--color-bg-elevated)50%,var(--color-bg)100%)}.section--use-cases{background:var(--color-bg)}.section--how-it-works{background:var(--color-bg-elevated);position:relative;overflow:hidden}.section--how-it-works:before{content:"";background-image:linear-gradient(var(--color-border-subtle)1px,transparent 1px),linear-gradient(90deg,var(--color-border-subtle)1px,transparent 1px);opacity:.3;pointer-events:none;background-size:48px 48px;position:absolute;inset:0}.section--proof,.section--faq{background:var(--color-bg)}.section--cta{background:linear-gradient(180deg,var(--color-bg)0%,var(--color-accent-dim)50%,var(--color-bg)100%)}.section__header{text-align:center;margin-bottom:var(--space-16)}.section__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);color:var(--color-accent);text-transform:uppercase;margin-bottom:var(--space-4)}.section__title{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0}.section__title-accent{color:var(--color-accent)}.section__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-4);max-width:560px;margin-left:auto;margin-right:auto}.features-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration-normal)var(--ease-out)}.feature-card:hover{background:var(--color-bg-surface);border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-card__icon{border-radius:var(--radius-md);background:var(--color-accent-dim);border:1px solid var(--color-accent-subtle);width:48px;height:48px;margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.feature-card__icon svg{width:24px;height:24px;color:var(--color-accent)}.feature-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-3)0}.feature-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.apps-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.app-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-normal)var(--ease-out);cursor:pointer;position:relative;overflow:hidden}.app-card:before{content:"";background:linear-gradient(90deg,transparent,var(--color-border),transparent);opacity:0;height:1px;transition:opacity var(--duration-normal)var(--ease-out);position:absolute;top:0;left:0;right:0}.app-card:hover{background:var(--color-bg-surface);border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-4px)}.app-card:hover:before{background:linear-gradient(90deg,transparent,var(--color-accent-muted),transparent);opacity:1}.app-card__sheet-code{top:var(--space-4);right:var(--space-4);position:absolute}.app-card__header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.app-card__icon{border-radius:var(--radius-md);background:var(--color-accent-dim);border:1px solid var(--color-accent-subtle);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.app-card__icon svg{width:22px;height:22px;color:var(--color-accent)}.app-card__meta{flex:1;min-width:0}.app-card__status{margin-bottom:var(--space-1)}.app-card__status--available{color:var(--color-accent)}.app-card__status--coming{color:var(--color-text-muted)}.app-card__name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.app-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.app-card__cta{align-items:center;gap:var(--space-2);margin-top:var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent);opacity:.7;transition:all var(--duration-fast)var(--ease-out);display:flex}.app-card:hover .app-card__cta{opacity:1;transform:translate(4px)}.tool-preview{max-width:960px;margin:0 auto}.tool-preview__frame{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:var(--shadow-lg);position:relative}.tool-preview__titlebar{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex}.tool-preview__dots{gap:var(--space-2);display:flex}.tool-preview__dot{background:var(--color-border);border-radius:50%;width:10px;height:10px}.tool-preview__dot--red{background:#f87171}.tool-preview__dot--yellow{background:#fbbf24}.tool-preview__dot--green{background:#4ade80}.tool-preview__title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;flex:1}.tool-preview__content{aspect-ratio:16/9;background:var(--color-bg-surface);border-radius:0 0 var(--radius-lg)var(--radius-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tool-preview__placeholder{align-items:center;gap:var(--space-4);color:var(--color-text-tertiary);flex-direction:column;display:flex}.tool-preview__placeholder-icon{opacity:.3;width:64px;height:64px}.tool-preview__callouts{pointer-events:none;position:absolute;inset:0}.tool-preview__callout{align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--color-ink-light);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:#0a0f14e6;font-size:10px;display:flex;position:absolute}.tool-preview__callout:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px}.use-cases-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.use-case{padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-normal)var(--ease-out)}.use-case:hover{border-color:var(--color-border);background:var(--color-bg-card)}.use-case__icon{width:40px;height:40px;margin-bottom:var(--space-4);color:var(--color-accent);opacity:.8}.use-case__title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0 0 var(--space-2)0}.use-case__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.steps{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid;position:relative}.step{text-align:center;padding:var(--space-8);position:relative}.step__number{font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:var(--weight-bold);color:var(--color-accent);opacity:.15;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%)}.step__content{z-index:1;position:relative}.step__icon{width:56px;height:56px;margin:0 auto var(--space-5);border-radius:var(--radius-lg);background:var(--color-accent-dim);border:1px solid var(--color-accent-subtle);justify-content:center;align-items:center;display:flex}.step__icon svg{width:28px;height:28px;color:var(--color-accent)}.step__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-3)0}.step__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.proof{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:768px){.proof{gap:var(--space-10);grid-template-columns:1fr}}.proof__content h3{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin:0 0 var(--space-5)0;letter-spacing:var(--tracking-tight)}.proof__content p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.proof__stats{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.proof__stat{padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.proof__stat-value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.proof__stat-suffix{color:var(--color-accent)}.proof__stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.testimonial{padding:var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);grid-column:span 2;position:relative}@media (max-width:768px){.testimonial{grid-column:span 1}}.testimonial__quote{font-size:var(--text-lg);color:var(--color-text-secondary);font-style:italic;line-height:var(--leading-relaxed);margin:0 0 var(--space-5)0}.testimonial__author{align-items:center;gap:var(--space-3);display:flex}.testimonial__avatar{background:var(--color-accent-dim);border:1px solid var(--color-accent-subtle);border-radius:50%;width:40px;height:40px}.testimonial__name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.testimonial__role{font-size:var(--text-xs);color:var(--color-text-tertiary)}.faq-list{max-width:var(--max-width-prose);margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border-subtle)}.faq-item:last-child{border-bottom:none}.faq-item__question{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5)0;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:color var(--duration-fast)var(--ease-out);background:0 0;border:none;display:flex}.faq-item__question:hover{color:var(--color-accent)}.faq-item__icon{width:20px;height:20px;color:var(--color-text-tertiary);transition:transform var(--duration-normal)var(--ease-out)}.faq-item--open .faq-item__icon{transform:rotate(45deg)}.faq-item__answer{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding-bottom:var(--space-5);display:none}.faq-item--open .faq-item__answer{display:block}.cta{text-align:center;max-width:640px;margin:0 auto}.cta__title{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin:0}.cta__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-5);line-height:var(--leading-relaxed)}.cta__actions{gap:var(--space-4);margin-top:var(--space-10);flex-wrap:wrap;justify-content:center;display:flex}.footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-16)0 var(--space-10);background:var(--color-bg)}.footer__grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr repeat(3,1fr);display:grid}@media (max-width:768px){.footer__grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}.footer__brand{gap:var(--space-4);flex-direction:column;display:flex}.footer__logo{align-items:center;gap:var(--space-3);color:var(--color-text-primary);text-decoration:none;display:flex}.footer__logo-text{font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest)}.footer__tagline{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:280px;line-height:var(--leading-relaxed)}.footer__column-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-primary);margin-bottom:var(--space-4)}.footer__links{gap:var(--space-3);flex-direction:column;display:flex}.footer__link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}.footer__link:hover{color:var(--color-accent)}.footer__bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-tertiary)}.footer__social{gap:var(--space-5);display:flex}.footer__social-link{font-size:var(--text-xs);color:var(--color-text-tertiary);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}.footer__social-link:hover{color:var(--color-accent)}@media (max-width:768px){.hero__content{padding:0 var(--space-5)}.hero__stats{gap:var(--space-8)}.header__nav{display:none}.section{padding:var(--space-16)0}.container{padding-left:var(--space-5);padding-right:var(--space-5)}}