:root{color-scheme:light;--ink:#13212d;--muted:#5c6c78;--paper:#f7fafc;--surface:#fff;--line:#dce6ec;--green:#1e7650;--green-soft:#e4f2ea;--blue:#176aa1;--blue-soft:#e3f1fb;--focus-ring:#000;--shadow:0 18px 50px #17364917}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{color:var(--ink);background:var(--paper);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}a{color:var(--green)}a:hover{color:#12583b}:where(a,button):focus-visible{outline-offset:2px;box-shadow:0 0 0 5px var(--focus-ring);outline:3px solid #fff}.skip-link{z-index:50;background:var(--ink);color:#fff;border-radius:.55rem;padding:.65rem .9rem;font-weight:800;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{color:#fff;transform:translateY(0)}.wrap{width:min(1120px,100% - 2rem);margin:0 auto}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#f7fafcf0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;font-weight:850;text-decoration:none}.brand span{color:var(--green)}.nav-links{flex-wrap:wrap;gap:.45rem .8rem;font-size:.92rem;display:flex}.product-nav{flex-wrap:nowrap}.nav-links a{min-height:2.75rem;color:var(--muted);align-items:center;padding:.35rem .4rem;text-decoration:none;display:inline-flex}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink)}.nav-links a[aria-current=page]{font-weight:750}.nav-store{white-space:nowrap;margin-top:0;padding:.62rem .85rem;font-size:.88rem}main{padding-bottom:4rem}.hero{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:3rem;padding:5.5rem 0 4.5rem;display:grid}.hero>*{min-width:0}.hero h1{overflow-wrap:anywhere}.hero-green{--accent:var(--green);--soft:var(--green-soft)}.hero-blue{--accent:var(--blue);--soft:var(--blue-soft)}.site.accent-green{--accent:var(--green);--soft:var(--green-soft)}.site.accent-blue{--accent:var(--blue);--soft:var(--blue-soft)}.eyebrow{color:var(--accent,var(--green));letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:850;line-height:1.4}h1,h2,h3{color:var(--ink);letter-spacing:-.035em;line-height:1.14}h1{max-width:780px;margin:.7rem 0 1.25rem;font-size:clamp(2.7rem,7vw,5.6rem)}h2{margin-top:3.5rem;font-size:clamp(1.8rem,3vw,2.65rem)}h3{margin-top:2rem;font-size:1.28rem}.lede{max-width:720px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.3rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin-top:1rem;display:flex}.button{background:var(--accent,var(--green));color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;margin-top:1rem;padding:.86rem 1.15rem;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 10px 22px #17465a29}.button:hover{color:#fff;filter:brightness(.92)}.button:focus-visible{box-shadow:0 0 0 5px var(--focus-ring)}.text-link{text-underline-offset:.2em;align-items:center;gap:.35rem;min-height:2.75rem;margin-top:1rem;font-weight:800;display:inline-flex}.hero-card{border:1px solid var(--line);background:var(--soft,var(--green-soft));box-shadow:var(--shadow);border-radius:1.5rem;padding:1.6rem}.hero-card strong{margin-bottom:.4rem;font-size:1.42rem;line-height:1.2;display:block}.hero-card p{margin:.75rem 0 0}.hero-product-image{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:var(--surface);border-radius:1rem;max-width:170px;margin:1.35rem auto 0;padding:.45rem}.hero-product-image img{object-fit:contain;background:#edf4f7;border-radius:.7rem;width:100%;height:190px;display:block}.hero-product-image figcaption{color:var(--muted);padding:.45rem .1rem .1rem;font-size:.72rem;line-height:1.35}.product-hero{align-items:stretch;padding:3.25rem 0 2.75rem}.product-hero h1{max-width:760px;font-size:clamp(2.4rem,5vw,4.25rem)}.behavior-loop,.audio-route,.profile-boundary{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:var(--soft);box-shadow:var(--shadow);border-radius:1.5rem;align-self:center;padding:1.5rem}.behavior-loop h2,.audio-route h2,.profile-boundary h2{margin:.45rem 0 1rem;font-size:clamp(1.65rem,3vw,2.25rem)}.profile-boundary ul{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.profile-boundary li{border-top:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));gap:.12rem;padding:.8rem 0;display:grid}.profile-boundary li:first-child{border-top:0;padding-top:0}.profile-boundary li b{color:var(--accent)}.profile-boundary li span{color:#334754;font-size:.94rem;line-height:1.5}.behavior-loop ol,.numbered-steps,.route-checks{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.behavior-loop li,.numbered-steps li,.route-checks li{grid-template-columns:2.4rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.step-number{background:var(--accent,var(--green));color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.78rem;font-weight:850;line-height:1;display:inline-grid}.behavior-loop b,.numbered-steps b,.route-checks b{line-height:1.35;display:block}.behavior-loop p,.numbered-steps p,.route-checks p{color:#334754;margin:.2rem 0 0;font-size:.94rem;line-height:1.5}.audio-route{flex-direction:column;justify-content:center;display:flex}.route-diagram{grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr) auto minmax(0,1fr);align-items:center;gap:.55rem;margin:.5rem 0 1.1rem;display:grid}.route-node{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));text-align:center;background:#ffffffb3;border-radius:.9rem;flex-direction:column;justify-content:center;min-height:5.1rem;padding:.8rem;display:flex}.route-node span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.route-node b{margin-top:.25rem;font-size:.92rem;line-height:1.25}.route-node-accent{background:var(--surface);box-shadow:0 8px 20px #17364914}.route-arrow{color:var(--accent);font-size:1.4rem;font-weight:900}.audio-route>p:last-child{margin:0;font-size:.95rem}.widget-preview{border:1px solid var(--line);background:var(--surface);max-width:380px;box-shadow:var(--shadow);border-radius:1.5rem;place-self:center;margin:0;padding:.7rem;transform:rotate(1.5deg)}.widget-preview img{object-fit:contain;object-position:center;background:#edf4f7;border-radius:1rem;width:100%;height:360px;display:block}.widget-preview figcaption{color:#334754;padding:.8rem .35rem .2rem;font-size:.9rem;line-height:1.5}.landing-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:1.25rem;margin:3rem 0;padding:1.8rem}.landing-panel h2{margin:.45rem 0 .8rem;font-size:clamp(1.7rem,3vw,2.45rem)}.landing-panel>.eyebrow{margin:0}.reference-features .feature-grid{margin-bottom:0}.anchor-target{height:0;scroll-margin-top:6rem;display:block}.choice-grid,.widget-moment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.3rem;display:grid}.choice-card,.widget-moment{border:1px solid var(--line);background:var(--paper);border-radius:1rem;padding:1.1rem}.choice-card-accent{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));background:var(--soft)}.choice-card h3,.widget-moment h3{margin:.35rem 0 .4rem}.choice-card p,.widget-moment p{margin:.35rem 0 0;font-size:.97rem}.numbered-steps,.route-checks{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.25rem}.numbered-steps li,.route-checks li{border-top:3px solid var(--accent);background:var(--soft);padding:1rem;display:block}.numbered-steps li .step-number,.route-checks li .step-number{margin-bottom:.7rem}.proof-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1rem;margin:1.5rem 0 0;padding:1rem 0 0;list-style:none;display:grid}.proof-list li{align-items:flex-start;gap:.5rem;font-size:.92rem;line-height:1.4;display:flex}.proof-list li>span{color:var(--accent);font-weight:900}.translator-proof-table{border:1px solid var(--line);border-radius:1rem;margin-top:1.4rem;overflow-x:auto}.translator-proof-table table{border-collapse:collapse;background:var(--paper);width:100%;min-width:620px;font-size:.96rem}.translator-proof-table th,.translator-proof-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.85rem 1rem}.translator-proof-table thead th{background:var(--soft);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.translator-proof-table tbody tr:last-child th,.translator-proof-table tbody tr:last-child td{border-bottom:0}.translator-proof-table tbody th{color:var(--ink);white-space:nowrap}.widget-moment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.moment-label{color:var(--accent);letter-spacing:.1em;font-size:.78rem;font-weight:850}.widget-evidence{margin-top:3rem}.variant-nav{margin-top:1.5rem}.meta-line{color:var(--muted);font-size:.9rem}.article{max-width:820px}.article p{color:#334754;font-size:1.08rem}.article .note{border-left:4px solid var(--accent,var(--green));background:var(--surface);color:var(--muted);margin:2rem 0;padding:1rem 1.2rem}.section-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:1rem 2rem;margin:2rem 0 2.5rem;padding:1.1rem 0;display:grid}.section-nav .eyebrow{margin:0}.section-nav p:not(.eyebrow){color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.section-nav ol{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.35rem 1.2rem;margin:0;padding:0;list-style:none;display:grid}.section-nav a{text-underline-offset:.2em;align-items:center;min-height:2.75rem;padding:.15rem 0;font-weight:750;display:inline-flex}.guide-callout{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:1.25rem;margin:2rem 0 2.5rem;padding:1.6rem}.guide-callout h2{margin:.5rem 0 .75rem;font-size:clamp(1.55rem,3vw,2.1rem)}.guide-callout p{margin:.5rem 0}.feature-grid,.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.8rem 0 1rem;display:grid}.feature,.app-card{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1.15rem}.feature b{color:var(--ink);display:block}.feature p,.app-card p{color:var(--muted);margin:.35rem 0 0;font-size:.96rem}.feature-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;margin:1.8rem 0 1rem;padding:0;list-style:none;display:grid}.feature-eyebrow{margin:2.5rem 0 0}.feature-list li{border-bottom:1px solid var(--line);align-items:flex-start;gap:.7rem;padding:1rem 0;display:flex}.feature-list b{color:var(--ink);line-height:1.4}.feature-mark{color:var(--accent,var(--green));flex:none;font-size:1.15rem;font-weight:900;line-height:1.25}.final-cta{border:1px solid var(--line);background:var(--soft,var(--green-soft));border-radius:1.25rem;margin-top:4rem;padding:1.8rem}.final-cta .eyebrow{margin:0}.final-cta h2{margin:.45rem 0 .7rem;font-size:clamp(1.65rem,3vw,2.3rem)}.final-cta p{margin:.5rem 0}.final-cta .button{margin-top:.75rem}.screenshots{border-top:1px solid var(--line);margin-top:4rem;padding-top:1.5rem}.screenshots h2{margin-top:.5rem}.product-evidence{margin-top:4rem}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.screenshot-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:1rem;margin:0;overflow:hidden}.screenshot-card img{aspect-ratio:222/480;object-fit:contain;background:#edf4f7;width:100%;height:auto;display:block}.related{border-top:1px solid var(--line);margin-top:4rem;padding-top:1.5rem}.related h2{margin-top:0}.related .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-section{border-top:1px solid var(--line);margin-top:4rem;padding-top:1.5rem}.faq-section h2{margin-top:.5rem}.faq-intro{max-width:760px;color:var(--muted)}.faq-list{border-top:1px solid var(--line);margin-top:1.5rem}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:3.5rem;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;font-weight:750;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--accent,var(--green));font-size:1.35rem;font-weight:500}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:#334754;max-width:780px;margin:0 0 1rem}.app-card{flex-direction:column;display:flex}.app-card .button{align-self:flex-start;margin-top:auto}.home-hero{padding-bottom:3.5rem}.home-hero h1{max-width:900px}.home-intro{max-width:760px;color:var(--muted);font-size:1.15rem}.home-section{margin-top:2rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:2.4rem 0 4rem;font-size:.92rem}.footer-links{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.footer-links a{min-height:2.75rem;color:var(--muted);text-underline-offset:.2em;align-items:center;display:inline-flex}.brand{align-items:center;min-height:2.75rem;display:inline-flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width<=760px){html{scroll-padding-top:11rem}.nav{flex-direction:column;align-items:flex-start;padding:.8rem 0}.nav-links{width:100%}.nav:has(.product-nav){flex-flow:wrap;align-items:center;gap:.25rem .5rem;padding:.45rem 0}.nav:has(.product-nav) .product-nav{scrollbar-width:none;flex-basis:100%;order:3;overflow-x:auto}.nav:has(.product-nav) .product-nav::-webkit-scrollbar{display:none}.nav:has(.product-nav) .product-nav a{white-space:nowrap;flex:none}.nav:has(.product-nav) .nav-store{order:2;margin-left:auto}.hero{grid-template-columns:1fr;padding-top:3.5rem}.product-hero{padding-top:2rem}.route-diagram{grid-template-columns:1fr}.route-arrow{justify-self:center;transform:rotate(90deg)}.widget-preview{max-width:min(100%,340px);transform:none}.widget-preview img{height:330px}.choice-grid,.widget-moment-grid,.numbered-steps,.route-checks,.proof-list{grid-template-columns:1fr}.landing-panel{padding:1.25rem}.section-nav{grid-template-columns:1fr;gap:.5rem}.section-nav ol,.feature-grid,.feature-list,.app-grid,.related .app-grid,.screenshot-grid{grid-template-columns:1fr}h1{font-size:clamp(2.6rem,14vw,4rem)}}@media (width<=360px){html{scroll-padding-top:15rem}.product-hero{padding-top:1.3rem}.product-hero h1{font-size:clamp(2.25rem,12.5vw,3.2rem)}}
