:root{--navy:#0f2d4a;--ink:#17354c;--muted:#536777;--paper:#fbfaf5;--tint:#f0f6f5;--teal:#176c66;--line:#d9e3e6;--yellow:#ffe08a}
*{box-sizing:border-box}html{scroll-padding-top:110px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #176c66;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(2.75rem,5.5vw,5.4rem);max-width:20ch;text-wrap:balance}h1 span{color:#34556a}h2{font-size:clamp(2rem,3.1vw,3.25rem);max-width:20ch;text-wrap:balance}h3{font-size:1.25rem}.wrap{width:min(1140px,calc(100% - 64px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.nav{min-height:80px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:var(--navy);font-size:1.3rem;font-weight:850;letter-spacing:-.04em}.brand svg{flex-shrink:0}.nav nav,.footer nav{display:flex;align-items:center;gap:24px}.nav nav a,.footer nav a{min-height:44px;display:flex;align-items:center;font-size:.85rem;font-weight:650;text-decoration:none}.nav nav a:hover,.footer nav a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--navy);color:white;padding:12px 22px;border:1px solid var(--navy);border-radius:10px;text-decoration:none;font-size:.95rem;font-weight:750}.button:hover{background:#214662}.button.secondary{background:transparent;color:var(--navy);border-color:#8da5b3}.button.secondary:hover{background:white}.button.small{padding:8px 15px;font-size:.85rem;white-space:nowrap}.eyebrow{font-size:.75rem;line-height:1.4;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-weight:800;margin-bottom:20px}.hero{padding:86px 0 80px;border-bottom:1px solid var(--line)}.hero .intro{max-width:60ch;margin-top:28px}.intro{font-size:1.18rem;color:var(--muted);max-width:62ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.access-note{font-size:.83rem;color:var(--muted);max-width:70ch;margin-top:18px}.section{padding:88px 0}.tint{background:var(--tint)}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:start}.prose p+p{margin-top:20px}.prose p{max-width:60ch;color:var(--muted)}.prose strong{color:var(--ink)}.text-link{display:inline-flex;min-height:44px;align-items:center;margin-top:22px;color:var(--navy);font-weight:750;text-underline-offset:5px}blockquote{border-left:3px solid #2ec4b6;padding-left:22px;margin:28px 0 0;color:var(--navy);font-size:1.2rem;line-height:1.7;font-weight:650}.cycle-wrap{margin-top:48px}.practice-cycle{list-style:none;display:flex;flex-wrap:wrap;gap:0;padding:0;margin:36px 0 0;border-top:1px solid var(--line)}.practice-cycle li{flex:1 1 140px;min-width:0;padding:20px 18px 8px 0}.practice-cycle b{display:block;text-transform:uppercase;font-size:.73rem;letter-spacing:.07em;color:var(--teal)}.practice-cycle span{display:block;font-size:.86rem;line-height:1.5;margin-top:8px;color:var(--muted)}.navy{background:var(--navy);color:white}.navy .eyebrow{color:var(--yellow)}.navy .prose p{color:#d5e3e8}.flow-pair{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:40px}.flow-pair>div{border-top:1px solid var(--line);padding-top:24px}.flow-pair p{font-size:.94rem;color:var(--muted);margin-top:12px}.flow-pair .flow{color:var(--navy);font-weight:650}.section-intro{max-width:64ch;color:var(--muted);margin-top:22px}.access{max-width:900px}.access .intro{margin-top:24px}.story p{border-left:2px solid var(--line);padding:0 0 18px 24px}.story p+p{margin-top:0}.story b{display:block;font-size:.72rem;color:var(--teal);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}footer{padding:36px 0;border-top:1px solid var(--line)}.footer{display:flex;gap:22px;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer p{font-size:.8rem;color:var(--muted)}.skip{position:absolute;left:-9999px;top:8px;z-index:40;background:white;padding:10px 15px}.skip:focus{left:10px}
@media(max-width:1000px){.nav{gap:15px;flex-wrap:wrap;padding:12px 0}.nav nav{order:3;width:100%;justify-content:space-between;gap:10px}.split{gap:6%;grid-template-columns:1fr 1fr}.hero{padding-top:64px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}html{scroll-padding-top:140px}body{font-size:16px}.hero{padding:52px 0 56px}.hero h1{font-size:clamp(2.5rem,9vw,3.4rem);max-width:18ch}.intro{font-size:1.07rem}.section{padding:60px 0}.split,.flow-pair{grid-template-columns:1fr;gap:28px}.eyebrow{margin-bottom:15px}.practice-cycle li{flex-basis:50%;padding-right:18px}.practice-cycle li:last-child{flex-basis:100%}.actions .button{flex:1 1 200px}.nav nav a{font-size:.78rem}.brand{font-size:1.16rem}.nav .button{font-size:.78rem}.footer nav{flex-wrap:wrap;gap:8px 20px}.footer p{width:100%}.cycle-wrap{margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.product-shot{margin:32px 0 0;min-width:0}.product-shot a{display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.product-shot img{display:block;width:100%;height:auto}.product-shot figcaption{font-size:.88rem;line-height:1.6;color:var(--ink);margin-top:16px;max-width:70ch}.product-shot figcaption span{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}.screenshot-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:start}.product-examples{padding-top:48px}.product-examples h2{max-width:24ch}@media(max-width:700px){.screenshot-pair{grid-template-columns:1fr;gap:16px}.product-shot{margin-top:24px}.product-shot a{border-radius:10px}}