:root{--bg:#f3f5f9;--bg-soft:#e9edf4;--bg-elevated:#ffffff;--bg-deep:#0c2547;--text:#0f1933;--text-secondary:#4a5274;--text-tertiary:#6f7892;--text-on-accent:#ffffff;--border:#dde1ea;--border-strong:#c5cad6;--accent:#143257;--accent-hover:#1c4380;--accent-soft:#e3ecf6;--link:#1e4d8c;--success:#15803d;--warning:#b45309;--danger:#b91c1c;--shadow-sm:0 1px 2px rgba(15,25,51,0.06);--shadow:0 6px 24px rgba(15,25,51,0.08);--shadow-lg:0 16px 40px rgba(15,25,51,0.12);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--maxw:1180px;--maxw-prose:720px;--hero-mesh:radial-gradient(1200px 600px at 50% -200px,rgba(30,77,140,0.18),transparent 60%),radial-gradient(600px 400px at 15% 30%,rgba(195,215,240,0.55),transparent 70%),radial-gradient(700px 500px at 85% 10%,rgba(20,50,87,0.10),transparent 65%);--dot-grid:radial-gradient(rgba(15,25,51,0.10) 1px,transparent 0)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}a{color:var(--link);text-decoration:none;transition:color .12s ease}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:6px}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.1;margin:0 0 .6em;color:var(--text);font-weight:700}h1{font-size:clamp(2.4rem,5.5vw,4.25rem);letter-spacing:-.035em;line-height:1.04}h2{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.025em}h3{font-size:1.2rem;font-weight:650;letter-spacing:-.01em}ol,p,ul{margin:0 0 1em}ol,ul{padding-left:1.4em}li{margin-bottom:.5em}code,pre{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}code{padding:.1em .35em;font-size:.92em}pre{padding:1em;overflow-x:auto}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.prose{max-width:var(--maxw-prose);margin:0 auto;padding:48px 24px 96px;font-size:1.0625rem;line-height:1.7}.prose p strong{font-weight:700}.prose h2{margin-top:2em}.prose ol,.prose ul{line-height:1.65}.legacy-banner{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow)}.legacy-banner__inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between}.legacy-banner__copy{flex:1 1 320px;font-size:.95rem;line-height:1.4}.legacy-banner__copy strong{font-weight:700}.legacy-banner__copy a{color:var(--text-on-accent);text-decoration:underline}.legacy-banner__actions{display:flex;gap:10px;flex-wrap:wrap}.legacy-banner .button{padding:9px 18px;font-size:.92rem}.legacy-banner .button.secondary{background:transparent;color:var(--text-on-accent)!important;border-color:rgba(255,255,255,.55)}.legacy-banner .button.secondary:hover{background:rgba(255,255,255,.12);color:var(--text-on-accent)!important;border-color:var(--text-on-accent)}.legacy-banner .button:disabled{opacity:.7;cursor:progress;transform:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;background:var(--accent);font-weight:600;font-size:.98rem;letter-spacing:.005em;border:1px solid var(--accent);cursor:pointer;transition:background .14s ease,transform .14s ease,border-color .14s ease,box-shadow .14s ease;box-shadow:var(--shadow-sm)}.button,.button:hover{color:var(--text-on-accent)!important;text-decoration:none}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button .icon{width:16px;height:16px}.button.secondary{background:var(--bg-elevated);color:var(--text)!important;border:1px solid var(--border-strong);box-shadow:none}.button.secondary:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)!important;text-decoration:none;transform:translateY(-1px)}.card{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;isolation:isolate}.card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from 180deg at 50% 50%,transparent 0,rgba(30,77,140,.55) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .32s ease;pointer-events:none;z-index:-1}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:transparent}.card:hover:before{opacity:1}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}.site-header .brand{font-weight:700;font-size:1.15rem;color:var(--text);text-decoration:none;letter-spacing:-.022em;display:inline-flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:12px;transition:background .12s ease}.site-header .brand:hover{text-decoration:none;background:var(--accent-soft)}.site-header .brand .brand-icon{width:32px;height:32px;border-radius:8px;display:block;box-shadow:0 1px 2px rgba(15,25,51,.12)}.primary-nav-wrap{gap:14px}.primary-nav,.primary-nav-wrap{display:flex;align-items:center}.primary-nav{position:relative;gap:2px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--bg) 60%,transparent)}.nav-indicator{position:absolute;top:4px;bottom:4px;left:0;background:var(--accent-soft);border-radius:999px;pointer-events:none;z-index:0;transform:translateX(0);transition:transform .36s cubic-bezier(.22,.61,.36,1),width .36s cubic-bezier(.22,.61,.36,1),opacity .2s ease}.nav-item{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;color:var(--text-secondary);font-weight:500;font-size:.96rem;transition:color .2s ease;white-space:nowrap}.nav-item:hover{color:var(--text);text-decoration:none}.nav-item.is-active{color:var(--accent)}.nav-cta{padding:9px 18px;font-size:.92rem;white-space:nowrap}.nav-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:transparent;border:1px solid var(--border-strong);color:var(--text);cursor:pointer;padding:0;transition:background .14s ease,border-color .14s ease,color .14s ease}.nav-hamburger:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mobile-nav-panel{display:none;position:absolute;top:100%;left:0;right:0;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border);padding:12px 24px 18px;box-shadow:var(--shadow)}.mobile-nav-panel.is-open{display:block}.mobile-nav-panel nav{display:flex;flex-direction:column;gap:4px}.mobile-nav-item{display:block;padding:14px 16px;border-radius:12px;color:var(--text);font-weight:500;font-size:1rem;text-decoration:none;transition:background .12s ease,color .12s ease}.mobile-nav-item:hover{background:var(--bg-elevated);text-decoration:none}.mobile-nav-item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}@media (max-width:760px){.primary-nav-wrap{gap:8px}.primary-nav{display:none}.nav-hamburger{display:inline-flex}.site-header .brand-word{display:none}.nav-cta{padding:8px 14px;font-size:.88rem}}@media (max-width:380px){.nav-cta{padding:8px 12px;font-size:.84rem}.nav-hamburger{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.nav-indicator{transition:opacity .2s ease}}.hero{position:relative;padding:clamp(72px,12vw,140px) 0 clamp(56px,9vw,100px);background:var(--hero-mesh),var(--bg);overflow:hidden;text-align:center}.hero:before{content:"";position:absolute;inset:0;background-image:var(--dot-grid);background-size:24px 24px;background-position:top;opacity:.4;-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 30%,transparent 90%);mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 30%,transparent 90%);pointer-events:none}.hero .container{position:relative;z-index:1;max-width:920px}.eyebrow{display:inline-block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:999px;margin-bottom:24px}.hero h1{max-width:22ch;margin:0 auto 22px;color:var(--text)}.hero .lede{font-size:clamp(1.1rem,1.7vw,1.32rem);color:var(--text-secondary);max-width:60ch;margin:0 auto 36px;line-height:1.5}.cta-row{display:inline-flex;flex-wrap:wrap;gap:12px}.hero .cta-row{justify-content:center;margin-bottom:28px}.trust-row{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center}.trust-row .trust-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:.86rem;color:var(--text-secondary);font-weight:500}.trust-row .trust-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);display:inline-block}section.section{padding:clamp(56px,9vw,110px) 0;border-top:1px solid var(--border)}section.section.alt{background:var(--bg-soft)}section.section .section-eyebrow{display:block;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}section.section h2{max-width:22ch;margin-bottom:18px}section.section .section-lede{color:var(--text-secondary);font-size:1.12rem;max-width:62ch;margin:0 0 40px;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:20px;gap:20px}.feature-grid .card .feature-glyph{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.feature-grid .card h3{margin-bottom:6px;font-size:1.08rem}.feature-grid .card p{color:var(--text-secondary);font-size:.96rem;margin:0;line-height:1.55}.snap-deck-wrap{position:relative;margin:0 -24px;padding:8px 0}.snap-deck{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 24px 24px;scroll-padding-left:24px}.snap-deck::-webkit-scrollbar{display:none}.snap-deck>.card{flex:0 0 280px;scroll-snap-align:start}@media (min-width:720px){.snap-deck>.card{flex-basis:320px}}.snap-hint{font-size:.85rem;color:var(--text-tertiary);margin-bottom:6px;display:flex;align-items:center;gap:8px}.snap-hint:after{content:"→";color:var(--accent);font-size:1.1rem;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateX(0);opacity:.6}50%{transform:translateX(4px);opacity:1}}.duo{display:grid;grid-template-columns:1fr;grid-gap:36px;gap:36px;align-items:center}@media (min-width:880px){.duo{grid-template-columns:1fr 1fr;gap:56px}.duo.duo-right>:first-child{order:2}}.duo .duo-visual{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(160deg,var(--bg-elevated),var(--bg-soft));border:1px solid var(--border);padding:24px;display:flex;align-items:center;justify-content:center;min-height:320px;box-shadow:var(--shadow)}.story{display:grid;grid-template-columns:1fr;grid-gap:36px;gap:36px;align-items:start}@media (min-width:920px){.story{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px}}.story .story-text{position:relative}@media (min-width:920px){.story .story-text{position:-webkit-sticky;position:sticky;top:120px;align-self:start}}.story .story-panels{display:grid;grid-gap:18px;gap:18px}.story .story-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;display:flex;gap:18px;align-items:flex-start;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.story .story-panel:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.story .story-panel .story-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.story .story-panel h3{margin:0 0 4px;font-size:1.05rem}.story .story-panel p{margin:0;color:var(--text-secondary);font-size:.96rem;line-height:1.55}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:24px;gap:24px;text-align:left;padding-top:8px}.stat-row .stat .stat-num{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;letter-spacing:-.03em;color:var(--accent);line-height:1;margin-bottom:6px;display:block}.stat-row .stat .stat-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.device-frame{display:flex;justify-content:center;align-items:center;width:100%}.device-frame svg{width:100%;max-width:280px;height:auto;display:block;filter:drop-shadow(0 22px 50px rgba(15,25,51,.18))}.illustration{display:flex;justify-content:center;align-items:center}.illustration svg{width:100%;max-width:460px;height:auto}.duo-visual.illustration-frame{padding:0}.illustration-img{width:100%;height:100%;min-height:360px;max-height:520px;object-fit:cover;display:block;border-radius:var(--radius-xl)}.duo-visual.screenshot-deck-wrap{padding:32px 8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;background:radial-gradient(60% 50% at 50% 0,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%),linear-gradient(160deg,var(--bg-deep) 0,var(--accent) 100%);border:1px solid color-mix(in srgb,var(--accent) 60%,#ffffff 0%);min-height:0;position:relative;overflow:hidden}.duo-visual.screenshot-deck-wrap:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 0);background-size:28px 28px;opacity:.5;pointer-events:none}.screenshot-deck{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 24px 28px;scroll-padding-left:24px;position:relative;z-index:1}.screenshot-deck::-webkit-scrollbar{display:none}.screenshot-img{flex:0 0 auto;width:220px;height:auto;scroll-snap-align:center;border-radius:38px;box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.06);background:var(--bg-elevated);transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease}.screenshot-img:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 36px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1);z-index:2}@media (min-width:720px){.screenshot-img{width:240px;border-radius:42px}}.screenshot-caption{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.88rem;color:rgba(255,255,255,.78);font-weight:500;padding:0 12px;letter-spacing:.01em;position:relative;z-index:1}.screenshot-caption:after{content:"→";color:rgba(255,255,255,.95);font-size:1.05rem;animation:nudge 1.6s ease-in-out infinite}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.value-grid .pill{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;font-size:.97rem;color:var(--text-secondary);line-height:1.55;transition:border-color .16s ease,transform .16s ease}.value-grid .pill:hover{border-color:var(--border-strong);transform:translateY(-2px)}.value-grid .pill strong{color:var(--text);font-weight:650;display:block;margin-bottom:6px}section.cta-band{background:linear-gradient(135deg,var(--bg-deep) 0,var(--accent) 100%);color:#ffffff;text-align:center;padding:clamp(64px,9vw,110px) 0;position:relative;overflow:hidden}section.cta-band:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 0);background-size:32px 32px;opacity:.6;pointer-events:none}section.cta-band .container{position:relative}section.cta-band h2,section.cta-band p{color:#ffffff}section.cta-band .section-lede{color:rgba(255,255,255,.85);margin-left:auto;margin-right:auto}section.cta-band .cta-row{gap:16px}section.cta-band .button{background:#ffffff;color:var(--accent)!important;border-color:#ffffff;min-width:200px}section.cta-band .button:hover{background:var(--accent-soft);color:var(--accent)!important;border-color:var(--accent-soft)}section.cta-band .button.secondary{background:transparent;color:#ffffff!important;border-color:rgba(255,255,255,.4);min-width:200px}section.cta-band .button.secondary:hover{background:rgba(255,255,255,.08);color:#ffffff!important}.site-footer{background:var(--bg-deep);color:rgba(255,255,255,.7);padding:64px 0 36px;font-size:.92rem}.site-footer .container{display:grid;grid-template-columns:1.5fr 2fr;grid-gap:48px;gap:48px;align-items:start}.site-footer .footer-brand{display:flex;flex-direction:column;gap:12px}.site-footer .footer-brand .brand{color:#ffffff;font-weight:700;font-size:1.1rem;letter-spacing:-.022em;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.site-footer .footer-brand .brand-icon{width:28px;height:28px;border-radius:7px;display:block;box-shadow:0 1px 2px rgba(0,0,0,.2)}.site-footer .footer-brand p{color:rgba(255,255,255,.65);font-size:.92rem;margin:0;max-width:44ch;line-height:1.55}.site-footer .footer-nav{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px}.site-footer .footer-col{display:flex;flex-direction:column;gap:10px}.site-footer .footer-col h4{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.55);margin:0 0 4px}.site-footer .footer-col a{color:rgba(255,255,255,.85);font-weight:500;padding:2px 0}.site-footer .footer-col a:hover{color:#ffffff;text-decoration:underline}.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:24px;color:rgba(255,255,255,.55);font-size:.82rem;text-align:center}@media (max-width:720px){.site-footer .container{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}@supports (animation-timeline:view()){@keyframes reveal-anim{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(20px);transition:none;animation:reveal-anim linear both;animation-timeline:view();animation-range:entry 0 cover 22%}.reveal.is-visible{opacity:1;transform:none}}.legal-meta{color:var(--text-tertiary);font-size:.92rem;margin-bottom:32px}.faq dt{font-weight:650;margin-top:22px;color:var(--text);font-size:1.04rem}.faq dd{margin:6px 0 0;color:var(--text-secondary)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.snap-hint:after{animation:none}}