:root{--bg: #f7f2ec;--bg-alt: #efe8df;--ink: #1a1a1a;--ink-muted: #5c564e;--pink: #ff90e8;--pink-deep: #f06ad0;--yellow: #ffe66d;--mint: #b8f2e6;--card: #fffdf9;--border: rgba(26, 26, 26, .08);--shadow: 0 24px 80px rgba(26, 26, 26, .12);--shadow-sm: 0 8px 30px rgba(26, 26, 26, .08);--radius: 20px;--radius-sm: 12px;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--nav-h: 72px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--ink);background:var(--bg);overflow-x:hidden}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.mesh{pointer-events:none;position:fixed;inset:-20% -10% auto;height:70vh;z-index:-1;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(255,144,232,.35),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 10%,rgba(255,230,109,.4),transparent 55%),radial-gradient(ellipse 40% 30% at 60% 60%,rgba(184,242,230,.35),transparent 50%);animation:mesh-drift 18s ease-in-out infinite alternate}@keyframes mesh-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-2%,3%) scale(1.04)}}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;background:#1a1a1a0f;padding:.15em .45em;border-radius:6px}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--nav-h);padding:0 clamp(1rem,4vw,2.5rem);background:#f7f2ecbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.15rem;letter-spacing:-.03em}.nav-links{display:none;gap:1.75rem;font-size:.95rem;font-weight:500;color:var(--ink-muted)}.nav-links a:hover{color:var(--ink)}@media(min-width:768px){.nav-links{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:999px;font-weight:600;font-size:.95rem;border:2px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow)}.btn-secondary{background:var(--card);color:var(--ink);border-color:var(--border)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn-lg{padding:.85rem 1.75rem;font-size:1.05rem}.hero{display:grid;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1rem,4vw,2.5rem) 4rem}@media(min-width:1024px){.hero{grid-template-columns:1fr 1.05fr;gap:4rem}}.eyebrow{display:inline-block;margin:0 0 1rem;padding:.35rem .85rem;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-muted)}.hero h1{margin:0 0 1.25rem;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.25rem);font-weight:600;line-height:1.05;letter-spacing:-.03em}.hero h1 em{font-style:italic;color:var(--pink-deep)}.lead{margin:0 0 1.75rem;font-size:clamp(1.05rem,2vw,1.25rem);color:var(--ink-muted);max-width:34rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;margin:0;padding:0;list-style:none}.hero-stats strong{display:block;font-size:.95rem}.hero-stats span{font-size:.85rem;color:var(--ink-muted)}.hero-visual{position:relative}.device{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);overflow:hidden;transform:rotate(-1.5deg);animation:float-device 6s ease-in-out infinite}@keyframes float-device{0%,to{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}.device-bar{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:var(--bg-alt);border-bottom:1px solid var(--border)}.device-bar span{width:10px;height:10px;border-radius:50%;background:#1a1a1a1f}.device-bar p{flex:1;margin:0 0 0 .5rem;text-align:center;font-size:.75rem;color:var(--ink-muted)}.device-body{display:grid;grid-template-columns:140px 1fr;min-height:280px}.sidebar{padding:1rem .75rem;background:#1a1a1a08;border-right:1px solid var(--border)}.sidebar-title{margin:0 0 .75rem;padding:0 .5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.sidebar-item{padding:.5rem .65rem;margin-bottom:.25rem;border-radius:var(--radius-sm);font-size:.82rem;color:var(--ink-muted)}.sidebar-item.active{background:var(--ink);color:var(--bg);font-weight:600}.chat{display:flex;flex-direction:column;gap:.65rem;padding:1rem;justify-content:flex-end}.bubble{max-width:85%;padding:.65rem .9rem;border-radius:16px;font-size:.88rem;line-height:1.45}.bubble.them{align-self:flex-start;background:var(--bg-alt);border-bottom-left-radius:4px}.bubble.me{align-self:flex-end;background:var(--pink);border-bottom-right-radius:4px}.composer{margin-top:.5rem;padding:.75rem 1rem;border-radius:999px;border:1px dashed var(--border);font-size:.8rem;color:var(--ink-muted)}.float-card{position:absolute;padding:.85rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:.82rem;animation:float-card 5s ease-in-out infinite}.float-card p{margin:.35rem 0 0;color:var(--ink-muted)}.float-a{top:-12px;right:-8px;animation-delay:-1s}.float-b{bottom:24px;left:-16px;animation-delay:-2.5s}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}.pill-pink{background:var(--pink)}.pill-yellow{background:var(--yellow)}.section{max-width:1200px;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,2.5rem)}.section-alt{background:var(--bg-alt);max-width:none;border-block:1px solid var(--border)}.section-alt>*{max-width:1200px;margin-inline:auto}.section-head h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.02em;max-width:18ch}.section-sub{margin:1rem 0 0;font-size:1.1rem;color:var(--ink-muted);max-width:42rem}.bento{display:grid;gap:1rem;margin-top:2.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.bento-card{padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .25s ease}.bento-card:hover{transform:translateY(-4px)}.bento-large{grid-column:span 1}@media(min-width:768px){.bento-large{grid-column:span 2}}.bento-card h3{margin:0 0 .5rem;font-size:1.15rem}.bento-card p{margin:0;color:var(--ink-muted);font-size:.95rem}.bento-accent{background:linear-gradient(135deg,var(--yellow) 0%,var(--pink) 100%);border:none}.bento-accent p{color:#1a1a1abf}.mini-thread{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem}.mini-line{height:10px;border-radius:999px;background:#1a1a1a14;width:90%}.mini-line.short{width:55%}.steps{margin:2.5rem 0 0;padding:0;list-style:none;display:grid;gap:1.25rem}@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{display:flex;gap:1rem;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.step-num{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--pink-deep);line-height:1}.steps h3{margin:0 0 .35rem;font-size:1.05rem}.steps p{margin:0;font-size:.92rem;color:var(--ink-muted)}.split{display:grid;gap:2.5rem;align-items:center}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}.check-list{margin:1.5rem 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:1.75rem;margin-bottom:.65rem;color:var(--ink-muted)}.check-list li:before{content:"✓";position:absolute;left:0;font-weight:700;color:var(--pink-deep)}.code-card{background:var(--ink);color:#e8e4df;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.code-head{padding:.75rem 1rem;font-size:.78rem;font-family:ui-monospace,monospace;background:#ffffff0f;color:var(--pink)}.code-card pre{margin:0;padding:1.25rem;overflow-x:auto;font-size:.82rem;line-height:1.55}.quote-section{max-width:800px;margin:0 auto;padding:4rem 1.5rem;text-align:center}.quote-section blockquote{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.1rem);font-style:italic;line-height:1.35}.quote-by{margin:1.25rem 0 0;color:var(--ink-muted);font-size:.95rem}.cta-section{padding:2rem clamp(1rem,4vw,2.5rem) 5rem}.cta-card{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem);text-align:center;background:var(--ink);color:var(--bg);border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow)}.cta-card h2{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem)}.cta-card p{margin:0;color:#f7f2eccc;font-size:1.05rem}.cta-actions{margin:2rem 0 1.25rem}.cta-card .btn-primary{background:var(--pink);color:var(--ink)}.cta-note{font-size:.88rem!important;opacity:.7}.footer{padding:2rem clamp(1rem,4vw,2.5rem) 2.5rem;border-top:1px solid var(--border)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-copy,.footer-links{font-size:.88rem;color:var(--ink-muted)}.footer-links{display:flex;gap:.75rem;align-items:center}.footer-legal{max-width:1200px;margin:1.25rem auto 0;font-size:.78rem;color:var(--ink-muted);text-align:center}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay, 0s)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}