@font-face{font-family:Noto;src:url(assets/noto.ttf)}@font-face{font-family:Montserrat;src:url(assets/montserrat.ttf)}@font-face{font-family:OpenSans;src:url(assets/opensans.ttf)}@font-face{font-family:Poppins;src:url(assets/poppins.ttf)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0B0F1A}body{margin:0;color:#f4f0e9;background:#0B0F1A;font-family:OpenSans,Noto,sans-serif;line-height:1.6}body.kol{--accent:#E9A974;--panel:#191e2b;font-family:Poppins,Noto,sans-serif}body.cell{--accent:#8DA9C4;--panel:#0B2545}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.btn{cursor:pointer}.reviewbar{background:#242b37;color:#e4d6bf;font:12px Noto,sans-serif;padding:8px 5vw}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;border-bottom:1px solid #ffffff20;gap:20px}.wordmark{font:700 21px Montserrat,Noto,sans-serif;letter-spacing:.08em}nav{display:flex;gap:28px;font-size:13px}nav a:hover{color:var(--accent)}.menu{display:none}.wrap{max-width:1440px;margin:auto;padding:0 5vw}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:4vw;position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}h1{font:600 clamp(44px,5.8vw,86px)/1.07 Montserrat,Noto,sans-serif;letter-spacing:-.06em;margin:28px 0}.kol h1{font-family:Poppins,Noto,sans-serif}h1 em{font-style:normal;color:var(--accent)}h2{font:600 clamp(30px,3.4vw,50px)/1.2 Montserrat,Noto,sans-serif;letter-spacing:-.04em}h3{font-size:21px;line-height:1.35}.intro{max-width:500px;color:#b5bdc9;font-size:16px}.btn,button{border:1px solid #ffffff40;background:transparent;color:inherit;padding:13px 22px;border-radius:3px;display:inline-block;transition:transform .18s,background .18s}.btn.primary,button.primary{background:var(--accent);color:#0b0f1a;border-color:var(--accent)}button:hover,.btn:hover{transform:translateY(-3px);background:var(--panel)}button.primary:hover,.btn.primary:hover{background:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.fine{font-size:11px;color:#a6b1c0}.stage{height:530px;position:relative;perspective:1000px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,var(--panel),transparent 67%)}.depth{width:68%;height:365px;position:relative;transform-style:preserve-3d;transform:rotateY(-12deg) rotateX(5deg);transition:transform .2s;animation:arrive .75s cubic-bezier(.2,.9,.1,1)}@keyframes arrive{from{transform:translateY(90px) rotateY(40deg) scale(.8)}to{transform:rotateY(-12deg) rotateX(5deg)}}.face{position:absolute;inset:0;background:linear-gradient(145deg,#293342,#111623);border:1px solid #ffffff35;box-shadow:25px 30px 70px #0008;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transform:translateZ(35px)}.rear{position:absolute;inset:0;transform:translate3d(30px,-24px,-45px);border:1px solid var(--accent);opacity:.45}.giant{font:700 76px/1 Montserrat,Noto,sans-serif;letter-spacing:-.07em}.orb{height:175px;width:175px;border:1px solid var(--accent);border-radius:50%;position:absolute;right:12px;top:60px;transform:translateZ(65px);animation:orbit 14s linear infinite}.orb:before,.orb:after{content:'';position:absolute;inset:20px;border:1px solid var(--accent);border-radius:50%;transform:rotateX(64deg)}.orb:after{transform:rotateY(64deg)}@keyframes orbit{to{transform:translateZ(65px) rotate(360deg)}}.pin{position:absolute;z-index:2;background:#0b0f1ae8;padding:10px 15px;border:1px solid #ffffff30;font-size:11px;max-width:160px;transform:translateZ(100px)}.pin.one{top:20px;left:-28px}.pin.two{bottom:30px;right:-35px}.stage-caption{position:absolute;bottom:12px;left:10%;right:10%;text-align:center;font-size:11px;color:#a8b5c5}.band{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#aeb8c5;font-size:12px;letter-spacing:.12em}.section{padding:100px 0;border-bottom:1px solid #ffffff20}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.sectionhead p{max-width:440px;color:#aeb8c5}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;background:#111827;border:1px solid #ffffff20;transition:transform .25s,border-color .25s;min-height:240px}.card:hover{transform:perspective(800px) rotateY(-4deg) translateY(-6px);border-color:var(--accent)}.number{font:400 45px Montserrat,sans-serif;color:var(--accent)}.card p{color:#abb5c4;font-size:14px}.tabs{display:flex;gap:12px;flex-wrap:wrap}.tabs button[aria-selected=true]{background:var(--accent);color:#0b0f1a}.tabpanel{padding:35px;border-left:2px solid var(--accent);margin-top:25px;background:var(--panel);min-height:190px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.evidence{border:1px dashed #738295;padding:32px;min-height:250px;color:#adb8c7;background:#0c121d}.evidence strong{display:block;font:600 30px Montserrat,sans-serif;color:#f3f1ec;margin-bottom:16px}.status{font-size:11px;letter-spacing:.1em;color:var(--accent)}details{border-bottom:1px solid #ffffff30;padding:20px 0}summary{cursor:pointer;font-size:18px}details p{color:#afb9c8}.form{background:var(--panel);padding:32px}.form label{display:block;margin:16px 0 6px;font-size:13px}input,select,textarea{width:100%;background:#0b0f1a;color:white;border:1px solid #ffffff40;padding:13px}textarea{min-height:100px}.result{margin-top:20px;white-space:pre-wrap;color:#e8d5b9}.reveal{transition:transform .65s;transform:translateY(32px)}.reveal.visible{transform:translateY(0)}footer{padding:35px 5vw;display:flex;justify-content:space-between;gap:25px;color:#9ea9b8;font-size:12px}.menu{padding:8px 12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.slider{margin:20px 0}.note{padding:20px;border-left:2px solid var(--accent);color:#b8c2ce} @media(max-width:700px){header{padding:18px 6vw;flex-wrap:wrap}.wordmark{font-size:16px}.menu{display:block}nav{display:none;width:100%;flex-direction:column;gap:15px}nav.open{display:flex}.wrap{padding:0 6vw}.hero{display:block;min-height:0;padding-top:48px}h1{font-size:47px}.hero .intro{font-size:14px}.stage{height:440px;margin-top:35px}.depth{height:310px;width:72%}.giant{font-size:64px}.orb{width:135px;height:135px}.face{padding:22px}.pin.one{left:-24px}.pin.two{right:-24px}.band{flex-wrap:wrap;font-size:10px}.section{padding:65px 0}.sectionhead{display:block}.grid,.split{grid-template-columns:1fr;gap:20px}.card{min-height:180px}.form{padding:22px}.tabpanel{padding:24px}footer{flex-direction:column}h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{transform:none!important}.depth{transform:none!important}}
/* Visual QA refinement: disclose before artwork, avoid floating-label collisions. */
.reviewbar{font-size:13px;line-height:1.65}.fine{font-size:12px;color:#c0c8d3}.face .status{padding-top:15px;font-size:10px}.pin.one{top:-38px;left:0}.pin.two{bottom:-25px;right:0}.orb{opacity:.16;right:-30px;top:175px;pointer-events:none}.stage-caption{font-size:12px;color:#ccd4df;bottom:0}.giant{position:relative;z-index:3}.stage{margin-top:18px}@media(max-width:700px){.kol h1{font-size:42px}.kol h1 em{font-size:40px;white-space:nowrap}.stage{height:395px;margin-top:20px}.depth{height:290px}.orb{top:155px}.hero .actions{gap:10px}.stage-caption{font-size:11px}.reviewbar{font-size:12px}}