:root{--bg-0: #0a1a2e;--bg-1: #0E2841;--bg-2: #156082;--accent: #0F9ED5;--accent-hot: #3ED6FF;--ink: #E8F1F9;--ink-dim: #8FA9BE;--rule: rgba(255, 255, 255, .08);--font-display: "Space Grotesk", "Inter", system-ui, -apple-system, Segoe UI, sans-serif;--font-body: "Inter", system-ui, -apple-system, Segoe UI, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 0%,rgba(10,26,46,.3) 100%),linear-gradient(180deg,rgba(10,26,46,.15) 0%,transparent 35%,rgba(10,26,46,.25) 100%)}.brand{--brand-progress: 0;--brand-scale: calc(1 - (var(--brand-progress) * .42));position:fixed;top:24px;left:50%;z-index:100;pointer-events:none;transform-origin:top center;transform:translate(calc(-50% + (50vw - 50% - 32px) * var(--brand-progress))) scale(var(--brand-scale));will-change:transform}.brand__logo{display:flex;align-items:center;padding:18px 36px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 48px -18px #0009,0 0 0 1px #0f9ed51a,0 0 60px -10px #3ed6ff2e}.brand__img{display:block;height:96px;width:auto;-webkit-user-select:none;user-select:none}@media (max-width: 720px){.brand{top:12px}.brand__logo{padding:12px 24px}.brand__img{height:64px}}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:99;background:#ffffff0a}.progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-hot));box-shadow:0 0 12px var(--accent-hot);transform-origin:left;will-change:width}main{position:relative;z-index:2}.scene{min-height:100vh;display:grid;place-items:center;padding:200px 8vw 120px;position:relative}@media (max-width: 720px){.scene{padding:140px 6vw 100px}}.scene__inner{max-width:1100px;width:100%;position:relative}.eyebrow{display:inline-block;font-family:var(--font-display);font-weight:500;font-size:clamp(14px,1vw,18px);letter-spacing:.28em;text-transform:uppercase;color:var(--accent-hot);margin-bottom:32px;padding:8px 18px;border:1px solid rgba(62,214,255,.25);border-radius:999px;background:#3ed6ff0a}.display{font-family:var(--font-display);font-weight:600;font-size:clamp(3rem,8vw,7rem);line-height:.95;letter-spacing:-.035em;color:var(--ink)}.hero{text-align:center;display:flex;flex-direction:column;align-items:center}.hero__eyebrow{margin-bottom:40px}.hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(7rem,18vw,14rem);line-height:.85;letter-spacing:-.06em;margin:0 0 28px;display:inline-flex;gap:.02em}.hero__title-letter{display:inline-block;background:linear-gradient(180deg,var(--ink) 0%,#90B7D0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;will-change:transform,opacity}.hero__title-letter:last-child{background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{font-family:var(--font-display);font-weight:400;font-size:clamp(1.1rem,1.8vw,1.6rem);line-height:1.4;color:var(--ink-dim);max-width:560px;letter-spacing:.005em;text-wrap:pretty}.hero__sub em{font-style:normal;color:var(--ink);font-weight:500}.display em{font-style:normal;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hot) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.headline{font-family:var(--font-display);font-weight:600;font-size:clamp(2.8rem,7vw,6rem);line-height:1.02;letter-spacing:-.025em;margin-bottom:36px;text-wrap:balance}.headline em{font-style:normal;color:var(--accent-hot)}.lead{font-size:clamp(1.3rem,1.8vw,1.75rem);color:var(--ink-dim);margin-top:28px;max-width:720px;text-wrap:pretty}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}.body{font-size:clamp(1.2rem,1.5vw,1.55rem);color:var(--ink);max-width:720px;line-height:1.6;text-wrap:pretty}.scroll-hint{position:absolute;bottom:-60px;left:0;display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}.scroll-hint__line{width:60px;height:1px;background:linear-gradient(90deg,var(--accent-hot),transparent);position:relative;overflow:hidden}.scroll-hint__line:after{content:"";position:absolute;top:0;left:-30px;width:30px;height:100%;background:var(--accent-hot);animation:scrollPulse 2.2s ease-in-out infinite}@keyframes scrollPulse{0%{transform:translate(0);opacity:0}30%{opacity:1}to{transform:translate(90px);opacity:0}}.scene--split{padding:140px 6vw}.split{display:grid;grid-template-columns:auto 1fr;gap:88px;align-items:center;max-width:1200px;width:100%;margin:0 auto}.split--reverse{grid-template-columns:1fr auto}.split--reverse .split__media{order:2}.split--reverse .split__copy{order:1}.split__media{position:relative;width:clamp(220px,28vw,360px);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -25px #000000b3,0 0 0 1px #0f9ed51a,0 0 80px -10px #3ed6ff40}.split__media:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;padding:2px;background:conic-gradient(from 180deg,transparent 0deg,rgba(62,214,255,.6) 90deg,transparent 180deg,rgba(15,158,213,.4) 270deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.split__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05);will-change:transform}.split__media-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(10,26,46,.5) 100%),linear-gradient(135deg,rgba(15,158,213,.2),transparent 60%);mix-blend-mode:multiply;pointer-events:none;z-index:1}.split__copy{display:flex;flex-direction:column;gap:18px}.stat{display:flex;align-items:baseline;gap:18px;margin:8px 0 14px}.stat__big{font-family:var(--font-display);font-weight:700;font-size:clamp(6rem,13vw,13rem);line-height:.9;letter-spacing:-.05em;background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.stat__unit{font-family:var(--font-display);font-weight:500;font-size:clamp(1.25rem,1.8vw,1.75rem);color:var(--ink);letter-spacing:-.01em}.bullets{list-style:none;padding:0;margin:6px 0;display:flex;gap:32px;flex-wrap:wrap}.bullets li{display:flex;align-items:center;gap:14px;padding:12px 20px;background:#ffffff08;border:1px solid var(--rule);border-radius:12px}.bullets li{font-size:clamp(1rem,1.2vw,1.3rem)}.bullets__num{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,2vw,2.2rem);color:var(--accent-hot);letter-spacing:-.03em;line-height:1}.body--dim{color:var(--ink-dim);font-size:clamp(1.05rem,1.25vw,1.3rem)}.body--spaced{margin-top:24px}.upper{text-transform:uppercase;letter-spacing:-.02em}@media (max-width: 900px){.split{grid-template-columns:1fr;gap:40px;justify-items:center;text-align:center}.split--reverse{grid-template-columns:1fr}.split--reverse .split__media,.split--reverse .split__copy{order:0}.split__media{width:clamp(200px,55vw,300px)}.split__copy{align-items:center}.stat,.bullets{justify-content:center}}.scene--sap-hero{text-align:center;padding:220px 6vw 120px}.sap-hero{display:flex;flex-direction:column;align-items:center}.sap-hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(7rem,18vw,14rem);line-height:.85;letter-spacing:-.06em;margin:24px 0 32px;display:inline-flex;gap:.02em}.sap-hero__title .hero__title-letter:nth-child(1){background:linear-gradient(180deg,var(--ink) 0%,#90B7D0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.sap-hero__title .hero__title-letter:nth-child(2){background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.sap-hero__title .hero__title-letter:nth-child(3){background:linear-gradient(180deg,var(--ink) 0%,#90B7D0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.sap-hero__sub{font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.4;color:var(--ink-dim);max-width:640px;text-wrap:pretty}.sap-hero__sub em{font-style:normal;color:var(--ink);font-weight:500}.scene--pillars{padding:140px 6vw 160px;perspective:1400px}.pillars{max-width:1200px;margin:0 auto}.pillars__track{display:flex;flex-direction:column;gap:140px}.pillar{display:grid;grid-template-columns:clamp(220px,28vw,340px) 1fr;gap:72px;align-items:center;transform-style:preserve-3d}.pillar:nth-child(2n){grid-template-columns:1fr clamp(220px,28vw,340px)}.pillar:nth-child(2n) .pillar__media{order:2}.pillar:nth-child(2n) .pillar__copy{order:1}.pillar__media{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -25px #000000b3,0 0 0 1px #0f9ed51a,0 0 80px -10px #3ed6ff40}.pillar__media .split__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}.pillar__copy{display:flex;flex-direction:column;gap:14px}.pillar__num{font-family:var(--font-display);font-weight:600;font-size:clamp(1rem,1.1vw,1.2rem);letter-spacing:.3em;color:var(--accent-hot);padding:6px 14px;border:1px solid rgba(62,214,255,.25);border-radius:999px;width:fit-content}.pillar__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1;letter-spacing:-.03em;color:var(--ink);margin:4px 0 8px;text-wrap:balance}.pillar__body{font-size:clamp(1.15rem,1.4vw,1.5rem);line-height:1.55;color:var(--ink-dim);max-width:520px;text-wrap:pretty}.pillar__body em{font-style:normal;color:var(--accent-hot);font-weight:500}@media (max-width: 900px){.scene--pillars{padding:100px 6vw}.pillars__track{gap:90px}.pillar,.pillar:nth-child(2n){grid-template-columns:1fr;text-align:center;justify-items:center;gap:32px}.pillar:nth-child(2n) .pillar__media{order:0}.pillar:nth-child(2n) .pillar__copy{order:0}.pillar__media{width:min(80vw,280px)}.pillar__copy{align-items:center}}.scene--service-layer{padding:180px 6vw 160px}.service-layer{max-width:1200px}.sl-top{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;margin-bottom:72px}.sl-top__copy{display:flex;flex-direction:column}.sl-explain{margin:0 0 72px;padding:36px 40px;border-radius:18px;border:1px solid var(--rule);background:#0e284173;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:820px}.sl-explain__title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,1.8vw,1.6rem);color:var(--accent-hot);margin-bottom:14px;letter-spacing:-.01em}.sl-diagram{position:relative;width:100%;max-width:560px;aspect-ratio:1;margin:0 auto;justify-self:center}.sl-hub{position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(62,214,255,.45) 0%,rgba(15,158,213,.25) 50%,transparent 100%);border:2px solid rgba(62,214,255,.5);display:grid;place-items:center;z-index:3;box-shadow:0 0 60px -5px #3ed6ff80,inset 0 0 40px #3ed6ff1a}.sl-hub__inner{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.sl-hub__label{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,2.6vw,2.4rem);letter-spacing:-.02em;color:var(--ink)}.sl-hub__sub{font-family:var(--font-display);font-size:clamp(10px,.85vw,12px);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-hot)}.sl-hub__pulse{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid var(--accent-hot);opacity:0;animation:slHubPulse 2.6s ease-out infinite}@keyframes slHubPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}.sl-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.sl-line{stroke-dasharray:6 8;animation:slLineFlow 8s linear infinite}@keyframes slLineFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}.sl-node{--radius: 44%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(var(--angle) * -1));display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2;width:max-content;text-align:center}.sl-node__dot{width:16px;height:16px;border-radius:50%;background:var(--accent-hot);box-shadow:0 0 16px #3ed6ffe6,0 0 0 4px #3ed6ff2e;margin-bottom:8px}.sl-node__name{font-family:var(--font-display);font-weight:600;font-size:clamp(1rem,1.25vw,1.25rem);color:var(--ink);letter-spacing:-.01em;padding:6px 14px;border-radius:10px;background:#0e2841d9;border:1px solid rgba(62,214,255,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sl-node__desc{font-size:clamp(10px,.85vw,12px);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-top:4px;max-width:160px}.sl-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;margin-top:60px;background:var(--rule);border:1px solid var(--rule);border-radius:14px;overflow:hidden}.sl-summary__item{padding:36px 28px;background:#0e28418c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:10px;text-align:center}.sl-summary__num{font-family:var(--font-display);font-weight:700;font-size:clamp(2.8rem,4.5vw,4rem);line-height:1;letter-spacing:-.03em;background:linear-gradient(180deg,var(--accent-hot),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.sl-summary__label{font-size:clamp(12px,1vw,14px);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}@media (max-width: 960px){.sl-top{grid-template-columns:1fr;gap:56px}}.scene--server-hero{padding:200px 6vw 80px}.server-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto}.server-hero__media{position:relative;display:grid;place-items:center;padding:20px}.server-orb{position:relative;width:100%;max-width:460px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid rgba(62,214,255,.35);box-shadow:0 40px 80px -20px #000000b3,0 0 0 1px #0f9ed52e,0 0 100px -10px #3ed6ff73,inset 0 0 60px #3ed6ff1f}.server-orb__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.1) brightness(.85)}.server-orb__img--svg{object-fit:contain;padding:12%;filter:drop-shadow(0 0 24px rgba(62,214,255,.25))}.server-orb__tint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 35%,rgba(10,26,46,.6) 100%),linear-gradient(135deg,rgba(15,158,213,.25),transparent 55%);mix-blend-mode:multiply;pointer-events:none}.server-orb__ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,transparent 0deg,rgba(62,214,255,.9) 80deg,transparent 140deg,rgba(15,158,213,.7) 220deg,transparent 280deg,rgba(62,214,255,.5) 340deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:serverOrbRing 10s linear infinite}.server-orb__ring--2{top:-18px;right:-18px;bottom:-18px;left:-18px;padding:1.5px;background:conic-gradient(from 180deg,transparent 0deg,rgba(62,214,255,.6) 60deg,transparent 120deg,rgba(255,255,255,.35) 200deg,transparent 260deg);animation:serverOrbRing 18s linear reverse infinite;opacity:.7}@keyframes serverOrbRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.server-orb__pulse{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid var(--accent-hot);opacity:0;animation:serverOrbPulse 3.2s ease-out infinite;pointer-events:none}.server-orb__pulse--2{top:-12px;right:-12px;bottom:-12px;left:-12px;animation-delay:1.6s;border-color:#3ed6ff99}@keyframes serverOrbPulse{0%{transform:scale(1);opacity:.55}to{transform:scale(1.28);opacity:0}}.server-orb__orbit{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;pointer-events:none;animation:serverOrbSpin 9s linear infinite}.server-orb__orbit--rev{top:-26px;right:-26px;bottom:-26px;left:-26px;animation:serverOrbSpin 14s linear reverse infinite}@keyframes serverOrbSpin{to{transform:rotate(360deg)}}.spark{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent-hot);box-shadow:0 0 12px var(--accent-hot),0 0 24px #3ed6ff80}.spark:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--accent-hot);opacity:.25;filter:blur(6px)}.spark--1{top:0;left:50%;transform:translate(-50%)}.spark--2{top:50%;right:0;transform:translateY(-50%);width:6px;height:6px}.spark--3{bottom:8%;left:10%;width:8px;height:8px}.spark--4{top:14%;left:8%;width:5px;height:5px;background:#fff;box-shadow:0 0 10px #fff}.spark--5{bottom:0;right:20%;width:7px;height:7px}.server-orb__sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.server-orb__sparkles span{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 6px #ffffffe6;animation:sparkleTwinkle 2.8s ease-in-out infinite}.server-orb__sparkles span:nth-child(1){top:15%;left:20%;animation-delay:0s}.server-orb__sparkles span:nth-child(2){top:30%;right:18%;animation-delay:.4s;width:2px;height:2px}.server-orb__sparkles span:nth-child(3){bottom:20%;left:28%;animation-delay:.8s}.server-orb__sparkles span:nth-child(4){top:50%;left:8%;animation-delay:1.2s;width:2px;height:2px}.server-orb__sparkles span:nth-child(5){bottom:15%;right:22%;animation-delay:1.6s}.server-orb__sparkles span:nth-child(6){top:10%;right:42%;animation-delay:2s;width:2px;height:2px}.server-orb__sparkles span:nth-child(7){bottom:40%;left:50%;animation-delay:.6s}.server-orb__sparkles span:nth-child(8){top:70%;right:12%;animation-delay:1.4s;width:2px;height:2px}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.4)}}@media (max-width: 900px){.server-orb{max-width:320px}}@media (max-width: 900px){.server-hero{grid-template-columns:1fr;gap:48px}}.scene--server-stack{padding:120px 6vw 160px}.scene--server-stack .scene__inner{max-width:1100px}.layers{display:flex;flex-direction:column;gap:14px;margin:72px 0;position:relative}.layer{position:relative;display:grid;grid-template-columns:100px 1.4fr 1fr;gap:36px;align-items:center;padding:28px 32px;background:#0e28418c;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease}.layer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent-hot),var(--accent));border-radius:4px 0 0 4px;opacity:.75}.layer:hover{border-color:#3ed6ff4d;transform:translate(4px)}.layer__num{font-family:var(--font-display);font-weight:700;font-size:clamp(2.5rem,4vw,3.5rem);line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,var(--accent-hot),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.layer__main{display:flex;flex-direction:column;gap:6px}.layer__title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,1.7vw,1.7rem);line-height:1.15;letter-spacing:-.015em;color:var(--ink)}.layer__body{font-size:clamp(14px,1.1vw,16px);line-height:1.55;color:var(--ink-dim);text-wrap:pretty}.layer__chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}@media (max-width: 900px){.layer{grid-template-columns:60px 1fr;gap:20px;padding:22px 24px}.layer__chips{grid-column:1 / -1;justify-content:flex-start}.layer__num{font-size:2rem}}.server-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px;margin-top:60px;background:var(--rule);border:1px solid var(--rule);border-radius:14px;overflow:hidden}.server-summary__item{padding:32px 24px;background:#0e28418c;display:flex;flex-direction:column;gap:8px;text-align:center}.server-summary__num{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;letter-spacing:-.03em;background:linear-gradient(180deg,var(--accent-hot),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.server-summary__label{font-size:clamp(12px,1vw,13px);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.scene--dev-hero{padding:220px 6vw 80px;text-align:center}.dev-hero{display:flex;flex-direction:column;align-items:center}.dev-hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(3.4rem,9vw,8rem);line-height:.95;letter-spacing:-.045em;margin:20px 0 40px;text-wrap:balance}.dev-hero__line{display:block;overflow:hidden}.dev-hero__title em{font-style:normal;background:linear-gradient(180deg,var(--accent-hot) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.dev-hero .body{max-width:820px;text-align:left}.scene--stack-legend{padding:80px 6vw 40px;text-align:center}.stack-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:24px auto 0}.chip{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:clamp(14px,1.15vw,16px);letter-spacing:.02em;border:1px solid var(--chip-border, rgba(255, 255, 255, .15));background:var(--chip-bg, rgba(255, 255, 255, .04));color:var(--chip-color, var(--ink));white-space:nowrap}.stack-legend--lg .chip{padding:12px 22px;font-size:clamp(15px,1.3vw,18px)}.chip--next{--chip-bg: rgba(255, 255, 255, .06);--chip-border: rgba(255, 255, 255, .22);--chip-color: #fff}.chip--react{--chip-bg: rgba(97, 218, 251, .1);--chip-border: rgba(97, 218, 251, .32);--chip-color: #9BE7FB}.chip--vite{--chip-bg: rgba(188, 82, 238, .1);--chip-border: rgba(188, 82, 238, .32);--chip-color: #D494F5}.chip--nest{--chip-bg: rgba(224, 35, 75, .1);--chip-border: rgba(224, 35, 75, .35);--chip-color: #FF829A}.chip--express{--chip-bg: rgba(255, 255, 255, .05);--chip-border: rgba(255, 255, 255, .2);--chip-color: #E0E0E0}.chip--fastapi{--chip-bg: rgba(0, 147, 115, .12);--chip-border: rgba(0, 147, 115, .4);--chip-color: #4ED4B4}.chip--ts{--chip-bg: rgba(49, 120, 198, .15);--chip-border: rgba(49, 120, 198, .38);--chip-color: #7BB5F0}.chip--prisma{--chip-bg: rgba(44, 49, 65, .4);--chip-border: rgba(180, 195, 230, .3);--chip-color: #C8D4F0}.chip--pg{--chip-bg: rgba(51, 103, 145, .18);--chip-border: rgba(51, 103, 145, .5);--chip-color: #7BB0D8}.chip--redis{--chip-bg: rgba(201, 48, 38, .12);--chip-border: rgba(201, 48, 38, .4);--chip-color: #F07A70}.chip--celery{--chip-bg: rgba(92, 157, 34, .12);--chip-border: rgba(92, 157, 34, .4);--chip-color: #A8D878}.chip--tailwind{--chip-bg: rgba(56, 189, 248, .1);--chip-border: rgba(56, 189, 248, .35);--chip-color: #7DD3FC}.chip--docker{--chip-bg: rgba(36, 150, 237, .12);--chip-border: rgba(36, 150, 237, .38);--chip-color: #74C0F0}.chip--jwt{--chip-bg: rgba(214, 74, 122, .1);--chip-border: rgba(214, 74, 122, .35);--chip-color: #EE94B5}.chip--cron{--chip-bg: rgba(255, 255, 255, .04);--chip-border: rgba(255, 255, 255, .18);--chip-color: #D0D0D0}.chip--sap{--chip-bg: rgba(0, 132, 209, .15);--chip-border: rgba(0, 132, 209, .45);--chip-color: #5CBFFF}.chip--ai{--chip-bg: rgba(138, 92, 246, .12);--chip-border: rgba(138, 92, 246, .4);--chip-color: #B69CF5}.chip--supabase{--chip-bg: rgba(62, 207, 142, .12);--chip-border: rgba(62, 207, 142, .4);--chip-color: #6FE3B0}.scene--apps{padding:80px 6vw 160px}.apps{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}.app-card{--glow: hsl(var(--app-color, 200) 80% 60%);position:relative;padding:34px 32px 28px;border-radius:20px;background:radial-gradient(120% 80% at 0% 0%,hsla(var(--app-color, 200),60%,40%,.1),transparent 60%),#0e28418c;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;overflow:hidden;display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit;cursor:pointer}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--glow) 50%,transparent 100%);opacity:.7}.app-card:not(.app-card--static):hover{transform:translateY(-6px);border-color:hsla(var(--app-color, 200),70%,60%,.5);box-shadow:0 24px 60px -30px hsla(var(--app-color, 200),70%,50%,.55)}.app-card:hover .app-card__cta{opacity:1;transform:translate(4px)}.app-card--static{cursor:default}.app-card__head{display:flex;flex-direction:column;gap:4px}.app-card__domain{font-family:var(--font-display);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--glow);opacity:.85}.app-card__name{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,2.6vw,2.6rem);line-height:1;letter-spacing:-.03em;color:var(--ink);margin:6px 0 2px}.app-card__purpose{font-size:clamp(14px,1.05vw,16px);color:var(--ink-dim);letter-spacing:.04em}.app-card__stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.app-card__cta{margin-top:auto;padding-top:16px;font-family:var(--font-display);font-weight:600;font-size:clamp(13px,1vw,14px);letter-spacing:.14em;text-transform:uppercase;color:var(--glow);opacity:.65;transition:opacity .3s ease,transform .3s ease;display:inline-block}@media (max-width: 720px){.apps{grid-template-columns:1fr}.app-card{padding:26px 24px}}@media (max-width: 720px){.sl-diagram{aspect-ratio:1}.sl-hub{width:130px;height:130px}.sl-node{--radius: 45%}.sl-node__name{font-size:.9rem;padding:4px 10px}.sl-node__desc{display:none}.sl-explain{padding:28px 24px}}.scene--end{text-align:center}.scene--end .scene__inner{display:flex;flex-direction:column;align-items:center}@media (max-width: 720px){.brand{top:16px;left:16px}.scene{padding:100px 6vw}.brand__years{font-size:8px}}