:root{--product-green:#54e39d;--product-blue:#245dff;--product-navy:#071632}
.product-page{background:#dfeeff;color:var(--ink)}
.product-hero{padding:0;background:rgba(248,251,255,.72)}
.product-hero-shell{padding-top:92px;padding-bottom:72px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:58px;align-items:center}
.product-kicker,.product-label{font:300 10px/1.2 "JetBrains Mono",monospace;letter-spacing:.14em;color:#315b98;text-transform:uppercase}
.product-hero h1{margin:24px 0 28px;font:500 clamp(72px,9vw,136px)/.82 "Host Grotesk",sans-serif;letter-spacing:-.065em}
.product-hero h1 span{display:block}
.product-hero h1 span:last-child{color:#0b815a}
.product-lead{margin:0;max-width:760px;font-size:21px;line-height:1.38;letter-spacing:-.025em}
.product-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.product-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--ink);background:rgba(255,255,255,.52);font:400 11px/1 "JetBrains Mono",monospace;letter-spacing:.05em;text-transform:uppercase}
.product-button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.product-button.primary{background:var(--ink);color:#fff}.product-button.primary:hover{background:#0b815a;border-color:#0b815a}
.product-visual{border:1px solid var(--ink);background:var(--product-navy);color:#eaf2ff;box-shadow:12px 12px 0 rgba(3,13,32,.1),0 24px 54px rgba(3,13,32,.18)}
.product-window-title{height:38px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:space-between;font:300 9px/1 "JetBrains Mono",monospace;letter-spacing:.11em;color:#8fb7ff}
.product-window-title span:first-child:before{content:"■";font-size:6px;margin-right:8px;color:var(--product-green)}
.product-visual-body{min-height:380px;padding:34px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(rgba(84,227,157,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(36,93,255,.09) 1px,transparent 1px);background-size:24px 24px}
.product-visual-body strong{font:500 clamp(46px,5vw,76px)/.84 "Fragment Mono",monospace;letter-spacing:-.07em;color:#78efae}
.product-visual-body p{margin:24px 0 0;max-width:520px;font:300 12px/1.6 "JetBrains Mono",monospace;color:#d9e8ff}
.product-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink);background:rgba(255,255,255,.42)}
.product-metrics>div{min-height:145px;padding:16px;display:flex;flex-direction:column;border-right:1px solid var(--ink)}.product-metrics>div:last-child{border-right:0}
.product-metrics small{font:300 8px/1 "JetBrains Mono",monospace;letter-spacing:.12em;color:#315b98}.product-metrics strong{margin-top:auto;font:500 30px/.9 "Fragment Mono",monospace}.product-metrics span{margin-top:8px;font:300 10px/1.35 "JetBrains Mono",monospace;color:#50617a}
.product-section{padding-top:96px;padding-bottom:96px;background:rgba(248,251,255,.7)}
.product-section.alt{background:rgba(36,93,255,.58)}
.product-section.green{background:rgba(84,227,157,.58)}
.product-section-head{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:end;margin-bottom:52px}
.product-section h2{margin:0;font:500 clamp(58px,7vw,104px)/.84 "Host Grotesk",sans-serif;letter-spacing:-.055em}
.product-section-head h2{text-align:right}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink);background:rgba(255,255,255,.72)}
.product-grid article{min-height:260px;padding:20px;border-right:1px solid var(--ink);display:flex;flex-direction:column}.product-grid article:last-child{border-right:0}
.product-grid small{font:300 8px/1 "JetBrains Mono",monospace;letter-spacing:.12em;color:#315b98}.product-grid h3{margin:auto 0 14px;font:400 25px/.96 "Fragment Mono",monospace;letter-spacing:-.04em}.product-grid p{margin:0;font-size:15px;line-height:1.43}
.product-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:start}
.product-story h2{text-align:left}
.product-story-copy p{margin:0 0 24px;font-size:24px;line-height:1.22;letter-spacing:-.03em}
.product-story-copy .mono{font:300 11px/1.5 "JetBrains Mono",monospace;letter-spacing:.04em;color:#40536d}
.product-route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;border:1px solid var(--ink);background:rgba(248,251,255,.82)}
.product-route>div{padding:18px;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;font:400 14px/1.3 "Fragment Mono",monospace}.product-route>b{display:grid;place-items:center;width:36px;border-inline:1px solid var(--ink);background:rgba(84,227,157,.35);font-weight:400}
.product-note{margin-top:18px;font:300 10px/1.5 "JetBrains Mono",monospace;color:#40536d}
.product-page .site-footer{margin-top:0}
@media(max-width:1000px){.product-hero-shell,.product-story{grid-template-columns:1fr}.product-section-head{grid-template-columns:1fr}.product-section-head h2{text-align:left}.product-grid{grid-template-columns:1fr}.product-grid article{border-right:0;border-bottom:1px solid var(--ink)}.product-grid article:last-child{border-bottom:0}.product-metrics{grid-template-columns:1fr}.product-metrics>div{border-right:0;border-bottom:1px solid var(--ink)}.product-metrics>div:last-child{border-bottom:0}}
@media(max-width:809px){.product-hero-shell{padding-top:64px;padding-bottom:54px}.product-hero h1{font-size:70px}.product-lead{font-size:18px}.product-visual-body{min-height:300px;padding:24px}.product-section{padding-top:72px;padding-bottom:72px}.product-section h2{font-size:62px}.product-route{grid-template-columns:1fr}.product-route>b{display:none}.product-route>div{border-bottom:1px solid var(--ink)}.product-route>div:last-child{border-bottom:0}.product-actions{width:100%}.product-button{flex:1;min-width:170px}}