*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#0a0a0a;--dark:#111111;--surface:#1a1a1a;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-secondary:#b0b0b0;--text-muted:#999999;--cyan:#22d3ee;--accent:var(--cyan);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}h1,h2,h3{font-family:'Syne',system-ui,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-0.03em}.showcase-shell{width:100%;min-height:100svh}.showcase-stage{position:relative;width:100%}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{flex:0 0 auto;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.exploded{--size:clamp(200px,56vw,300px);--radius:24%;position:relative;width:100%;height:100svh;min-height:520px;overflow:clip;background:radial-gradient(60% 50% at 42% 55%,rgba(34,211,238,0.09),transparent 70%),radial-gradient(40% 40% at 80% 10%,rgba(255,255,255,0.04),transparent 70%),var(--black)}.exploded__prompt{position:absolute;top:1.5rem;left:1.75rem;z-index:5}.exploded__intro{position:absolute;left:1.75rem;bottom:1.75rem;z-index:5;max-width:22rem}.exploded__eyebrow{display:block;margin-bottom:0.4rem;color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.16em;text-transform:uppercase}.exploded__title{font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:700;color:var(--text)}.exploded__scene{position:absolute;top:50%;left:42%;width:var(--size);height:var(--size);transform:translate(-50%,-50%);perspective:1500px;perspective-origin:50% 40%}.exploded__stack{--spread:0;--tilt:0deg;--turn:0deg;--zoom:1;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:scale(var(--zoom)) rotateX(var(--tilt)) rotateZ(var(--turn));will-change:transform}.exploded__layer{--z:0px;--flap:0deg;--edge:#222;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:var(--radius);background:none;color:inherit;font:inherit;cursor:pointer;overflow:hidden;transform:translateZ(var(--z)) rotateX(var(--flap));box-shadow:0 calc(7px * var(--spread)) 0 -1px var(--edge),0 calc(34px * var(--spread)) calc(48px * var(--spread)) rgba(0,0,0,0.62);transition:opacity 0.45s var(--ease-out-quart),filter 0.45s var(--ease-out-quart);will-change:transform;-webkit-tap-highlight-color:transparent}.exploded__layer:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.exploded__layer > span{display:block;position:absolute;inset:0;border-radius:inherit}.is-isolating .exploded__layer:not(.is-active){opacity:calc(1 - 0.68 * var(--iso,1));filter:blur(calc(2px * var(--iso,1))) saturate(calc(1 - 0.4 * var(--iso,1)))}.is-isolating .exploded__layer.is-active{box-shadow:0 calc(7px * var(--spread)) 0 -1px var(--edge),0 calc(34px * var(--spread)) calc(48px * var(--spread)) rgba(0,0,0,0.62),0 0 0 1.5px color-mix(in srgb,var(--accent) 70%,transparent),0 0 40px color-mix(in srgb,var(--accent) 35%,transparent)}.exploded__layer--back{--edge:#b8b1a5}.layer-back{background:radial-gradient(circle at 38% 32%,#f7f3ec 0%,#e6e0d6 45%,#cfc8bc 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.08),inset 0 0 60px rgba(0,0,0,0.08)}.layer-back__dome{position:absolute;top:50%;left:50%;width:46%;height:46%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 45% 40%,#14201c 0%,#060b09 70%);box-shadow:0 0 0 6px #ddd6cb,0 0 0 7px rgba(0,0,0,0.12),inset 0 0 18px rgba(0,0,0,0.8)}.layer-back__dome i{position:absolute;width:11%;height:11%;border-radius:50%;background:#6dff9a;box-shadow:0 0 10px #4dff86,0 0 2px #fff}.layer-back__dome i:nth-child(1){top:20%;left:44%}.layer-back__dome i:nth-child(2){top:44%;left:68%}.layer-back__dome i:nth-child(3){top:68%;left:44%}.layer-back__dome i:nth-child(4){top:44%;left:20%;background:#ff5c5c;box-shadow:0 0 10px #ff4040}.layer-back__mark{position:absolute;left:0;right:0;bottom:9%;color:#8f8779;font-family:'JetBrains Mono',monospace;font-size:0.5rem;letter-spacing:0.2em;text-align:center;text-transform:uppercase}.exploded__layer--battery{--edge:#0f1114}.layer-battery{background:linear-gradient(180deg,#2b2e34 0%,#1a1c20 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06)}.layer-battery__cell{position:absolute;inset:16% 14%;border-radius:10px;background:repeating-linear-gradient(90deg,#34383f 0 7px,#272a30 7px 14px);box-shadow:inset 0 2px 0 rgba(255,255,255,0.08),inset 0 -6px 12px rgba(0,0,0,0.45)}.layer-battery__cell b,.layer-battery__cell em{position:absolute;font-family:'JetBrains Mono',monospace;font-style:normal;font-weight:600;color:var(--accent)}.layer-battery__cell b{top:8%;left:8%;font-size:1rem}.layer-battery__cell em{right:8%;bottom:6%;font-size:1.1rem}.layer-battery__strip{position:absolute;left:22%;right:22%;top:7%;height:5%;border-radius:3px;background:repeating-linear-gradient(135deg,#f4c542 0 8px,#15171b 8px 16px)}.exploded__layer--board{--edge:#0a1d16}.layer-board{background:radial-gradient(rgba(140,255,200,0.35) 1px,transparent 1.6px) 0 0 / 14px 14px,repeating-linear-gradient(45deg,rgba(255,190,90,0.08) 0 2px,transparent 2px 18px),#13362b;box-shadow:inset 0 0 0 1px rgba(160,255,210,0.15),inset 0 0 50px rgba(0,0,0,0.35)}.layer-board__coil{position:absolute;inset:8%;border-radius:50%;border:6px solid transparent;background:repeating-radial-gradient(circle,#d59a3c 0 2px,transparent 2px 5px) border-box;-webkit-mask:radial-gradient(circle,transparent 78%,#000 79%);mask:radial-gradient(circle,transparent 78%,#000 79%)}.layer-board__chip{position:absolute;border-radius:3px;background:linear-gradient(160deg,#1d2024,#0c0e11);box-shadow:0 0 0 1px rgba(255,255,255,0.08),0 3px 6px rgba(0,0,0,0.5);color:#b9c2cc;font-family:'JetBrains Mono',monospace;font-size:0.72rem;font-weight:600;display:grid;place-items:center}.layer-board__chip--a{top:36%;left:36%;width:28%;height:28%}.layer-board__chip--b{top:20%;left:62%;width:18%;height:9%}.layer-board__chip--c{top:70%;left:24%;width:12%;height:12%}.layer-board__ribbon{position:absolute;left:45%;bottom:0;width:10%;height:22%;background:repeating-linear-gradient(0deg,#d59a3c 0 3px,#8f5f1c 3px 6px);opacity:0.9}.exploded__layer--display{--edge:#050608}.layer-display{background:radial-gradient(circle at 50% 45%,#0b0c10 0%,#020204 100%);box-shadow:inset 0 0 0 9px #0c0d10,inset 0 0 0 10px #2a2d33}.layer-display__rings{position:absolute;top:14%;left:12%;width:46%;height:46%}.layer-display__rings i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--ring) 0 var(--fill),rgba(255,255,255,0.1) var(--fill) 100%);-webkit-mask:radial-gradient(circle,transparent calc(50% - 9px),#000 calc(50% - 8px));mask:radial-gradient(circle,transparent calc(50% - 9px),#000 calc(50% - 8px))}.layer-display__rings i:nth-child(1){--ring:#ff3366;--fill:78%}.layer-display__rings i:nth-child(2){--ring:#c8ff00;--fill:62%;inset:18%}.layer-display__rings i:nth-child(3){--ring:var(--accent);--fill:90%;inset:36%}.layer-display__time{position:absolute;right:12%;bottom:14%;color:#fff;font-family:'Syne',system-ui,sans-serif;font-size:calc(var(--size) * 0.15);font-weight:800;letter-spacing:-0.05em;line-height:1}.layer-display__date{position:absolute;right:13%;top:16%;color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase}.exploded__layer--crystal{--edge:rgba(200,240,255,0.4)}.layer-crystal{background:linear-gradient(135deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.12) 30%,rgba(255,255,255,0.03) 55%,rgba(120,220,255,0.22) 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,0.6),inset 0 0 30px rgba(180,235,255,0.15)}.layer-crystal::after{content:'';position:absolute;top:-30%;left:8%;width:22%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.55),transparent);transform:rotate(28deg)}.exploded__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;fill:none;stroke:color-mix(in srgb,var(--accent) 75%,transparent);stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round}.exploded__callouts{position:absolute;top:50%;right:2rem;z-index:4;width:15rem;list-style:none;transform:translateY(-50%)}.exploded__callout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:0.6rem;align-items:baseline;margin-bottom:1rem;line-height:1.25;transition:color 0.3s}.exploded__callout-index{grid-row:1 / 3;color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.1em}.exploded__callout-title{font-family:'Syne',system-ui,sans-serif;font-size:0.95rem;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}.exploded__callout-note{grid-column:2;color:var(--text-muted);font-size:0.72rem}.exploded__callout.is-active .exploded__callout-title{color:var(--accent)}.exploded__callout.is-active .exploded__callout-note{color:var(--text-secondary)}.exploded.is-live .exploded__callouts{top:0;left:0;right:auto;width:auto;transform:none}.exploded.is-live .exploded__callout{position:absolute;top:0;left:0;width:15rem;margin:0;will-change:transform,opacity}.has-js .exploded.is-live .exploded__callout{opacity:0}.exploded__legend{display:none;position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;z-index:5;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;column-gap:0.6rem;align-items:baseline;padding:0.85rem 1rem;border:1px solid var(--border);border-radius:14px;background:rgba(12,12,12,0.82);backdrop-filter:blur(10px);line-height:1.3}.exploded__legend-dots{grid-row:1 / 3;display:flex;flex-direction:column;gap:4px;align-self:center}.exploded__legend-dots i{width:5px;height:5px;border-radius:50%;background:var(--border-light);transition:background 0.3s,transform 0.3s}.exploded__legend-dots i.is-on{background:var(--accent);transform:scale(1.4)}.exploded__legend-index{color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:0.65rem}.exploded__legend-title{font-family:'Syne',system-ui,sans-serif;font-size:0.95rem;font-weight:700}.exploded__legend-note{grid-column:2 / 4;color:var(--text-muted);font-size:0.72rem}@media (max-width:760px){.exploded__scene{left:50%;top:46%}.exploded__prompt{top:1.1rem;left:1.25rem}.showcase-prompt span:last-child{display:none}.exploded__intro{display:none}.exploded__callouts,.exploded__lines{display:none}.exploded__legend{display:grid}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.has-js .exploded.is-live .exploded__callout{opacity:1}}