:root{--ink:#102a2a;--muted:#4e6464;--paper:#fff;--soft:#f1f6f4;--line:#cfddda;--accent:#c8f35e;--deep:#173b38;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.65}a{color:inherit;text-underline-offset:.22em}button,input{font:inherit}img{max-width:100%;display:block}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2d66c6;outline-offset:5px}.skip{position:fixed;left:1rem;top:-5rem;background:var(--accent);padding:1rem;z-index:100}.skip:focus{top:1rem}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:24px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font:600 1.05rem/1.2 var(--display);letter-spacing:-.025em}.brand img{width:35px;height:35px;border-radius:9px}.brand small{display:block;font:400 .75rem/1.5 var(--font);letter-spacing:.02em;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:30px;font-size:.9rem}.nav-links a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:#fff;min-height:50px;padding:12px 22px;text-decoration:none;border:1px solid var(--ink);border-radius:6px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .15s,transform .15s}.button:hover{background:#28564f;transform:translateY(-1px)}.button svg{width:20px;height:20px}.button.small{min-height:42px;padding:10px 17px;font-size:.875rem}.button.light{background:var(--accent);color:var(--ink);border-color:var(--accent)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;display:flex;gap:9px;align-items:center;margin:0 0 20px}.eyebrow .pill{background:var(--accent);border-radius:3px;padding:4px 8px;letter-spacing:.055em}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:68px;padding:76px 0 82px}h1,h2,h3{font-family:var(--display);letter-spacing:-.045em;line-height:1.1;margin:0}h1{font-size:clamp(2.9rem,5vw,4.6rem);font-weight:500}h1 em{font-style:normal;color:#326b5f}h2{font-size:clamp(2rem,3.4vw,3rem);font-weight:500}h3{font-size:1.35rem;font-weight:600;letter-spacing:-.035em}.lead{font-size:1.13rem;color:var(--muted);line-height:1.7;margin:24px 0 28px;max-width:46ch}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.text-link{font-weight:600;font-size:.9rem}.micro{font-size:.8rem;color:var(--muted);margin:15px 0 0}.product-stage{position:relative;background:var(--deep);border-radius:12px;padding:26px 24px 20px;min-width:0}.stage-label{color:#d3e4dd;font-size:.75rem;letter-spacing:.065em;text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:17px}.stage-label span:last-child{color:var(--accent)}.stage-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#d3e4dd;font-size:.75rem;margin:17px 0 0}.stage-foot strong{color:var(--accent);font-weight:500}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:23px 0;gap:20px}.proof-strip p{margin:0;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:10px}.proof-strip span{font-family:var(--display);font-size:1.15rem}.section{padding:88px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading p{color:var(--muted);max-width:37ch;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{border-top:2px solid var(--ink);padding-top:20px}.step .num{font-family:var(--display);font-size:.875rem;display:block;color:var(--muted);margin-bottom:30px}.step p{color:var(--muted)}.tint{background:var(--soft)}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{padding:20px 0;border-bottom:1px solid var(--line)}.feature-list h3{font-size:1.15rem}.feature-list p{margin:9px 0 0;color:var(--muted)}.code{background:var(--ink);color:#dbe6e2;border-radius:9px;padding:30px;font: .9rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.code-label{color:var(--accent);font:500 .75rem var(--display);letter-spacing:.06em;display:block;margin-bottom:20px}.code-comment{color:#9cbdb2}.guides{display:grid;grid-template-columns:repeat(2,1fr);gap:0 36px}.guide-card{display:block;text-decoration:none;border-top:1px solid var(--line);padding:25px 0 28px}.guide-card h3{margin:12px 0}.guide-card p{color:var(--muted);max-width:48ch;margin:12px 0}.guide-card .tag{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.guide-card .read{font-size:.875rem;font-weight:700}.guide-card:hover h3{text-decoration:underline;text-underline-offset:5px}.cta-panel{background:var(--deep);padding:50px;display:flex;justify-content:space-between;align-items:center;gap:40px;border-radius:10px;color:white}.cta-panel h2{font-size:2.5rem;max-width:16ch}.cta-panel p{color:#cfdfda;margin:15px 0 0}.faq{max-width:820px;margin:auto}.faq h2{margin-bottom:30px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-size:1.05rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:'+';font-size:1.4rem;line-height:1}.faq details[open] summary::after{content:'−'}.faq details p{color:var(--muted);margin-bottom:0}.footer{padding:30px 0 35px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:.85rem}.footer p{color:var(--muted);font-size:.8rem;max-width:90ch;margin:25px 0 0}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:90px;padding:60px 0 85px}.article-layout article{min-width:0}.breadcrumb{font-size:.875rem;color:var(--muted);margin-bottom:30px}.article-layout h1{font-size:clamp(2.5rem,4.5vw,3.8rem)}.article-layout h2{font-size:1.8rem;margin:45px 0 18px}.article-layout h3{font-size:1.25rem;margin:28px 0 12px}.article-layout p,.article-layout li{color:#344e4c}.article-layout li{margin:10px 0}.article-layout pre{overflow:auto;background:var(--ink);color:#dbe6e2;padding:24px;border-radius:7px;font-size:.875rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.article-layout aside{padding-top:62px}.aside-box{position:sticky;top:25px;background:var(--soft);padding:25px;border:1px solid var(--line);border-radius:8px}.aside-box p{font-size:.9rem}.aside-box .button{width:100%;font-size:.875rem}.note{padding:20px 24px;background:var(--soft);border-left:3px solid #326b5f;margin:25px 0}.article-meta{font-size:.8rem;color:var(--muted);margin:20px 0}.article-layout figure{margin:30px 0}.article-layout figcaption{font-size:.8rem;color:var(--muted);margin-top:10px}.source-list{font-size:.9rem}.article-layout table{border-collapse:collapse;width:100%;font-size:.95rem}.article-layout th,.article-layout td{border:1px solid var(--line);padding:12px;text-align:left}.article-layout th{background:var(--soft)}
@media(max-width:1000px){.hero{gap:32px}.article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 230px}.feature-split{gap:45px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{padding:18px 0;gap:14px}.nav-links{gap:15px}.nav-links .optional{display:none}.brand{font-size:.94rem}.brand small{font-size:.72rem}.brand img{width:31px;height:31px}.button.small{font-size:.8rem;padding:10px 12px}.hero{grid-template-columns:1fr;padding:46px 0 40px;gap:38px}h1{font-size:3.1rem}.hero .lead{max-width:42ch}.product-stage{max-width:510px;width:100%;margin:auto}.proof-strip{grid-template-columns:1fr;gap:13px;padding:24px 0}.proof-strip p{justify-content:flex-start}.section{padding:55px 0}.section-heading{display:block}.section-heading p{margin-top:20px}.steps{grid-template-columns:1fr;gap:18px}.step .num{margin-bottom:16px}.feature-split{grid-template-columns:1fr;gap:25px}.guides{grid-template-columns:1fr}.cta-panel{padding:30px;display:block}.cta-panel h2{font-size:2.2rem}.cta-panel .button{margin-top:25px}.footer-top{align-items:flex-start;flex-direction:column}.article-layout{display:block;padding-top:38px}.article-layout aside{padding-top:35px}.article-layout h1{font-size:2.55rem}.article-layout table{font-size:.85rem}.article-layout th,.article-layout td{padding:8px}.stage-foot{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.product-stage{padding:24px}.product-stage .stage-foot{flex-wrap:wrap}.nav-links .button{flex-shrink:0}@media(max-width:380px){.brand small{display:none}.brand{font-size:.85rem}.nav-links .button{font-size:.75rem;padding:10px}.nav{gap:9px}.nav-links{gap:0}}



.walkthrough{margin:44px 0 0}.walkthrough video{display:block;width:100%;height:auto;background:var(--deep);border-radius:9px}.walkthrough figcaption{font-size:.8rem;color:var(--muted);margin-top:12px;max-width:90ch}

/* Dedicated native 2x crop: displayed at its intended size, never stretched. */
.product-image{border-radius:7px;overflow:hidden;background:#fff;max-width:440px;margin-inline:auto}.product-image img{width:100%;height:auto;position:static}.product-stage{max-width:488px;justify-self:end}.video-transcript{margin:18px 0;font-size:.9rem;color:var(--muted)}.video-transcript summary{cursor:pointer;font-weight:600;color:var(--ink)}.video-transcript li{margin:8px 0}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.media-grid a{text-decoration:none}.media-grid img{border-radius:7px;aspect-ratio:8/5;height:auto}.media-grid a>span{display:block;font-weight:600;margin-top:12px}.media-grid small{color:var(--muted)}.media-grid a:hover>span{text-decoration:underline}@media(max-width:760px){.media-grid{grid-template-columns:1fr;gap:28px}.product-stage{justify-self:center}}

/* Guide navigation and product facts remain readable without JavaScript. */
.on-this-page{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:20px 24px;margin:28px 0}.on-this-page p{font-weight:700;margin:0}.on-this-page ul{padding-left:20px;margin-bottom:0}.on-this-page li{font-size:.9rem;margin:6px 0}.facts{margin:24px 0}.facts>div{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.facts dt{font-weight:700}.facts dd{margin:0;color:#344e4c}.guide-index>.lead{max-width:62ch}.guide-group{margin-top:60px}.guide-group>h2{font-size:1.8rem;margin-bottom:24px}.article-layout .aside-box h2{font-size:1.7rem;margin:0}.demo-page>h1{max-width:18ch}.demo-page>.lead{max-width:68ch}.demo-page .video-transcript{max-width:75ch;margin:40px 0}.demo-page .video-transcript h2{font-size:1.8rem;margin-bottom:20px}.product-summary{border-bottom:1px solid var(--line)}.product-summary .lead{max-width:68ch}.product-summary>p:last-child{max-width:76ch;color:var(--muted)}caption{text-align:left;font-weight:600;margin-bottom:12px}.checklist{padding-left:22px}.article-layout table{overflow-wrap:anywhere}.article-layout th[scope=row]{font-weight:600}.breadcrumb a{display:inline-block;padding-block:6px}.article-layout h2:target{scroll-margin-top:24px}@media(max-width:760px){.facts>div{grid-template-columns:1fr;gap:5px}.guide-group{margin-top:40px}}@media print{.nav,.footer,.article-layout aside,.on-this-page,.hero-actions{display:none}.wrap{width:auto}.article-layout{display:block;padding:0}.article-layout h1{font-size:24pt}.article-layout h2{break-after:avoid}.note,table{break-inside:avoid}body{color:#000;background:#fff}.code{background:#eee;color:#000}.code-label{color:#000}}