*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{margin:0}#root{width:100%}:root{--serif:"Cormorant Garamond", Georgia, serif;--sans:"Plus Jakarta Sans", system-ui, sans-serif;--bg:#070707;--bg-2:#0d0d0d;--bg-3:#131313;--bg-card:#111;--text:#f0ede8;--muted:#f0ede875;--dim:#f0ede82e;--accent:#c9a96e;--border:#f0ede812;--border-h:#f0ede829;--spring:cubic-bezier(.32, .72, 0, 1);--out:cubic-bezier(.22, 1, .36, 1)}.app{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .6s var(--out), color .6s var(--out);font-weight:300;line-height:1.6;overflow-x:hidden}.reveal{opacity:0;transition:opacity .95s var(--out), transform .95s var(--out);transform:translateY(28px)}.reveal.in-view{opacity:1;transform:translateY(0)}.nav{z-index:40;transition:padding .5s var(--out);padding:20px 28px;position:fixed;inset:0 0 auto}.nav--scrolled{padding:14px 28px}.nav-inner{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);max-width:1180px;transition:background .5s var(--out), border-color .5s var(--out);background:#0707078c;border-radius:100px;justify-content:space-between;align-items:center;margin:0 auto;padding:12px 12px 12px 28px;display:flex}.nav-right{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--border-h);width:40px;height:40px;color:var(--text);cursor:pointer;transition:border-color .4s var(--out), background .4s var(--out), transform .5s var(--spring), color .4s var(--out);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;line-height:1;display:inline-flex}.theme-toggle:hover{background:#f0ede814;transform:rotate(22deg)scale(1.08)}.nav--scrolled .nav-inner{border-color:var(--border-h);background:#070707d1}.nav-logo{font-family:var(--serif);letter-spacing:.01em;color:var(--text);-webkit-user-select:none;user-select:none;font-size:21px;font-weight:400}.nav-pill{background:var(--text);color:var(--bg);font-size:12px;font-weight:500;font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;transition:background .4s var(--spring), transform .4s var(--spring);border-radius:100px;align-items:center;gap:6px;padding:10px 12px 10px 22px;text-decoration:none;display:inline-flex}.nav-pill:hover{background:#f0ede8db;transform:scale(.97)}.pill-icon{width:26px;height:26px;transition:transform .4s var(--spring);background:#0707071f;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.nav-pill:hover .pill-icon{transform:translate(1.5px,-1.5px)}.hero{align-items:flex-end;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(-45deg,#050505,#0b0d14,#0a0a1a,#080505) 0 0/400% 400%;animation:22s infinite gradFlow;position:absolute;inset:0}@keyframes gradFlow{0%,to{background-position:0%}50%{background-position:100%}}.hero-video{object-fit:cover;opacity:.55;filter:blur(3px)saturate(.7);will-change:transform;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px;transform:scale(1.02)}.hero-overlay{background:linear-gradient(105deg,#070707eb 0%,#0707078c 50%,#07070747 100%),linear-gradient(#07070726 0%,#07070766 60%,#070707f5 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:740px;animation:heroUp 1.5s var(--out) both;padding:0 64px 88px;position:relative}@keyframes heroUp{0%{opacity:0;transform:translateY(44px)}to{opacity:1;transform:translateY(0)}}.hero-badge{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:100px;align-items:center;gap:10px;margin-bottom:38px;padding:8px 18px;font-size:10px;font-weight:500;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2.2s infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.hero-headline{font-family:var(--serif);letter-spacing:-.035em;color:var(--text);margin-bottom:30px;font-size:clamp(58px,8vw,116px);font-weight:300;line-height:.98}.hero-headline em{font-style:italic;font-weight:300}.hero-sub{color:var(--muted);margin-bottom:46px;font-size:clamp(15px,1.4vw,17px);font-weight:300;line-height:1.78}.cta-btn{background:var(--text);color:var(--bg);font-size:14px;font-weight:500;font-family:var(--sans);transition:background .45s var(--spring), transform .45s var(--spring);border-radius:100px;align-items:center;gap:10px;margin-bottom:52px;padding:18px 18px 18px 36px;text-decoration:none;display:inline-flex}.cta-btn:hover{background:#f0ede8db;transform:scale(.97)}.btn-icon{width:34px;height:34px;transition:transform .4s var(--spring);background:#0707071c;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.cta-btn:hover .btn-icon{transform:translate(2px,-2px)scale(1.05)}.hero-tags{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-size:10px;font-weight:400}.container{max-width:1180px;margin:0 auto;padding:0 64px}.container--center{text-align:center}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;font-size:10px;font-weight:500}.sec-title{font-family:var(--serif);letter-spacing:-.028em;color:var(--text);margin-bottom:72px;font-size:clamp(40px,5.5vw,72px);font-weight:300;line-height:1.04}.sec-title em{font-style:italic}.section-steps{border-top:1px solid var(--border)}.step-moment{align-items:center;gap:80px;max-width:1280px;min-height:88vh;margin:0 auto;padding:100px 80px;display:flex}.step-moment--flip{flex-direction:row-reverse}.step-text{flex:0 0 42%}.step-kicker{font-family:var(--serif);color:var(--dim);letter-spacing:-.04em;margin-bottom:14px;font-size:96px;font-weight:300;line-height:.88;display:block}.step-headline{font-family:var(--serif);letter-spacing:-.03em;color:var(--text);text-transform:lowercase;margin-bottom:28px;font-size:clamp(40px,5vw,72px);font-weight:300;line-height:1.05}.step-headline em{font-style:italic}.step-body{color:var(--muted);max-width:380px;font-size:clamp(14px,1.2vw,16px);font-weight:300;line-height:1.85}.step-visual{flex:1;justify-content:center;align-items:center;display:flex}.wa-mockup{background:#111b21;border-radius:18px;width:340px;overflow:hidden;box-shadow:0 48px 96px #0000007a,0 0 0 1px #ffffff0d}.wa-titlebar{background:#1a2529;align-items:center;gap:6px;padding:12px 16px 10px;display:flex}.wa-titlebar-dot{background:#ffffff1f;border-radius:50%;width:10px;height:10px}.wa-titlebar-dot:first-child{background:#ff5f56}.wa-titlebar-dot:nth-child(2){background:#ffbd2e}.wa-titlebar-dot:nth-child(3){background:#27c93f}.wa-header{background:#1f2c33;align-items:center;gap:12px;padding:12px 16px;display:flex}.wa-avatar{color:#fff;width:38px;height:38px;font-size:11px;font-weight:600;font-family:var(--sans);letter-spacing:.02em;background:#00a884;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wa-info{flex-direction:column;gap:2px;display:flex}.wa-name{color:#e9edef;font-size:14px;font-weight:500;font-family:var(--sans)}.wa-online{color:#8696a0;font-size:12px;font-family:var(--sans)}.wa-chat{background:#0d1418;flex-direction:column;gap:8px;min-height:190px;padding:16px 12px 22px;display:flex}.wa-bubble{max-width:85%;font-size:13px;line-height:1.52;font-family:var(--sans);border-radius:8px;padding:8px 12px 22px;position:relative}.wa-bubble--recv{color:#e9edef;background:#202c33;border-radius:0 8px 8px;align-self:flex-start}.wa-bubble--sent{color:#e9edef;background:#005c4b;border-radius:8px 8px 0;align-self:flex-end}.wa-time{color:#8696a0b8;font-size:10px;position:absolute;bottom:5px;right:10px}.wa-typing{background:#202c33;border-radius:0 12px 12px;align-self:flex-start;align-items:center;gap:4px;width:fit-content;padding:10px 14px;display:flex}.wa-typing span{background:#8696a0;border-radius:50%;width:6px;height:6px;animation:1.4s infinite waType}.wa-typing span:nth-child(2){animation-delay:.2s}.wa-typing span:nth-child(3){animation-delay:.4s}@keyframes waType{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.wa-file-card{width:90%;font-family:var(--sans);background:#202c33;border-radius:8px;align-self:flex-start;align-items:center;gap:10px;padding:10px 12px;display:flex}.wa-file-ico{flex-shrink:0;font-size:22px;line-height:1}.wa-file-name{color:#e9edef;font-size:13px;font-weight:500}.wa-file-meta{color:#8696a0;margin-top:2px;font-size:11px}.gen-mockup{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:360px;padding:28px;box-shadow:0 48px 96px #0006,0 0 0 1px #ffffff0a}.gen-top{align-items:center;gap:10px;margin-bottom:22px;display:flex}.gen-pulse{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s infinite dotPulse}.gen-label{color:var(--muted);font-size:13px;font-family:var(--sans)}.gen-thumbs{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:22px;display:grid}.gen-thumb{background:var(--bg-3);border-radius:8px;flex-direction:column;gap:5px;padding:10px 9px;animation:2.2s ease-in-out infinite genShimmer;display:flex}.gen-thumb--cover{grid-column:1/-1}@keyframes genShimmer{0%,to{opacity:.55}50%{opacity:1}}.gen-thumb-bar{background:var(--border-h);border-radius:3px;width:75%;height:5px}.gen-thumb-bar--title{background:#f0ede840;width:55%;height:8px}.gen-thumb-bar--sm{width:45%}.gen-footer{align-items:center;gap:12px;display:flex}.gen-bar-wrap{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.gen-bar-fill{background:var(--accent);border-radius:2px;height:100%;animation:4s ease-in-out infinite genFill}@keyframes genFill{0%{width:38%}50%{width:82%}to{width:38%}}.gen-pct{color:var(--muted);font-size:12px;font-family:var(--sans);text-align:right;min-width:28px}.section-features{border-top:1px solid var(--border);background:var(--bg-2);padding:148px 0}.bento{background:var(--border);border-radius:20px;grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.bento-shell{background:var(--bg-2);transition:background .4s var(--out);padding:2px}.bento-shell:hover{background:var(--bg-3)}.bento-core{background:var(--bg-card);height:100%;transition:background .4s var(--out);border-radius:18px;padding:52px 56px;box-shadow:inset 0 1px #ffffff0a}.bento-shell:hover .bento-core{background:#161616}.bento-icon{margin-bottom:22px;font-size:30px;line-height:1;display:block}.bento-title{letter-spacing:-.02em;color:var(--text);margin-bottom:12px;font-size:21px;font-weight:400}.bento-desc{color:var(--muted);max-width:340px;font-size:14px;line-height:1.82}.section-waitlist{border-top:1px solid var(--border);padding:180px 64px}.waitlist-sub{color:var(--muted);margin-top:-44px;margin-bottom:52px;font-size:16px;font-weight:300;line-height:1.78}.waitlist-form{justify-content:center;display:flex}.input-shell{border:1px solid var(--border);width:100%;max-width:540px;transition:border-color .4s var(--out);background:#f0ede80a;border-radius:100px;align-items:center;gap:6px;padding:6px 6px 6px 26px;display:flex}.input-shell:focus-within{border-color:var(--border-h)}.waitlist-input{min-width:0;color:var(--text);font-size:15px;font-weight:300;font-family:var(--sans);background:0 0;border:none;outline:none;flex:1}.waitlist-input::placeholder{color:var(--dim)}.waitlist-btn{background:var(--text);color:var(--bg);font-size:13px;font-weight:500;font-family:var(--sans);cursor:pointer;white-space:nowrap;transition:background .4s var(--spring), transform .4s var(--spring);border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 16px 14px 26px;display:inline-flex}.waitlist-btn:hover{background:#f0ede8db;transform:scale(.97)}.waitlist-btn .btn-icon{width:28px;height:28px;font-size:12px}.waitlist-btn:hover .btn-icon{transform:translate(1.5px,-1.5px)scale(1.05)}.waitlist-success{font-family:var(--serif);color:var(--accent);letter-spacing:-.01em;font-size:30px;font-weight:300}.waitlist-success em{font-style:italic}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:36px 64px;display:flex}.footer-logo{font-family:var(--serif);color:var(--text);font-size:19px;font-weight:400}.footer-link{color:var(--muted);letter-spacing:.04em;transition:color .35s var(--out);font-size:12px;text-decoration:none}.footer-link:hover{color:var(--text)}.footer-copy{color:var(--dim);font-size:12px}@media (width<=900px){.steps{grid-template-columns:1fr}.step{padding:36px 0}.bento{border-radius:14px;grid-template-columns:1fr}.bento-core{border-radius:12px;padding:40px 36px}.sec-title{margin-bottom:48px}}@media (width<=768px){.nav{padding:14px 16px}.nav-inner{padding:10px 10px 10px 22px}.nav-logo{font-size:18px}.hero-content{padding:0 24px 64px}.hero-badge{margin-bottom:28px}.hero-sub{display:none}.cta-btn{padding:16px 16px 16px 28px}.container{padding:0 24px}.section-how,.section-features{padding:96px 0}.section-waitlist{padding:120px 24px}.input-shell{border-radius:20px;flex-direction:column;gap:10px;max-width:100%;padding:16px}.waitlist-input{width:100%;padding:4px 0}.waitlist-btn{border-radius:100px;justify-content:center;width:100%;padding:16px 24px}.waitlist-btn .btn-icon{display:none}.footer{text-align:center;flex-direction:column;gap:12px;padding:28px 24px}.step-moment{gap:48px;min-height:auto;padding:72px 24px;flex-direction:column!important}.step-text{flex:none}.step-kicker{font-size:64px}.wa-mockup{width:100%;max-width:340px}.gen-mockup{width:100%;max-width:360px}}[data-theme=light] .wa-mockup{background:#f0f2f5;box-shadow:0 48px 96px #0000001a,0 0 0 1px #0f0e0c12}[data-theme=light] .wa-titlebar{background:#e2e5e9}[data-theme=light] .wa-header{background:#008069}[data-theme=light] .wa-name{color:#fff}[data-theme=light] .wa-online{color:#ffffffbf}[data-theme=light] .wa-chat{background:#efeae2}[data-theme=light] .wa-bubble--recv{color:#111b21;background:#fff}[data-theme=light] .wa-bubble--sent{color:#111b21;background:#d9fdd3}[data-theme=light] .wa-time{color:#0f0e0c59}[data-theme=light] .wa-typing{background:#fff}[data-theme=light] .wa-typing span{background:#667781}[data-theme=light] .wa-file-card{background:#fff}[data-theme=light] .wa-file-name{color:#111b21}[data-theme=light] .wa-file-meta{color:#667781}[data-theme=light] .gen-mockup{box-shadow:0 48px 96px #00000014,0 0 0 1px #0f0e0c0f}[data-theme=light]{--bg:#f9f7f3;--bg-2:#f3f0ea;--bg-3:#ece9e1;--bg-card:#e9e5dc;--text:#0f0e0c;--muted:#0f0e0c85;--dim:#0f0e0c47;--accent:#8a5e1a;--border:#0f0e0c1a;--border-h:#0f0e0c38}[data-theme=light] .nav-inner{background:#f9f7f3a6;border-color:#0f0e0c1a}[data-theme=light] .nav--scrolled .nav-inner{background:#f9f7f3eb;border-color:#0f0e0c29}[data-theme=light] .nav-pill{color:#f9f7f3;background:#0f0e0c}[data-theme=light] .nav-pill:hover{background:#0f0e0cd1}[data-theme=light] .pill-icon{background:#f9f7f324}[data-theme=light] .theme-toggle{color:#0f0e0c;border-color:#0f0e0c33}[data-theme=light] .theme-toggle:hover{background:#0f0e0c0f}[data-theme=light] .hero-bg{background:linear-gradient(-45deg,#ede8df,#e8e3d8,#f0ece3,#e5e0d5) 0 0/400% 400%}[data-theme=light] .hero-video{opacity:.72;filter:saturate(.65)}[data-theme=light] .hero-overlay{background:linear-gradient(105deg,#f9f7f3db 0%,#f9f7f361 45%,#f9f7f30f 100%),linear-gradient(#0000 0%,#f9f7f338 65%,#f9f7f3e6 100%)}[data-theme=light] .hero-badge{color:#0f0e0c80;border-color:#0f0e0c24}[data-theme=light] .cta-btn{color:#f9f7f3;background:#0f0e0c}[data-theme=light] .cta-btn:hover{background:#0f0e0cd6}[data-theme=light] .btn-icon{background:#f9f7f324}[data-theme=light] .section-how,[data-theme=light] .step{border-top-color:#0f0e0c1a}[data-theme=light] .step:hover{border-top-color:#0f0e0c42}[data-theme=light] .section-features{border-top-color:#0f0e0c1a}[data-theme=light] .bento{background:#0f0e0c17}[data-theme=light] .bento-shell{background:#f3f0ea}[data-theme=light] .bento-shell:hover{background:#ece9e1}[data-theme=light] .bento-core{background:#e9e5dc;box-shadow:inset 0 1px #ffffff8c}[data-theme=light] .bento-shell:hover .bento-core{background:#e3dfd5}[data-theme=light] .section-waitlist{border-top-color:#0f0e0c1a}[data-theme=light] .input-shell{background:#0f0e0c0a;border-color:#0f0e0c1f}[data-theme=light] .input-shell:focus-within{border-color:#0f0e0c47}[data-theme=light] .waitlist-btn{color:#f9f7f3;background:#0f0e0c}[data-theme=light] .waitlist-btn:hover{background:#0f0e0cd6}[data-theme=light] .waitlist-btn .btn-icon{background:#f9f7f324}[data-theme=light] .footer{border-top-color:#0f0e0c1a}