:root{--bg:#eef5f8;--surface:#fff;--ink:#0b1f2a;--muted:#49616e;--line:#16313e;--cyan:#0b91b2;--cyan2:#075d74;--amber:#e89b00;--code:#07141b;--focus:#ffbf3f;--mono:"Cascadia Code","IBM Plex Mono",ui-monospace,monospace;--sans:Inter,system-ui,sans-serif;--display:Archivo,Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans)}a{color:var(--cyan2)}a:hover{text-decoration-thickness:2px}img{max-width:100%}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:999;background:#fff;padding:.75rem;border:3px solid var(--focus)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.wrap{width:min(1160px,calc(100% - 2rem));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(238,245,248,.97);border-bottom:2px solid var(--line)}.nav{min-height:68px;display:flex;align-items:center;gap:1rem}.brand{font:700 1rem var(--mono);color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.7rem}.brand img{width:32px;height:32px}.nav-toggle{display:none;margin-left:auto;background:var(--ink);color:#fff;border:0;padding:.7rem;font:600 .85rem var(--mono)}.nav-links{margin-left:auto;display:flex;align-items:center;gap:.1rem}.nav-links a{padding:.65rem .7rem;color:var(--ink);text-decoration:none;font:600 .78rem var(--mono)}.nav-links a:hover,.nav-links a[aria-current]{background:var(--ink);color:#fff}.hero{padding:clamp(5rem,10vw,9rem) 0 5rem;background:#061118;color:#eaf7fa;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,145,178,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(11,145,178,.1) 1px,transparent 1px);background-size:48px 48px}.hero .wrap{position:relative}.kicker{font:700 .75rem var(--mono);letter-spacing:.17em;text-transform:uppercase;color:#6ed0e6}.hero h1{font:900 clamp(3rem,8vw,6.5rem)/.95 var(--display);letter-spacing:-.04em;margin:.8rem 0}.hero .slogan{font:600 clamp(1rem,2vw,1.4rem) var(--mono);color:#81d7e9}.hero p{max-width:720px;color:#b5ccd5;font-size:1.12rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-block;padding:.8rem 1.1rem;border:2px solid currentColor;text-decoration:none;font:700 .82rem var(--mono)}.button.primary{background:var(--cyan);color:#fff;border-color:#fff}.button.secondary{color:inherit}.section{padding:clamp(4rem,8vw,7rem) 0}.section.alt{background:#dfeaf0}.section.dark{background:#07141b;color:#edf7fa}.section h2{font:800 clamp(2rem,5vw,3.3rem)/1.05 var(--display);margin:0 0 1rem}.lede{max-width:760px;color:var(--muted);font-size:1.08rem}.dark .lede{color:#a8c0ca}.problem-grid,.cards,.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.problem,.card,.panel{border:2px solid var(--line);background:var(--surface);padding:1.35rem;color:var(--ink)}.problem{text-decoration:none}.problem:hover{box-shadow:6px 6px 0 var(--cyan);transform:translate(-2px,-2px)}.problem strong,.card h3{font:800 1.15rem var(--display);display:block}.problem small,.card p{color:var(--muted)}.flagship{margin-top:2.5rem;display:grid;grid-template-columns:1.15fr .85fr;border:3px solid var(--line);background:#fff}.flagship>div{padding:clamp(1.5rem,4vw,3rem)}.flagship .visual{background:#07141b;color:#bde8f2}.flow{font:600 .9rem/2 var(--mono);display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.flow span{border:1px solid var(--cyan);padding:.4rem .7rem}.badges,.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0}.badge,.tag{display:inline-block;font:700 .68rem var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:.3rem .55rem;background:#dcebf0;color:#0a566a;border:1px solid #8db9c5}.badge.commercial{background:#ffe4a8;color:#5b3b00;border-color:#bd7b00}.badge.experimental{background:#243945;color:#fff}.card{display:flex;flex-direction:column}.card .actions{margin-top:auto}.group{margin-top:3rem}.group h3{font:800 1.6rem var(--display);border-bottom:2px solid var(--line);padding-bottom:.5rem}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.7rem;margin:2rem 0}.filters input,.filters select{width:100%;padding:.75rem;border:2px solid var(--line);background:#fff;color:var(--ink);font:inherit}.empty{display:none}.crumb{font:.8rem var(--mono);margin-bottom:1.2rem}.crumb a{color:#91dcef}.product-hero h1{text-transform:none}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#34505d;border:1px solid #34505d;margin-top:2rem}.meta div{background:#102733;padding:1rem}.meta dt{font:700 .68rem var(--mono);text-transform:uppercase;color:#7ed4e6}.meta dd{margin:.25rem 0 0}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:2rem}.content h2{font:800 2rem var(--display);margin:3rem 0 1rem}.content h2:first-child{margin-top:0}.content h3{font:700 1.2rem var(--display)}.content li{margin:.5rem 0}.side{position:sticky;top:88px;align-self:start}.side a{display:block;padding:.5rem 0}.code-wrap{position:relative;margin:1rem 0}.code-wrap pre{margin:0;background:var(--code);color:#c6edf4;padding:1.4rem;overflow:auto;border-left:5px solid var(--cyan);font:13px/1.65 var(--mono)}.copy{position:absolute;right:.6rem;top:.6rem;border:1px solid #7ed4e6;background:#102733;color:#fff;padding:.45rem .7rem;font:700 .7rem var(--mono)}.demo{border:2px solid var(--line);background:#fff;padding:1.3rem}.demo-label{font:700 .7rem var(--mono);text-transform:uppercase;color:var(--cyan2)}.demo-output{background:#07141b;color:#8fe2b1;padding:1rem;font:700 .9rem var(--mono);min-height:3.5rem}.demo-controls{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.demo button,.demo select,.demo input{padding:.6rem;border:2px solid var(--line);background:#fff}details{border-top:1px solid #829aa5;padding:1rem 0}summary{cursor:pointer;font-weight:700}.notice{border-left:5px solid var(--amber);background:#fff3d3;padding:1rem}.site-footer{border-top:2px solid var(--line);padding:2rem 0}.footer-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font:.78rem var(--mono)}
@media(max-width:850px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:2px solid var(--line);padding:1rem;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:.8rem}.problem-grid,.cards,.use-grid{grid-template-columns:1fr 1fr}.flagship,.content-grid{grid-template-columns:1fr}.meta{grid-template-columns:1fr 1fr}.side{position:static}.filters{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.problem-grid,.cards,.use-grid,.meta,.filters{grid-template-columns:1fr}.hero{padding-top:4.5rem}.nav-links{top:68px}}
@media(prefers-color-scheme:dark){:root{--bg:#091820;--surface:#102733;--ink:#edf7fa;--muted:#a6bec8;--line:#81a6b5}.section.alt{background:#0d222c}.problem,.card,.panel,.flagship,.demo,.filters input,.filters select,.demo button,.demo select,.demo input{background:#102733}.badge,.tag{background:#173b49;color:#9be4f1}.notice{background:#3b310d}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Fixed high-contrast navigation in both light and dark color schemes. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:#07141b;border-bottom-color:#2fbbd8}
.brand{color:#fff}
.brand img{filter:brightness(0) invert(1)}
.nav-links a{color:#fff}
.nav-links a:hover,.nav-links a[aria-current]{background:#19a9c8;color:#041016}
.nav-toggle{background:#19a9c8;color:#041016;border:2px solid #fff}
@media(max-width:850px){.nav-links{background:#07141b;border-bottom-color:#2fbbd8}.nav-links a{border-bottom:1px solid #29434f}}

/* Product-card actions must remain visually distinct from their cards. */
.card .button{background:#086a84;color:#fff;border-color:#043b4a;box-shadow:4px 4px 0 #043b4a}
.card .button:hover{background:#0fa3c8;color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #043b4a}
.card .button:active{transform:translate(1px,1px);box-shadow:2px 2px 0 #043b4a}

/* Larger product navigation with a CSS-native oxygen mark. */
.nav{min-height:82px;gap:1.5rem}
.brand{min-width:54px;min-height:54px;justify-content:center;border:2px solid #67d8ef;border-radius:50%;position:relative;overflow:visible}
.brand img{display:none}
.nav-symbol{display:block;width:26px;height:26px;border:4px solid #fff;border-radius:50%;position:relative;animation:nav-breathe 3.2s ease-in-out infinite}
.nav-symbol::before,.nav-symbol::after{content:"";position:absolute;border-radius:50%;background:#2fbbd8;box-shadow:0 0 0 2px #07141b}
.nav-symbol::before{width:9px;height:9px;right:-8px;top:-7px;animation:nav-orbit 3.2s ease-in-out infinite}
.nav-symbol::after{width:5px;height:5px;left:-8px;bottom:-3px;animation:nav-orbit 3.2s ease-in-out infinite reverse}
.nav-links{gap:.35rem}
.nav-links a{font-size:.9rem;padding:1rem .95rem;position:relative;letter-spacing:.015em}
.nav-links a::after{content:"";position:absolute;left:.95rem;right:.95rem;bottom:.55rem;height:3px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav-links a:hover::after,.nav-links a[aria-current]::after{transform:scaleX(1)}
.nav-links a:hover,.nav-links a[aria-current]{box-shadow:inset 0 -3px 0 #fff}
@keyframes nav-breathe{0%,100%{transform:scale(.92);filter:drop-shadow(0 0 0 rgba(47,187,216,0))}50%{transform:scale(1.06);filter:drop-shadow(0 0 7px rgba(47,187,216,.8))}}
@keyframes nav-orbit{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-3px)}}
@media(max-width:850px){.nav{min-height:76px}.brand{min-width:48px;min-height:48px}.nav-links{top:76px;padding:1.1rem;animation:nav-open .2s ease-out}.nav-links a{font-size:1rem;padding:1rem 1.1rem}.nav-toggle{font-size:.9rem;padding:.75rem 1rem}@keyframes nav-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}

/* Explicit control colors prevent unreadable browser/dark-mode combinations. */
.button,.button.secondary{background:#0b3a49;color:#f5fcfe;border-color:#39c4df}
.button:hover,.button.secondary:hover{background:#075d74;color:#fff;border-color:#78def1}
.button.primary{background:#0fa3c8;color:#fff;border-color:#fff}
.button.primary:hover{background:#087e9b;color:#fff}
.demo button{background:#0b3a49;color:#f5fcfe;border-color:#39c4df;font-weight:700;cursor:pointer}
.demo button:hover{background:#0fa3c8;color:#fff}
.demo select,.filters select{appearance:none;-webkit-appearance:none;background-color:#f7fcfe!important;color:#0b1f2a!important;border:2px solid #086a84;padding:.7rem 2.5rem .7rem .8rem;background-image:linear-gradient(45deg,transparent 50%,#086a84 50%),linear-gradient(135deg,#086a84 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 10px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.demo select:focus,.filters select:focus{border-color:#0fa3c8;box-shadow:0 0 0 3px rgba(15,163,200,.28)}
.demo input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:1.35rem;height:1.35rem;margin:0 .5rem 0 0;vertical-align:-.25rem;background:#f7fcfe;border:2px solid #086a84;display:inline-grid;place-content:center;cursor:pointer}
.demo input[type="checkbox"]::before{content:"";width:.7rem;height:.7rem;transform:scale(0);transition:transform .12s ease;background:#0b3a49;clip-path:polygon(14% 44%,0 65%,42% 100%,100% 20%,80% 0,40% 62%)}
.demo input[type="checkbox"]:checked::before{transform:scale(1)}
.demo input[type="range"]{accent-color:#0b91b2;cursor:pointer}
.demo label{font-weight:700;color:var(--ink)}

/* Alignment and progressive motion. Content remains visible without JavaScript. */
.flagship .visual{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.flagship .visual .actions{justify-content:center}
.flow{justify-content:center;width:100%}
.flow span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;text-align:center}
.demo{text-align:center;overflow:hidden;position:relative}
.demo-controls{justify-content:center;align-items:center}
.demo-output{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #2fbbd8}
.card .actions{width:100%}
.card .actions .button{width:100%;text-align:center}
.meta>div{display:flex;flex-direction:column;justify-content:center;min-height:112px}
.problem{display:flex;min-height:108px;flex-direction:column;justify-content:center}
.hero::after{content:"";position:absolute;width:280px;height:280px;right:7%;top:18%;border:1px solid rgba(47,187,216,.3);border-radius:50%;box-shadow:0 0 70px rgba(15,163,200,.12),inset 0 0 70px rgba(15,163,200,.08);animation:hero-drift 8s ease-in-out infinite;pointer-events:none}
.motion-ready .motion-item{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}
.motion-ready .motion-item.motion-in{opacity:1;transform:translateY(0)}
.motion-ready .motion-item:nth-child(2n){transition-delay:.06s}.motion-ready .motion-item:nth-child(3n){transition-delay:.12s}
.flow span{transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.flow.flow-active span{animation:flow-pulse 1.6s ease-in-out both}
.flow.flow-active span:nth-child(2){animation-delay:.18s}.flow.flow-active span:nth-child(3){animation-delay:.36s}.flow.flow-active span:nth-child(4){animation-delay:.54s}.flow.flow-active span:nth-child(5){animation-delay:.72s}
.demo.demo-running .demo-output{animation:demo-result .55s ease-out}
@keyframes hero-drift{0%,100%{transform:translate(0,0) scale(.9);opacity:.4}50%{transform:translate(-24px,18px) scale(1.05);opacity:.75}}
@keyframes flow-pulse{0%{background:transparent}45%{background:#0fa3c8;color:#fff;transform:translateY(-4px);box-shadow:0 7px 0 rgba(4,59,74,.35)}100%{background:transparent;transform:translateY(0)}}
@keyframes demo-result{0%{transform:scale(.98);opacity:.35}100%{transform:scale(1);opacity:1}}
@media(max-width:850px){.hero::after{width:180px;height:180px;right:-70px;top:12%}.meta>div{min-height:auto}.flow{gap:.55rem}.flow span{flex:1 1 135px}}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-item{opacity:1;transform:none}.flow.flow-active span,.demo.demo-running .demo-output{animation:none!important}}

/* Repository-backed Quick Starts and per-project process diagrams. */
.quick-steps{list-style:none;margin:1.25rem 0 2.5rem;padding:0;display:grid;gap:1.1rem;counter-reset:quick}
.quick-steps>li{padding:1.25rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel),rgba(15,163,200,.045))}
.quick-steps h3{margin:.1rem 0 .45rem;color:var(--ink)}
.quick-steps .code-wrap{margin-top:.85rem}
.quick-result,.flow{display:flex;align-items:stretch;justify-content:center;gap:.55rem;flex-wrap:wrap}
.quick-result span,.flow span{display:flex;flex:1 1 125px;min-height:74px;flex-direction:column;align-items:flex-start;justify-content:center;padding:.72rem .85rem;border:1px solid rgba(47,187,216,.45);border-radius:10px;background:var(--panel);color:var(--ink);text-align:left}
.quick-result span b,.flow span b{display:block;margin-bottom:.25rem;color:#0b91b2;font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.quick-result i,.flow i{align-self:center;color:#0b91b2;font-style:normal;font-weight:800}
.diagram-caption{max-width:68ch;margin:1rem auto 0;color:var(--muted);text-align:center}
@media(max-width:620px){.quick-result,.flow{flex-direction:column}.quick-result i,.flow i{transform:rotate(90deg)}.quick-result span,.flow span{width:100%;min-height:64px}}

/* Site identity: portfolio brand rather than a product logo. */
.brand{min-width:auto;min-height:auto;justify-content:flex-start;border:0;border-radius:0;overflow:visible;padding:.45rem 0}
.site-title{display:grid;grid-template-columns:auto auto;column-gap:.4rem;align-items:baseline;color:#fff;font:800 1.08rem/1.1 var(--display);letter-spacing:.01em}
.site-title strong{color:#4dd1ea;font-weight:800}
.site-title small{grid-column:1/-1;color:#a9cbd4;font:600 .62rem/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase;margin-top:.18rem}
.brand:hover .site-title strong{color:#fff}
.brand:hover .site-title small{color:#69d7eb}
@media(max-width:540px){.site-title{font-size:.96rem}.site-title small{font-size:.55rem;letter-spacing:.08em}}

/* Problem-first LOX portfolio map. */
.problem-map-section{overflow:hidden}
.problem-map{height:650px;margin:3rem 0 2rem;position:relative;border:2px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(15,163,200,.14),transparent 26%),linear-gradient(rgba(11,31,42,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,42,.055) 1px,transparent 1px),var(--surface);background-size:auto,40px 40px,40px 40px,auto}
.map-lines{position:absolute;inset:4%;width:92%;height:92%;pointer-events:none}
.map-lines path{fill:none;stroke:#0b91b2;stroke-width:2;stroke-dasharray:8 8;vector-effect:non-scaling-stroke;animation:map-signal 9s linear infinite}
.map-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border:3px solid #5dd8ed;border-radius:50%;background:#07141b;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 14px rgba(15,163,200,.1),0 0 55px rgba(15,163,200,.25);z-index:2}
.map-core strong{font:900 3.2rem/.9 var(--display);letter-spacing:-.04em}.map-core span{max-width:120px;margin-top:.65rem;color:#9edce8;font:600 .68rem/1.35 var(--mono);text-transform:uppercase}
.map-node{position:absolute;width:220px;min-height:104px;padding:1rem;border:2px solid #086a84;background:#f7fcfe;color:#0b1f2a;text-align:left;cursor:pointer;z-index:3;box-shadow:5px 5px 0 rgba(4,59,74,.28);transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.map-node strong,.map-node span{display:block}.map-node strong{font:800 1rem/1.15 var(--display)}.map-node span{margin-top:.35rem;font:.68rem/1.4 var(--mono);color:#49616e}
.map-node:hover,.map-node[aria-expanded="true"]{background:#086a84;color:#fff;transform:translate(-3px,-3px);box-shadow:8px 8px 0 #043b4a}.map-node:hover span,.map-node[aria-expanded="true"] span{color:#bdebf4}
.map-node-1{left:50%;top:5%;transform:translateX(-50%)}.map-node-1:hover,.map-node-1[aria-expanded="true"]{transform:translate(-50%,-3px)}
.map-node-2{left:7%;top:17%}.map-node-3{right:7%;top:17%}.map-node-4{left:3%;top:44%}.map-node-5{right:3%;top:44%}.map-node-6{left:8%;bottom:8%}.map-node-7{right:8%;bottom:8%}.map-node-8{left:50%;bottom:2%;transform:translateX(-50%)}.map-node-8:hover,.map-node-8[aria-expanded="true"]{transform:translate(-50%,-3px)}
.map-panels{min-height:195px}.map-panel{border:2px solid var(--line);background:var(--surface);padding:1.4rem;display:grid;grid-template-columns:230px 1fr;gap:1.5rem;align-items:start}.map-panel h3{font:800 1.5rem var(--display);margin:.25rem 0}.map-ready .map-panel[hidden]{display:none}.map-solutions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.map-solutions a{display:grid;gap:.25rem;padding:1rem;background:#e5f2f6;border-left:5px solid #0b91b2;color:#0b1f2a;text-decoration:none;transition:transform .16s,background .16s}.map-solutions a:hover{background:#ccebf2;transform:translateX(4px)}.map-solutions span{font-size:.86rem;color:#49616e}.map-solutions em{font:700 .7rem var(--mono);color:#075d74;font-style:normal}
@keyframes map-signal{to{stroke-dashoffset:-64}}
@media(max-width:850px){.problem-map{height:auto;padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;background:var(--surface)}.map-lines{display:none}.map-core{position:static;transform:none;width:auto;height:auto;min-height:120px;border-radius:0;grid-column:1/-1}.map-node,.map-node-1,.map-node-2,.map-node-3,.map-node-4,.map-node-5,.map-node-6,.map-node-7,.map-node-8{position:static;transform:none!important;width:auto;min-height:100px}.map-panel{grid-template-columns:1fr}.map-solutions{grid-template-columns:1fr}}
@media(max-width:540px){.problem-map{grid-template-columns:1fr}.map-core{grid-column:auto}.map-node{min-height:auto}.map-panels{min-height:0}}
@media(prefers-color-scheme:dark){.map-node{background:#eaf7fa;color:#07141b}.map-solutions a{background:#153542;color:#edf7fa}.map-solutions a:hover{background:#1d4858}.map-solutions span{color:#b3cbd4}.map-solutions em{color:#69d7eb}}
@media(prefers-reduced-motion:reduce){.map-lines path{animation:none}.map-node,.map-solutions a{transition:none}}

/* Problem-first preview for independent projects. */
.problem-wall-section{background:#dfeaf0;overflow:hidden}.problem-wall{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:.75rem;margin-top:3rem;padding:.75rem;background:#07141b;border:3px solid var(--line);box-shadow:10px 10px 0 rgba(4,59,74,.22)}
.problem-brick{grid-column:span 4;min-height:230px;display:flex;flex-direction:column;padding:1.25rem;background:#f8fcfd;border:2px solid #6a8793;color:#0b1f2a;text-decoration:none;position:relative;transition:transform .18s,box-shadow .18s,background .18s}.problem-brick-2{grid-column:span 5}.problem-brick-3{grid-column:span 3}.problem-brick::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,145,178,.08),transparent 45%);pointer-events:none}
.brick-index{position:absolute;right:1rem;top:.8rem;font:900 2.4rem/1 var(--display);color:#c9d9df}.brick-prompt{font:700 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#08738d}.problem-brick>strong{max-width:92%;margin:1.15rem 0 1.5rem;font:800 clamp(1rem,1.6vw,1.25rem)/1.28 var(--display)}.brick-answer{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.9rem;border-top:2px solid #0b91b2}.brick-answer b{font:900 1rem var(--mono)}.brick-answer em{font:700 .65rem var(--mono);color:#075d74;font-style:normal;text-align:right}
.problem-brick:hover{z-index:2;background:#fff;transform:translate(-4px,-4px);box-shadow:8px 8px 0 #0b91b2}.problem-brick:focus-visible{z-index:3}.wall-actions{justify-content:center}.wall-actions .button{background:#07141b;color:#fff;border-color:#07141b}.about-proof{max-width:760px;color:#8eabb6}.catalog-hero{padding-bottom:4rem}.status-stable{background:#d7f1df;color:#15552d;border-color:#62a476}.status-verification{background:#fff0bd;color:#634700;border-color:#b68a13}
@media(max-width:850px){.problem-wall{grid-template-columns:1fr 1fr}.problem-brick,.problem-brick-2,.problem-brick-3{grid-column:span 1;min-height:220px}}
@media(max-width:540px){.problem-wall{grid-template-columns:1fr;padding:.55rem;gap:.55rem}.problem-brick{min-height:190px}.problem-wall-section{background:var(--bg)}}
@media(prefers-color-scheme:dark){.problem-wall-section{background:#0d222c}.problem-brick{background:#102733;color:#edf7fa;border-color:#557581}.brick-index{color:#294957}.brick-prompt,.brick-answer em{color:#69d7eb}.problem-brick:hover{background:#173642}.status-stable{background:#173d28;color:#9ee4b5}.status-verification{background:#493d13;color:#ffe390}}
@media(prefers-reduced-motion:reduce){.problem-brick{transition:none}}

/* Ecosystem-first hero and varied homepage rhythm. */
.home-hero{padding-bottom:2.5rem}.home-hero-grid{grid-template-columns:minmax(310px,.8fr) minmax(500px,1.2fr);gap:clamp(2rem,5vw,4rem)}.hero-value{max-width:520px!important;margin:1.7rem 0 0!important;color:#fff!important;font:700 clamp(1.25rem,2.2vw,1.75rem)/1.25 var(--display)!important}.home-hero-visual{position:relative;z-index:2;padding:1rem;border:1px solid #245160;background:rgba(4,18,25,.72);box-shadow:10px 10px 0 rgba(15,163,200,.12)}
.ecosystem-diagram{display:block;width:100%;height:auto;overflow:visible}.ecosystem-diagram text{fill:#dff8fc;font:700 12px var(--mono);text-anchor:middle;letter-spacing:.06em}.eco-box rect,.eco-platform rect{fill:#0c2a36;stroke:#58cfe5;stroke-width:2}.eco-core rect{fill:#08738d;stroke:#b5f4ff}.eco-core text{font-size:18px}.eco-lines path{fill:none;stroke:#5dd8ed;stroke-width:2;marker-end:url(#eco-arrow)}.eco-lines marker path{fill:#5dd8ed}.eco-cap rect{fill:#102d39;stroke:#376473}.eco-cap circle{fill:#2fbbd8}.eco-cap text{font-size:9px}.eco-platform text{fill:#8ee2f1}
.engineering-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2.5rem;border-top:1px solid #315766;border-bottom:1px solid #315766}.engineering-strip>div{display:flex;align-items:center;gap:.85rem;padding:1rem 1.3rem;border-right:1px solid #315766}.engineering-strip>div:last-child{border:0}.engineering-strip strong{color:#fff;font:900 1.8rem var(--display)}.engineering-strip span{color:#87aeba;font:700 .64rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.why-lox{background:#fff}.why-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(430px,1.15fr);gap:clamp(2rem,7vw,6rem);align-items:center}.why-list{border-top:2px solid var(--line)}.why-list>div{display:grid;grid-template-columns:55px 1fr;gap:1rem;padding:1.15rem .4rem;border-bottom:1px solid #8aa0aa}.why-list b{color:#0b91b2;font:800 .75rem var(--mono)}.why-list span,.why-list strong,.why-list small{display:block}.why-list strong{font:800 1.05rem var(--display)}.why-list small{margin-top:.15rem;color:var(--muted)}
.feature-checks{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.5rem 0}.feature-checks span{padding:.75rem .8rem;background:#edf6f8;border-left:4px solid #0b91b2;font:700 .8rem var(--mono)}.feature-checks span::before{content:"✓";margin-right:.55rem;color:#08738d}.flagship>div:first-child{display:flex;flex-direction:column}.flagship .actions{margin-top:auto}
@media(max-width:900px){.home-hero-grid,.why-grid{grid-template-columns:1fr}.home-hero-visual{max-width:680px}.engineering-strip{grid-template-columns:1fr 1fr}.engineering-strip>div:nth-child(2){border-right:0}}
@media(max-width:540px){.home-hero-visual{padding:.2rem;margin-top:.5rem}.engineering-strip{grid-template-columns:1fr}.engineering-strip>div{border-right:0;border-bottom:1px solid #315766}.feature-checks{grid-template-columns:1fr}.why-list>div{grid-template-columns:42px 1fr}}
@media(prefers-color-scheme:dark){.why-lox{background:#0b1d26}.feature-checks span{background:#14313d}.feature-checks span::before{color:#69d7eb}}

/* Project-specific stories and interactive engineering states. */
.pro-architecture{position:relative;min-height:650px;padding:1.5rem;background:radial-gradient(circle at center,rgba(47,187,216,.2),transparent 27%),#07141b;border:2px solid #2fbbd8;overflow:hidden}.pro-architecture::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(47,187,216,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(47,187,216,.065) 1px,transparent 1px);background-size:32px 32px}.pro-links{position:absolute;inset:0;width:100%;height:100%}.pro-links path{fill:none;stroke:#39c4df;stroke-width:2;stroke-dasharray:8 10;vector-effect:non-scaling-stroke;animation:pro-data-flow 1.4s linear infinite}.pro-core{position:absolute;z-index:3;left:50%;top:50%;display:flex;width:190px;height:190px;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(45deg);background:#f2b632;color:#07141b;border:5px solid #fff;box-shadow:0 0 0 10px rgba(47,187,216,.22),0 0 42px rgba(47,187,216,.45)}.pro-core>*{transform:rotate(-45deg)}.pro-core span{font:800 .6rem var(--mono);letter-spacing:.14em;text-transform:uppercase}.pro-core strong{font:900 1.8rem var(--display)}.pro-core small{max-width:130px;text-align:center;font:700 .62rem/1.35 var(--mono)}.pro-core i{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;animation:pro-core-pulse 1.8s ease-in-out infinite}.module-catalog{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:270px 6%;min-height:600px}.module-catalog section{display:grid;grid-template-columns:62px 1fr;gap:.9rem;align-items:center;padding:1rem;background:#102d39;color:#fff;border:1px solid #4ebbd0;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);box-shadow:inset 5px 0 0 #39c4df;animation:pro-node-in .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--module)*.09s)}.module-icon{display:grid;width:58px;height:58px;place-items:center;background:#0b91b2;border-radius:50%;box-shadow:0 0 0 5px rgba(57,196,223,.13)}.module-icon svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.module-catalog span{display:block;color:#8fe2b1;font:800 .69rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.module-catalog code{display:block;margin:.3rem 0;color:#fff;overflow-wrap:anywhere;font:.68rem/1.45 var(--mono)}.module-catalog p{margin:0;color:#b9d3dc;font-size:.75rem;line-height:1.4}.module-catalog section:hover{background:#0b3f50;transform:translateY(-4px);transition:.2s}.module-catalog section:nth-child(2),.module-catalog section:nth-child(5){transform:translateY(-25px)}.module-catalog section:nth-child(2):hover,.module-catalog section:nth-child(5):hover{transform:translateY(-29px)}
@keyframes pro-data-flow{to{stroke-dashoffset:-36}}@keyframes pro-core-pulse{0%,100%{opacity:.25;box-shadow:0 0 0 0 #fff}50%{opacity:1;box-shadow:0 0 0 14px transparent}}@keyframes pro-node-in{from{opacity:0;transform:scale(.86)}to{opacity:1}}
.scenario-stack{display:grid;gap:1rem}.scenario{display:grid;grid-template-columns:54px 190px 1fr;gap:1rem;padding:1.2rem 0;border-top:2px solid var(--line)}.scenario-no{color:#0b91b2;font:800 .72rem var(--mono)}.scenario h3{margin:0!important;font-size:1.05rem!important}.scenario>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.scenario p{margin:0;padding:.8rem;background:var(--surface);border-left:3px solid #8db9c5;color:var(--muted)}.scenario p b{display:block;margin-bottom:.35rem;color:var(--ink);font:700 .65rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.resource-demo{display:grid;grid-template-columns:minmax(250px,1fr) minmax(220px,.7fr);gap:1.2rem}.resource-demo>.demo-label,.resource-demo>.diagram-caption{grid-column:1/-1}.resource-controls{display:grid;gap:1rem}.resource-controls label{display:grid;grid-template-columns:1fr auto;gap:.35rem;font:700 .72rem var(--mono);text-transform:uppercase}.resource-controls output{color:#08738d}.resource-controls input{grid-column:1/-1;width:100%;accent-color:#0b91b2}.decision-panel{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;background:#07141b;color:#fff;text-align:center;border:2px solid #2fbbd8}.decision-panel span{font:700 .62rem var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#86cddd}.decision-panel strong{margin:.45rem 0;font:900 clamp(1.35rem,3vw,2.1rem) var(--display);color:#8fe2b1}.decision-panel small{max-width:30ch;color:#b5ccd5}.decision-panel[data-state="defer"] strong{color:#ffd36b}.decision-panel[data-state="deny"] strong{color:#ff8c86}.decision-panel[data-state="allow_degraded"] strong{color:#9edcf0}
.wal-track{display:flex;align-items:stretch;gap:.35rem;margin:1.3rem 0;overflow-x:auto}.wal-track span{display:flex;min-width:120px;flex:1;align-items:center;justify-content:center;padding:.85rem;border:1px solid #75929e;background:var(--surface);text-align:center;font:700 .7rem/1.35 var(--mono);transition:background .2s,color .2s,transform .2s}.wal-track i{align-self:center;color:#0b91b2;font-style:normal}.wal-track span.active{background:#0b91b2;color:#fff;transform:translateY(-3px)}.wal-track span.done{background:#173d28;color:#c5f3d4;border-color:#499169}.wal-demo .decision-panel{min-height:120px}
@media(max-width:850px){.scenario{grid-template-columns:40px 1fr}.scenario>div{grid-column:2;grid-template-columns:1fr}.resource-demo{grid-template-columns:1fr}.resource-demo>.demo-label,.resource-demo>.diagram-caption{grid-column:auto}}
@media(max-width:850px){.pro-architecture{min-height:0;padding:1rem}.pro-links{display:none}.pro-core{position:relative;left:auto;top:auto;margin:1rem auto 2rem;transform:rotate(45deg)}.module-catalog{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:.8rem;min-height:0}.module-catalog section:nth-child(2),.module-catalog section:nth-child(5),.module-catalog section:nth-child(2):hover,.module-catalog section:nth-child(5):hover{transform:none}}
@media(max-width:620px){.module-catalog{grid-template-columns:1fr}.pro-core{width:155px;height:155px}.module-catalog section{grid-template-columns:52px 1fr}.module-icon{width:48px;height:48px}.module-icon svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.pro-links path,.pro-core i,.module-catalog section{animation:none}}
@media(max-width:540px){.scenario{grid-template-columns:1fr}.scenario>div{grid-column:auto}.wal-track{align-items:stretch;flex-direction:column}.wal-track i{text-align:center;transform:rotate(90deg)}}

/* Product-site information architecture. */
.product-home-hero{padding:clamp(4rem,8vw,7rem) 0}.home-intro{display:grid;grid-template-columns:minmax(400px,.9fr) minmax(480px,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:center}.product-home-hero h1{font-size:clamp(3.4rem,6.5vw,6.2rem);max-width:850px}.product-home-hero .ecosystem-diagram{padding:1rem;background:rgba(4,18,25,.75);border:1px solid #285666}.home-products{display:grid;grid-template-columns:1.1fr .95fr .95fr;max-width:1400px;margin:auto;background:#07141b}.home-products>a{min-height:360px;padding:clamp(2rem,4vw,4rem);background:#fff;color:#0b1f2a;text-decoration:none;border-right:1px solid #78929d;transition:background .2s,transform .2s}.home-products>a:first-child{background:#0b91b2;color:#fff}.home-products>a:last-child{border:0}.home-products h2{margin:.7rem 0;font:900 clamp(2rem,4vw,3.5rem)/1 var(--display)}.home-products p{max-width:30ch}.home-products em{display:block;margin-top:2rem;font:700 .72rem var(--mono);font-style:normal}.home-products>a:hover{position:relative;z-index:2;transform:translateY(-8px);box-shadow:0 12px 0 #07141b}.section-icon{width:54px;height:54px;margin-bottom:2rem;fill:none;stroke:currentColor;stroke-width:2}
.explorer-section{background:#dfeaf0}.need-options{display:flex;flex-wrap:wrap;gap:.65rem;margin:2rem 0}.need-options button{padding:.75rem 1rem;background:transparent;border:2px solid var(--line);color:var(--ink);font:700 .75rem var(--mono);cursor:pointer}.need-options button[aria-pressed="true"]{background:#07141b;color:#fff;border-color:#07141b}.explorer-results{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;min-height:110px}.explorer-results a{display:flex;align-items:center;justify-content:space-between;padding:1.2rem;background:#fff;border-left:5px solid #0b91b2;color:#0b1f2a;text-decoration:none;box-shadow:4px 4px 0 rgba(4,59,74,.18)}.explorer-results span{font:800 1.05rem var(--display)}.explorer-results em{font:700 .65rem var(--mono);font-style:normal}.explorer-results a:hover{background:#07141b;color:#fff}
.featured-product{background:#fff}.featured-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.mini-experience{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:320px;padding:2rem;background:#07141b;color:#fff}.mini-experience span{padding:.8rem;border:1px solid #2fbbd8;font:700 .68rem var(--mono)}.mini-experience i{color:#5dd8ed}.update-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem;border-top:2px solid var(--line)}.update-row a{display:flex;min-height:120px;flex-direction:column;justify-content:center;padding:1.2rem;color:var(--ink);text-decoration:none;border-bottom:1px solid #78929d}.update-row b{font:800 1.1rem var(--display)}.update-row span{color:var(--muted)}.home-contact .wrap{display:flex;align-items:end;justify-content:space-between;gap:2rem}.home-contact h2{max-width:780px}
.family-hero{min-height:600px;display:flex;align-items:center}.family-hero h1{font-size:clamp(3.5rem,7.5vw,7rem)}.family-categories details{border-top:2px solid var(--line);padding:0}.family-categories summary{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:1.5rem;padding:2rem .5rem;list-style:none}.family-categories summary::-webkit-details-marker{display:none}.family-categories summary>span{color:#0b91b2;font:800 .75rem var(--mono)}.family-categories summary h2{margin:0}.family-categories summary p{margin:.35rem 0;color:var(--muted)}.family-categories summary>b{font:700 .7rem var(--mono);text-transform:uppercase}.family-products{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 0 2.5rem 70px}.family-products a{min-height:230px;padding:1.4rem;background:#07141b;color:#fff;text-decoration:none}.family-products a>span{font:700 .65rem var(--mono);color:#73d9eb;text-transform:uppercase}.family-products h3{font:800 1.5rem var(--display)}.family-products p{color:#b6ccd5}.family-products em{font:700 .65rem var(--mono);font-style:normal}.experience-lab{background:#dfeaf0}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.product-experience{min-height:230px;padding:1.4rem;background:#07141b;color:#fff;cursor:pointer}.product-experience>strong{font:800 1.3rem var(--display)}.product-experience>div{display:flex;align-items:center;gap:.35rem;margin-top:3rem}.product-experience span{padding:.65rem;border:1px solid #345b69;color:#73929e;font:700 .65rem var(--mono);transition:.25s}.product-experience span.active{background:#0b91b2;border-color:#6ce3f5;color:#fff;transform:translateY(-4px)}
.toolkit-hero{background:#f1b400;color:#07141b}.toolkit-hero::before{opacity:.35}.toolkit-hero h1{color:#07141b}.toolkit-hero p{color:#18313b}.toolkit-word{font:900 clamp(3rem,8vw,7rem)/.9 var(--display)!important;color:#07141b!important}.toolkit-picker details{padding:0;border-top:3px solid var(--line)}.toolkit-picker summary{display:flex;align-items:center;justify-content:space-between;padding:1.4rem .5rem;list-style:none}.toolkit-picker summary h2{margin:0}.toolkit-picker summary span{font:700 .7rem var(--mono)}.toolkit-items{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 0 2rem}.toolkit-items a{display:grid;grid-template-columns:150px 1fr auto;gap:1rem;padding:1.2rem;background:#fff;color:#0b1f2a;text-decoration:none}.toolkit-items b{font:800 1rem var(--display)}.toolkit-items span{color:#49616e}.toolkit-items em{font:700 .65rem var(--mono);font-style:normal}.about-hero h1{max-width:950px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem}
@media(max-width:900px){.home-intro,.featured-grid,.about-layout{grid-template-columns:1fr}.home-products{grid-template-columns:1fr}.home-products>a{min-height:260px;border-right:0;border-bottom:1px solid #78929d}.explorer-results,.update-row,.experience-grid{grid-template-columns:1fr 1fr}.family-products{grid-template-columns:1fr 1fr;padding-left:0}.toolkit-items{grid-template-columns:1fr}.home-contact .wrap{display:block}}
@media(max-width:540px){.product-home-hero .ecosystem-diagram{display:none}.home-intro{grid-template-columns:1fr}.explorer-results,.update-row,.experience-grid,.family-products{grid-template-columns:1fr}.family-categories summary{grid-template-columns:38px 1fr}.family-categories summary>b{display:none}.product-experience>div,.mini-experience{align-items:stretch;flex-direction:column}.mini-experience i,.product-experience i{text-align:center;transform:rotate(90deg)}.toolkit-items a{grid-template-columns:1fr}.home-products>a{padding:2rem}}

/* Portfolio-first home: compact hierarchy, intentionally no decorative motion. */
.portfolio-hero,.compact-hero{min-height:0!important;padding:4.5rem 0 3.5rem!important}.portfolio-hero h1{font-size:clamp(2.8rem,6vw,4.25rem)!important;max-width:850px}.compact-hero h1{font-size:clamp(2.35rem,5vw,3.8rem)!important;max-width:900px}.portfolio-hero .lede{max-width:760px;font-size:1.2rem}.section h2{font-size:clamp(1.9rem,3.4vw,2.45rem)!important}.areas,.portfolio-cards,.families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.areas{grid-template-columns:repeat(4,minmax(0,1fr))}.area,.portfolio-card,.families>a{padding:1.25rem;background:var(--surface);border:1px solid var(--line);box-shadow:none}.area h3,.portfolio-card h3,.families h3{margin:0 0 .55rem;font-size:1.15rem}.area p,.portfolio-card p,.families p{margin:0;color:var(--muted);font-size:.94rem}.portfolio-card{display:flex;min-height:0;flex-direction:column;gap:.8rem}.portfolio-card small{font:700 .69rem/1.4 var(--mono);color:var(--muted);text-transform:uppercase}.portfolio-card .evidence{font-weight:500;text-transform:none}.portfolio-card a,.families>a{color:var(--ink);text-decoration:none}.portfolio-card a{margin-top:auto;font:700 .8rem var(--mono);color:#08738d}.families>a{min-height:150px}.family-section{background:#e8f1f3}.content-narrow{max-width:880px}.search-label{display:grid;gap:.5rem;max-width:540px;font:700 .75rem var(--mono);text-transform:uppercase}.search-label input,.filters select{padding:.8rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}.filters{margin:1rem 0}.catalog-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:850px){.areas{grid-template-columns:1fr 1fr}.portfolio-cards,.families,.catalog-cards{grid-template-columns:1fr 1fr}}@media(max-width:540px){.portfolio-hero,.compact-hero{padding:3rem 0 2.5rem!important}.areas,.portfolio-cards,.families,.catalog-cards{grid-template-columns:1fr}.portfolio-hero .lede{font-size:1.05rem}}
@media(prefers-color-scheme:dark){.home-products>a,.featured-product{background:#102733;color:#edf7fa}.home-products>a:first-child{background:#08738d}.explorer-section,.experience-lab{background:#0d222c}.explorer-results a,.toolkit-items a{background:#102733;color:#edf7fa}.need-options button{color:#edf7fa}.need-options button[aria-pressed="true"]{background:#edf7fa;color:#07141b}.update-row a{color:#edf7fa}.toolkit-hero,.toolkit-word,.toolkit-hero h1{color:#07141b}}

.concise-hero{min-height:520px;display:flex;align-items:center;padding:4.5rem 0}.concise-hero h1{max-width:1050px;font-size:clamp(3rem,6.2vw,6rem)}.concise-hero p{max-width:700px}.beyond-hero{background:#14232a}.beyond-hero h1{max-width:980px}.beyond-groups details{padding:0;border-top:2px solid var(--line)}.beyond-groups summary{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:1rem;padding:1.6rem .4rem;list-style:none}.beyond-groups summary::-webkit-details-marker{display:none}.beyond-groups summary>span{color:#0b91b2;font:800 .72rem var(--mono)}.beyond-groups summary h2{margin:0}.beyond-groups summary>b{font:700 .68rem var(--mono);text-transform:uppercase}.beyond-groups details>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 0 2rem 60px}.beyond-groups details>div a{min-height:210px;padding:1.2rem;background:var(--surface);border:2px solid var(--line);color:var(--ink);text-decoration:none}.beyond-groups details>div a>span{font:700 .62rem var(--mono);color:#08738d;text-transform:uppercase}.beyond-groups details>div h3{font:800 1.25rem var(--display)}.beyond-groups details>div p{color:var(--muted)}.beyond-groups details>div em{font:700 .65rem var(--mono);font-style:normal}.beyond-groups .actions{padding-left:60px}
@media(max-width:850px){.beyond-groups details>div{grid-template-columns:1fr 1fr;padding-left:0}.beyond-groups .actions{padding-left:0}}
@media(max-width:540px){.concise-hero{min-height:440px}.beyond-groups summary{grid-template-columns:35px 1fr}.beyond-groups summary>b{display:none}.beyond-groups details>div{grid-template-columns:1fr}}

/* Home hero and problem explorer refinements. */
.concise-hero{min-height:0;padding:2.6rem 0 3rem}.concise-hero h1{max-width:none;margin:.55rem 0;font-size:clamp(3.5rem,7vw,5.8rem);line-height:.88}.concise-hero .hero-product-line{max-width:760px;margin:.7rem 0 .4rem;color:#fff;font:800 clamp(1.35rem,2.5vw,2rem)/1.2 var(--display)}.concise-hero p{max-width:790px;margin:.4rem 0;font-size:1rem}.concise-hero .actions{margin-top:1.3rem}
.recommendation-block{margin-top:1.4rem;padding:1.2rem;border:2px solid var(--line);background:rgba(255,255,255,.45)}.recommendation-block>h3{margin:0 0 1rem;font:800 1.25rem var(--display)}.explorer-results a[hidden]{display:none!important}.explorer-results a>span{display:block}.explorer-results a strong,.explorer-results a small{display:block}.explorer-results a strong{font:800 1.05rem var(--display)}.explorer-results a small{max-width:35ch;margin-top:.25rem;color:#49616e;font-size:.78rem}.explorer-results a:hover small{color:#c3d9e1}.explorer-results a.is-match{animation:recommend-in .18s ease-out}.need-options button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.need-options button[aria-pressed="true"]{box-shadow:4px 4px 0 #0b91b2;transform:translate(-2px,-2px)}
@keyframes recommend-in{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:540px){.concise-hero{min-height:0;padding:2rem 0 2.3rem;overflow:hidden}.concise-hero h1{font-size:3.7rem}.concise-hero .hero-product-line{font-size:1.3rem;overflow-wrap:anywhere}.concise-hero .actions{display:grid;grid-template-columns:1fr;margin-top:1.1rem}.concise-hero .button{width:100%;text-align:center}.recommendation-block{padding:.8rem}.explorer-results a{align-items:flex-start;gap:1rem}}
@media(prefers-color-scheme:dark){.recommendation-block{background:rgba(7,20,27,.35)}.explorer-results a small{color:#aac3cd}}
@media(prefers-reduced-motion:reduce){.explorer-results a.is-match{animation:none}}

pre a{color:#edf7fa}

.section h2{font:800 clamp(1rem,5vw,3.3rem)/1.05 var(--display);margin:0 0 1rem}
.recommendation-context{margin:-.55rem 0 1rem;color:var(--muted);font:700 .72rem var(--mono)}
.explorer-results{grid-template-columns:repeat(2,minmax(0,1fr))}
.explorer-results a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;min-height:112px}
.explorer-results .result-copy{display:grid;gap:.4rem;min-width:0;font:inherit}
.explorer-results .result-copy strong{display:block;margin:0;font:800 1.08rem/1.2 var(--display)}
.explorer-results .result-copy small{display:block;margin:0;color:#49616e;font:400 .82rem/1.45 var(--sans)}
.explorer-results a>em{white-space:nowrap;align-self:center}
@media(max-width:700px){.explorer-results{grid-template-columns:1fr}.explorer-results a{grid-template-columns:1fr;gap:.8rem}.explorer-results a>em{justify-self:start}}
@media(prefers-color-scheme:dark){.explorer-results .result-copy small{color:#aac3cd}}

/* Compact home hero: product name first, detail moves into the problem map. */
.home-hero{padding:4.5rem 0 4rem;min-height:0}
.home-hero-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:clamp(2rem,6vw,5.5rem);align-items:center}
.home-hero h1{font-size:clamp(5rem,10vw,8.5rem);line-height:.78;margin:1rem 0 1.4rem;color:#fff}
.home-hero .slogan{font-size:clamp(1rem,2vw,1.3rem);margin:0;color:#69d7eb}
.home-hero-copy{border-left:2px solid #2fbbd8;padding-left:clamp(1.5rem,4vw,3rem)}
.home-hero-copy>p{margin:0;color:#c4d9e1;font-size:1.08rem;max-width:600px}
.hero-scope{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.3rem 0}
.hero-scope span{padding:.38rem .65rem;border:1px solid #397283;color:#aee6f0;font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.home-hero .actions{margin-top:1.5rem}
.home-hero::after{width:190px;height:190px;right:3%;top:12%;opacity:.3}
.site-header .nav{min-height:74px}
.site-header .nav-links a{padding:.85rem .9rem}
@media(max-width:900px){.home-hero-grid{grid-template-columns:1fr;gap:2rem}.home-hero-copy{border-left:0;border-top:2px solid #2fbbd8;padding:1.5rem 0 0}.home-hero h1{font-size:clamp(4.8rem,20vw,7rem)}}
@media(max-width:540px){.home-hero{padding:3.5rem 0 3rem}.home-hero .actions{display:grid}.home-hero .button{text-align:center}.hero-scope{gap:.35rem}.hero-scope span{flex:1;text-align:center}}

/* High-contrast local navigation on every project page. */
.side.panel{background:#0b3a49;color:#f5fcfe;border-color:#39c4df;box-shadow:6px 6px 0 #043b4a}
.side.panel>strong{display:block;color:#fff;font:800 1.05rem var(--display);padding-bottom:.75rem;border-bottom:1px solid #568696}
.side.panel a{color:#bff4ff;padding:.72rem .65rem;margin:.15rem -.65rem;font-weight:700;text-decoration:none;border-left:3px solid transparent}
.side.panel a:hover,.side.panel a:focus-visible{background:#55d1e8;color:#061820;border-left-color:#fff}
.side.panel hr{border:0;border-top:1px solid #568696;margin:1rem 0}
.side.panel small{color:#c1d8df}

/* Sticky project breadcrumb below the primary navigation. */
.crumb-shell{position:sticky;top:74px;z-index:45;background:#102d39;border-bottom:2px solid #2fbbd8;box-shadow:0 5px 14px rgba(4,16,22,.22)}
.crumb-bar{margin:0;padding:.7rem 0;display:flex;align-items:center;gap:.55rem;color:#f5fcfe;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#55d1e8 #102d39}
.crumb-bar a{color:#9eeaf7;padding:.2rem .35rem;text-decoration:none;font-weight:700;border-bottom:2px solid transparent}
.crumb-bar a:hover,.crumb-bar a:focus-visible{color:#fff;border-bottom-color:#55d1e8}
.crumb-bar a:first-child::before{content:"⌂";margin-right:.4rem;color:#55d1e8;font-size:1rem}
.crumb-bar::after{content:"Current project";margin-left:auto;padding:.2rem .55rem;border:1px solid #487582;color:#b9d8df;font:600 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.product-hero{padding-top:clamp(4rem,7vw,6rem)}
@media(max-width:850px){.crumb-shell{top:76px}.crumb-bar{font-size:.76rem}.crumb-bar::after{display:none}}

/* Forty problem routes presented as a navigable engineering wall. */
.problem-wall{position:relative;margin:2rem 0 0;padding:1.25rem;background:#07141b;border:3px solid #31515e;overflow:hidden}.problem-wall::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 55px,rgba(137,174,186,.16) 55px 59px);pointer-events:none}.problem-wall .signpost-mast{display:none}.problem-wall .need-options{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0}.problem-wall .need-options button{position:relative;min-height:58px;padding:.62rem .8rem;border:1px solid #87a2ac;background:linear-gradient(145deg,#e9f2f4,#bfd2d8);color:#0b1f2a;text-align:left;font:800 .68rem/1.3 var(--mono);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);box-shadow:inset 0 -6px 0 rgba(20,55,67,.13);transition:transform .2s,background .2s,filter .2s}.problem-wall .need-options button:nth-child(10n+6){margin-left:10%}.problem-wall .need-options button:nth-child(10n){margin-right:10%}.problem-wall .need-options button span{display:block;margin-bottom:.2rem;color:#08738d;font:900 .55rem/1 var(--mono);letter-spacing:.12em}.problem-wall .need-options button::after{content:"";position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:#7b969f;box-shadow:0 0 0 2px rgba(255,255,255,.4)}.problem-wall .need-options button:hover{z-index:2;background:linear-gradient(145deg,#d9f6fb,#7fd1e0);transform:translateY(-4px);filter:drop-shadow(0 7px 0 #043b4a)}.problem-wall .need-options button[aria-pressed="true"]{z-index:3;background:linear-gradient(145deg,#ffd778,#e89b00);color:#241700;border-color:#fff;transform:translateY(-7px) scale(1.025);box-shadow:inset 0 -7px 0 rgba(107,65,0,.22);filter:drop-shadow(0 9px 0 #073745);animation:wall-select .35s ease-out}.problem-wall .need-options button[aria-pressed="true"] span{color:#684300}.problem-wall+.route-line{height:58px;background:linear-gradient(#e89b00,#2fbbd8)}
.technical-contracts{display:grid;gap:.8rem}.technical-contracts details{padding:0;border:2px solid var(--line);background:var(--surface)}.technical-contracts summary{padding:1rem 1.2rem;background:#102d39;color:#fff;font:800 .85rem var(--mono)}.technical-contracts details[open] summary{border-bottom:4px solid #2fbbd8}.technical-contracts details>p,.technical-contracts details>dl,.technical-contracts .contract-flow{margin:1.1rem}.technical-contracts .contract-flow{display:flex;align-items:stretch;gap:.35rem;overflow-x:auto}.technical-contracts .contract-flow span{display:flex;min-width:125px;flex:1;flex-direction:column;padding:.7rem;background:#e3f0f3;border-left:4px solid #0b91b2;color:#0b1f2a;font-size:.78rem}.technical-contracts .contract-flow b{color:#08738d;font:.65rem var(--mono)}.technical-contracts .contract-flow i{align-self:center;color:#0b91b2;font-style:normal}.technical-contracts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.technical-contracts dl div{padding:1rem;background:var(--surface)}.technical-contracts dt{color:#08738d;font:800 .65rem var(--mono);text-transform:uppercase}.technical-contracts dd{margin:.35rem 0 0;color:var(--muted)}
@keyframes wall-select{from{transform:translateY(0) scale(.96)}to{transform:translateY(-7px) scale(1.025)}}
@media(max-width:950px){.problem-wall .need-options{grid-template-columns:repeat(3,minmax(0,1fr))}.problem-wall .need-options button:nth-child(n){margin:0}.technical-contracts dl{grid-template-columns:1fr}}
@media(max-width:600px){.problem-wall{padding:.7rem}.problem-wall .need-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.problem-wall .need-options button{min-height:64px}.technical-contracts .contract-flow{flex-direction:column}.technical-contracts .contract-flow i{text-align:center;transform:rotate(90deg)}}
@media(prefers-color-scheme:dark){.problem-wall .need-options button{background:linear-gradient(145deg,#dce9ec,#aac2c9);color:#07141b}.technical-contracts .contract-flow span{background:#173d49;color:#edf7fa}}
@media(prefers-reduced-motion:reduce){.problem-wall .need-options button[aria-pressed="true"]{animation:none}}

/* Problem-first project routes: animated signpost in, solution wall out. */
.problem-signpost{position:relative;margin:2rem 0 0;padding:1.5rem;background:#07141b;border:2px solid #2fbbd8;overflow:hidden}.problem-signpost::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(47,187,216,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(47,187,216,.06) 1px,transparent 1px);background-size:32px 32px}.signpost-mast{position:absolute;left:50%;top:0;bottom:0;width:8px;transform:translateX(-50%);background:linear-gradient(90deg,#526d77,#d9e7eb 42%,#617984);box-shadow:0 0 0 2px #07141b}.signpost-mast::before{content:"";position:absolute;left:50%;top:18px;width:24px;height:24px;border:4px solid #69d7eb;border-radius:50%;transform:translateX(-50%);background:#07141b}.signpost-mast span{position:absolute;left:50%;top:20px;width:8px;height:8px;border-radius:50%;transform:translateX(-50%);background:#8fe2b1;box-shadow:0 0 16px #69d7eb;animation:route-pulse 2.2s ease-in-out infinite}.problem-signpost .need-options{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem 2.2rem;margin:0}.problem-signpost .need-options button{position:relative;min-height:48px;padding:.55rem 1.5rem .55rem .85rem;border:0;background:#e7f2f5;color:#0b1f2a;text-align:left;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);transition:transform .18s,background .18s,color .18s,filter .18s}.problem-signpost .need-options button:nth-child(4n+3),.problem-signpost .need-options button:nth-child(4n+4){padding-right:.85rem;padding-left:1.5rem;text-align:right;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%)}.problem-signpost .need-options button span{display:block;color:#08738d;font:800 .58rem/1 var(--mono);letter-spacing:.12em}.problem-signpost .need-options button:hover{background:#bdebf4;transform:translateY(-2px);filter:drop-shadow(0 5px 0 rgba(47,187,216,.3))}.problem-signpost .need-options button[aria-pressed="true"]{background:#f2b632;color:#07141b;box-shadow:none;transform:scale(1.035);filter:drop-shadow(0 0 10px rgba(242,182,50,.55))}.problem-signpost .need-options button[aria-pressed="true"] span{color:#5f3d00}.route-line{position:relative;width:4px;height:46px;margin:0 auto;background:#2fbbd8}.route-line::after{content:"";position:absolute;left:50%;bottom:-3px;width:13px;height:13px;border-right:4px solid #2fbbd8;border-bottom:4px solid #2fbbd8;transform:translateX(-50%) rotate(45deg)}.route-line span{position:absolute;left:-3px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px #2fbbd8;animation:route-travel 1.25s linear infinite}.recommendation-block{margin-top:0;padding:0;border:0;background:transparent}.recommendation-heading{padding:1.1rem 1.3rem;background:#0b3a49;color:#fff;border-left:8px solid #f2b632}.recommendation-heading>span{color:#8fe2b1;font:800 .62rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.recommendation-heading h3{margin:.2rem 0 0;font:900 clamp(1.35rem,3vw,2rem) var(--display)}.recommendation-heading .recommendation-context{margin:.2rem 0 0;color:#c5dce4}.explorer-results{gap:0;background:#78929d;padding:2px}.explorer-results a{position:relative;grid-template-columns:34px minmax(0,1fr) auto;min-height:126px;border:0;border-left:0;background:#fff;box-shadow:none;overflow:hidden;transition:background .2s,color .2s,transform .2s}.explorer-results a::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(100% - 1px),rgba(7,20,27,.11) 0),linear-gradient(transparent calc(100% - 1px),rgba(7,20,27,.11) 0);background-size:50% 50%;pointer-events:none}.explorer-results .result-index::before{content:counter(route,decimal-leading-zero)}.explorer-results{counter-reset:route}.explorer-results a:not([hidden]){counter-increment:route}.explorer-results .result-index{position:relative;color:#08738d;font:800 .65rem var(--mono)}.explorer-results a.is-match{animation:brick-build .42s cubic-bezier(.2,.8,.2,1) both}.explorer-results a.is-match:nth-child(2n){animation-delay:.06s}.explorer-results a.is-match:nth-child(3n){animation-delay:.12s}.explorer-results a:hover{z-index:2;background:#07141b;color:#fff;transform:translateY(-4px)}
@keyframes route-pulse{0%,100%{opacity:.35;transform:translateX(-50%) scale(.7)}50%{opacity:1;transform:translateX(-50%) scale(1.25)}}@keyframes route-travel{from{top:0;opacity:0}20%{opacity:1}to{top:38px;opacity:0}}@keyframes brick-build{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:900px){.problem-signpost .need-options{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-signpost .need-options button:nth-child(odd){padding:.55rem 1.5rem .55rem .85rem;text-align:left;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}.problem-signpost .need-options button:nth-child(even){padding:.55rem .85rem .55rem 1.5rem;text-align:right;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%)}}
@media(max-width:560px){.problem-signpost{padding:1rem}.signpost-mast{left:18px}.problem-signpost .need-options{grid-template-columns:1fr;margin-left:18px;gap:.55rem}.problem-signpost .need-options button,.problem-signpost .need-options button:nth-child(n){padding:.65rem 1.4rem .65rem .8rem;text-align:left;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}.explorer-results a{grid-template-columns:30px 1fr}.explorer-results a>em{grid-column:2}}
@media(prefers-color-scheme:dark){.problem-signpost .need-options button{background:#dcecef;color:#07141b}.recommendation-heading{background:#0b3a49}.explorer-results a{background:#102733;color:#edf7fa}}
@media(prefers-reduced-motion:reduce){.signpost-mast span,.route-line span,.explorer-results a.is-match{animation:none}}

/* Rebuilt project explorer: progressive domain navigation with a stable answer pane. */
.explorer-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:1.5rem;align-items:start;margin-top:2.25rem}.domain-stack{display:grid;gap:.7rem}.problem-domain{padding:0;border:2px solid #496570;background:var(--surface);overflow:hidden}.problem-domain summary{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:1rem;align-items:center;min-height:88px;padding:1rem 1.15rem;list-style:none;cursor:pointer;background:var(--surface);transition:background .18s,color .18s}.problem-domain summary::-webkit-details-marker{display:none}.problem-domain summary svg{width:46px;height:46px;padding:.55rem;fill:none;stroke:#08738d;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;background:#dcebf0;border-radius:12px}.problem-domain summary b,.problem-domain summary small{display:block}.problem-domain summary b{font:900 1.15rem var(--display)}.problem-domain summary small{margin-top:.2rem;color:var(--muted);font-size:.78rem}.problem-domain summary em{color:#08738d;font:800 .63rem var(--mono);font-style:normal;text-transform:uppercase}.problem-domain summary::after{content:"+";display:grid;width:28px;height:28px;place-items:center;background:#0b3a49;color:#fff;font:900 1rem var(--mono);grid-column:4}.problem-domain[open] summary{background:#0b3a49;color:#fff}.problem-domain[open] summary svg{background:#2fbbd8;stroke:#07141b;animation:domain-icon-in .3s ease-out}.problem-domain[open] summary small{color:#c2d9e1}.problem-domain[open] summary em{color:#8fe2b1}.problem-domain[open] summary::after{content:"−";background:#f2b632;color:#07141b}.domain-problems{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:#78929d;border-top:1px solid #78929d}.domain-problems button{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:.65rem;align-items:center;min-height:76px;padding:.8rem .9rem;border:0;background:#fff;color:#0b1f2a;text-align:left;cursor:pointer;transition:background .18s,color .18s,transform .18s}.domain-problems button>span{color:#08738d;font:900 .58rem var(--mono)}.domain-problems button>b{font:750 .75rem/1.35 var(--mono)}.domain-problems button>i{color:#0b91b2;font-style:normal;font-weight:900;transition:transform .18s}.domain-problems button:hover{z-index:2;background:#d8f0f5;transform:translateX(3px)}.domain-problems button:hover>i{transform:translateX(4px)}.domain-problems button[aria-pressed="true"]{z-index:3;background:#f2b632;color:#07141b;box-shadow:inset 6px 0 0 #8a5900}.domain-problems button[aria-pressed="true"]>span,.domain-problems button[aria-pressed="true"]>i{color:#5c3b00}.explorer-answer{position:sticky;top:96px;border:2px solid #31515e;background:#07141b;box-shadow:10px 10px 0 rgba(4,59,74,.18)}.explorer-answer .recommendation-heading{position:relative;padding:1.4rem 1.5rem;border:0;border-bottom:1px solid #568696}.explorer-answer .recommendation-heading::after{content:"";position:absolute;right:1.5rem;top:1.5rem;width:11px;height:11px;border-radius:50%;background:#8fe2b1;box-shadow:0 0 0 0 rgba(143,226,177,.65);animation:answer-ready 1.8s infinite}.show-all-projects{margin-top:1rem;padding:.65rem .8rem;border:1px solid #72cfe0;background:transparent;color:#d9f6fb;font:800 .65rem var(--mono);cursor:pointer}.show-all-projects:hover,.show-all-projects[aria-pressed="true"]{background:#d9f6fb;color:#07141b}.explorer-answer .explorer-results{display:grid;grid-template-columns:1fr;max-height:610px;overflow:auto;background:#31515e}.explorer-answer .explorer-results a{min-height:118px}.explorer-answer .explorer-results a.is-match{animation:answer-enter .3s ease-out both}
.problem-domain summary{grid-template-columns:54px minmax(0,1fr) auto 28px}.explorer-workbench,.domain-stack,.problem-domain,.problem-domain summary>span,.domain-problems,.domain-problems button,.explorer-answer{min-width:0;max-width:100%}.domain-problems button>b{min-width:0;overflow-wrap:anywhere}
@keyframes domain-icon-in{from{transform:scale(.75) rotate(-8deg)}to{transform:none}}@keyframes answer-ready{70%{box-shadow:0 0 0 0 rgba(143,226,177,.5)}100%{box-shadow:0 0 0 12px transparent}}@keyframes answer-enter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@media(max-width:950px){.explorer-workbench{grid-template-columns:1fr}.explorer-answer{position:static}.explorer-answer .explorer-results{max-height:none}}
@media(max-width:620px){.explorer-workbench{display:block}.explorer-answer{margin-top:1rem;box-shadow:none}.problem-domain summary{grid-template-columns:42px minmax(0,1fr) 28px;gap:.7rem;min-height:76px;padding:.8rem}.problem-domain summary svg{width:40px;height:40px}.problem-domain summary em{display:none}.problem-domain summary::after{grid-column:3}.problem-domain summary small{overflow-wrap:anywhere}.domain-problems{grid-template-columns:1fr}.domain-problems button{width:100%;min-height:66px}}
@media(prefers-color-scheme:dark){.problem-domain,.problem-domain summary{background:#102733}.problem-domain summary svg{background:#173d49;stroke:#8fe2b1}.domain-problems button{background:#102733;color:#edf7fa}.domain-problems button:hover{background:#164454}.domain-problems button[aria-pressed="true"]{background:#f2b632;color:#07141b}}
@media(prefers-reduced-motion:reduce){.problem-domain[open] summary svg,.explorer-answer .recommendation-heading::after,.explorer-answer .explorer-results a.is-match{animation:none}}

/* Product-family gateway: one ecosystem, three distinct entry contexts. */
.ecosystem-gateway{padding:clamp(3.5rem,7vw,6rem) 0;background:#f7fafb;color:#0b1f2a}.gateway-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end;margin-bottom:2rem}.gateway-heading h2{margin:.25rem 0 0;font:900 clamp(2.2rem,5vw,4rem)/.95 var(--display)}.gateway-heading>p{max-width:48ch;margin:0;color:#49616e}.gateway-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:1rem}.gateway-layout a{position:relative;color:inherit;text-decoration:none;overflow:hidden;transition:transform .22s,box-shadow .22s}.gateway-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;font:800 .65rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.gateway-top em{font-style:normal}.gateway-lox{display:flex;min-height:570px;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,3rem);background:#087f9c;color:#fff!important;border:2px solid #063d4c;box-shadow:10px 10px 0 #052c37}.gateway-lox::before{content:"";position:absolute;right:-90px;top:70px;width:330px;height:330px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}.gateway-lox h3{position:relative;margin:0;font:950 clamp(5rem,10vw,9rem)/.75 var(--display);letter-spacing:-.06em}.gateway-lox p{position:relative;max-width:460px;margin:1.5rem 0;color:#e2f7fb;font-size:1.08rem}.capability-flow{position:relative;display:flex;align-items:center;gap:.45rem;overflow-x:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.35)}.capability-flow span{flex:1;min-width:92px;padding:.72rem;background:#062f3a;border:1px solid #73d9eb;text-align:center;font:800 .65rem var(--mono)}.capability-flow i{color:#a5ecf7;font-style:normal}.gateway-side{display:grid;gap:1rem}.gateway-micro,.gateway-beyond{display:block;min-height:277px;padding:1.4rem 1.5rem;border:2px solid #16313e;background:#fff}.gateway-micro{padding-right:150px}.gateway-micro h3,.gateway-beyond h3{position:relative;margin:2rem 0 .55rem;font:900 clamp(2rem,4vw,3.2rem)/.9 var(--display)}.gateway-micro p,.gateway-beyond p{position:relative;max-width:40ch;margin:.6rem 0;color:#49616e}.gateway-symbol{position:absolute;right:1.5rem;top:5rem;display:grid;width:110px;height:110px;place-items:center;background:#f2b632;border-radius:50%;box-shadow:0 0 0 12px #fff,0 0 0 14px #16313e}.gateway-symbol svg{width:72px;height:72px;fill:none;stroke:#07141b;stroke-width:2}.gateway-symbol i{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;animation:gateway-pulse 1.8s infinite}.micro-capabilities{position:relative;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}.micro-capabilities span{padding:.28rem .45rem;background:#e3f0f3;color:#075d74;font:800 .58rem var(--mono);text-transform:uppercase}.gateway-beyond{background:#102d39;color:#fff!important}.gateway-beyond p{color:#c1d8df}.beyond-network{position:absolute;right:1rem;bottom:.7rem;width:185px;height:75px;opacity:.85}.beyond-network svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#55d1e8;stroke-width:2;stroke-dasharray:5 5;animation:gateway-signal 1.3s linear infinite}.beyond-network i{position:absolute;z-index:2;width:12px;height:12px;border:3px solid #102d39;border-radius:50%;background:#8fe2b1}.beyond-network i:nth-child(1){left:12px;top:29px}.beyond-network i:nth-child(2){left:63px;top:9px}.beyond-network i:nth-child(3){left:118px;top:42px}.beyond-network i:nth-child(4){right:0;top:14px}.gateway-layout a:hover{z-index:3;transform:translateY(-6px);box-shadow:10px 10px 0 #07141b}.gateway-layout a:focus-visible{z-index:4}
@keyframes gateway-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}50%{box-shadow:0 0 0 15px transparent}}@keyframes gateway-signal{to{stroke-dashoffset:-20}}
@media(max-width:900px){.gateway-heading,.gateway-layout{grid-template-columns:1fr}.gateway-heading{gap:1rem}.gateway-lox{min-height:460px}.gateway-side{grid-template-columns:1fr 1fr}.gateway-micro,.gateway-beyond{min-height:310px}.gateway-micro{padding-right:1.5rem;padding-top:145px}.gateway-symbol{left:1.5rem;right:auto;top:1.3rem;width:90px;height:90px}.beyond-network{opacity:.55}}
@media(max-width:620px){.ecosystem-gateway{padding:3rem 0}.gateway-side{grid-template-columns:1fr}.gateway-lox{min-height:430px;padding:1.4rem}.gateway-lox h3{font-size:5rem}.gateway-top{align-items:flex-start;flex-direction:column}.capability-flow{align-items:stretch;flex-direction:column}.capability-flow i{text-align:center;transform:rotate(90deg)}.gateway-micro,.gateway-beyond{min-height:300px}.gateway-beyond{padding-bottom:90px}}
@media(prefers-color-scheme:dark){.ecosystem-gateway{background:#0d222c;color:#edf7fa}.gateway-heading>p{color:#b2cad3}.gateway-micro{background:#eaf3f5;color:#07141b}.gateway-lox{background:#087f9c}}
@media(prefers-reduced-motion:reduce){.gateway-symbol i,.beyond-network svg{animation:none}}

/* 2026 light editorial refresh: imagery stays behind content, copy stays dark. */
:root{
  color-scheme:light;
  --bg:#f7faf9;
  --surface:#ffffff;
  --ink:#10242b;
  --muted:#50666e;
  --line:#b8c9ce;
  --cyan:#087f9c;
  --cyan2:#075d74;
  --panel:#ffffff;
}
body{background:var(--bg);color:var(--ink)}
.site-header{background:rgba(255,255,255,.94);border-bottom-color:#bfd0d5;box-shadow:0 8px 28px rgba(16,36,43,.07);backdrop-filter:blur(14px)}
.site-title,.nav-links a{color:var(--ink)}
.site-title strong{color:#087f9c}.site-title small{color:#60777f}
.brand:hover .site-title strong{color:#075d74}.brand:hover .site-title small{color:#087f9c}
.nav-links a:hover,.nav-links a[aria-current]{background:#dff2f5;color:#063d4c;box-shadow:inset 0 -3px 0 #087f9c}
.nav-links a::after{background:#087f9c}.nav-toggle{background:#087f9c;color:#fff;border-color:#075d74}

.hero{isolation:isolate;background:#f4f9f9;color:var(--ink)}
.hero::before{z-index:-1;background-image:linear-gradient(90deg,rgba(250,252,251,.98) 0%,rgba(250,252,251,.93) 40%,rgba(250,252,251,.5) 68%,rgba(250,252,251,.16) 100%),url("backgrounds/silicon-network.png");background-size:cover;background-position:center}
.portfolio-hero::before{background-image:linear-gradient(90deg,rgba(250,252,251,.99) 0%,rgba(250,252,251,.94) 42%,rgba(250,252,251,.48) 68%,rgba(250,252,251,.1) 100%),url("backgrounds/embedded-hero.png")}
.hero::after{z-index:-1;border-color:rgba(8,127,156,.16);box-shadow:0 0 70px rgba(8,127,156,.08),inset 0 0 70px rgba(8,127,156,.05)}
.hero h1,.hero p,.hero .lede,.hero .slogan{color:var(--ink)}
.hero p,.hero .lede{color:#3e555d}.kicker{color:#08738d}.crumb,.crumb a{color:#075d74}
.meta{background:rgba(255,255,255,.82);border-color:#a8bec5;gap:1px;box-shadow:0 14px 40px rgba(16,36,43,.08)}
.meta div{background:rgba(255,255,255,.9);color:var(--ink)}.meta dt{color:#08738d}

.section,.section.alt,.section.dark,.family-section,.ecosystem-gateway{color:var(--ink)}
.section.alt,.family-section{background:#edf5f5}.section.dark{background:#e5f0f1}
.dark .lede,.section.dark p{color:var(--muted)}
.selected,.problem-map-section{position:relative;isolation:isolate;background:#f7faf9;overflow:hidden}
.selected::before,.problem-map-section::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(247,250,249,.97),rgba(247,250,249,.82) 52%,rgba(247,250,249,.92)),url("backgrounds/systems-workbench.png") center/cover fixed;opacity:.7}
.family-section{position:relative;isolation:isolate;overflow:hidden}
.family-section::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(237,245,245,.98),rgba(237,245,245,.82)),url("backgrounds/silicon-network.png") center/cover;opacity:.55}
.area,.portfolio-card,.families>a,.problem,.card,.panel,.flagship,.demo,.map-panel{background:rgba(255,255,255,.94);color:var(--ink);border-color:#b8c9ce;box-shadow:0 12px 32px rgba(16,36,43,.06)}
.portfolio-card a,.families>a,.side a{color:#075d74}.portfolio-card p,.families p,.area p{color:var(--muted)}
.flagship .visual,.gateway-lox,.gateway-beyond{background:rgba(225,241,243,.96);color:var(--ink)!important}
.flagship .visual p,.gateway-lox p,.gateway-beyond p{color:#3e555d}.capability-flow{border-top-color:#9eb9c0}
.capability-flow span{background:#fff;color:#12333e;border-color:#6cb5c4}.capability-flow i{color:#08738d}
.gateway-lox{border-color:#87abb4;box-shadow:10px 10px 0 #c4dadd}.gateway-lox::before{border-color:rgba(8,127,156,.18)}
.gateway-beyond{border-color:#87abb4}.beyond-network i{border-color:#e1f1f3}.gateway-layout a:hover{box-shadow:10px 10px 0 #c4dadd}
.site-footer{position:relative;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.75)),url("backgrounds/systems-workbench.png") center 62%/cover;color:var(--ink);border-top-color:#b8c9ce}

.button,.button.secondary{background:#fff;color:#075d74;border-color:#087f9c;box-shadow:none}.button:hover,.button.secondary:hover{background:#dff2f5;color:#063d4c;border-color:#075d74}
.button.primary{background:#087f9c;color:#fff;border-color:#075d74}.button.primary:hover{background:#075d74;color:#fff}

@media(max-width:850px){
  .nav-links{background:#fff;border-bottom-color:#bfd0d5}.nav-links a{color:var(--ink);border-bottom-color:#dce6e8}
  .hero::before,.portfolio-hero::before{background-image:linear-gradient(rgba(250,252,251,.92),rgba(250,252,251,.92)),url("backgrounds/embedded-hero.png");background-position:65% center}
  .selected::before,.problem-map-section::before{background-attachment:scroll}
}
@media(prefers-color-scheme:dark){
  :root{--bg:#f7faf9;--surface:#fff;--ink:#10242b;--muted:#50666e;--line:#b8c9ce;--panel:#fff}
  body,.section,.section.alt,.section.dark,.family-section,.ecosystem-gateway{color:var(--ink)}
  .section.alt,.family-section{background:#edf5f5}.section.dark{background:#e5f0f1}
  .problem,.card,.panel,.flagship,.demo,.filters input,.filters select,.demo button,.demo select,.demo input{background:#fff;color:var(--ink)}
  .badge,.tag{background:#e1f1f3;color:#075d74}.notice{background:#fff3d3}
  .gateway-heading>p{color:var(--muted)}.gateway-micro{background:#fff;color:var(--ink)}.gateway-lox{background:#e1f1f3}
}

/* Homepage wayfinding, embedded-style pictograms and restrained motion. */
.hero-actions{align-items:stretch}.hero-actions .button{display:inline-flex;align-items:center;justify-content:center}
.portfolio-hero .kicker{min-height:1.25em}.portfolio-hero .kicker.is-typing::after{content:"";display:inline-block;width:2px;height:1em;margin-left:.35rem;vertical-align:-.12em;background:#087f9c;animation:type-caret .65s steps(1) infinite}
.portfolio-hero + .section,.selected,.family-section{position:relative}
.portfolio-hero + .section h2::before,.selected h2::before,.family-section h2::before{display:block;margin-bottom:.65rem;color:#087f9c;font:800 .68rem/1 var(--mono);letter-spacing:.18em}
.portfolio-hero + .section h2::before{content:"01 / CAPABILITIES"}.selected h2::before{content:"02 / SELECTED WORK"}.family-section h2::before{content:"03 / EXPLORE"}
.portfolio-hero + .section::after,.selected::after{content:"";position:absolute;z-index:4;left:50%;bottom:-21px;width:40px;height:40px;transform:translateX(-50%) rotate(45deg);border-right:2px solid #82b3bf;border-bottom:2px solid #82b3bf;background:inherit;box-shadow:8px 8px 18px rgba(16,36,43,.05)}
.areas{counter-reset:capability}.area{counter-increment:capability;position:relative;overflow:hidden;padding-top:5.2rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.area::before{content:"DB";position:absolute;left:1.25rem;top:1.25rem;display:grid;width:48px;height:48px;place-items:center;border:2px solid #087f9c;border-radius:13px;background:#e1f3f5;color:#075d74;font:900 .72rem var(--mono);box-shadow:6px 6px 0 #c3e0e5;transition:transform .28s ease,box-shadow .28s ease}
.area:nth-child(2)::before{content:"RX"}.area:nth-child(3)::before{content:"IO"}.area:nth-child(4)::before{content:"C"}
.area::after,.portfolio-card::after,.families>a::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--pointer-x,-200px) var(--pointer-y,-200px),rgba(8,127,156,.12),transparent 62%);opacity:0;transition:opacity .25s}
.area:hover,.portfolio-card:hover,.families>a:hover{z-index:2;transform:translateY(-7px);border-color:#6ba6b4;box-shadow:0 20px 42px rgba(16,36,43,.13)}
.area:hover::before{transform:rotate(-7deg) scale(1.08);box-shadow:8px 8px 0 #add5dc}.area:hover::after,.portfolio-card:hover::after,.families>a:hover::after{opacity:1}
.portfolio-card{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.portfolio-card::before{content:"";position:absolute;left:0;top:0;width:54px;height:4px;background:#087f9c;transition:width .3s ease}.portfolio-card:hover::before{width:100%}
.families>a{position:relative;overflow:hidden;padding-top:5rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.families>a::before{content:"L";position:absolute;left:1.25rem;top:1.15rem;display:grid;width:50px;height:50px;place-items:center;border-radius:50%;background:#087f9c;color:#fff;font:900 1.25rem var(--mono);box-shadow:0 0 0 8px #dff1f4}.families>a:nth-child(2)::before{content:"\00B5";background:#d79208}.families>a:nth-child(3)::before{content:"+";background:#31515e}
.family-section>.wrap>p{display:none}
.lively-ready .area,.lively-ready .portfolio-card,.lively-ready .families>a{opacity:0;transform:translateY(28px) scale(.98)}
.lively-ready .lively-in{opacity:1;transform:none;transition:opacity .5s ease,transform .55s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;transition-delay:calc(var(--reveal-order,0) * 55ms)}
.section h2{position:relative}.section h2::after{content:"";display:block;width:44px;height:4px;margin-top:.85rem;background:linear-gradient(90deg,#087f9c,#7bd3df);transform-origin:left;animation:heading-scan 3.2s ease-in-out infinite}
@keyframes type-caret{50%{opacity:0}}@keyframes heading-scan{0%,100%{transform:scaleX(.65);opacity:.65}50%{transform:scaleX(1.4);opacity:1}}
@media(max-width:850px){.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .button:first-child{grid-column:1/-1}.area{padding-top:4.9rem}}
@media(max-width:540px){.hero-actions{grid-template-columns:1fr}.hero-actions .button:first-child{grid-column:auto}.portfolio-hero + .section::after,.selected::after{width:28px;height:28px;bottom:-15px}}
@media(prefers-reduced-motion:reduce){.portfolio-hero .kicker.is-typing::after,.section h2::after{animation:none}.lively-ready .area,.lively-ready .portfolio-card,.lively-ready .families>a{opacity:1;transform:none}.area,.portfolio-card,.families>a{transition:none}}

.install-channels{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:1.35rem 0;padding:1rem;border:1px solid #9bbcc4;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(16,36,43,.07)}
.install-channels strong{margin-right:.2rem;color:#31515e;font:800 .7rem var(--mono);letter-spacing:.09em;text-transform:uppercase}
.install-channels span{padding:.48rem .7rem;border-radius:999px;background:#087f9c;color:#fff;font:800 .7rem var(--mono)}
.install-channels small{flex-basis:100%;color:#50666e}.install-channels small b{color:#10242b;font-family:var(--mono)}

.hero-focus{max-width:780px}.hero-focus .lede{margin-bottom:.9rem}.focus-options{display:flex;flex-wrap:wrap;gap:.45rem}.focus-options button{padding:.48rem .68rem;border:1px solid #78aab6;border-radius:999px;background:rgba(255,255,255,.83);color:#31515e;font:800 .67rem var(--mono);cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.focus-options button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,36,43,.11)}.focus-options button[aria-pressed="true"]{background:#087f9c;color:#fff;border-color:#075d74;box-shadow:0 0 0 4px rgba(8,127,156,.12)}
.portfolio-hero h1{max-width:780px;font-size:clamp(2.55rem,5vw,4rem)!important;line-height:.98}
.hero .focus-output{min-height:2.1rem;margin:.75rem 0 0;color:#28464f;font:700 .86rem/1.5 var(--mono)}.focus-output.focus-changing{animation:focus-swap .38s ease-out}
.family-intro{max-width:760px;margin:0 0 1.4rem;color:#3e555d;font-size:1.05rem}.family-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0 0 1.3rem}.family-stats span{display:flex;align-items:baseline;gap:.55rem;padding:.9rem 1rem;border-left:4px solid #087f9c;background:rgba(255,255,255,.76);color:#50666e;font:700 .72rem var(--mono)}.family-stats b{color:#10242b;font:900 1.7rem/1 var(--display)}
@keyframes focus-swap{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:700px){.family-stats{grid-template-columns:1fr}.focus-options{gap:.35rem}.focus-options button{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.focus-output.focus-changing{animation:none}}

/* LOX identity and site-wide tactile details. */
.hero::before{inset:-14px;transform:translate(var(--hero-x,0),var(--hero-y,0)) scale(1.025);transition:transform .18s ease-out}
.lox-manifesto{max-width:690px!important;margin:1rem 0 1.3rem;color:#31515e!important;font-size:1.08rem!important}
.rocket-launch{position:relative;display:grid;grid-template-columns:auto minmax(240px,420px);align-items:center;gap:1rem;width:min(100%,620px);padding:.7rem .8rem .7rem 1rem;border:2px solid #7baab5;background:rgba(255,255,255,.88);color:#17333c;text-align:left;cursor:pointer;overflow:hidden;box-shadow:8px 8px 0 rgba(8,127,156,.14);transition:transform .22s,box-shadow .22s,border-color .22s}.rocket-launch:hover{transform:translateY(-4px);border-color:#087f9c;box-shadow:11px 11px 0 rgba(8,127,156,.18)}.rocket-launch span{font:800 .72rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.rocket-launch svg{width:100%;height:80px;overflow:visible}.rocket-route{fill:none;stroke:#8dbac4;stroke-width:2;stroke-dasharray:5 6}.rocket{fill:#087f9c;stroke:#063d4c;stroke-width:1.5;offset-path:path("M12 65 C52 62 67 42 90 30 S128 17 148 8");offset-distance:0%;offset-rotate:auto}.rocket circle{fill:#dff5f7}.rocket-flame{fill:#df9200;offset-path:path("M12 65 C52 62 67 42 90 30 S128 17 148 8");offset-distance:0%;offset-rotate:auto;opacity:0}.rocket-launch.launched .rocket{animation:lox-flight 1.75s cubic-bezier(.2,.7,.25,1) forwards}.rocket-launch.launched .rocket-flame{animation:lox-flame 1.75s cubic-bezier(.2,.7,.25,1) forwards}
.button{position:relative;overflow:hidden}.button-ripple{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:currentColor;opacity:.28;pointer-events:none;animation:button-ripple .55s ease-out forwards}
@keyframes lox-flight{0%{offset-distance:0%;transform:scale(.8)}25%{transform:scale(1)}100%{offset-distance:100%;transform:scale(.86)}}@keyframes lox-flame{0%{offset-distance:0%;opacity:0}8%,75%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes button-ripple{to{transform:scale(24);opacity:0}}
@media(max-width:650px){.rocket-launch{grid-template-columns:1fr}.rocket-launch svg{height:68px}.rocket-launch span{text-align:center}}
@media(prefers-reduced-motion:reduce){.hero::before{transform:none;transition:none}.rocket-launch.launched .rocket,.rocket-launch.launched .rocket-flame,.button-ripple{animation:none}.rocket{offset-distance:72%}}

/* Small interface signals: useful hierarchy without visual noise. */
.scroll-meter{position:fixed;z-index:1000;left:0;right:0;top:0;height:3px;pointer-events:none;background:linear-gradient(90deg,#087f9c,#53c9dc,#d79208);transform:scaleX(var(--scroll-progress,0));transform-origin:left;box-shadow:0 0 10px rgba(8,127,156,.35)}
.card-circuit{position:absolute;z-index:2;right:1rem;top:.8rem;width:38px;height:28px;opacity:.65;pointer-events:none}.card-circuit::before,.card-circuit::after{content:"";position:absolute;background:#72aab6}.card-circuit::before{left:4px;right:4px;top:13px;height:1px}.card-circuit::after{left:18px;top:4px;bottom:4px;width:1px}.card-circuit i{position:absolute;width:7px;height:7px;border:2px solid #087f9c;border-radius:50%;background:#fff}.card-circuit i:nth-child(1){left:0;top:10px}.card-circuit i:nth-child(2){right:0;top:10px}.card-circuit i:nth-child(3){left:15px;top:0}.portfolio-card[data-group="Micro-toolkit"] .card-circuit i{border-radius:2px;border-color:#d18a00}.portfolio-card[data-group="Additional projects"] .card-circuit i{border-color:#496570}
.portfolio-card>a{display:inline-flex;align-items:center;gap:.35rem}.portfolio-card>a::after{content:"›";display:inline-grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#dff1f4;color:#075d74;transition:transform .2s,background .2s,color .2s}.portfolio-card:hover>a::after{transform:translateX(4px) rotate(-8deg);background:#087f9c;color:#fff}
.badge{position:relative;padding-left:1.25rem}.badge::before{content:"";position:absolute;left:.48rem;top:50%;width:5px;height:5px;border-radius:50%;background:#087f9c;transform:translateY(-50%);box-shadow:0 0 0 3px rgba(8,127,156,.12)}.badge.status-stable::before{background:#27845b;box-shadow:0 0 0 3px rgba(39,132,91,.13)}.badge.status-development::before{background:#d79208;box-shadow:0 0 0 3px rgba(215,146,8,.14)}
.content h2{display:flex;align-items:center;gap:.65rem}.content h2::before{content:"";flex:0 0 11px;width:11px;height:11px;border:2px solid #087f9c;transform:rotate(45deg);box-shadow:4px 4px 0 #c7e5ea}.content h2::after{display:none}
.footer-row::before{content:"</>";color:#087f9c;font:900 .72rem var(--mono);letter-spacing:-.08em}.footer-row{align-items:center}
.nav-links a[href*="github"]::before{content:"{";margin-right:.18rem;color:#087f9c}.nav-links a[href*="github"]::after{content:"}";position:static;display:inline;background:none;transform:none;margin-left:.18rem;color:#087f9c}
@media(prefers-reduced-motion:reduce){.scroll-meter{transition:none}.portfolio-card:hover>a::after{transform:none}}

/* Content is never hidden while waiting for an observer callback. */
.lively-ready .area,.lively-ready .portfolio-card,.lively-ready .families>a{opacity:1;transform:none}
.lively-ready .lively-in{animation:lively-pop .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--reveal-order,0) * 45ms)}
@keyframes lively-pop{from{opacity:.72;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.lively-ready .lively-in{animation:none}}

/* Navigation uses one underline treatment; avoid the earlier doubled bar. */
.nav-links a:hover,.nav-links a[aria-current]{box-shadow:none}