/* Web2Scale: orbital blue and sculpted silver, inspired by the W2S badge. */
:root{--paper:#f0f4f8;--ink:#142338;--ink-2:#34465e;--muted:#52657d;--cobalt:#285fce;--blue:#285fce}
.site-header{background:rgba(10,24,45,.96);border-bottom:1px solid #adc6ee26;backdrop-filter:blur(20px)}
.site-header .logo,.site-nav a{color:#e7eef8}.site-nav a:hover,.site-nav a[aria-current="page"]:not(.nav-cta){background:#ffffff12;color:white}.site-nav .nav-cta{background:linear-gradient(135deg,#e9eef5,#aebdd0);color:#132740;border:1px solid #f3f7ff70}.nav-toggle span{background:#e7eef8}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 82% 20%,#244d7f80,transparent 55%),linear-gradient(125deg,#091727,#152c48);color:#f0f4fa;border-bottom:1px solid #304865;overflow:hidden;padding-top:clamp(54px,7vw,100px)}
.hero::before{content:"";position:absolute;width:900px;height:550px;border:1px solid #94b3df20;border-radius:50%;transform:rotate(-25deg);right:-300px;top:-200px;box-shadow:0 0 0 60px #93b3dc06,0 0 0 120px #93b3dc04;z-index:-1;pointer-events:none}
.hero .hero-layout{align-items:center}.hero .kicker{color:#a6c5f6;font-size:.72rem;letter-spacing:.14em}.hero h1{font-weight:650;letter-spacing:-.05em;line-height:1.1}.hero h1 .line{color:#f3f6fc}.hero h1 .line:nth-child(2){color:#b6c8e1}.hero .lede{color:#c1cfe1;line-height:1.8}.hero-note{color:#b2c4dc}
.hero .button.primary{background:linear-gradient(135deg,#3976e7,#2455b8);color:white;border:1px solid #90b9ff55;box-shadow:0 10px 30px #0003}.hero .button.ghost{background:#ffffff05;border-color:#9eb5d366;color:#e8f0fa}.hero .button.ghost:hover{background:#ffffff15}.hero .demo-caption{color:#b4c5dc}
.brand-signature{display:flex;align-items:center;gap:16px;margin:0 0 24px}.brand-signature .badge-3d{display:block;width:150px;height:100px;filter:drop-shadow(0 15px 15px #0005)}.brand-signature img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}.brand-signature>span:not(.badge-3d){font-size:.67rem;letter-spacing:.19em;color:#b9cce6;text-transform:uppercase;border-left:1px solid #89a8d344;padding-left:16px;line-height:1.8}
.demo-stage{background:linear-gradient(145deg,#273c58,#0b1b30);border:1px solid #afc6e756;box-shadow:0 35px 70px #0004,inset 0 1px #e7efff30}.demo-bar{color:#c4d4e8}.size-buttons{border:1px solid #b4c9e92b}.size-buttons button{color:#c3d3e9}.size-buttons button[aria-pressed="true"]{background:linear-gradient(#f6f9fc,#c6d2e1);color:#142338}
.stage,.price-card,.expertise-card,.sector-card,.about-stack article{border-color:#cdd8e5;box-shadow:0 12px 32px #16345108;background-image:linear-gradient(145deg,#ffffffa0,#dbe5f114)}
.stage.care,.price-card.featured,.outreach,.cta-card{background:radial-gradient(ellipse at 100% 0,#34578075,transparent 70%),linear-gradient(130deg,#142b46,#0b1c30);border:1px solid #698bb14d;box-shadow:0 20px 45px #152e4818}
.stage.care p,.stage.care li p,.price-card.featured p,.outreach p,.cta-card p{color:#c8d6e8}.stage.care .stage-name,.price-card.featured h3,.cta-card h2,.outreach h2{color:#f3f7ff}
.section.industries,.section.tint{background:linear-gradient(125deg,#e5edf6,#f5f8fc)}.page-hero{background:radial-gradient(ellipse at 100% 0,#cbdcf1,transparent 65%),linear-gradient(135deg,#f8fafc,#e9f0f7);border-bottom:1px solid #d3deeb}
.concepts .browser,.concept-grid article{box-shadow:0 25px 50px #17375a18}.cta-card{position:relative;overflow:hidden}.cta-card::after{content:"";position:absolute;width:400px;height:250px;border:1px solid #c9dcf438;border-radius:50%;right:-170px;top:-80px;transform:rotate(-25deg);pointer-events:none}.site-footer{background:#091727;color:#b9cbe0}.site-footer .logo{color:#eef4fc}.footer-nav a{color:#cedbed}
:focus-visible{outline:3px solid #739fe9;outline-offset:4px}
@media(max-width:900px){.site-nav{background:#101f34}.site-nav a{color:#edf3fc}.site-nav .nav-cta{color:#132740}.hero .hero-layout{gap:40px}}
@media(max-width:600px){.brand-signature{gap:10px;margin-bottom:20px}.brand-signature .badge-3d{width:120px;height:80px}.brand-signature>span:not(.badge-3d){font-size:.59rem;padding-left:12px}.hero h1{font-size:clamp(2.3rem,9.5vw,3rem)}.hero .lede{font-size:1.02rem}.hero::before{right:-650px}.site-header .logo-3d{width:66px;height:44px}}
@media(prefers-reduced-motion:no-preference){.brand-signature .badge-3d{animation:badge-entrance 1s ease both}@keyframes badge-entrance{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}

/* Claude refinements (Nov 8): keep the dark header dark when scrolling, readable mobile menu button,
   and a clean hand-off between the dark hero and the light page. */
.site-header.scrolled{background:rgba(10,24,45,.97);border-bottom-color:#adc6ee33}
.nav-toggle{background:#ffffff0d;border-color:#adc6ee40}
.nav-toggle:hover{background:#ffffff1a}
.site-nav .nav-cta:hover,.site-nav .nav-cta[aria-current="page"]{background:linear-gradient(135deg,#ffffff,#c9d5e4);color:#132740}
.site-nav a:focus-visible,.nav-toggle:focus-visible{outline-color:#9fc0ff}
.site-header .logo{gap:12px}
.brand-signature .badge-3d{display:block;flex:none}
@media(max-width:900px){.site-nav{border-bottom-color:#adc6ee26;box-shadow:0 24px 40px -24px #0008}.site-nav a:hover,.site-nav a[aria-current="page"]:not(.nav-cta){background:#ffffff14;color:#fff}}