/* HC Space v2026.09.10-r1 · rigid chassis / shared hinge */
html.intro-active,html.intro-active body{overflow:hidden}
html.intro-active body>:not(.laptop-intro):not(script){visibility:hidden}
.laptop-intro{position:fixed;inset:0;z-index:999;overflow:hidden;background:radial-gradient(ellipse at 50% 51%,#202638 0,#0b0e16 42%,#06080c 76%);color:#e9edf5}
.intro-skip{position:absolute;z-index:10;top:24px;right:28px;padding:8px 12px;border:1px solid #ffffff24;border-radius:20px;background:#15172080;color:#a8adbb;font:inherit;font-size:11px;cursor:pointer}
.intro-skip:hover{color:#fff}
.laptop-stage{position:absolute;inset:0;perspective:1600px;pointer-events:none}
.laptop{--device-width:min(620px,82vw);position:absolute;left:calc((100% - var(--device-width))/2);top:56%;width:var(--device-width);height:0;transform-origin:50% 0;transform-style:preserve-3d;will-change:transform;pointer-events:auto;cursor:pointer;outline:none}
.laptop-lid{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:1.6;padding:10px 10px 16px;border:1px solid #8893a6;border-radius:16px 16px 5px 5px;background:#151922;transform-origin:50% 100%;transform-style:preserve-3d;will-change:transform}
.laptop-lid::before{content:"";position:absolute;top:4px;left:calc(50% - 2px);width:4px;height:4px;background:#2f3540;border-radius:50%}
.laptop-cover{position:absolute;inset:-1px;display:grid;place-items:center;border:1px solid #a0aab9;border-radius:16px 16px 5px 5px;background:linear-gradient(135deg,#707c8c,#424d60 48%,#667284);transform:rotateY(180deg) translateZ(3px);backface-visibility:hidden;box-shadow:inset 0 0 0 2px #ffffff0b}
.laptop-cover span{transform:rotate(180deg);font:600 14px/1 sans-serif;letter-spacing:.3em;color:#c4cbd5;opacity:.65;text-shadow:0 1px #111a2a}
.laptop-screen{position:relative;width:100%;height:100%;overflow:hidden;background:#050609;backface-visibility:hidden;isolation:isolate}
.intro-page{position:absolute;transform-origin:0 0;overflow:hidden;contain:layout paint;opacity:0;will-change:opacity}
.intro-page .hero .reveal{opacity:1;transform:none;transition:none}
.intro-page .nav-shell{visibility:visible}
.laptop-deck{position:absolute;left:0;top:0;width:100%;aspect-ratio:1.6;border:1px solid #8c97a8;border-radius:5px 5px 17px 17px;background:linear-gradient(120deg,#788596,#505d71 48%,#6e7b8d);transform:rotateX(68deg);transform-origin:50% 0;transform-style:preserve-3d}
.laptop-deck::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-6px;height:7px;border:1px solid #768397;border-radius:0 0 12px 12px;background:linear-gradient(#8994a5,#3d485a)}
.laptop-keyboard{position:absolute;left:7%;right:7%;top:10%;height:48%;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(5,1fr);gap:5px;padding:8px;border-radius:8px;background:#252d3a;box-shadow:inset 0 2px 5px #0008}
.laptop-keyboard b{border-radius:3px;background:linear-gradient(#171d28,#222b39);border:1px solid #566174;box-shadow:0 2px 1px #121823}
.laptop-keyboard b.space{grid-column:span 6}
.laptop-trackpad{position:absolute;left:34%;bottom:9%;width:32%;height:27%;border:1px solid #b3bcc960;border-radius:8px;background:#606d8060;box-shadow:inset 0 1px 3px #27314355}
.laptop-hinge{position:absolute;left:5%;right:5%;top:-2px;height:5px;border-radius:5px;background:linear-gradient(#adbacb,#394353);transform:translateZ(1px)}
.laptop:focus-visible .laptop-cover{outline:2px solid #bac8ff;outline-offset:6px}
.intro-hint{position:absolute;left:0;right:0;bottom:10%;margin:0;text-align:center;font-size:12px;letter-spacing:.15em;color:#aab4c6;opacity:0;pointer-events:none;transition:opacity .3s}
.laptop-intro.is-ready .intro-hint{opacity:1}
.laptop-intro.is-entering .intro-hint{opacity:0}
html[data-theme="light"] .laptop-intro{background:radial-gradient(ellipse at 50% 50%,#fff,#edf0f6 50%,#dce1eb)}
html[data-theme="light"] .intro-hint{color:#566176}
@media(max-width:700px){.laptop{--device-width:72vw;top:49%}.laptop-lid{padding:6px 6px 10px;border-radius:10px 10px 3px 3px}.laptop-keyboard{gap:3px;padding:5px}.intro-hint{bottom:19%}}
/* MacBook-inspired silver aluminium; rigid geometry and timeline unchanged. */
.laptop-intro{background:radial-gradient(ellipse at 50% 48%,#25272c,#101114 48%,#070809 80%)}
.laptop-lid{border-color:#c4c7ce;background:linear-gradient(110deg,#111216,#090a0d 70%,#1d1f24);box-shadow:inset 0 0 0 1px #ffffff18;border-radius:18px 18px 5px 5px}
.laptop-cover{border-color:#e0e2e6;background:radial-gradient(ellipse at 18% 12%,#ffffff55,transparent 62%),linear-gradient(125deg,#c3c6cd,#ebedf0 38%,#b5bac2 100%);box-shadow:inset 0 0 0 1px #ffffffb0,inset 0 -3px 5px #71788355;border-radius:18px 18px 5px 5px}
.laptop-cover span{color:#646a73;text-shadow:0 1px #ffffff90;font-size:12px;letter-spacing:.32em;opacity:.8}
.laptop-deck{border-color:#d6d9de;background:linear-gradient(115deg,#d6d9df,#eef0f3 36%,#c4c8d0 82%,#a9afb9);border-radius:5px 5px 20px 20px;box-shadow:inset 0 0 0 1px #ffffff90}
.laptop-deck::after{bottom:-5px;height:6px;border-color:#bac0ca;background:linear-gradient(#f1f3f5 0,#c4c9d1 35%,#858d99 100%);border-radius:0 0 16px 16px}
.laptop-deck::before{content:"";position:absolute;z-index:2;left:44%;bottom:-1px;width:12%;height:5px;border-radius:8px 8px 2px 2px;background:linear-gradient(#949da9,#d8dde4);box-shadow:0 1px #ffffffb0}
.laptop-keyboard{left:9%;right:9%;top:8%;height:49%;gap:4px;padding:5px;border-radius:9px;background:#1d2025;box-shadow:0 0 0 1px #939aa5,inset 0 2px 6px #0009}
.laptop-keyboard b{display:grid;place-items:center;color:#d9dce2;font:400 clamp(4px,.6vw,8px)/1 sans-serif;border:1px solid #444850;border-radius:4px;background:linear-gradient(#292c32,#14161b);box-shadow:0 1px 1px #000b,inset 0 1px #ffffff0b}
.laptop-trackpad{left:30%;bottom:7%;width:40%;height:32%;border:1px solid #939ba750;border-radius:10px;background:linear-gradient(125deg,#dde0e6,#cdd2da);box-shadow:0 1px #ffffffa0,inset 0 1px 2px #747e8c22}
.laptop-hinge{left:7%;right:7%;height:4px;background:linear-gradient(#6a717b,#1d222a);border-radius:3px}
.laptop-speaker{position:absolute;top:10%;width:3%;height:44%;opacity:.45;background:radial-gradient(circle,#4c535e .6px,transparent .85px);background-size:3px 3px}
.laptop-speaker.left{left:3.7%}.laptop-speaker.right{right:3.7%}
@media(max-width:700px){.laptop-keyboard{gap:2px;padding:3px}.laptop-cover span{font-size:8px}.laptop-trackpad{border-radius:5px}}
/* Solid aluminium sidewalls, attached to the existing rigid deck. */
.laptop-deck::after{top:100%;bottom:auto;height:15px;left:-1px;right:-1px;transform-origin:50% 0;transform:rotateX(-90deg);border-radius:0 0 8px 8px;border-color:#8c939e;background:linear-gradient(#eef0f3,#bfc5cd 24%,#939da9 86%,#6d7887);box-shadow:inset 0 1px #ffffff}
.laptop-side{position:absolute;top:0;height:100%;width:15px;background:linear-gradient(90deg,#a5adb9,#d9dde3 35%,#909aa7);border:1px solid #929ba8;pointer-events:none}
.laptop-side.left{left:0;transform-origin:0 50%;transform:rotateY(90deg)}
.laptop-side.right{right:0;transform-origin:100% 50%;transform:rotateY(-90deg)}
.laptop-cover{transform:rotateY(180deg) translateZ(5px);box-shadow:inset 0 0 0 1px #ffffffb0,inset 0 -4px 6px #71788370,0 2px 0 #adb4be,0 4px 0 #929ba7}
@media(max-width:700px){.laptop-deck::after{height:10px}.laptop-side{width:10px}}
/* Rebuilt MacBook Pro silhouette: full-depth chassis and rounded solid edges. */
.laptop-stage{perspective:3000px}
.laptop{--device-width:min(560px,78vw)}
.laptop-lid,.laptop-deck{aspect-ratio:1.42}
.laptop-lid{padding:9px 9px 14px;border-radius:21px 21px 8px 8px;border:1px solid #b7bbc2;background:#08090b;box-shadow:inset 0 0 0 1px #33363b}
.laptop-lid::before{display:none}
.laptop-cover{inset:0;border-radius:21px 21px 8px 8px;border:1px solid #c4c7cc;background:linear-gradient(125deg,#c0c4cb,#dce0e5 42%,#c2c7ce);box-shadow:inset 0 1px 1px #fff8;transform:rotateY(180deg) translateZ(5px)}
.laptop-deck{border-radius:8px 8px 22px 22px;background:linear-gradient(115deg,#c7ccd2,#e0e3e7 40%,#c8cdd4);border:1px solid #c4c8cf;transform:rotateX(58deg);box-shadow:inset 0 1px #fff8}
.laptop-deck::after{display:none}
.laptop-deck::before{left:43%;width:14%;height:7px;bottom:0;background:linear-gradient(#8b929c,#bcc3cc);border-radius:12px 12px 3px 3px;box-shadow:none}
.base-volume,.lid-volume{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.base-volume i,.lid-volume i{position:absolute;inset:0;display:block;transform:translateZ(calc(-1px * (var(--slice) + 1)));border-radius:inherit;background:#b0b7c1;border:1px solid #a0a8b4}
.base-volume{border-radius:8px 8px 22px 22px}
.base-volume i{background:linear-gradient(100deg,#a7afb9,#cbd0d7 40%,#8e99a7);border-color:#a4adb9}
.base-volume i:nth-last-child(-n+4){inset:1px;border-radius:10px 10px 22px 22px;background:#929ca9}
.base-volume i:last-child{inset:2px;background:#aab2be;border-color:#929caa}
.lid-volume{border-radius:21px 21px 8px 8px}
.lid-volume i{background:#afb6c0;border-color:#c7ccd4}
.laptop-screen{border-radius:12px 12px 0 0}
.laptop-notch{position:absolute;z-index:4;top:8px;left:calc(50% - 27px);width:54px;height:13px;background:#08090b;border-radius:0 0 7px 7px;backface-visibility:hidden;pointer-events:none}
.laptop-notch i{position:absolute;top:3px;left:25px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#30415f,#080b11 65%);box-shadow:0 0 0 1px #181b21}
.laptop-keyboard{left:10%;right:10%;top:8%;height:51%;display:flex;flex-direction:column;gap:4px;padding:5px;background:#202227;border:1px solid #959ca6;border-radius:10px;box-shadow:inset 0 2px 3px #0006}
.key-row{display:flex;gap:4px;flex:1;min-height:0}.key-row.row-0{flex:.65}
.laptop-keyboard b{min-width:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:clamp(3px,.5vw,7px);font-weight:400;color:#d3d5d9;border-radius:4px;border:1px solid #3e4249;background:linear-gradient(#22252b,#111318);box-shadow:0 1px 0 #060709,inset 0 1px #ffffff0a}
.laptop-trackpad{left:29%;width:42%;bottom:6%;height:31%;border:1px solid #9ea6b055;border-radius:9px;background:linear-gradient(110deg,#d0d5dc,#cbd1d9);box-shadow:0 1px #ffffff80}
.laptop-speaker{top:10%;height:46%;width:3.6%;background-size:2.6px 2.6px;opacity:.4}.laptop-speaker.left{left:3.4%}.laptop-speaker.right{right:3.4%}
.laptop-hinge{left:4%;right:4%;top:-1px;height:5px;background:#24282e;border-radius:3px}
.mac-ports{position:absolute;left:0;top:12%;width:18px;height:39%;transform-origin:0 50%;transform:rotateY(90deg);display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:4px;pointer-events:none}
.mac-ports i{width:6px;height:20px;border-radius:3px;background:#242a33;box-shadow:inset 0 0 0 1px #707986}.mac-ports .magsafe{height:27px;width:5px}.mac-ports .audio{width:7px;height:7px;border-radius:50%}
@media(max-width:700px){.laptop{--device-width:72vw}.laptop-lid{padding:6px 6px 10px;border-radius:14px 14px 6px 6px}.laptop-cover,.lid-volume{border-radius:14px 14px 6px 6px}.laptop-keyboard,.key-row{gap:2px}.laptop-keyboard{padding:3px}.laptop-notch{top:5px;width:32px;left:calc(50% - 16px);height:8px}.laptop-notch i{top:2px;left:15px;width:3px;height:3px}.base-volume i{transform:translateZ(calc(-.65px * (var(--slice) + 1)))}.mac-ports{width:12px;gap:7px}.mac-ports i{width:4px;height:12px}.mac-ports .magsafe{height:16px}}
/* User reference: space black, low product camera, soft studio edge light. */
.laptop-intro{background:#020203}
.laptop-stage{perspective:3600px}
.laptop{--device-width:min(720px,78vw)}
.laptop-deck{transform:rotateX(78deg);background:radial-gradient(ellipse at 24% 18%,#34363a,transparent 75%),linear-gradient(110deg,#292b2f,#202226 60%,#303236);border-color:#42454b;box-shadow:inset 0 1px #74777d40}
.laptop-cover{background:radial-gradient(ellipse at 22% 8%,#383a3e,transparent 72%),linear-gradient(115deg,#222428,#17191c 60%,#2b2d31);border-color:#4b4d52;box-shadow:inset 0 1px #75798055}
.base-volume i,.base-volume i:nth-last-child(-n+4),.base-volume i:last-child{background:#222429;border-color:#292c31}
.base-volume i:nth-child(-n+3){border-color:#45484e;background:#2c2f34}
.base-volume i:nth-last-child(-n+3){background:#121417;border-color:#181a1e}
.lid-volume i{background:#1c1e22;border-color:#34363c}
.laptop-lid{border-color:#45484d;background:#050608;box-shadow:inset 0 0 0 1px #191b1f}
.laptop-keyboard{background:#101114;border-color:#1b1d21;box-shadow:inset 0 2px 6px #0009}
.laptop-keyboard b{background:linear-gradient(#202226,#111215);border-color:#303238;color:#8f9298;box-shadow:0 2px 1px #070809,inset 0 1px #ffffff05}
.laptop-trackpad{background:linear-gradient(120deg,#292b30,#23252a);border-color:#101115;box-shadow:0 1px #53565c40;border-radius:8px}
.laptop-speaker{opacity:.7;background-image:radial-gradient(circle,#090a0c .65px,transparent .9px)}
.laptop-hinge{background:linear-gradient(#3d4046,#101114);height:4px}
.laptop-deck::before{background:linear-gradient(#131518,#34373d);height:8px;width:17%;left:41.5%;box-shadow:inset 0 1px 2px #0008}
.mac-ports i{background:#030405;box-shadow:inset 0 0 0 1px #42464d}
.laptop-stage::before{content:"";position:absolute;left:50%;top:62%;width:min(840px,85vw);height:80px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#858a9838,#33384418 42%,transparent 70%);filter:blur(16px);opacity:.7;pointer-events:none;transition:opacity .5s}
.laptop-intro.is-entering .laptop-stage::before{opacity:0}
.intro-hint{color:#878b94;font-size:11px;letter-spacing:.18em}
@media(max-width:700px){.laptop{--device-width:76vw}.laptop-stage::before{top:52%;height:45px}}
.laptop{--device-width:min(640px,78vw)}
.base-front{position:absolute;left:14px;right:14px;top:100%;height:20px;transform-origin:50% 0;transform:rotateX(-90deg);background:linear-gradient(#43464c,#303339 18%,#25282e 55%,#15171b 93%,#0b0d10);border-radius:0 0 3px 3px;pointer-events:none}
.base-left,.base-right{position:absolute;top:8px;bottom:18px;width:20px;background:linear-gradient(90deg,#3c3f45,#292c32 30%,#15171b);pointer-events:none}
.base-left{left:0;transform-origin:0 50%;transform:rotateY(90deg)}.base-right{right:0;transform-origin:100% 50%;transform:rotateY(-90deg)}
@media(max-width:700px){.laptop{--device-width:76vw}.base-front{height:13px}.base-left,.base-right{width:13px}}
/* Refined proportions and a restrained studio setting. */
.base-volume i{transform:translateZ(calc(-.75px * (var(--slice) + 1)))}
.base-front{height:15px}.base-left,.base-right{width:15px}
.lid-volume i{transform:translateZ(calc(-.8px * (var(--slice) + 1)))}
.laptop-lid{transform:rotateX(-102deg)}
.laptop-cover{transform:rotateY(180deg) translateZ(4px)}
.laptop-intro{background:radial-gradient(ellipse at 50% 43%,#171c25 0,#090c12 38%,#020305 74%)}
.laptop-intro::before{content:"";position:absolute;left:50%;top:52%;width:min(1120px,94vw);height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#64748e14,transparent 68%);pointer-events:none}
.laptop-stage::before{height:110px;background:radial-gradient(ellipse,#9caecb24,#53668110 40%,transparent 70%);filter:blur(20px)}
.laptop-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 24%,#dce6ff10 43%,#fff1 48%,transparent 66%);background-size:240% 100%;animation:aluminiumReflection 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes aluminiumReflection{from{background-position:100% 0}to{background-position:0 0}}
html[data-theme="light"] .brand-mark{background:linear-gradient(145deg,#fff,#e8edf6);border-color:#cbd3e0;box-shadow:0 2px 6px #253b6010}
html[data-theme="light"] .brand-mark img{background:transparent;filter:none}
html[data-theme="light"] .nav .theme-toggle{background:var(--ui-raised)!important;color:var(--ui-text-2)!important}
@media(max-width:700px){.base-volume i{transform:translateZ(calc(-.5px * (var(--slice) + 1)))}.base-front{height:10px}.base-left,.base-right{width:10px}}
@media(prefers-reduced-motion:reduce){.laptop-cover::after{animation:none}}
/* Refined11: restrained interface telemetry behind the product. */
.intro-tech{position:absolute;inset:0;overflow:hidden;pointer-events:none;color:#a8c7ff;opacity:.74;transition:opacity .65s ease}
.laptop-intro.is-entering .intro-tech{opacity:0}
.tech-grid{position:absolute;inset:7%;opacity:.15;background-image:linear-gradient(#a9c5ed18 1px,transparent 1px),linear-gradient(90deg,#a9c5ed18 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at 50% 50%,#000 0,transparent 72%)}
.tech-orbit{position:absolute;border:1px solid #9fc5ff24;border-radius:50%;filter:drop-shadow(0 0 10px #70a5ff18);animation:techOrbit 18s linear infinite}
.tech-orbit::before,.tech-orbit::after{content:"";position:absolute;border:1px solid #9fc5ff18;border-radius:50%}
.tech-orbit::before{inset:9%}.tech-orbit::after{inset:23%}
.tech-orbit.orbit-a{left:8%;top:18%;width:240px;height:240px}
.tech-orbit.orbit-b{right:8%;bottom:12%;width:180px;height:180px;animation-direction:reverse;animation-duration:23s}
.tech-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#b9d3ff;box-shadow:0 0 13px #7daeff}
.tech-orbit i:nth-child(1){left:12%;top:27%}.tech-orbit i:nth-child(2){right:5%;top:48%}.tech-orbit i:nth-child(3){left:48%;bottom:-3px}
.tech-readout{position:absolute;font:500 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#9eb8dc99}
.readout-a{left:4.5%;bottom:7%}.readout-b{right:4.5%;top:13%}
.tech-cross{position:absolute;width:21px;height:21px;opacity:.42;background:linear-gradient(#afcdfa,#afcdfa) 50% 0/1px 100% no-repeat,linear-gradient(90deg,#afcdfa,#afcdfa) 0 50%/100% 1px no-repeat}
.cross-a{left:22%;top:16%}.cross-b{right:19%;bottom:19%}
@keyframes techOrbit{to{transform:rotate(360deg)}}
@media(max-width:700px){.tech-grid{inset:5%;background-size:38px 38px}.tech-orbit.orbit-a{left:-55px;top:16%;width:170px;height:170px}.tech-orbit.orbit-b{right:-40px;bottom:15%;width:130px;height:130px}.readout-a{left:5%;bottom:5%}.readout-b{right:5%;top:12%}.cross-a{left:18%;top:25%}.cross-b{right:16%;bottom:24%}}
@media(prefers-reduced-motion:reduce){.tech-orbit{animation:none}.intro-tech{display:none}}
/* Admin-configurable intro finishes. Missing settings fall back to black/deep-space. */
html[data-intro-background="deep-space"] .laptop-intro{background:radial-gradient(ellipse at 50% 43%,#171c25 0,#090c12 38%,#020305 74%)}
html[data-intro-background="pure-black"] .laptop-intro{background:#020203}
html[data-intro-background="midnight"] .laptop-intro{background:radial-gradient(ellipse at 50% 42%,#152947 0,#070f20 40%,#02040a 76%)}
html[data-intro-background="graphite"] .laptop-intro{background:radial-gradient(ellipse at 50% 42%,#303238 0,#141519 42%,#050506 78%)}
html[data-laptop-tone="black"] .laptop-intro{--metal-cover-a:#383a3e;--metal-cover-b:#222428;--metal-cover-c:#17191c;--metal-cover-d:#2b2d31;--metal-deck-a:#34363a;--metal-deck-b:#292b2f;--metal-deck-c:#202226;--metal-deck-d:#303236;--metal-edge:#222429;--metal-edge-hi:#2c2f34;--metal-edge-lo:#121417;--metal-border:#45484e}
html[data-laptop-tone="gray"] .laptop-intro{--metal-cover-a:#92959b;--metal-cover-b:#686c73;--metal-cover-c:#555960;--metal-cover-d:#777b82;--metal-deck-a:#92959a;--metal-deck-b:#74787f;--metal-deck-c:#5f636a;--metal-deck-d:#858990;--metal-edge:#5d626a;--metal-edge-hi:#858a92;--metal-edge-lo:#3e4248;--metal-border:#9ba0a8}
html[data-laptop-tone="silver"] .laptop-intro{--metal-cover-a:#fafbfc;--metal-cover-b:#d9dce1;--metal-cover-c:#bfc4cb;--metal-cover-d:#e8eaed;--metal-deck-a:#f5f6f8;--metal-deck-b:#d8dce1;--metal-deck-c:#c1c6cd;--metal-deck-d:#e5e8ec;--metal-edge:#b6bdc6;--metal-edge-hi:#e7eaf0;--metal-edge-lo:#848c97;--metal-border:#eef0f3}
html[data-laptop-tone="spacegray"] .laptop-intro{--metal-cover-a:#74777d;--metal-cover-b:#4c5057;--metal-cover-c:#3b3e44;--metal-cover-d:#5c6067;--metal-deck-a:#72767c;--metal-deck-b:#54585f;--metal-deck-c:#44484e;--metal-deck-d:#62666d;--metal-edge:#444950;--metal-edge-hi:#666c74;--metal-edge-lo:#292d32;--metal-border:#777d85}
html[data-laptop-tone] .laptop-cover{background:radial-gradient(ellipse at 22% 8%,var(--metal-cover-a),transparent 72%),linear-gradient(115deg,var(--metal-cover-b),var(--metal-cover-c) 60%,var(--metal-cover-d));border-color:var(--metal-border)}
html[data-laptop-tone] .laptop-deck{background:radial-gradient(ellipse at 24% 18%,var(--metal-deck-a),transparent 75%),linear-gradient(110deg,var(--metal-deck-b),var(--metal-deck-c) 60%,var(--metal-deck-d));border-color:var(--metal-border)}
html[data-laptop-tone] .base-volume i,html[data-laptop-tone] .base-volume i:nth-last-child(-n+4),html[data-laptop-tone] .base-volume i:last-child{background:var(--metal-edge);border-color:var(--metal-edge)}
html[data-laptop-tone] .base-volume i:nth-child(-n+3){background:var(--metal-edge-hi);border-color:var(--metal-border)}
html[data-laptop-tone] .base-volume i:nth-last-child(-n+3){background:var(--metal-edge-lo);border-color:var(--metal-edge-lo)}
html[data-laptop-tone] .lid-volume i{background:var(--metal-edge);border-color:var(--metal-border)}
html[data-laptop-tone] .base-front{background:linear-gradient(var(--metal-edge-hi),var(--metal-edge) 52%,var(--metal-edge-lo))}
html[data-laptop-tone] .base-left,html[data-laptop-tone] .base-right{background:linear-gradient(90deg,var(--metal-edge-hi),var(--metal-edge) 35%,var(--metal-edge-lo))}
/* Card motion: restrained GPU transform with pointer response. */
.resource-card,.sponsor-card,.learning-card,.uploaded-card{--card-rx:0deg;--card-ry:0deg;--card-lift:0px;transform:perspective(900px) translate3d(0,var(--card-lift),0) rotateX(var(--card-rx)) rotateY(var(--card-ry));transform-style:preserve-3d;will-change:transform;transition:transform .36s cubic-bezier(.2,.72,.2,1),box-shadow .36s ease,border-color .3s ease}
.resource-card{animation-name:cardFadeIn}.sponsor-grid .sponsor-card{animation-name:cardFadeIn}
.resource-card:hover,.sponsor-card:hover,.learning-card:hover,.uploaded-card:hover{--card-lift:-6px;box-shadow:0 26px 60px rgba(17,22,42,.14)}
.resource-card.is-pointer-active,.sponsor-card.is-pointer-active,.learning-card.is-pointer-active,.uploaded-card.is-pointer-active{transition:transform .11s linear,box-shadow .3s ease}
.resource-card .card-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(12,14,24,.04)}
.resource-card:hover .card-arrow{background:#101117;color:#fff;transform:translate3d(3px,-3px,0) rotate(-36deg)}
@keyframes cardFadeIn{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}

.resource-card,.sponsor-card,.learning-card,.uploaded-card{will-change:auto}
.resource-card.is-pointer-active,.sponsor-card.is-pointer-active,.learning-card.is-pointer-active,.uploaded-card.is-pointer-active{will-change:transform}
.resource-card:focus-visible,.sponsor-card:focus-visible,.learning-card:focus-visible,.uploaded-card:focus-visible{outline:2px solid #8895ff;outline-offset:4px;--card-lift:-4px}
.resource-card:active,.sponsor-card:active,.learning-card:active,.uploaded-card:active{--card-lift:-2px}

@media(max-width:700px){
  .learning{grid-template-columns:minmax(0,1fr)}
  .learning-sticky,.learning-list{min-width:0;max-width:100%}
  .learning-filters{display:flex;flex-wrap:wrap;max-width:100%}
  .resource-card,.sponsor-card,.learning-card,.uploaded-card{transform:none;will-change:auto}
  .resource-card:hover,.sponsor-card:hover,.learning-card:hover,.uploaded-card:hover{transform:translateY(-5px)}
}
@media(prefers-reduced-motion:reduce){
  .resource-card,.sponsor-card,.learning-card,.uploaded-card{transition:none!important;animation:none!important}
}