@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap');:root{--black:#050505;--white:#fff;--muted:#a6a6a6;--red:#e82127}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Inter,"Noto Sans SC",system-ui,sans-serif}a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:20;top:0;left:0;width:100%;height:64px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;background:linear-gradient(#0008,transparent);font-size:14px;letter-spacing:.04em}.logo{font-weight:700;letter-spacing:.34em;font-size:18px}.topbar nav{display:flex;gap:34px}.topbar nav a,.menu-link{padding:9px 14px;border-radius:5px;transition:.25s}.topbar nav a:hover,.menu-link:hover{background:#ffffff1a}.menu-link{justify-self:end}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 42%,#222 0,#0b0b0b 38%,#000 72%)}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 30%,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:44vw;height:44vw;min-width:420px;min-height:420px;background:radial-gradient(circle at 34% 28%,#fff,#79818e 10%,#1b1e24 36%,#050505 68%);box-shadow:0 0 120px #7f8b9c33;transform:translateY(16%)}.orb-b{width:47vw;height:12vw;min-width:450px;min-height:120px;background:#000;transform:translateY(160%);filter:blur(18px)}.hero-content{position:relative;z-index:2;margin-top:-18vh}.kicker,.section-label,.category{font-size:12px;letter-spacing:.22em;font-weight:600}.kicker{color:#d4d4d4}.hero h1{font-size:clamp(58px,9vw,128px);line-height:.92;letter-spacing:-.06em;margin:24px 0}.subtitle{color:#d0d0d0;font-size:clamp(16px,1.6vw,21px);margin:0 auto 32px}.actions{display:flex;gap:14px;align-items:center;justify-content:center}.button{display:inline-flex;justify-content:center;align-items:center;height:42px;min-width:178px;padding:0 26px;border-radius:4px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#f4f4f4;color:#111}.ghost{background:#171717c9;backdrop-filter:blur(8px)}.light{background:#fff;color:#111}.scroll{position:absolute;z-index:2;bottom:28px;display:flex;flex-direction:column;gap:10px;align-items:center;font-size:11px;letter-spacing:.15em;color:#bbb}.scroll i{display:block;width:1px;height:34px;background:linear-gradient(#fff,transparent)}.intro{min-height:68vh;background:#fff;color:#111;padding:15vh 10vw;display:flex;flex-direction:column;justify-content:center}.intro h2,.closing h2{font-size:clamp(48px,7vw,104px);letter-spacing:-.06em;line-height:.98;margin:24px 0}.intro>p:last-child{max-width:570px;color:#5c5e62;font-size:18px;line-height:1.7}.section-label,.category{color:#777}.story{min-height:100svh;display:grid;grid-template-columns:58% 42%;background:#050505;overflow:hidden}.story-copy{padding:10vw 7vw;display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-size:clamp(43px,5.4vw,82px);line-height:1.02;letter-spacing:-.055em;margin:24px 0}.story-copy>p:not(.category){color:#aaa;max-width:470px;font-size:17px;line-height:1.7}.story-copy .actions{justify-content:flex-start;margin-top:28px}.text-link{font-size:13px;color:#bbb;padding:12px}.text-link span{margin-left:7px}.visual{position:relative;display:grid;place-items:center;min-height:650px;overflow:hidden}.number{position:absolute;top:8%;left:8%;font-size:12px;letter-spacing:.2em;color:#ffffff55}.rings{width:30vw;height:30vw;min-width:330px;min-height:330px;border-radius:50%;border:1px solid #fff4;box-shadow:0 0 0 45px #fff1,0 0 0 90px #fff1,0 0 140px #6387ff55;animation:pulse 5s ease-in-out infinite}.rings:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 40px 14px #98afff}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 0 55px #fff1,0 0 0 110px #fff1,0 0 170px #6387ff77}}.light-story{background:#f4f4f4;color:#111}.light-story .story-copy>p:not(.category){color:#5c5e62}.dark-link{color:#444}.visual-prompt{background:linear-gradient(135deg,#d9dce0,#fff)}.prompt-card{width:min(72%,520px);padding:42px;background:#fff;border-radius:12px;box-shadow:0 25px 80px #5553;display:flex;flex-direction:column;gap:18px}.prompt-card span,.prompt-card small{font-size:11px;letter-spacing:.18em;color:#777}.prompt-card strong{font-size:clamp(25px,3vw,42px);letter-spacing:-.04em}.blue{background:linear-gradient(135deg,#050505,#08111d)}.visual-code{background:radial-gradient(circle,#16375a,#050b12 70%)}pre{font-size:clamp(15px,1.6vw,25px);line-height:1.9;color:#d9e6f5}code b{color:#f28fad}code em{color:#8be9fd}code i{color:#f1fa8c}.warm{background:#efede8}.visual-local{background:radial-gradient(circle,#d7d3ca,#8c8982)}.chip{width:min(55%,370px);aspect-ratio:1;border-radius:28px;background:linear-gradient(145deg,#222,#050505);box-shadow:24px 28px 70px #0006,inset 0 1px 1px #fff4;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.chip span,.chip small{letter-spacing:.2em;font-size:11px}.chip b{font-size:clamp(62px,8vw,108px);letter-spacing:-.08em}.closing{min-height:75vh;background:#fff;color:#111;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}footer{height:110px;background:#fff;color:#111;border-top:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;font-size:12px}@media(max-width:800px){.topbar{grid-template-columns:1fr 1fr;padding:0 20px}.topbar nav{display:none}.story{grid-template-columns:1fr}.visual{min-height:52svh;order:0}.story-copy{min-height:48svh;padding:64px 26px;order:1}.story-copy h2{font-size:44px}.intro{padding:100px 26px}.actions{flex-direction:column;width:100%}.button{width:100%;max-width:360px}.story-copy .actions{align-items:flex-start}.story-copy .text-link{margin-left:4px}.orb-a{width:110vw;height:110vw}.hero-content{padding:0 20px}.hero h1{font-size:64px}footer{height:auto;padding:36px 24px;gap:20px;flex-direction:column}.rings{width:58vw;height:58vw;min-width:250px;min-height:250px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rings{animation:none}.button{transition:none}}