/* HHR Labs visual system. Existing department icons and application behavior are preserved. */
:root{--bg:#060912;--panel:#0e1523;--ink:#eff8ff;--muted:#a3b3c8;--line:#29394e;--accent:#72e7f5;--soft:#102a36;--field:#0a1420;--lab-grid:#71c7e708;--lab-glow:#00c8dc13;--lab-violet:#7966ff16}
html[data-theme=light]{--bg:#edf4fa;--panel:#ffffff;--ink:#142838;--muted:#4d667b;--line:#c4d7e4;--accent:#006d82;--soft:#e0f4f6;--field:#f6fafc;--lab-grid:#286d9a0a;--lab-glow:#00adc016;--lab-violet:#8577ed12}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 80% 5%,var(--lab-glow),transparent 45%),radial-gradient(ellipse at 0% 35%,var(--lab-violet),transparent 42%);min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--lab-grid) 1px,transparent 1px),linear-gradient(90deg,var(--lab-grid) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 85%)}
.wrap{max-width:1320px}
header{min-height:94px;border-color:var(--line)}
.brand{font-size:21px;letter-spacing:2px}.brand span{font-weight:450;color:var(--accent)}
nav a:not(.button){transition:color .2s}nav a:hover{color:var(--accent)}
.theme{border-radius:9px;background:var(--panel)}
.button{border-radius:7px;background:var(--accent);color:var(--bg);box-shadow:0 5px 22px var(--lab-glow);transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}
.hero{max-width:none;display:grid;grid-template-columns:1.3fr 1fr;gap:24px;text-align:left;align-items:center;padding:76px 0 58px;margin:0;position:relative}
.hero-copy{position:relative;z-index:1;min-width:0}.hero h1{font-size:clamp(42px,4.9vw,65px);font-weight:600;line-height:1.09;letter-spacing:-2.8px}
.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:560px;font-size:16px;line-height:1.75;margin:0 0 28px}
.eyebrow{font-family:'Consolas','Courier New',monospace;letter-spacing:1.8px;font-size:11px;color:var(--accent)}
.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow::before{content:"";width:7px;height:7px;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.goalform{background:var(--field);border-color:#4b6c7f;border-radius:9px;padding:7px;box-shadow:0 14px 50px #0002;max-width:660px}
.goalform .button{font-size:12px;padding:12px;gap:8px}.goalform input{font-size:13px;padding-left:9px}.hero-copy .helper{font-size:12px!important;margin:12px 0 0!important}
.lab-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:390px;margin:-15px -12px -15px 0}
.lab-visual::before{content:"";position:absolute;inset:20%;border-radius:50%;background:var(--accent);opacity:.07;filter:blur(40px)}
.lab-visual img{position:relative;width:100%;max-width:490px;max-height:390px;height:auto;object-fit:contain;filter:drop-shadow(0 0 22px var(--lab-glow))}
.goalform .skip{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;top:auto}
html[data-theme=light] .lab-visual img{filter:drop-shadow(0 10px 22px #197d9820)}
.lab-caption{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;font:10px/1.8 'Consolas',monospace;color:var(--muted);letter-spacing:2px}
.lab-caption span{display:block;color:var(--accent);letter-spacing:4px}
.sectionhead{margin-top:20px;margin-bottom:23px}.sectionhead>p{font:12px 'Consolas',monospace}
.departments{gap:12px}.dept{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,var(--panel),var(--field));padding:21px 18px;min-height:116px;box-shadow:0 6px 22px #00000008;transition:border-color .2s,transform .2s,box-shadow .2s}
.dept::after{content:"";position:absolute;right:9px;top:9px;width:5px;height:5px;border-right:1px solid var(--line);border-top:1px solid var(--line)}
.dept:hover{border-color:var(--accent);box-shadow:0 0 24px var(--lab-glow);transform:translateY(-3px)}
.dept[aria-pressed=true]{background:var(--soft)}.dept .icon{width:32px;line-height:1.3}.dept small{font-size:12px;line-height:1.5}.dept b{letter-spacing:.2px}
.feature,.offer,.tool,.projectcard,.empty,.authcard{background:linear-gradient(125deg,var(--panel),var(--field));border-radius:9px}
.feature{position:relative;padding:32px}.feature::before{content:"";position:absolute;top:-1px;left:32px;width:46px;height:2px;background:var(--accent)}
.featuregrid{margin:54px 0 42px}.flow{border-color:var(--line)}.flow span{font-family:'Consolas',monospace}.philosophy{margin:50px auto}.pagehead{padding-top:54px}
dialog{background:var(--panel);border-color:var(--line)}.modalhead{background:var(--field)}.status,.mode{font-family:'Consolas',monospace}.pills .pill{border-radius:5px}
@media(max-width:1000px){.hero{grid-template-columns:1.4fr 1fr;gap:6px}.hero h1{font-size:48px}.goalform{flex-wrap:wrap}.goalform input{flex-basis:100%;height:40px}.goalform button{width:100%}.lab-caption{bottom:3%;font-size:9px}}
@media(max-width:700px){header{min-height:74px}.hero{grid-template-columns:1fr;padding:40px 0 24px;gap:0}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero-copy>p:not(.eyebrow){font-size:15px}.lab-visual{max-width:290px;width:100%;height:245px;margin:15px auto 0}.lab-visual img{max-height:245px}.lab-caption{bottom:2%}.sectionhead{margin-top:22px}.dept{min-height:110px;padding:18px 13px}.dept .icon{width:27px}.feature{padding:25px}.featuregrid{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.button,.dept,nav a{transition:none}}