@import url("portfolio.css");
@import url("infrastructure.css");
:root{--paper:#f8fbff;--paper2:#eef4fb;--green:#639c9d;--green-bg:#e2f0ee;--blue:#6a98d6;--blue-bg:#e3edfc;--violet:#928dc1;--violet-bg:#eeebfa;--amber:#b19668;--amber-bg:#f5eedd;--red:#b57c80;--red-bg:#f7e9ea;--shadow:0 16px 50px #48678e0e;--shadow2:0 8px 22px #48678e0c}
body{background:radial-gradient(ellipse at 85% 5%,#deebff,transparent 35%),#f7f9fc}.topin{height:82px}.hero .wrap>h1{font:400 clamp(45px,5.8vw,78px)/1.05 Georgia,serif;letter-spacing:-.05em}.hero .lead{font-size:20px;line-height:1.6}.section-head{display:grid}.section-head h2{font:400 clamp(36px,4vw,55px)/1.1 Georgia,serif}.section-head .intro{font-size:16px;line-height:1.7}.card,.host,.case-detail,.profile-card,.profile-side{background:#ffffff65;box-shadow:none}.hero3d-stage,.proxy-canvas{background:radial-gradient(ellipse at 40% 30%,#fff,#e5eefb)}.hero3d{background:#f0f5fc;border:1px solid #d4e2f2;box-shadow:none}.hero3d-label{background:#f7faffeb}.btn,.ghost.primary{background:#356dcc;color:white}.eyebrow,.kicker{display:none}.story-menu button span{display:none}.ref-item{background:transparent}.shell-scroll{font-size:12px}.brand{text-decoration:none}.section{padding:65px 0}.topbar .brand-mark{flex-shrink:0}.map-node{min-width:0}.map-node b{overflow-wrap:anywhere}.topbar .nav a{border-radius:0}.topbar .nav a:hover{background:transparent}.hero-actions{margin-top:28px}.ref-shell,.lab-shell,.obs-grid{min-width:0}.ref-body pre{max-width:100%;overflow:auto}.ref-item{min-width:0}.ref-list{min-width:0}.mono{white-space:pre-wrap}.proxy-track{min-width:0}
@media(max-width:760px){.topin{height:70px}.section-head{grid-template-columns:1fr}.hero .lead{font-size:17px}.story-grid,.lab-shell,.obs-grid,.ref-shell{grid-template-columns:1fr}.hero3d-stage{min-height:440px}.hero3d-label{min-width:0;max-width:100px}.hero3d-label b{font-size:9px}.metric-kpis{grid-template-columns:1fr 1fr}.shell-head{flex-wrap:wrap}.shell-terminal{min-width:0}.shell-scroll{overflow:auto}.shell-terminal form{min-width:0}.shell-terminal input{min-width:0}.topbar .nav.mobile-open{display:grid}.profile-grid{grid-template-columns:1fr}}
@media(max-width:760px){.obs-grid-v2,.obs-grid{grid-template-columns:minmax(0,1fr)}.obs-grid>*{min-width:0}.card.obs-card,.observability-panel{padding:20px}.obs-title-row{flex-wrap:wrap;gap:12px}.container-list>*{min-width:0;flex-wrap:wrap}.container-list b,.container-list code{overflow-wrap:anywhere}.hero3d-tabs{flex-wrap:wrap;border-radius:18px}.hero3d-tabs button{padding:8px}.hero3d-labels{max-width:100%}.story-menu{min-width:0}.map{max-width:100%}.metric-kpis{gap:12px}}
@media(max-width:760px){.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-card,.profile-side{min-width:0;padding:22px;overflow-wrap:anywhere}.chart-legend{flex-wrap:wrap}.chart-legend em{white-space:normal;min-width:0;max-width:100%}.profile-card h2{font-size:clamp(32px,8vw,46px)}}