:root{
  --ivory:#fffaf0;--paper:#fffdf8;--ink:#17231e;--muted:#6d746d;--line:rgba(35,66,55,.14);
  --saffron:#e98b2a;--saffron2:#f4b25f;--rose:#d75f79;--teal:#0d8a7d;--teal2:#72c8b6;
  --indigo:#4d538f;--gold:#c99a3c;--glass:rgba(255,255,255,.62);--shadow:0 30px 90px rgba(74,55,24,.12);
  --radius:28px;--ease:cubic-bezier(.2,.75,.2,1);--mx:0;--my:0;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ivory)}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#fffaf0 0%,#fffdf9 36%,#f7fbf7 72%,#fff8ec 100%);font-family:"Segoe UI",Arial,system-ui,sans-serif;overflow-x:hidden;cursor:none}button,a,input{font:inherit}button,a{cursor:none}button{color:inherit}::selection{background:rgba(233,139,42,.25)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:radial-gradient(circle at 15% 13%,rgba(233,139,42,.11),transparent 28%),radial-gradient(circle at 85% 26%,rgba(13,138,125,.09),transparent 28%),radial-gradient(circle at 45% 78%,rgba(215,95,121,.08),transparent 34%)}
#webglMandala,#threeLayer{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;opacity:.55}#threeLayer canvas{width:100%!important;height:100%!important}.grain{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;z-index:2000;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:7px;height:7px;background:var(--ink)}.cursor-ring{width:34px;height:34px;border:1px solid rgba(23,35,30,.35);transition:width .2s,height .2s,border-color .2s,background .2s}.cursor-ring.hover{width:52px;height:52px;background:rgba(255,255,255,.35);border-color:var(--saffron)}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.42));backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);border:1px solid rgba(255,255,255,.84);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.8)}
.topbar{position:fixed;z-index:100;left:50%;top:18px;transform:translateX(-50%);width:min(94%,1380px);height:72px;border-radius:22px;display:flex;align-items:center;padding:0 18px 0 20px;gap:28px;transition:.35s var(--ease)}.topbar.scrolled{top:10px;height:64px;box-shadow:0 18px 55px rgba(37,49,40,.12)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;min-width:max-content}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#fff5df);box-shadow:inset 0 0 0 1px rgba(233,139,42,.18),0 8px 24px rgba(233,139,42,.12)}.brand-mark svg{width:26px;fill:none;stroke:var(--saffron);stroke-width:1.7}.brand b{display:block;font-size:12px;letter-spacing:.16em}.brand small{display:block;margin-top:2px;font-family:"Nirmala UI","Mangal","Segoe UI",sans-serif;color:var(--muted);font-size:10px}.navlinks{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.navlinks a{font-size:12px;font-weight:700;text-decoration:none;color:#506058;position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--saffron);transition:.25s}.navlinks a:hover:after{right:0}.nav-cta{border:0;background:#183228;color:white;border-radius:14px;padding:12px 15px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 10px 25px rgba(24,50,40,.18)}.live-dot{width:7px;height:7px;border-radius:50%;background:#7fe4b6;box-shadow:0 0 0 5px rgba(127,228,182,.12);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(127,228,182,0)}}
.section{position:relative;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:120px 0}.full-bleed{width:100%;max-width:none}.hero{min-height:100vh;padding:150px max(5vw,32px) 80px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);align-items:center;gap:4vw;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.hero-copy{max-width:780px;margin-left:max(0px,calc((100vw - 1380px)/2))}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--teal)}.eyebrow i{width:40px;height:1px;background:rgba(13,138,125,.35)}.devanagari{font-family:"Nirmala UI","Mangal","Segoe UI",sans-serif;color:var(--saffron);font-size:22px;margin:34px 0 10px}.hero h1,.section-head h2,.presentation-shell h2{font-family:Georgia,"Times New Roman",serif;font-weight:600;line-height:.88;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(68px,8vw,128px)}.hero h1 em{font-weight:600;color:var(--saffron);font-style:italic}.hero-lede{max-width:690px;font-size:17px;line-height:1.8;color:#55635c;margin:30px 0 32px}.hero-lede strong{color:var(--ink)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{border:0;border-radius:16px;padding:15px 20px;font-weight:800;font-size:12px;letter-spacing:.02em;transition:.25s var(--ease)}.primary{background:linear-gradient(135deg,#1b4337,#0d8a7d);color:#fff;box-shadow:0 14px 35px rgba(13,138,125,.2)}.primary:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(13,138,125,.25)}.secondary{background:rgba(255,255,255,.7);border:1px solid rgba(23,35,30,.12);box-shadow:0 10px 28px rgba(50,40,20,.06)}.compact{padding:12px 14px}.hero-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:55px;max-width:680px}.hero-proof div{padding-top:15px;border-top:1px solid var(--line)}.hero-proof strong{font-family:Georgia,"Times New Roman",serif;font-size:28px}.hero-proof span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.hero-visual{height:620px;display:grid;place-items:center;perspective:1200px;position:relative;transform-style:preserve-3d}.hero-aura{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.aura-one{width:520px;height:520px;right:8vw;top:15%;background:radial-gradient(circle,rgba(244,178,95,.18),rgba(215,95,121,.05) 48%,transparent 68%)}.aura-two{width:420px;height:420px;right:25vw;bottom:3%;background:radial-gradient(circle,rgba(114,200,182,.16),transparent 68%)}.floating-tag{position:absolute;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(80,59,33,.12);backdrop-filter:blur(14px)}.floating-tag small{display:block;color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.13em}.floating-tag b{font-size:11px}.tag-one{left:6%;top:23%;animation:tagFloat 5s ease-in-out infinite}.tag-two{right:1%;top:37%;animation:tagFloat 5.5s ease-in-out infinite .6s}.tag-three{left:13%;bottom:18%;animation:tagFloat 6s ease-in-out infinite 1.2s}@keyframes tagFloat{50%{transform:translateY(-10px)}}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#7b817d;font-size:8px;letter-spacing:.18em}.scroll-cue i{width:1px;height:28px;background:linear-gradient(var(--saffron),transparent)}
.marquee-band{overflow:hidden;border-top:1px solid rgba(201,154,60,.16);border-bottom:1px solid rgba(201,154,60,.16);background:rgba(255,248,229,.74);padding:14px 0}.marquee-track{display:flex;width:max-content;gap:24px;align-items:center;animation:marquee 24s linear infinite;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:18px;letter-spacing:.12em;color:#795b2d}.marquee-track b{color:var(--saffron)}@keyframes marquee{to{transform:translateX(-50%)}}
.section-head{display:grid;grid-template-columns:1.1fr .72fr;gap:9vw;align-items:end;margin-bottom:52px}.section-head h2{font-size:clamp(48px,5.6vw,82px)}.section-head h2 em{color:var(--saffron);font-style:italic}.section-head>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}.kicker,.label{font-size:10px;letter-spacing:.17em;font-weight:800;color:var(--teal);text-transform:uppercase}.kicker{margin:0 0 13px}.card-topline{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.14em;font-weight:800;color:#69756f}.live-section{width:min(1320px,calc(100% - 38px))}.mode-banner{display:flex;align-items:center;gap:10px;border-radius:18px;padding:13px 17px;margin:-24px 0 18px;font-size:11px}.mode-banner.simulation{background:linear-gradient(90deg,#fff0d7,#fff8e9);border:1px solid rgba(233,139,42,.2);color:#895915}.mode-banner.live{background:linear-gradient(90deg,#e5faf2,#f5fffa);border:1px solid rgba(13,138,125,.2);color:#0b655d}.status-pulse{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 14%,transparent)}.command-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.65fr);gap:18px}.classroom-card{border-radius:32px;padding:20px;min-height:680px;overflow:hidden}.mini-status{display:flex;gap:7px;align-items:center}.mini-status i{width:7px;height:7px;border-radius:50%;background:var(--saffron)}.room-shell{height:470px;perspective:1300px;display:grid;place-items:center;margin:8px 0 -6px;position:relative}.room-floor{width:88%;height:62%;position:relative;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-4deg);background:linear-gradient(150deg,#f5ead5,#fffdf7);border:2px solid rgba(83,80,61,.22);box-shadow:0 80px 80px rgba(80,55,25,.18),inset 0 0 0 1px rgba(255,255,255,.8);display:grid;grid-template-columns:repeat(3,1fr)}.room-floor:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(134,105,61,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(134,105,61,.05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.room-wall{position:absolute;background:linear-gradient(180deg,#fffaf0,#e8dbc2);border:1px solid rgba(83,80,61,.15);transform-style:preserve-3d}.wall-back{left:0;right:0;height:130px;top:0;transform-origin:top;transform:rotateX(-90deg)}.wall-left{left:0;top:0;bottom:0;width:130px;transform-origin:left;transform:rotateY(90deg)}.wall-right{right:0;top:0;bottom:0;width:130px;transform-origin:right;transform:rotateY(-90deg)}.window-bank{position:absolute;right:-3px;top:16%;display:flex;gap:8px;transform:translateZ(40px)}.window-bank span{width:8px;height:55px;border-radius:2px;background:linear-gradient(#d7fbff,#82cfd2);box-shadow:0 0 28px rgba(78,194,203,.28)}.zone{position:relative;border-right:1px dashed rgba(80,74,54,.18);transition:.4s var(--ease);transform-style:preserve-3d}.zone:last-of-type{border:0}.zone.occupied{background:linear-gradient(180deg,rgba(255,195,105,.12),transparent)}.zone-label{position:absolute;left:10px;top:10px;transform:translateZ(12px);display:flex;gap:7px;align-items:center}.zone-label span{width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:8px;color:var(--saffron);box-shadow:0 6px 14px rgba(80,55,25,.12)}.zone-label b{font-size:8px;letter-spacing:.12em}.ceiling-light{position:absolute;left:20%;right:20%;top:17%;height:8px;border-radius:8px;background:#d7d1bd;transform:translateZ(85px);box-shadow:0 0 0 transparent;transition:.4s}.zone.light-on .ceiling-light{background:#fff4c4;box-shadow:0 0 38px 10px rgba(255,215,100,var(--light-alpha,.32))}.fan-3d{position:absolute;width:42px;height:42px;border-radius:50%;left:50%;top:33%;margin-left:-21px;transform:translateZ(52px);background:#f2eee3;border:1px solid rgba(20,40,30,.08)}.fan-3d i{position:absolute;width:28px;height:7px;border-radius:100% 30%;left:50%;top:50%;transform-origin:0 50%;background:#7d8c83}.fan-3d i:nth-child(1){transform:rotate(0deg)}.fan-3d i:nth-child(2){transform:rotate(120deg)}.fan-3d i:nth-child(3){transform:rotate(240deg)}.zone.fan-on .fan-3d{animation:fanSpin .55s linear infinite}@keyframes fanSpin{to{transform:translateZ(52px) rotate(360deg)}}.desk-row{position:absolute;left:17%;right:17%;height:30px;display:flex;justify-content:space-between;transform:translateZ(14px)}.desk-row.r1{top:55%}.desk-row.r2{top:72%}.desk-row i{width:34%;height:100%;background:linear-gradient(145deg,#fff,#d9cbb2);border:1px solid rgba(90,70,42,.12);box-shadow:0 8px 8px rgba(70,50,20,.06)}.occupant{position:absolute;left:20%;right:20%;top:48%;display:flex;justify-content:space-around;opacity:0;transform:translateZ(28px);transition:.3s}.occupied .occupant{opacity:1}.occupant i{width:11px;height:11px;border-radius:50%;background:linear-gradient(145deg,var(--saffron2),var(--rose));box-shadow:0 4px 9px rgba(120,60,40,.2)}.vent-unit{position:absolute;right:-18px;bottom:10%;width:48px;height:68px;border-radius:8px;background:linear-gradient(145deg,#fff,#c8d9d3);transform:translateZ(32px);display:grid;place-items:center;font-size:6px;font-weight:800;letter-spacing:.1em}.vent-unit i{position:absolute;inset:14px;border-radius:50%;border:2px dashed #63877d;animation:fanSpin 2s linear infinite}.zone-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.zone-chip{border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.55);padding:12px}.zone-chip header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.zone-chip header b{font-size:11px}.zone-chip header span{font-size:8px;padding:4px 7px;border-radius:10px;background:#eee}.zone-chip header span.on{background:#e2f8ef;color:#087765}.zone-chip dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;gap:7px}.zone-chip dl div{display:flex;flex-direction:column}.zone-chip dt{font-size:7px;color:var(--muted);text-transform:uppercase}.zone-chip dd{margin:2px 0 0;font-size:11px;font-weight:800}.microcopy{font-size:9px;color:#888f8a;margin:12px 3px 0}.telemetry-stack{display:grid;gap:14px}.telemetry-card,.decision-card{border-radius:28px;padding:18px}.env-card{min-height:285px}.state-pill{font-size:8px;border-radius:999px;padding:5px 8px;background:#e8f7f2;color:#0c7569}.state-pill.warn{background:#fff0d8;color:#9b6118}.state-pill.high{background:#ffe0e3;color:#9e4051}.big-reading{display:flex;align-items:end;gap:8px;margin:21px 0 12px}.big-reading strong{font-family:Georgia,"Times New Roman",serif;font-size:62px;line-height:.7}.big-reading small{font-size:9px;color:var(--muted);margin-bottom:2px}.dual-reading{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.dual-reading>div{padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.52);border:1px solid rgba(23,35,30,.06)}.dual-reading b{font-size:19px}.dual-reading span{font-size:10px}.dual-reading small{display:block;color:var(--muted);font-size:7px}.gauge{height:7px;background:#e7e6dd;border-radius:10px;overflow:hidden}.gauge i{display:block;height:100%;width:35%;border-radius:inherit;background:linear-gradient(90deg,var(--teal2),var(--saffron),var(--rose));transition:.5s}.env-card p{font-size:9px;line-height:1.55;color:var(--muted)}.energy-card{min-height:238px}.energy-ring-wrap{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;margin-top:14px}.energy-ring{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) var(--ring,68%),rgba(13,138,125,.1) 0);position:relative}.energy-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:inset 0 2px 8px rgba(30,40,30,.08)}.energy-ring>div{position:relative;z-index:1;text-align:center}.energy-ring b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:33px}.energy-ring span{display:block;font-size:7px;color:var(--muted)}.energy-kpis{display:grid;gap:8px}.energy-kpis div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:7px}.energy-kpis span{font-size:8px;color:var(--muted)}.energy-kpis b{font-size:10px}.decision-card{min-height:95px;background:linear-gradient(135deg,#fff8e8,#f8fffc)}.decision-card>span{font-size:8px;letter-spacing:.13em;color:var(--teal);font-weight:800}.decision-card p{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.25;margin:8px 0 0}.connection-panel{margin-top:18px;border-radius:30px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.connection-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:36px;margin:8px 0}.connection-copy>p:last-child{font-size:11px;color:var(--muted);line-height:1.6}.connection-controls{display:grid;gap:12px}.connect-row{display:flex;gap:8px}.connect-row button{flex:1}.connect-row button:disabled{opacity:.4}.ws-row label{font-size:8px;color:var(--muted);font-weight:800;letter-spacing:.1em}.ws-row>div{display:flex;margin-top:5px}.ws-row input{flex:1;border:1px solid var(--line);background:rgba(255,255,255,.66);border-radius:12px 0 0 12px;padding:11px 12px;outline:0;color:#405049;font-size:11px}.ws-row button{border:0;background:#233d34;color:#fff;border-radius:0 12px 12px 0;padding:0 14px;font-size:10px;font-weight:800}.connection-state{display:grid;grid-template-columns:10px 1fr;column-gap:8px;align-items:center;padding:10px 12px;background:rgba(255,255,255,.48);border-radius:13px}.connection-state>span{width:8px;height:8px;border-radius:50%;background:#c5b9a7}.connection-state b{font-size:10px}.connection-state small{grid-column:2;font-size:8px;color:var(--muted)}.control-deck{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.control-card{border-radius:26px;padding:20px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.segmented button{border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:10px;padding:9px 5px;font-size:8px;font-weight:800}.segmented button.active{background:#203f34;color:#fff;border-color:#203f34}.control-card p{font-size:9px;line-height:1.5;color:var(--muted);margin:8px 0 0}.control-title{display:flex;justify-content:space-between}.control-title strong{font-size:14px}.range-label{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.control-card input[type=range],.energy-lab input[type=range]{width:100%;accent-color:var(--saffron)}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.problem-card{min-height:250px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;padding:23px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,249,237,.58));box-shadow:0 18px 55px rgba(60,48,22,.06);transition:.4s var(--ease)}.problem-card:hover{transform:translateY(-5px);box-shadow:0 26px 75px rgba(60,48,22,.1)}.problem-card>span{font-family:Georgia,"Times New Roman",serif;font-size:18px;color:var(--saffron)}.problem-card h3{font-family:Georgia,"Times New Roman",serif;font-size:30px;margin:36px 0 9px}.problem-card p{font-size:10px;line-height:1.65;color:var(--muted);max-width:260px}.problem-icon{position:absolute;right:19px;bottom:10px;font-family:Georgia,"Times New Roman",serif;font-size:70px;font-style:normal;color:rgba(233,139,42,.12)}.quote-panel{margin-top:18px;border-radius:28px;padding:34px;background:linear-gradient(110deg,#183b31,#0e776d);color:#fff;position:relative;overflow:hidden}.quote-panel:after{content:"✦";position:absolute;right:6%;top:8%;font-size:130px;color:rgba(255,255,255,.06)}.quote-panel>span{font-size:9px;letter-spacing:.2em;color:#92ddcf}.quote-panel blockquote{margin:18px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:46px;line-height:1}.quote-panel em{color:#ffc87f}.quote-panel p{font-size:10px;color:#d7e7e1}
.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}.pipeline>i{font-style:normal;color:#c9a96c}.pipeline-step{height:116px;border:1px solid var(--line);background:rgba(255,255,255,.66);border-radius:20px;padding:14px;text-align:left;transition:.35s;position:relative;overflow:hidden}.pipeline-step:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:4px;background:linear-gradient(90deg,var(--saffron),var(--rose));transition:.4s}.pipeline-step.active{transform:translateY(-6px);box-shadow:0 20px 45px rgba(67,51,25,.1);background:#fff}.pipeline-step.active:after{right:0}.pipeline-step b{font-family:Georgia,"Times New Roman",serif;color:var(--saffron);font-size:17px}.pipeline-step strong{display:block;font-size:10px;letter-spacing:.08em;margin-top:14px}.pipeline-step span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.pipeline-detail{margin-top:12px;border-radius:22px;padding:20px;min-height:90px}.pipeline-detail h3{font-family:Georgia,"Times New Roman",serif;font-size:26px;margin:0 0 5px}.pipeline-detail p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.architecture-map{height:540px;margin-top:55px;border-radius:34px;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:44px 56px;overflow:hidden}.architecture-map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(233,139,42,.09),transparent 35%),linear-gradient(rgba(31,69,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,69,55,.035) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.wires{position:absolute;inset:0;width:100%;height:100%}.wires path{fill:none;stroke:rgba(13,138,125,.33);stroke-width:1.5;stroke-dasharray:7 5;animation:dash 12s linear infinite}@keyframes dash{to{stroke-dashoffset:-120}}.arch-column{z-index:1;display:grid;gap:14px}.inputs{padding-right:50px}.outputs{padding-left:50px}.arch-node{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.76);border:1px solid rgba(13,138,125,.14);box-shadow:0 12px 32px rgba(38,63,53,.07)}.arch-node small{display:block;font-size:7px;letter-spacing:.13em;color:var(--teal)}.arch-node b{font-family:Georgia,"Times New Roman",serif;font-size:22px}.arch-node span{display:block;font-size:8px;color:var(--muted)}.brain-node{z-index:2;width:210px;height:210px;border-radius:50%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#fffef8,#f7e5c7 50%,#ecd0ae 100%);border:1px solid rgba(201,154,60,.34);box-shadow:0 30px 70px rgba(120,80,30,.16),inset 0 10px 25px rgba(255,255,255,.9);position:relative}.brain-halo{position:absolute;inset:-18px;border:1px dashed rgba(201,154,60,.27);border-radius:50%;animation:orbit 15s linear infinite}.brain-node small{font-size:7px;letter-spacing:.15em;color:#8f6d2f}.brain-node b{font-family:Georgia,"Times New Roman",serif;font-size:46px;line-height:.9}.brain-node span{font-size:8px;color:var(--muted);line-height:1.5}.brain-node em{font-size:7px;color:var(--teal);font-style:normal;margin-top:10px}
.zone-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.zone-story{min-height:410px;border-radius:30px;padding:28px;border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow);position:relative;overflow:hidden}.zone-story:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-65px;top:-70px;border:1px solid rgba(255,255,255,.35)}.z-saffron{background:linear-gradient(145deg,#fff7e8,#fce4bf)}.z-rose{background:linear-gradient(145deg,#fff3f3,#f6d9df)}.z-teal{background:linear-gradient(145deg,#f0fffb,#cee9e2)}.zone-orb{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.65);font-family:Georgia,"Times New Roman",serif;font-size:30px;box-shadow:inset 0 2px 8px rgba(60,50,40,.08)}.zone-story h3{font-family:Georgia,"Times New Roman",serif;font-size:38px;margin:58px 0 13px}.zone-story p{font-size:11px;line-height:1.7;color:#58615c}.zone-story ul{padding:0;list-style:none;margin:20px 0 0}.zone-story li{font-size:9px;padding:8px 0;border-bottom:1px solid rgba(50,50,40,.09)}.zone-story li:before{content:"✦";margin-right:8px;color:var(--saffron)}.logic-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;border-radius:24px;overflow:hidden}.logic-strip>div{padding:20px;background:rgba(255,255,255,.38);display:grid;grid-template-columns:auto auto auto 1fr;gap:7px;align-items:center}.logic-strip span{font-size:7px;color:var(--teal);font-weight:800}.logic-strip b{font-size:9px}.logic-strip em{font-style:normal;color:var(--saffron)}.logic-strip strong{font-size:9px;text-align:right}
.env-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.env-explainer{border-radius:26px;padding:22px;display:grid;grid-template-columns:74px 1fr;gap:16px;align-items:center}.metric-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#edf7f1);box-shadow:inset 0 0 0 1px rgba(13,138,125,.12),0 12px 30px rgba(60,70,50,.08);font-family:Georgia,"Times New Roman",serif;font-size:20px;color:var(--teal)}.env-explainer h3{font-family:Georgia,"Times New Roman",serif;font-size:24px;margin:0 0 7px}.env-explainer p{font-size:9px;line-height:1.6;color:var(--muted);margin:0}.sensor-placement{margin-top:45px;display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:center;padding:40px 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sensor-sculpture{height:300px;display:grid;place-items:center;position:relative;perspective:900px}.sensor-body{width:190px;height:150px;border-radius:32px;background:linear-gradient(145deg,#fff,#dbece6);border:1px solid rgba(13,138,125,.18);box-shadow:0 35px 70px rgba(40,80,60,.15),inset 0 8px 25px rgba(255,255,255,.8);transform:rotateX(18deg) rotateY(-16deg);display:grid;place-items:center;position:relative}.sensor-body span{font-family:Georgia,"Times New Roman",serif;font-size:34px}.sensor-body i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--teal);bottom:20px}.sensor-body i:nth-child(2){left:64px}.sensor-body i:nth-child(3){left:91px;background:var(--saffron)}.sensor-body i:nth-child(4){right:64px;background:var(--rose)}.air-ring{position:absolute;border:1px solid rgba(13,138,125,.18);border-radius:50%;transform:rotateX(70deg)}.r-a{width:310px;height:140px}.r-b{width:390px;height:180px;animation:orbit 15s linear infinite}.sensor-placement h3{font-family:Georgia,"Times New Roman",serif;font-size:42px;margin:8px 0}.sensor-placement p:last-child{font-size:11px;line-height:1.8;color:var(--muted)}
.energy-lab{border-radius:34px;padding:34px;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.energy-lab-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:44px;margin:12px 0}.energy-lab-copy>p{font-size:10px;line-height:1.7;color:var(--muted)}.priority-list{margin-top:25px;display:grid;gap:5px}.priority-list div{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:8px 0}.priority-list b{font-size:8px;background:#183d31;color:#fff;border-radius:7px;padding:5px}.priority-list span{font-size:9px}.allocation-viz{padding:14px}.allocation-head{display:flex;justify-content:space-between;align-items:center}.allocation-head span{font-size:9px;color:var(--muted);letter-spacing:.12em}.allocation-head b{font-family:Georgia,"Times New Roman",serif;font-size:28px}.load-bars{display:grid;gap:20px;margin:28px 0}.load-bars>div{display:grid;grid-template-columns:150px 1fr 50px;align-items:center;gap:10px}.load-bars label span{display:block;font-size:10px;font-weight:800}.load-bars label b{font-size:7px;color:var(--muted)}.bar{height:22px;background:rgba(22,60,48,.07);border-radius:999px;position:relative;overflow:hidden}.bar i,.bar em{position:absolute;inset:0 auto 0 0;border-radius:inherit}.bar i{background:rgba(215,95,121,.16);width:var(--requested,100%)}.bar em{background:linear-gradient(90deg,var(--teal),var(--teal2));width:var(--allocated,70%);box-shadow:0 0 18px rgba(13,138,125,.22)}.load-bars output{text-align:right;font-size:9px;font-weight:800}.allocation-total{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.allocation-total span{padding:11px;border-radius:12px;background:rgba(255,255,255,.55);font-size:8px;color:var(--muted)}.allocation-total b{display:block;color:var(--ink);margin-top:2px}.correct-phrase{display:grid;grid-template-columns:auto 1fr auto 1.4fr;gap:15px;align-items:center;margin-top:18px;padding:18px 22px;border:1px solid var(--line);border-radius:20px}.correct-phrase span{font-size:7px;letter-spacing:.13em;color:var(--rose);font-weight:800}.correct-phrase span:nth-of-type(2){color:var(--teal)}.correct-phrase s,.correct-phrase b{font-size:9px;line-height:1.5}
.hardware-orbit{height:690px;position:relative;display:grid;place-items:center}.hardware-orbit:before,.hardware-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(201,154,60,.25)}.hardware-orbit:before{width:520px;height:520px}.hardware-orbit:after{width:670px;height:670px;border-color:rgba(13,138,125,.16)}.hw-core{width:230px;height:230px;border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 35% 25%,#fff,#f6dfbb 62%,#e7c085);box-shadow:0 35px 90px rgba(120,80,20,.18),inset 0 10px 30px rgba(255,255,255,.85)}.hw-core small{font-size:8px;letter-spacing:.14em;color:#8e652c}.hw-core strong{font-family:Georgia,"Times New Roman",serif;font-size:50px}.hw-core span{font-size:8px;color:var(--muted)}.hw-chip{position:absolute;width:142px;height:88px;border-radius:20px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.72);box-shadow:0 18px 45px rgba(60,55,30,.1);z-index:3;backdrop-filter:blur(12px);transition:.3s}.hw-chip:hover,.hw-chip.active{transform:scale(1.06) translateY(-4px);background:#fff;box-shadow:0 25px 55px rgba(60,55,30,.14)}.hw-chip span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:700}.hw-chip small{font-size:8px;color:var(--muted)}.c1{top:45px;left:50%;margin-left:-71px}.c2{top:145px;right:120px}.c3{top:315px;right:45px}.c4{bottom:100px;right:145px}.c5{bottom:45px;left:50%;margin-left:-71px}.c6{bottom:100px;left:145px}.c7{top:315px;left:45px}.c8{top:145px;left:120px}.hardware-detail{margin-top:-30px;border-radius:24px;padding:22px;min-height:115px}.hardware-detail h3{font-family:Georgia,"Times New Roman",serif;font-size:28px;margin:0 0 5px}.hardware-detail p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}
.module-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.module-grid article{min-height:145px;border:1px solid var(--line);border-radius:20px;padding:17px;background:rgba(255,255,255,.58);transition:.3s}.module-grid article:hover{transform:translateY(-4px);background:#fff;box-shadow:0 16px 36px rgba(40,55,40,.08)}.module-grid b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:19px}.module-grid span{display:block;font-size:8px;line-height:1.45;color:var(--muted);margin-top:27px}.module-grid small{display:block;color:var(--teal);font-size:7px;margin-top:8px}.pseudocode{margin-top:18px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#16352c,#0f2822);color:#eef9f5}.code-title{height:44px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);font-size:8px;letter-spacing:.13em;color:#9bd6c8}.code-title i,.code-title i:before,.code-title i:after{width:7px;height:7px;border-radius:50%;background:#f3a455;display:block}.code-title i{position:relative}.code-title i:before,.code-title i:after{content:"";position:absolute;top:0}.code-title i:before{right:12px;background:#7ac6b0}.code-title i:after{right:24px;background:#d9687b}.pseudocode pre{margin:0;padding:28px 34px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.8;color:#bfd5cc}.pseudocode code span{color:#ffc783}.pseudocode code b{color:#81d7c0}
.evidence-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:18px}.chart-card,.log-card{border-radius:28px;padding:18px;min-height:400px}.card-topline button{border:1px solid var(--line);background:#fff;border-radius:8px;font-size:7px;padding:5px 7px}.chart-card canvas{width:100%;height:300px;display:block;margin-top:16px}.chart-legend{display:flex;gap:14px;justify-content:center;font-size:8px;color:var(--muted)}.chart-legend i{width:16px;height:2px;display:inline-block;vertical-align:middle;margin-right:4px}.l-req{background:var(--rose)}.l-all{background:var(--teal)}.l-mea{background:var(--gold)}.event-log{margin-top:12px;height:335px;overflow:auto;display:flex;flex-direction:column-reverse;gap:8px}.log-item{padding:10px;border-radius:12px;background:rgba(255,255,255,.56);border-left:2px solid var(--teal)}.log-item.warn{border-color:var(--saffron)}.log-item.fault{border-color:var(--rose)}.log-item time{display:block;font-size:7px;color:var(--muted)}.log-item p{font-size:8px;line-height:1.45;margin:3px 0 0}.evidence-fields{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:14px}.evidence-fields div{padding:10px;border-top:1px solid var(--line)}.evidence-fields span{display:block;font-size:6px;color:var(--teal);font-weight:800;letter-spacing:.1em}.evidence-fields b{font-size:7px}
.test-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.test-grid button{min-height:140px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.62);padding:17px;text-align:left;transition:.25s}.test-grid button:hover{transform:translateY(-4px);background:#fff;box-shadow:0 16px 40px rgba(40,50,30,.08)}.test-grid b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:21px;color:var(--saffron)}.test-grid span{display:block;font-size:9px;font-weight:800;margin-top:30px}.test-grid small{display:block;font-size:7px;color:var(--muted);margin-top:3px}
.fallback-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}.fallback-flow span{border-radius:22px;padding:24px;text-align:center;background:linear-gradient(145deg,#fff,#f2f8f4);border:1px solid var(--line);font-size:8px;letter-spacing:.12em;color:var(--teal)}.fallback-flow span b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:19px;color:var(--ink);letter-spacing:0}.fallback-flow i{font-style:normal;color:var(--saffron)}.limitation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.limitation-grid article{padding:20px;border-top:3px solid var(--saffron);background:rgba(255,255,255,.56);border-radius:0 0 18px 18px}.limitation-grid b{font-family:Georgia,"Times New Roman",serif;font-size:22px}.limitation-grid p{font-size:9px;line-height:1.6;color:var(--muted)}.safety-note{margin-top:18px;border-radius:18px;padding:16px 19px;background:#fff0ef;border:1px solid rgba(215,95,121,.18);display:flex;gap:20px;align-items:center}.safety-note b{font-size:8px;letter-spacing:.12em;color:var(--rose)}.safety-note span{font-size:9px;line-height:1.5}
.future-road{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}.future-road div{min-height:190px;border-radius:24px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,246,228,.55));border:1px solid var(--line)}.future-road span{font-size:8px;color:var(--teal);letter-spacing:.14em;font-weight:800}.future-road b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.05;margin:54px 0 8px}.future-road small{font-size:8px;color:var(--muted)}.future-road>i{font-style:normal;color:var(--saffron);font-size:24px}
.present-section{width:100%;max-width:none;padding:120px max(5vw,32px);background:linear-gradient(135deg,#17382f,#0a6c64);color:#fff;overflow:hidden}.present-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(255,194,108,.18),transparent 25%),radial-gradient(circle at 10% 85%,rgba(231,102,126,.12),transparent 24%)}.presentation-shell{position:relative;max-width:1100px;margin:auto}.present-section .kicker{color:#91d8c8}.presentation-shell h2{font-size:clamp(58px,7vw,100px)}.presentation-tabs{display:flex;gap:8px;margin:38px 0 22px}.presentation-tabs button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#d7e9e2;border-radius:999px;padding:10px 14px;font-size:8px;font-weight:800}.presentation-tabs button.active{background:#fff;color:#17382f}.presentation-copy{max-width:880px;min-height:210px}.presentation-copy p{font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.42;color:#eff8f4}.presentation-copy ol{font-size:12px;line-height:1.75;color:#d8ebe4}.present-section .secondary{margin-top:12px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
footer{padding:44px max(5vw,32px);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line)}.footer-mark{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff3dc;color:var(--saffron)}footer b{display:block;font-size:10px;letter-spacing:.14em}footer span,footer p,footer small{font-size:8px;color:var(--muted)}footer p{font-family:Georgia,"Times New Roman",serif;font-size:14px}footer small{grid-column:3}
.toast{position:fixed;z-index:3000;bottom:28px;left:50%;transform:translate(-50%,30px);opacity:0;background:#17372e;color:#fff;padding:12px 16px;border-radius:14px;font-size:10px;box-shadow:0 18px 45px rgba(20,40,30,.22);transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media (max-width:1050px){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}button,a{cursor:pointer}.navlinks{display:none}.topbar{justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{height:500px}.hero h1{font-size:clamp(70px,13vw,112px)}.command-grid{grid-template-columns:1fr}.telemetry-stack{grid-template-columns:repeat(3,1fr)}.energy-ring-wrap{grid-template-columns:110px 1fr}.energy-ring{width:105px;height:105px}.connection-panel{grid-template-columns:1fr}.problem-grid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr;gap:18px}.pipeline{overflow:auto}.pipeline-step{min-width:150px}.architecture-map{height:auto;min-height:560px;padding:30px;grid-template-columns:1fr 180px 1fr}.inputs{padding-right:20px}.outputs{padding-left:20px}.brain-node{width:170px;height:170px}.zone-story-grid,.env-grid{grid-template-columns:1fr}.sensor-placement,.energy-lab{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.test-grid{grid-template-columns:repeat(2,1fr)}.limitation-grid{grid-template-columns:repeat(2,1fr)}.future-road{grid-template-columns:1fr}.future-road>i{transform:rotate(90deg);justify-self:center}.hardware-orbit{transform:scale(.9)}.evidence-fields{grid-template-columns:repeat(4,1fr)}}
@media (max-width:720px){.section{width:min(100% - 28px,1180px);padding:90px 0}.topbar{width:calc(100% - 20px);top:10px}.nav-cta{display:none}.hero{padding:125px 18px 70px;min-height:auto}.hero-copy{margin:0}.hero h1{font-size:58px}.hero-lede{font-size:14px}.hero-proof{grid-template-columns:repeat(2,1fr)}.hero-visual{height:380px;transform:scale(.76);margin:-30px -70px}.scroll-cue{display:none}.telemetry-stack{grid-template-columns:1fr}.classroom-card{min-height:auto}.room-shell{height:360px}.room-floor{width:105%}.zone-strip{grid-template-columns:1fr}.control-deck{grid-template-columns:1fr}.segmented{grid-template-columns:repeat(2,1fr)}.problem-grid{grid-template-columns:1fr}.quote-panel blockquote{font-size:34px}.pipeline{display:flex}.architecture-map{grid-template-columns:1fr;gap:30px}.wires{display:none}.inputs,.outputs{padding:0;grid-template-columns:1fr 1fr}.brain-node{order:-1}.logic-strip{grid-template-columns:1fr}.env-explainer{grid-template-columns:64px 1fr}.metric-icon{width:58px;height:58px}.sensor-placement{padding:30px 10px;gap:30px}.energy-lab{padding:22px;gap:25px}.load-bars>div{grid-template-columns:90px 1fr 42px}.correct-phrase{grid-template-columns:1fr}.hardware-orbit{height:720px;transform:none}.hardware-orbit:before{width:300px;height:300px}.hardware-orbit:after{width:390px;height:390px}.hw-core{width:160px;height:160px}.hw-chip{width:105px;height:68px}.hw-chip span{font-size:17px}.c1{top:80px}.c2{top:150px;right:5px}.c3{top:310px;right:0}.c4{bottom:150px;right:5px}.c5{bottom:80px}.c6{bottom:150px;left:5px}.c7{top:310px;left:0}.c8{top:150px;left:5px}.module-grid{grid-template-columns:1fr}.evidence-grid{grid-template-columns:1fr}.evidence-fields{grid-template-columns:repeat(2,1fr)}.test-grid{grid-template-columns:1fr}.fallback-flow{grid-template-columns:1fr}.fallback-flow>i{transform:rotate(90deg);justify-self:center}.limitation-grid{grid-template-columns:1fr}.future-road{grid-template-columns:1fr}.present-section{padding:90px 22px}.presentation-shell h2{font-size:52px}.presentation-tabs{flex-wrap:wrap}footer{grid-template-columns:auto 1fr}footer p,footer small{grid-column:2}.connection-panel{padding:20px}.connect-row{flex-direction:column}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   COMPLETE INTERACTIVE STUDY + SYSTEM LAB LAYER
   ========================================================= */
.glossy-panel{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,249,238,.72));border:1px solid rgba(255,255,255,.92);box-shadow:0 28px 80px rgba(93,72,35,.12),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden}.glossy-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.72),transparent 24%,transparent 70%,rgba(234,167,82,.07));mix-blend-mode:screen}.glossy-panel>*{position:relative;z-index:1}

/* System lab */
.simulator-section{padding-top:115px}.sim-integrity{display:flex;align-items:center;gap:18px;margin:0 0 20px;padding:14px 18px;border-radius:18px;background:linear-gradient(90deg,rgba(255,239,204,.78),rgba(255,255,255,.62));border:1px solid rgba(224,163,64,.22);box-shadow:0 14px 36px rgba(132,91,26,.07)}.sim-integrity b{font-size:9px;letter-spacing:.13em;color:#9d6b1f;white-space:nowrap}.sim-integrity span{font-size:9px;color:var(--muted);line-height:1.55}.scenario-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scenario-card{border-radius:28px;padding:24px;min-height:390px}.scenario-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.scenario-title span{font-size:8px;letter-spacing:.14em;color:var(--teal);font-weight:800}.scenario-title b{font-family:Georgia,"Times New Roman",serif;font-size:26px;line-height:1;text-align:right}.zone-control-list{display:grid;gap:12px}.zone-control{padding:14px;border-radius:17px;background:rgba(255,255,255,.57);border:1px solid rgba(79,97,84,.08)}.zone-control header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.zone-control header b{font-size:10px}.zone-control header button{border:1px solid rgba(13,138,125,.16);background:#fff;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;color:#54655d;transition:.25s}.zone-control header button.on{background:var(--teal);color:#fff;border-color:var(--teal)}.zone-control label,.env-control-list label{display:grid;gap:8px}.zone-control label{grid-template-columns:1fr auto}.zone-control label+input{margin-top:8px}.zone-control label,.env-control-list span{font-size:8px;color:var(--muted)}.zone-control output,.env-control-list b{color:#283d34}.zone-control input,.env-control-list input,.manual-loads input{width:100%;accent-color:var(--saffron)}.scenario-note{font-size:8.5px;line-height:1.6;color:var(--muted);margin:16px 0 0}.env-control-list{display:grid;gap:18px}.env-control-list label span{display:flex;justify-content:space-between}.env-control-list label b{font-size:10px}.threshold-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px}.threshold-ribbon span{padding:9px 6px;border-radius:11px;text-align:center;background:rgba(13,138,125,.06);font-size:7px;color:#5b7168}.threshold-ribbon span:nth-child(2){background:rgba(234,139,42,.09);color:#8c642b}.threshold-ribbon span:nth-child(3){background:rgba(215,95,121,.09);color:#9a5363}.guided-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.guided-steps button{min-height:72px;border:1px solid rgba(46,75,62,.08);border-radius:14px;background:rgba(255,255,255,.58);padding:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;transition:.25s}.guided-steps button i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#fff6e9;color:#a6702a;font-size:8px;font-weight:800}.guided-steps button span{font-size:7.5px;font-weight:800;color:#40564d}.guided-steps button.active{background:linear-gradient(145deg,#fff7e8,#f7dfb9);border-color:rgba(218,153,56,.24);transform:translateY(-2px)}.guided-actions{display:flex;gap:9px;margin:16px 0}.guided-actions button{flex:1}.demo-narration{padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(13,138,125,.08),rgba(255,255,255,.72));border:1px solid rgba(13,138,125,.08)}.demo-narration small{font-size:7px;letter-spacing:.13em;color:var(--teal);font-weight:800}.demo-narration p{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.3;margin:5px 0 0;color:#2a4137}.manual-service-card{min-height:auto}.manual-loads{display:grid;grid-template-columns:1fr 1fr;gap:12px}.manual-loads label{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.58);display:grid;grid-template-columns:78px 1fr 38px;gap:8px;align-items:center;font-size:8px;color:#506158}.manual-loads output{text-align:right;font-weight:800;color:#273c33}.scenario-layout.is-live .zone-control input,.scenario-layout.is-live .zone-control button,.scenario-layout.is-live .env-control-list input,.scenario-layout.is-live #runGuidedDemo{pointer-events:none;opacity:.45}.scenario-layout.is-live:after{content:"LIVE SENSOR INPUTS ARE READ-ONLY — ESP32 IS THE AUTHORITY";position:absolute}.scenario-layout{position:relative}

/* Project Atlas */
.atlas-section{padding-top:130px;padding-bottom:130px}.atlas-shell{display:grid;grid-template-columns:285px 1fr;border-radius:34px;min-height:720px}.atlas-nav-wrap{padding:24px 18px 24px 22px;border-right:1px solid rgba(48,73,62,.08);background:linear-gradient(180deg,rgba(255,248,235,.72),rgba(255,255,255,.4))}.atlas-nav-head{display:flex;justify-content:space-between;align-items:center;padding:0 6px 14px}.atlas-nav-head span{font-size:7px;letter-spacing:.14em;color:#947044;font-weight:800}.atlas-nav-head b{font-size:8px;color:var(--muted)}.atlas-nav{display:grid;gap:5px;max-height:650px;overflow:auto;padding-right:4px}.atlas-nav::-webkit-scrollbar{width:4px}.atlas-nav::-webkit-scrollbar-thumb{background:rgba(168,131,73,.2);border-radius:10px}.atlas-nav button{border:0;background:transparent;border-radius:14px;padding:11px 10px;display:grid;grid-template-columns:32px 1fr;gap:8px;text-align:left;transition:.25s}.atlas-nav button:hover{background:rgba(255,255,255,.66)}.atlas-nav button.active{background:#fff;box-shadow:0 12px 30px rgba(67,61,45,.08)}.atlas-nav button span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#fff5e5;color:#aa7631;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:700}.atlas-nav button.active span{background:linear-gradient(135deg,#df8f36,#efb760);color:#fff}.atlas-nav button div{display:grid;gap:2px}.atlas-nav button b{font-size:8px;color:#31493f;line-height:1.35}.atlas-nav button small{font-size:6.5px;color:#8c958f;line-height:1.3}.atlas-reader{padding:42px 48px 34px;min-width:0}.atlas-reader-head{display:grid;grid-template-columns:90px 1fr;gap:24px;align-items:start}.atlas-reader-head>div:first-child{display:grid;justify-items:start}.atlas-reader-head #atlasNumber{font-family:Georgia,"Times New Roman",serif;font-size:64px;line-height:.9;color:#dc943b}.atlas-reader-head #atlasPages{font-size:7px;line-height:1.4;color:#919992;margin:10px 0 0}.atlas-reader-head small{font-size:7px;letter-spacing:.16em;color:var(--teal);font-weight:800}.atlas-reader-head h3{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1.02;margin:7px 0 9px;color:#233c32}.atlas-reader-head>div:last-child>p{font-size:10px;line-height:1.65;color:var(--muted);max-width:720px}.atlas-subtabs{display:flex;gap:7px;flex-wrap:wrap;margin:28px 0 22px;padding-bottom:16px;border-bottom:1px solid rgba(47,72,61,.08)}.atlas-subtabs button{border:1px solid rgba(50,76,64,.09);background:rgba(255,255,255,.55);border-radius:999px;padding:9px 13px;font-size:7.5px;font-weight:800;color:#5d6b65;transition:.2s}.atlas-subtabs button.active{background:#244a3d;color:#fff;border-color:#244a3d}.atlas-content{min-height:335px}.atlas-content p{font-size:11px;line-height:1.85;color:#4f5f58;margin:0 0 15px;max-width:860px}.atlas-content ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;list-style:none;padding:0;margin:20px 0 0}.atlas-content li{position:relative;padding:10px 12px 10px 28px;border-radius:13px;background:rgba(255,249,240,.72);font-size:8.5px;line-height:1.45;color:#45574f}.atlas-content li:before{content:"✦";position:absolute;left:11px;top:10px;color:#d99538}.atlas-keyline{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;padding:16px 18px;border-radius:17px;background:linear-gradient(90deg,rgba(216,145,54,.09),rgba(13,138,125,.06));margin-top:18px}.atlas-keyline span{font-size:7px;letter-spacing:.13em;font-weight:800;color:#9c6d2d}.atlas-keyline b{font-family:Georgia,"Times New Roman",serif;font-size:19px;color:#29453a}.atlas-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:26px}.atlas-pager button{border:0;background:transparent;font-size:8px;font-weight:800;color:#53665e;padding:9px}.atlas-pager button:last-child{text-align:right}.atlas-pager button:disabled{opacity:.25}.atlas-pager span{font-size:7px;color:#989f9b}.atlas-content.swap{animation:atlasSwap .32s ease}@keyframes atlasSwap{0%{opacity:.2;transform:translateY(8px)}100%{opacity:1;transform:none}}

/* Click-to-explain affordance */
.problem-card,.zone-story,.env-explainer,.module-grid article,.test-grid button,.limitation-grid article{cursor:pointer}.problem-card:after,.zone-story:before,.env-explainer:after,.module-grid article:after,.limitation-grid article:after{content:"CLICK TO EXPLAIN";position:absolute;right:15px;bottom:12px;font-size:5.8px;letter-spacing:.12em;color:rgba(46,75,62,.4);font-weight:800}.problem-card,.env-explainer,.module-grid article,.limitation-grid article{position:relative}.zone-story:before{z-index:2;top:auto;left:auto;width:auto;height:auto;border:0;background:none}.module-grid article{padding-bottom:28px!important}.test-grid button:after{content:" + detail";font-size:6px;color:#8a958f}

/* Detail drawer */
.detail-overlay{position:fixed;inset:0;z-index:250;pointer-events:none;opacity:0;transition:.28s}.detail-overlay.open{pointer-events:auto;opacity:1}.detail-backdrop{position:absolute;inset:0;border:0;background:rgba(22,38,32,.32);backdrop-filter:blur(6px);width:100%;height:100%}.detail-drawer{position:absolute;right:18px;top:18px;bottom:18px;width:min(620px,calc(100% - 36px));border-radius:30px;transform:translateX(105%);transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.detail-overlay.open .detail-drawer{transform:none}.detail-drawer-top{height:62px;flex:0 0 62px;padding:18px 22px;border-bottom:1px solid rgba(46,75,62,.08);display:flex;justify-content:space-between;align-items:center}.detail-drawer-top span{font-size:7px;letter-spacing:.14em;font-weight:800;color:#9a7442}.detail-drawer-top button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(46,75,62,.09);background:#fff;font-size:20px;line-height:1;color:#50635b}.detail-drawer-body{padding:32px 34px 42px;overflow:auto}.detail-drawer-body>small{font-size:7px;letter-spacing:.14em;color:var(--teal);font-weight:800}.detail-drawer-body h3{font-family:Georgia,"Times New Roman",serif;font-size:46px;line-height:1;margin:9px 0 24px;color:#263e34}.detail-drawer-body p{font-size:11px;line-height:1.85;color:#516159;margin:0 0 16px}.detail-drawer-body .detail-callout{margin-top:26px;padding:16px 18px;border-radius:16px;background:#fff5e8;border-left:3px solid #d8963f;font-family:Georgia,"Times New Roman",serif;font-size:19px;color:#3c5148}

/* Small nav extension */
.hero-actions{flex-wrap:wrap}.hero-actions .secondary:nth-child(3){background:rgba(255,255,255,.54)}

@media(max-width:1050px){.scenario-layout{grid-template-columns:1fr}.atlas-shell{grid-template-columns:225px 1fr}.atlas-reader{padding:34px 32px}.atlas-reader-head h3{font-size:36px}.manual-loads{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.sim-integrity{align-items:flex-start;flex-direction:column;gap:5px}.scenario-card{padding:18px}.guided-steps{grid-template-columns:repeat(2,1fr)}.threshold-ribbon{grid-template-columns:1fr}.manual-loads{grid-template-columns:1fr}.atlas-shell{display:block}.atlas-nav-wrap{border-right:0;border-bottom:1px solid rgba(48,73,62,.08);padding:16px}.atlas-nav{display:flex;overflow:auto;max-height:none}.atlas-nav button{min-width:150px}.atlas-reader{padding:28px 20px}.atlas-reader-head{grid-template-columns:60px 1fr;gap:14px}.atlas-reader-head #atlasNumber{font-size:46px}.atlas-reader-head h3{font-size:31px}.atlas-content ul{grid-template-columns:1fr}.atlas-keyline{grid-template-columns:1fr}.detail-drawer{right:8px;top:8px;bottom:8px;width:calc(100% - 16px)}.detail-drawer-body{padding:24px 20px 34px}.detail-drawer-body h3{font-size:38px}.scenario-title{display:block}.scenario-title b{display:block;text-align:left;margin-top:6px}.zone-control header{gap:8px}.navlinks{display:none}}

/* ==========================================================
   ULTIMATE EDITION — NITT opening, team, true-3D room, build
   journey, component explorer, section-purpose bands, credit
   ========================================================== */

/* Institute opening */
.institute-opening{min-height:100vh;display:grid;place-items:center;padding:150px 7vw 90px;overflow:hidden;background:linear-gradient(145deg,rgba(255,253,247,.9),rgba(255,246,229,.82) 46%,rgba(240,250,246,.82));border-bottom:1px solid rgba(201,154,60,.12)}
.nitt-grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(107,84,45,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(107,84,45,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 48%,#000 0 38%,transparent 78%)}
.institute-opening:before,.institute-opening:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.institute-opening:before{width:780px;height:780px;left:-260px;bottom:-330px;background:radial-gradient(circle,rgba(233,139,42,.15),rgba(215,95,121,.06) 42%,transparent 70%)}.institute-opening:after{width:650px;height:650px;right:-230px;top:-210px;background:radial-gradient(circle,rgba(13,138,125,.13),transparent 70%)}
.institute-seal{position:absolute;right:8vw;top:50%;transform:translateY(-50%);width:min(31vw,430px);aspect-ratio:1;border:1px solid rgba(201,154,60,.2);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 26px rgba(255,255,255,.22),inset 0 0 0 27px rgba(201,154,60,.12),0 40px 100px rgba(72,54,21,.08)}.institute-seal:before,.institute-seal:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(13,138,125,.18)}.institute-seal:before{inset:12%}.institute-seal:after{inset:25%}.institute-seal span{position:absolute;top:26%;font-family:"Nirmala UI";font-size:64px;color:rgba(233,139,42,.3);font-weight:700}.institute-seal i{position:absolute;width:42%;height:42%;border-radius:50%;background:conic-gradient(from 0deg,rgba(233,139,42,.12),rgba(215,95,121,.12),rgba(13,138,125,.12),rgba(233,139,42,.12));box-shadow:inset 0 0 30px rgba(255,255,255,.8);animation:sealSpin 18s linear infinite}.institute-seal b{position:absolute;bottom:25%;font-family:Georgia,"Times New Roman",serif;font-size:54px;letter-spacing:.16em;color:#365245}@keyframes sealSpin{to{transform:rotate(360deg)}}
.institute-copy{position:relative;z-index:2;width:min(1180px,100%);padding-right:min(34vw,480px)}.opening-devanagari{font-family:"Nirmala UI";font-size:22px;color:var(--saffron);margin:28px 0 8px}.institute-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,7.4vw,118px);line-height:.9;letter-spacing:-.05em;margin:0;font-weight:600}.institute-copy h1 em{font-weight:600;color:#2c5e50}.institute-lede{max-width:760px;margin:32px 0;font-size:16px;line-height:1.82;color:#56655e}.institute-actions{display:flex;gap:12px;flex-wrap:wrap}.institution-ribbon{margin-top:56px;padding:13px 18px;border:1px solid rgba(201,154,60,.16);border-radius:999px;background:rgba(255,255,255,.48);display:flex;align-items:center;gap:16px;width:max-content;max-width:100%;font-size:8px;letter-spacing:.12em;font-weight:800;color:#6f684d;overflow:hidden}.institution-ribbon i{color:var(--saffron);font-style:normal}

/* Team */
.team-section{padding-top:130px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.team-card{position:relative;min-height:235px;padding:25px;border-radius:25px;border:1px solid rgba(255,255,255,.88);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,250,239,.48));box-shadow:0 20px 55px rgba(62,52,30,.07),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden;transition:.35s var(--ease)}.team-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;bottom:-80px;background:radial-gradient(circle,rgba(233,139,42,.12),transparent 67%)}.team-card:hover{transform:translateY(-6px);box-shadow:0 30px 65px rgba(62,52,30,.11)}.team-card.developer{background:linear-gradient(145deg,rgba(255,252,241,.95),rgba(231,248,242,.74));border-color:rgba(13,138,125,.18)}.team-card.lead{background:linear-gradient(145deg,rgba(255,249,236,.95),rgba(255,255,255,.66))}.team-no{position:absolute;right:18px;top:16px;font-family:Georgia,"Times New Roman",serif;font-size:35px;color:rgba(201,154,60,.28)}.team-avatar{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#fff8e9,#f8e0bb);color:#936126;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:700;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(201,154,60,.16),0 12px 26px rgba(103,75,29,.08)}.team-card.developer .team-avatar{background:linear-gradient(145deg,#e9faf4,#c8ece1);color:#17695b}.team-card h3{font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.05;margin:22px 0 6px}.team-card p{font-size:9px;color:var(--muted);margin:0}.team-card p b{color:#354c42}.team-card small{display:inline-block;margin-top:14px;padding:7px 9px;border-radius:999px;background:rgba(13,138,125,.08);color:#1e7366;font-size:7px;font-weight:800;letter-spacing:.05em}.team-principle{margin-top:26px;padding:22px 26px;border-radius:22px;display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;background:linear-gradient(90deg,rgba(233,139,42,.08),rgba(13,138,125,.06));border:1px solid rgba(201,154,60,.1)}.team-principle span{font-size:8px;letter-spacing:.14em;color:#9d6b2f;font-weight:800}.team-principle p{font-family:Georgia,"Times New Roman",serif;font-size:24px;margin:0;color:#304b40}

/* True 3D classroom host */
.true3d-wrap{position:relative;height:455px;border-radius:24px;overflow:hidden;margin-bottom:14px;background:radial-gradient(circle at 55% 28%,rgba(255,255,255,.96),rgba(246,237,217,.7) 56%,rgba(224,242,236,.72));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 18px 50px rgba(74,57,27,.08)}.three-classroom-host{position:absolute;inset:0}.three-classroom-host canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.three-status{position:absolute;left:16px;bottom:14px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.68);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.92);pointer-events:none}.three-status span{display:flex;align-items:center;gap:7px}.three-status i{width:7px;height:7px;border-radius:50%;background:#e9a12f;box-shadow:0 0 0 5px rgba(233,161,47,.12)}.three-status i.ready{background:#28a37d;box-shadow:0 0 0 5px rgba(40,163,125,.12)}.three-status i.fallback{background:#d75f79;box-shadow:0 0 0 5px rgba(215,95,121,.12)}.three-status b{font-size:7px;letter-spacing:.12em}.three-status small{font-size:6.5px;color:#7d8781}.three-legend{position:absolute;left:16px;top:14px;display:flex;gap:7px;flex-wrap:wrap;pointer-events:none}.three-legend span{display:flex;align-items:center;gap:5px;padding:6px 8px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.86);border-radius:999px;font-size:6px;font-weight:700;color:#617069}.three-legend i{width:7px;height:7px;border-radius:50%}.lg-pir{background:#d75f79}.lg-light{background:#e6b645}.lg-fan{background:#4d9cab}.lg-env{background:#0d8a7d}.true3d-wrap.loaded + .room-shell{display:none}.true3d-wrap.fallback{display:none}

/* Automatic 'why this section exists' bands */
.section-purpose{margin:-26px 0 34px;padding:14px 17px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid rgba(45,72,60,.08);display:grid;grid-template-columns:145px 1fr;gap:16px;align-items:start}.section-purpose b{font-size:7px;letter-spacing:.13em;color:#a6712e}.section-purpose p{font-size:9px;line-height:1.6;color:#62716a;margin:0}

/* Build journey */
.build-section{padding-top:125px}.build-layout{display:grid;grid-template-columns:310px 1fr;gap:18px}.build-rail{display:grid;gap:7px;align-content:start}.build-rail button{border:1px solid rgba(44,73,61,.08);background:rgba(255,255,255,.5);border-radius:16px;padding:13px 14px;text-align:left;display:grid;grid-template-columns:35px 1fr;gap:10px;transition:.22s var(--ease)}.build-rail button:hover{background:#fff;transform:translateX(3px)}.build-rail button.active{background:linear-gradient(135deg,#fff7e7,#edf8f3);border-color:rgba(201,154,60,.17);box-shadow:0 14px 32px rgba(68,55,31,.07)}.build-rail button span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff4df;color:#a66c28;font-family:Georgia,"Times New Roman",serif;font-size:16px;font-weight:700}.build-rail button.active span{background:#2c5d4f;color:#fff}.build-rail button b{font-size:8px;line-height:1.35}.build-rail button small{display:block;margin-top:3px;font-size:6.5px;color:#89918c}.build-reader{padding:32px;border-radius:30px;min-width:0}.build-reader-head{display:grid;grid-template-columns:80px 1fr;gap:18px;align-items:center}.build-reader-head>span{font-family:Georgia,"Times New Roman",serif;font-size:68px;line-height:.8;color:#dc943b}.build-reader-head small{font-size:7px;letter-spacing:.15em;color:var(--teal);font-weight:800}.build-reader-head h3{font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.05;margin:5px 0}.build-summary{font-size:11px;line-height:1.8;color:#56665e;margin:22px 0}.build-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.build-columns>div{padding:16px;border-radius:17px;background:rgba(255,252,246,.76);border:1px solid rgba(201,154,60,.08)}.build-columns span{display:block;font-size:6.5px;letter-spacing:.12em;color:#986c31;font-weight:800;margin-bottom:10px}.build-columns ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.build-columns li{position:relative;padding-left:14px;font-size:8px;line-height:1.45;color:#53645c}.build-columns li:before{content:"•";position:absolute;left:0;color:var(--teal)}.build-warning{margin-top:14px;padding:15px 17px;border-radius:16px;background:linear-gradient(90deg,rgba(215,95,121,.07),rgba(255,255,255,.58));border:1px solid rgba(215,95,121,.1)}.build-warning b{font-size:7px;letter-spacing:.12em;color:#a85065}.build-warning p{font-size:8.5px;line-height:1.55;color:#68736e;margin:5px 0 0}.build-pager{margin-top:20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.build-pager button{border:0;background:transparent;font-size:8px;font-weight:800;color:#50675d;padding:8px}.build-pager button:last-child{text-align:right}.build-pager span{font-size:7px;color:#8f9893}

/* Physical BOM explorer */
.physical-section{padding-top:125px}.bom-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.bom-toolbar input{flex:1;min-width:250px;border:1px solid rgba(44,73,61,.1);background:rgba(255,255,255,.72);border-radius:15px;padding:13px 15px;outline:none;color:#2b4339}.bom-toolbar input:focus{border-color:rgba(13,138,125,.35);box-shadow:0 0 0 4px rgba(13,138,125,.06)}#bomFilters{display:flex;gap:6px;flex-wrap:wrap}#bomFilters button{border:1px solid rgba(45,72,60,.08);background:rgba(255,255,255,.58);border-radius:999px;padding:9px 12px;font-size:7px;font-weight:800}#bomFilters button.active{background:#254b3e;color:#fff;border-color:#254b3e}.bom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bom-card{position:relative;min-height:210px;padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.88);background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(255,250,240,.5));box-shadow:0 15px 38px rgba(69,56,33,.06);transition:.28s var(--ease);overflow:hidden}.bom-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(69,56,33,.1)}.bom-card .bom-type{display:inline-flex;padding:6px 8px;border-radius:999px;background:rgba(13,138,125,.07);font-size:6px;letter-spacing:.1em;color:#247668;font-weight:800}.bom-card .bom-qty{position:absolute;right:17px;top:18px;font-family:Georgia,"Times New Roman",serif;font-size:23px;color:#c2873c}.bom-card h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.05;margin:20px 0 8px}.bom-card p{font-size:8px;line-height:1.55;color:#68756e;margin:0}.bom-card .bom-use{margin-top:13px;padding-top:10px;border-top:1px solid rgba(44,73,61,.07);font-size:7.5px;font-weight:700;color:#465c52}.bom-card button{position:absolute;inset:0;border:0;background:transparent;color:transparent;width:100%;height:100%}.bom-summary{margin-top:18px;padding:22px;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.bom-summary div{display:grid;gap:6px}.bom-summary span{font-size:7px;letter-spacing:.12em;color:#9d6e2f;font-weight:800}.bom-summary b{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.25;color:#2f493f}

/* Developer signature */
.developer-signature{min-height:82vh;padding:120px 7vw;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff9ed,#f3fbf7);border-top:1px solid rgba(201,154,60,.12)}.signature-aura{position:absolute;width:900px;height:900px;border-radius:50%;background:conic-gradient(from 40deg,rgba(233,139,42,.08),rgba(13,138,125,.07),rgba(215,95,121,.07),rgba(233,139,42,.08));filter:blur(20px);animation:sealSpin 30s linear infinite}.signature-card{position:relative;z-index:2;width:min(960px,100%);text-align:center;padding:60px 50px;border-radius:38px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(25px);box-shadow:0 35px 90px rgba(72,54,30,.09),inset 0 1px 0 rgba(255,255,255,.9)}.signature-script{display:block;font-family:"Nirmala UI";font-size:16px;color:#c1843b;margin:16px 0 10px}.signature-card h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6vw,84px);line-height:.92;margin:0;font-weight:600}.signature-card h2 em{color:#206e5e}.signature-meta{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0;font-size:8px;letter-spacing:.08em;color:#596a62;font-weight:700}.signature-meta i{font-style:normal;color:var(--saffron)}.signature-card>p{max-width:720px;margin:0 auto 28px;font-size:11px;line-height:1.8;color:#5a6a63}

/* Detail drawer richer tables */
.detail-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.detail-spec{padding:13px 14px;border-radius:14px;background:rgba(255,249,238,.76);border:1px solid rgba(201,154,60,.08)}.detail-spec span{display:block;font-size:6.5px;letter-spacing:.1em;color:#a17034;font-weight:800;margin-bottom:5px}.detail-spec b{font-size:9px;line-height:1.45;color:#40564c}.detail-drawer-body h4{font-family:Georgia,"Times New Roman",serif;font-size:25px;margin:26px 0 10px;color:#29473b}.detail-drawer-body ul{padding-left:18px;color:#53635c}.detail-drawer-body li{font-size:9px;line-height:1.65;margin:5px 0}

@media(max-width:1180px){.institute-seal{opacity:.32;right:-7vw}.institute-copy{padding-right:18vw}.bom-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.institute-opening{padding-top:130px}.institute-copy{padding-right:0}.institute-seal{width:70vw;right:-36vw;opacity:.18}.team-grid{grid-template-columns:repeat(2,1fr)}.build-layout{grid-template-columns:1fr}.build-rail{display:flex;overflow:auto;padding-bottom:5px}.build-rail button{min-width:210px}.build-columns{grid-template-columns:1fr}.bom-grid{grid-template-columns:repeat(2,1fr)}.true3d-wrap{height:400px}}
@media(max-width:620px){.institute-copy h1{font-size:58px}.opening-devanagari{font-size:18px}.institution-ribbon{border-radius:18px;flex-wrap:wrap;width:100%}.team-grid{grid-template-columns:1fr}.team-principle{grid-template-columns:1fr}.true3d-wrap{height:340px}.three-status{align-items:flex-start;flex-direction:column;gap:4px}.three-legend{right:14px}.build-reader{padding:22px 18px}.build-reader-head{grid-template-columns:56px 1fr}.build-reader-head>span{font-size:52px}.build-reader-head h3{font-size:31px}.bom-grid{grid-template-columns:1fr}.bom-summary{grid-template-columns:1fr}.section-purpose{grid-template-columns:1fr;margin-top:-20px}.signature-card{padding:44px 22px}.detail-spec-grid{grid-template-columns:1fr}}
/* In LIVE mode the guided-demo button becomes a step coach rather than a simulator. */
.scenario-layout.is-live #runGuidedDemo{pointer-events:auto;opacity:1}
/* Preserve the vertical centering of the institute seal while reveal animation runs. */
.institute-seal.reveal{transform:translateY(calc(-50% + 30px))}
.institute-seal.reveal.visible{transform:translateY(-50%)}

/* --- v1.1 functional explainer + budget lab fixes --- */
.pseudo-layout{display:grid;grid-template-columns:1.08fr .92fr;min-height:500px}.pseudo-lines{padding:18px 0 18px 18px;border-right:1px solid rgba(255,255,255,.08);display:grid;align-content:start;gap:2px}.pseudo-lines button{width:100%;border:0;background:transparent;color:#bfd5cc;text-align:left;padding:8px 14px;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.45;transition:.22s}.pseudo-lines button:hover{background:rgba(255,255,255,.055);color:#fff}.pseudo-lines button.active{background:linear-gradient(90deg,rgba(255,199,131,.16),rgba(129,215,192,.08));color:#fff;box-shadow:inset 3px 0 #ffc783}.pseudo-lines button.active code{color:#ffc783}.pseudo-explain{padding:34px 34px 28px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));display:flex;flex-direction:column}.pseudo-explain small{font-size:8px;letter-spacing:.15em;color:#81d7c0;font-weight:800}.pseudo-explain h3{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.05;margin:14px 0;color:#f4fbf8}.pseudo-explain p{font-size:10px;line-height:1.8;color:#bad0c7;margin:0}.pseudo-actions,.pseudo-run{display:flex;gap:8px;margin-top:auto;padding-top:22px}.pseudo-run{margin-top:8px;padding-top:0}.pseudo-actions button,.pseudo-run button{flex:1}.pseudo-run.running #pseudoRun{background:#fff2d8;color:#684718}.pseudo-lines button.loop-flash{animation:loopFlash .7s ease}@keyframes loopFlash{0%{box-shadow:inset 3px 0 #ffc783,0 0 0 0 rgba(255,199,131,.35)}60%{box-shadow:inset 3px 0 #ffc783,0 0 0 9px rgba(255,199,131,0)}100%{box-shadow:inset 3px 0 #ffc783}}
.budget-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.budget-presets button{border:1px solid rgba(33,64,52,.1);border-radius:10px;background:rgba(255,255,255,.58);padding:8px 5px;font-size:8px;font-weight:800;color:#42564d;transition:.22s}.budget-presets button:hover,.budget-presets button.active{background:#203f34;color:#fff;border-color:#203f34;transform:translateY(-1px)}.budget-demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.budget-demo-note{font-size:8px;line-height:1.55;color:var(--muted);margin:10px 0 0}.budget-demo-note b{color:#915b19}.allocation-viz.demo-ready{box-shadow:0 0 0 1px rgba(224,139,42,.16),0 22px 55px rgba(137,87,19,.08);border-radius:20px}.allocation-total #labState.constrained{color:#a85f18}.allocation-total #labState.safe-min{color:#a23f51}.energy-lab input[type=range]{height:24px;cursor:pointer}
@media(max-width:900px){.pseudo-layout{grid-template-columns:1fr}.pseudo-lines{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding-right:18px}.pseudo-explain{min-height:300px}}@media(max-width:720px){.budget-demo-actions{grid-template-columns:1fr}.budget-presets{grid-template-columns:repeat(2,1fr)}.pseudo-actions,.pseudo-run{flex-direction:column}.pseudo-explain{padding:26px 20px}.pseudo-explain h3{font-size:28px}}

/* =========================================================
   FINAL EXHIBITION HARDENING v1.3
   ========================================================= */
.env-state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 12px}.env-state-grid>div{padding:10px 9px;border:1px solid rgba(48,71,62,.1);border-radius:14px;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.env-state-grid small{display:block;font-size:8px;letter-spacing:.14em;color:var(--muted);margin-bottom:4px}.env-state-grid b{font-size:10px;letter-spacing:.06em;color:var(--ink)}.env-state-grid b.warn{color:#b66b19}.env-state-grid b.high{color:#b33f5b}.env-state-grid b.degraded{color:#8d5c87}.cal-ref{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(48,71,62,.08);font-size:9px}.cal-ref span{letter-spacing:.11em;color:var(--muted)}.cal-ref b{font-size:9px;color:var(--ink);text-align:right}.ws-security-note{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45}.ws-security-note code{font-size:9px;padding:2px 5px;border-radius:6px;background:rgba(255,255,255,.55)}.link-diagnostics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.link-diagnostics span{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border:1px solid rgba(48,71,62,.08);border-radius:12px;background:rgba(255,255,255,.38)}.link-diagnostics small{font-size:8px;letter-spacing:.13em;color:var(--muted)}.link-diagnostics b{font-size:10px;color:var(--ink)}#commandStatus.pending{color:#ad721d}#commandStatus.confirmed{color:#087c6f}#commandStatus.failed{color:#b23f56}.mode-banner.waiting{background:linear-gradient(90deg,rgba(228,177,63,.15),rgba(255,255,255,.56));border-color:rgba(196,143,36,.25)}.mode-banner.stale{background:linear-gradient(90deg,rgba(215,95,121,.13),rgba(255,255,255,.56));border-color:rgba(184,64,89,.28)}

/* Wiring Lab */
.wiring-section{overflow:hidden}.wiring-board{display:grid;grid-template-columns:1fr .95fr 1fr;gap:18px;padding:24px;position:relative}.wiring-board:before{content:"";position:absolute;inset:10% 13%;background:radial-gradient(circle,rgba(13,138,125,.08),transparent 62%);pointer-events:none}.wiring-col{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.wiring-col-title{font-size:9px;letter-spacing:.16em;color:var(--muted);margin-bottom:4px}.wiring-col button,.i2c-bus button,.selector-bus button{appearance:none;border:1px solid rgba(49,76,65,.12);background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(244,235,220,.54));border-radius:14px;padding:10px 12px;text-align:left;cursor:pointer;transition:.25s ease;box-shadow:0 8px 22px rgba(66,56,42,.05)}.wiring-col button:hover,.wiring-col button.active,.i2c-bus button:hover,.i2c-bus button.active,.selector-bus button:hover,.selector-bus button.active{transform:translateY(-2px);border-color:rgba(13,138,125,.35);box-shadow:0 12px 30px rgba(13,138,125,.12)}.wiring-col button b{display:block;font-size:11px}.wiring-col button small{font-size:9px;color:var(--muted)}.wiring-core{display:flex;flex-direction:column;justify-content:center;gap:13px;position:relative;z-index:1}.esp32-chip{padding:24px 18px;border-radius:24px;background:linear-gradient(145deg,#244c42,#14382f);color:white;text-align:center;box-shadow:0 18px 40px rgba(25,64,53,.2),inset 0 1px 0 rgba(255,255,255,.13)}.esp32-chip small,.esp32-chip span{display:block;opacity:.68;font-size:9px;letter-spacing:.1em}.esp32-chip strong{display:block;font-size:30px;letter-spacing:-.04em;margin:4px 0}.i2c-bus,.selector-bus{padding:12px;border:1px solid rgba(49,76,65,.1);border-radius:16px;background:rgba(255,255,255,.45)}.i2c-bus>b,.selector-bus>b{font-size:10px;display:block}.i2c-bus>span,.selector-bus>span{font-size:9px;color:var(--muted)}.i2c-bus>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.i2c-bus button{padding:8px;text-align:center;font-size:9px}.selector-bus button{width:100%;margin-top:8px;text-align:center;font-size:9px}.power-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;padding:15px 18px;border-radius:17px;background:linear-gradient(90deg,rgba(216,116,72,.09),rgba(228,177,63,.1),rgba(13,138,125,.09));border:1px solid rgba(99,87,62,.1);cursor:pointer;position:relative;z-index:1}.power-rail:hover{border-color:rgba(196,143,36,.35)}.power-rail div{display:flex;flex-direction:column}.power-rail b{font-size:10px}.power-rail span{font-size:9px;color:var(--muted);line-height:1.4}.power-rail i{font-style:normal;color:#b88a35}.wiring-reader{margin-top:16px;padding:22px}.wiring-reader>span{font-size:9px;letter-spacing:.16em;color:var(--muted)}.wiring-reader h3{margin:6px 0 8px}.wiring-reader p{margin:0;color:var(--muted);line-height:1.65}.wiring-reader ul{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 16px;margin:14px 0 0;padding-left:18px}.wiring-reader li{font-size:11px;color:var(--ink);line-height:1.45}.wiring-schematic{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px;padding:12px}.wiring-schematic code{padding:7px 9px;border-radius:10px;background:rgba(38,67,56,.07);font-size:9px}.wiring-schematic span{color:var(--muted)}

/* connection state + chart + command feedback */
.connection-state.waiting #connectionDot{background:#d6a43f!important;box-shadow:0 0 0 5px rgba(214,164,63,.12)}.connection-state.live #connectionDot{background:#0d8a7d!important;box-shadow:0 0 0 5px rgba(13,138,125,.11)}.connection-state.stale #connectionDot{background:#d75f79!important;box-shadow:0 0 0 5px rgba(215,95,121,.11)}.chart-card canvas{min-height:220px}.chart-scale-note{font-size:9px;color:var(--muted)}

/* Offline 3D engine status */
.three-status .offline-engine{color:#0d8a7d}.three-classroom-host canvas.offline-webgl{width:100%;height:100%;display:block;cursor:grab;border-radius:inherit}.three-classroom-host canvas.offline-webgl:active{cursor:grabbing}.three-classroom-host.engine-paused:after{content:'3D PAUSED OFF-SCREEN';position:absolute;right:14px;bottom:14px;padding:6px 9px;border-radius:10px;background:rgba(255,255,255,.78);font:700 8px/1 Segoe UI;letter-spacing:.1em;color:var(--muted);pointer-events:none}

@media(max-width:900px){.env-state-grid{grid-template-columns:1fr}.link-diagnostics{grid-template-columns:1fr}.wiring-board{grid-template-columns:1fr}.power-rail{grid-column:1;grid-template-columns:1fr}.power-rail i{transform:rotate(90deg);text-align:center}.wiring-reader ul{grid-template-columns:1fr}}

/* v1.3 live fault visibility */
.fault-banner{margin:18px 0 22px;padding:14px 16px;border:1px solid rgba(173,54,78,.28);border-radius:16px;background:rgba(255,240,242,.88);box-shadow:0 12px 30px rgba(120,40,55,.08);display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.fault-banner[hidden]{display:none!important}.fault-banner b{font-size:11px;letter-spacing:.11em;color:#a53d55}.fault-banner span{font-size:13px;line-height:1.5;color:#6a3944;flex:1;min-width:220px}


/* ==========================================================
   v1.4 TYPOGRAPHY + EXHIBITION POLISH
   A calmer, lighter hierarchy for long-form engineering text.
   ========================================================== */
:root{
  --ui-font:"Segoe UI Variable","Aptos","Segoe UI",Arial,system-ui,sans-serif;
  --display-font:"Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",serif;
}
html{font-synthesis:none}
body{font-family:var(--ui-font);font-weight:400;letter-spacing:0}
body p,body li{line-height:1.76}
strong,b{font-weight:600}
button,input,select,textarea{font-family:var(--ui-font)}

/* Display type should feel editorial rather than heavy. */
.institute-copy h1,.hero h1,.section-head h2,.presentation-shell h2,.developer-card h2{
  font-family:var(--display-font);font-weight:500;letter-spacing:-.032em;line-height:.96;
}
.hero h1 em,.section-head h2 em,.developer-card h2 em{font-weight:500}
.hero-lede,.institute-lede,.section-head>p{font-weight:400}

/* Reduce the previous all-caps / 700–800 weight feeling. */
.brand b,.navlinks a,.nav-cta,.eyebrow,.kicker,.label,.card-topline,
.primary,.secondary,.floating-tag small,.marquee-track,.scenario-title span,
.scenario-title b,.team-principle span,.mode-banner b,.mini-status span,
.atlas-nav-head span,.atlas-nav-head b,.atlas-nav button,.presentation-tabs button,
.threshold-ribbon,.connection-state,.command-status,.wiring-node b,.bom-filter button{
  font-weight:600!important;
}
.team-card h3,.problem-card h3,.zone-story h3,.env-explainer h3,.sensor-placement h3,
.energy-lab-copy h3,.build-reader h3,.wiring-reader h3,.pseudo-explain h3,
.presentation-copy h3,.connection-copy h3,.atlas-reader h3,.detail-drawer h3{
  font-weight:500!important;
}
.team-card p b,.env-explainer p b,.priority-list b,.metric-card b,.status-card b,
.zone-card b,.energy-row b,.manual-loads b{font-weight:600!important}

/* Slightly more air around dense explanatory material. */
.section-head{margin-bottom:58px}
.section-head>p{font-size:14.5px;line-height:1.86}
.hero-lede,.institute-lede{line-height:1.86}
.problem-card p,.zone-story p,.env-explainer p,.scenario-note,.detail-drawer-body p,
.atlas-reader p,.presentation-copy p,.build-reader p,.wiring-reader p{line-height:1.78}

/* Subtle reading-progress line: useful in a long exhibition narrative. */
.reading-progress{position:fixed;z-index:180;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--saffron),var(--rose),var(--teal));box-shadow:0 1px 9px rgba(214,122,69,.2);pointer-events:none;transition:width .08s linear}
.reset-demo{border-style:dashed!important}

@media (max-width:760px){
  .institute-copy h1,.hero h1{letter-spacing:-.025em}
  .section-head h2{letter-spacing:-.025em}
}

/* ==========================================================
   v1.5 LIGHTER SIGNATURE + BHARAT MOTION POLISH
   ========================================================== */
/* Final credit is intentionally elegant rather than heavy. */
.signature-card h2{font-weight:400!important;letter-spacing:-.025em}
.signature-card h2 em{font-weight:400!important;color:#206e5e}
.signature-meta,.signature-meta b{font-weight:500!important}
.signature-script{font-weight:400;letter-spacing:.035em}

/* Quiet Indian architectural language: fine jaali / rangoli geometry, not a costume motif. */
.hero:before,.developer-signature:before{content:"";position:absolute;pointer-events:none;z-index:0;opacity:.26;background-image:linear-gradient(45deg,transparent 44%,rgba(196,143,50,.15) 45% 47%,transparent 48%),linear-gradient(-45deg,transparent 44%,rgba(13,138,125,.09) 45% 47%,transparent 48%);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent)}
.hero:before{inset:6% 0 4% 61%}.developer-signature:before{inset:8% 5%;opacity:.18;background-size:42px 42px}
.hero-copy,.hero-visual,.signature-card{position:relative;z-index:1}
.section-head h2:after{content:"";display:block;width:54px;height:1px;margin-top:16px;background:linear-gradient(90deg,var(--saffron),rgba(201,154,60,.08))}

/* Sharper pointer response: exact dot, quicker ring, subtle local parallax. */
.cursor-ring{transition:width .14s,height .14s,border-color .14s,background .14s;will-change:transform}
.floating-tag{will-change:transform;transition:transform 70ms linear}
.hero-visual.pointer-live .floating-tag{animation:none}
.hero-visual.pointer-live .tag-one{transform:translate3d(var(--tag1x,0px),var(--tag1y,0px),18px)}
.hero-visual.pointer-live .tag-two{transform:translate3d(var(--tag2x,0px),var(--tag2y,0px),28px)}
.hero-visual.pointer-live .tag-three{transform:translate3d(var(--tag3x,0px),var(--tag3y,0px),14px)}


/* ==========================================================
   v1.6 COMPACT TYPOGRAPHY
   ========================================================== */
/* Slightly smaller typography across the long exhibition page. */
.institute-copy h1{font-size:clamp(48px,5.2vw,82px)!important;line-height:1.01!important}
.hero h1{font-size:clamp(54px,6.6vw,104px)!important;line-height:.94!important}
.section-head h2{font-size:clamp(38px,4.6vw,66px)!important;line-height:1!important}
.presentation-shell h2,.developer-card h2,.signature-card h2{font-size:clamp(38px,4.4vw,62px)!important;line-height:1.02!important}
.hero-lede,.institute-lede{font-size:15px!important;line-height:1.78!important}
.section-head>p{font-size:13.5px!important;line-height:1.76!important}
.devanagari{font-size:19px!important}
.marquee-track{font-size:15px!important}
.hero-proof strong{font-size:24px!important}
.problem-card p,.zone-story p,.env-explainer p,.scenario-note,.detail-drawer-body p,
.atlas-reader p,.presentation-copy p,.build-reader p,.wiring-reader p,.signature-card>p{font-size:13px;line-height:1.72}
.team-card h3,.problem-card h3,.zone-story h3,.env-explainer h3,.sensor-placement h3,
.energy-lab-copy h3,.build-reader h3,.wiring-reader h3,.pseudo-explain h3,
.presentation-copy h3,.connection-copy h3,.atlas-reader h3,.detail-drawer h3{font-size:clamp(18px,1.8vw,25px)}


@media(max-width:760px){
  .institute-copy h1{font-size:clamp(40px,11vw,60px)!important}
  .hero h1{font-size:clamp(44px,12vw,68px)!important}
  .section-head h2{font-size:clamp(34px,9vw,50px)!important}
  .hero-lede,.institute-lede{font-size:14px!important}
  .section-head>p{font-size:13px!important}
}

/* ==========================================================
   v1.7 BRIGHT 4K POLISH + ALIGNMENT PASS
   ========================================================== */
/* No dimming/spotlight: keep the page luminous and presentation-friendly. */
.cursor-spotlight{display:none!important}

/* Refined colour grading: warm ivory, cleaner greens, restrained rose/gold. */
:root{
  --ivory:#fffaf2;
  --paper:#fffefb;
  --ink:#18261f;
  --muted:#66736b;
  --line:rgba(38,70,58,.125);
  --saffron:#e88c2f;
  --saffron2:#f5b96e;
  --rose:#ce6b82;
  --teal:#167f73;
  --teal2:#83cdbd;
  --gold:#c79b47;
  --glass:rgba(255,255,255,.70);
  --shadow:0 26px 76px rgba(75,57,30,.095);
}
body{
  background:
    radial-gradient(circle at 16% 8%,rgba(244,177,93,.105),transparent 28%),
    radial-gradient(circle at 86% 24%,rgba(108,198,180,.085),transparent 31%),
    radial-gradient(circle at 55% 74%,rgba(206,107,130,.055),transparent 34%),
    linear-gradient(180deg,#fffaf2 0%,#fffefb 32%,#f8fcf8 69%,#fff9f0 100%);
}
body:before{opacity:.78}
#webglMandala{opacity:.46}
.grain{opacity:.024}
.glass{
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.50));
  border-color:rgba(255,255,255,.92);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(24px) saturate(124%);
  -webkit-backdrop-filter:blur(24px) saturate(124%);
}

/* Crisp 4K-friendly visual surfaces without darkening the interface. */
.hero-aura{filter:blur(.35px)}
.aura-one{background:radial-gradient(circle,rgba(246,183,105,.20),rgba(207,107,130,.045) 50%,transparent 70%)}
.aura-two{background:radial-gradient(circle,rgba(112,199,182,.17),transparent 70%)}

.floating-tag{transition:transform 70ms linear}
.hero-visual.pointer-live .tag-one{transform:translate3d(var(--tag1x,0px),var(--tag1y,0px),18px)}
.hero-visual.pointer-live .tag-two{transform:translate3d(var(--tag2x,0px),var(--tag2y,0px),28px)}
.hero-visual.pointer-live .tag-three{transform:translate3d(var(--tag3x,0px),var(--tag3y,0px),14px)}

/* Global alignment pass: shared content rails, consistent gutters and stretched cards. */
.section{width:min(1220px,calc(100% - 64px));padding-left:0;padding-right:0}
.live-section{width:min(1340px,calc(100% - 48px))}
.section-head{grid-template-columns:minmax(0,1.08fr) minmax(300px,.68fr);gap:clamp(44px,7vw,108px);align-items:end}
.section-head>div,.section-head>p{min-width:0}
.section-head>p{max-width:520px;justify-self:end}
.hero{grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);gap:clamp(42px,4.6vw,82px)}
.hero-copy{width:100%;max-width:760px}
.hero-visual{width:100%;min-width:0}
.hero-actions{align-items:center}
.hero-proof{width:100%}
.team-grid,.problem-grid,.bom-grid,.module-grid,.limitation-grid,.future-road,.test-grid{align-items:stretch}
.team-card,.problem-card,.bom-card,.module-grid article,.limitation-grid article{height:100%}
.team-card,.problem-card,.bom-card{display:flex;flex-direction:column;align-items:flex-start}
.team-card h3,.problem-card h3,.bom-card h3{width:100%}
.team-card small,.bom-card .bom-use{margin-top:auto}
.command-grid,.build-layout,.pseudo-layout,.wiring-board{align-items:stretch}
.classroom-card,.dashboard-card,.build-reader,.wiring-reader,.pseudo-explain{height:100%}
.signature-card{margin-inline:auto}

/* Align text blocks optically while preserving centered hero/signature moments. */
.problem-card p,.bom-card p,.team-card p,.atlas-reader p,.build-reader p,.wiring-reader p,.presentation-copy p{text-wrap:pretty}
.hero h1,.section-head h2,.signature-card h2{text-wrap:balance}

/* Better precision on ultra-wide / 4K canvases. */
@media(min-width:1800px){
  .section{width:min(1320px,calc(100% - 120px))}
  .live-section{width:min(1480px,calc(100% - 96px))}
  .topbar{width:min(92%,1500px)}
  .hero{padding-left:max(6vw,72px);padding-right:max(6vw,72px)}
  .hero-copy{margin-left:max(0px,calc((100vw - 1500px)/2))}
}
@media(max-width:900px){
  .section{width:min(100% - 36px,760px)}
  .section-head{grid-template-columns:1fr;gap:18px;align-items:start}
  .section-head>p{justify-self:start;max-width:700px}
}
@media(max-width:620px){.section{width:calc(100% - 28px)}}


/* ==========================================================
   v1.8 REVOLVING ATOM HERO — LOTUS REMOVED
   ========================================================== */
.hero-visual{--atom-x:0px;--atom-y:0px;--atom-rx:0deg;--atom-ry:0deg}
.atom-stage{
  position:relative;
  width:min(680px,100%);
  height:510px;
  display:grid;
  place-items:center;
  perspective:1300px;
  transform:translate3d(var(--atom-x),var(--atom-y),0) rotateX(var(--atom-rx)) rotateY(var(--atom-ry));
  transform-style:preserve-3d;
  transition:transform 60ms linear;
  will-change:transform;
}
.atom-shell{
  position:relative;
  width:430px;
  height:430px;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
  filter:drop-shadow(0 26px 44px rgba(72,63,36,.10));
  animation:atomShellDrift 9s ease-in-out infinite;
}
.atom-halo{
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%,-50%);
}
.halo-a{
  width:470px;height:470px;
  background:radial-gradient(circle,rgba(255,255,255,.0) 42%,rgba(232,140,47,.07) 59%,rgba(206,107,130,.035) 67%,transparent 73%);
  box-shadow:inset 0 0 0 1px rgba(199,155,71,.08);
  animation:haloPulse 6.5s ease-in-out infinite;
}
.halo-b{
  width:360px;height:360px;
  background:radial-gradient(circle,rgba(22,127,115,.065),rgba(255,255,255,0) 66%);
  filter:blur(2px);
  animation:haloPulse 8s ease-in-out infinite reverse;
}
.orbit-ring{
  position:absolute;
  left:50%;top:50%;
  width:360px;height:132px;
  margin-left:-180px;margin-top:-66px;
  border:1.2px solid rgba(38,70,58,.22);
  border-radius:50%;
  transform-style:preserve-3d;
  box-shadow:inset 0 0 22px rgba(255,255,255,.26),0 0 18px rgba(22,127,115,.035);
  will-change:transform;
}
.orbit-ring::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.58);
  opacity:.55;
}
.orbit-x{animation:electronOrbitX 7.4s linear infinite}
.orbit-y{border-color:rgba(232,140,47,.25);animation:electronOrbitY 9.2s linear infinite reverse}
.orbit-z{border-color:rgba(206,107,130,.21);animation:electronOrbitZ 8.3s linear infinite}
.orbit-wide{width:404px;height:152px;margin-left:-202px;margin-top:-76px;border-color:rgba(199,155,71,.18);animation:electronOrbitWide 11.6s linear infinite reverse}
.electron{
  position:absolute;
  left:100%;top:50%;
  width:18px;height:18px;
  margin:-9px 0 0 -9px;
  border-radius:50%;
  background:radial-gradient(circle at 33% 28%,#ffffff 0 14%,#baf1e7 24%,#2c9b8e 58%,#145f58 100%);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 0 0 5px rgba(22,127,115,.055),0 0 18px rgba(22,127,115,.34),0 0 38px rgba(22,127,115,.12);
  transform:translateZ(12px);
}
.orbit-y .electron{background:radial-gradient(circle at 33% 28%,#fff 0 14%,#ffe0ac 24%,#e88c2f 60%,#a8601c 100%);box-shadow:0 0 0 5px rgba(232,140,47,.05),0 0 18px rgba(232,140,47,.32),0 0 38px rgba(232,140,47,.10)}
.orbit-z .electron{background:radial-gradient(circle at 33% 28%,#fff 0 14%,#f5c7d1 24%,#ce6b82 60%,#914658 100%);box-shadow:0 0 0 5px rgba(206,107,130,.05),0 0 18px rgba(206,107,130,.30),0 0 38px rgba(206,107,130,.10)}
.orbit-wide .electron{width:14px;height:14px;margin:-7px 0 0 -7px;background:radial-gradient(circle at 33% 28%,#fff 0 15%,#f9e1a7 28%,#c79b47 64%,#876526 100%);box-shadow:0 0 0 4px rgba(199,155,71,.04),0 0 15px rgba(199,155,71,.25)}
.nucleus-cluster{
  position:absolute;
  left:50%;top:50%;
  width:126px;height:126px;
  margin:-63px 0 0 -63px;
  border-radius:50%;
  transform-style:preserve-3d;
  animation:nucleusSpin 10s linear infinite;
  filter:drop-shadow(0 18px 30px rgba(79,50,28,.16));
}
.nucleus-cluster::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.86),rgba(245,185,110,.22) 44%,rgba(22,127,115,.10) 75%,transparent 78%);
  filter:blur(7px);
}
.nucleon,.nucleus-core{
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  transform-style:preserve-3d;
}
.nucleon{width:38px;height:38px;margin:-19px;box-shadow:inset 5px 6px 10px rgba(255,255,255,.52),inset -8px -10px 14px rgba(52,48,33,.13),0 8px 18px rgba(72,48,26,.10);border:1px solid rgba(255,255,255,.74)}
.proton{background:radial-gradient(circle at 32% 28%,#fff6e9,#f4b56e 40%,#d67b37 76%,#9e5023)}
.neutron{background:radial-gradient(circle at 32% 28%,#effffb,#79c8b8 42%,#2b8f82 78%,#175f58)}
.n1{transform:translate3d(-29px,-20px,24px)}.n2{transform:translate3d(14px,-31px,10px)}.n3{transform:translate3d(29px,3px,18px)}.n4{transform:translate3d(10px,31px,4px)}
.n5{transform:translate3d(-31px,22px,5px)}.n6{transform:translate3d(-5px,-2px,34px)}.n7{transform:translate3d(5px,5px,-16px)}.n8{transform:translate3d(-17px,10px,-8px)}
.nucleus-core{width:34px;height:34px;margin:-17px;background:radial-gradient(circle at 34% 30%,#fffbea,#edc46d 42%,#bf7e2f 78%);box-shadow:0 0 24px rgba(232,140,47,.28);transform:translateZ(38px)}
.atom-meaning{
  position:absolute;
  left:50%;bottom:2%;
  width:min(500px,88%);
  transform:translateX(-50%);
  margin:0;padding:11px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(255,255,255,.84);
  backdrop-filter:blur(12px) saturate(118%);
  -webkit-backdrop-filter:blur(12px) saturate(118%);
  font-size:9.7px;
  line-height:1.62;
  color:#617068;
  text-align:center;
  box-shadow:0 13px 34px rgba(84,61,30,.065);
}
.atom-meaning span{color:#b27330;font-family:"Nirmala UI","Mangal",sans-serif;font-size:13px;margin-right:7px;letter-spacing:.02em}
.atom-meaning b{font-weight:600;color:#304a40}
@keyframes electronOrbitX{from{transform:rotateX(66deg) rotateY(4deg) rotateZ(0deg)}to{transform:rotateX(66deg) rotateY(4deg) rotateZ(360deg)}}
@keyframes electronOrbitY{from{transform:rotateY(67deg) rotateX(10deg) rotateZ(0deg)}to{transform:rotateY(67deg) rotateX(10deg) rotateZ(360deg)}}
@keyframes electronOrbitZ{from{transform:rotateX(49deg) rotateY(50deg) rotateZ(0deg)}to{transform:rotateX(49deg) rotateY(50deg) rotateZ(360deg)}}
@keyframes electronOrbitWide{from{transform:rotateX(72deg) rotateY(-25deg) rotateZ(0deg)}to{transform:rotateX(72deg) rotateY(-25deg) rotateZ(360deg)}}
@keyframes nucleusSpin{from{transform:rotateX(16deg) rotateY(0deg) rotateZ(0deg)}to{transform:rotateX(16deg) rotateY(360deg) rotateZ(360deg)}}
@keyframes atomShellDrift{0%,100%{transform:translateY(0) rotateZ(-1.2deg)}50%{transform:translateY(-8px) rotateZ(1.2deg)}}
@keyframes haloPulse{0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(.985)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}}
@media(max-width:1050px){.atom-stage{height:470px}.atom-shell{transform:scale(.92)}.atom-meaning{bottom:-2%}}
@media(max-width:720px){.atom-stage{height:420px}.atom-shell{transform:scale(.76)}.atom-meaning{font-size:9px;bottom:-7%;width:78%}.hero:before{display:none}}
@media(prefers-reduced-motion:reduce){.orbit-ring,.nucleus-cluster,.atom-shell,.atom-halo{animation:none!important}.atom-shell{transform:none!important}}

/* =========================================================
   v1.9 — Restore original Main Loop / Explainable Pseudocode palette
   Keep the global v1.7/v1.8 bright 4K grading, but make this code panel
   use its original deep green engineering-console treatment.
   ========================================================= */
.pseudocode.glass{
  background:linear-gradient(145deg,#16352c,#0f2822);
  color:#eef9f5;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 70px rgba(15,40,34,.18),inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.pseudocode .code-title{
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#9bd6c8;
}
.pseudocode .code-title i,
.pseudocode .code-title i:before,
.pseudocode .code-title i:after{background:#f3a455}
.pseudocode .code-title i:before{background:#7ac6b0}
.pseudocode .code-title i:after{background:#d9687b}
.pseudocode .pseudo-lines{
  border-right-color:rgba(255,255,255,.08);
}
.pseudocode .pseudo-lines button{
  background:transparent;
  color:#bfd5cc;
}
.pseudocode .pseudo-lines button:hover{
  background:rgba(255,255,255,.055);
  color:#fff;
}
.pseudocode .pseudo-lines button.active{
  background:linear-gradient(90deg,rgba(255,199,131,.16),rgba(129,215,192,.08));
  color:#fff;
  box-shadow:inset 3px 0 #ffc783;
}
.pseudocode .pseudo-lines button.active code{color:#ffc783}
.pseudocode .pseudo-explain{
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
}
.pseudocode .pseudo-explain small{color:#81d7c0}
.pseudocode .pseudo-explain h3{color:#f4fbf8}
.pseudocode .pseudo-explain p{color:#bad0c7}
.pseudocode .pseudo-run.running #pseudoRun{background:#fff2d8;color:#684718}
@media(max-width:900px){
  .pseudocode .pseudo-lines{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
}

/* ==========================================================
   v2.0 — VOLUMETRIC 3D ATOM HERO
   Replaces the flat CSS atom with a high-DPI, depth-projected canvas atom.
   ========================================================== */
.atom-stage-webgl{
  isolation:isolate;
  overflow:visible;
}
.atom-stage-webgl::before{
  content:"";
  position:absolute;
  left:50%;top:48%;
  width:430px;height:430px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 42% 38%,rgba(255,255,255,.62),rgba(255,255,255,0) 28%),
    radial-gradient(circle,rgba(22,127,115,.075),rgba(232,140,47,.045) 42%,rgba(206,107,130,.022) 60%,transparent 73%);
  filter:blur(1px);
  pointer-events:none;
  z-index:0;
}
.atom-stage-webgl::after{
  content:"";
  position:absolute;
  left:50%;top:48%;
  width:470px;height:470px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(199,155,71,.10);
  box-shadow:inset 0 0 55px rgba(22,127,115,.035),0 24px 80px rgba(70,52,28,.045);
  pointer-events:none;
  z-index:0;
}
.atom3d-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  z-index:2;
  filter:saturate(1.035) contrast(1.025) drop-shadow(0 28px 44px rgba(55,48,32,.08));
}
.atom-depth-label{
  position:absolute;
  left:50%;top:8.5%;
  transform:translateX(-50%);
  z-index:3;
  display:flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  pointer-events:none;
  opacity:.58;
  color:#6f7d76;
  font-size:8.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.atom-depth-label i{
  width:30px;height:1px;
  background:linear-gradient(90deg,rgba(232,140,47,.08),rgba(22,127,115,.44),rgba(206,107,130,.08));
}
@media(max-width:720px){
  .atom-depth-label{top:6%;font-size:7.5px;letter-spacing:.12em}
  .atom-depth-label i{width:18px}
}
@media(prefers-reduced-motion:reduce){
  .atom3d-canvas{filter:saturate(1.02) contrast(1.01)}
}