:root{--ink:#08111a;--surface:#101e2b;--paper:#f5f7f3;--sky:#71bff1;--coral:#ff6b67;--sun:#ffd12f;--mint:#71e0b2;--muted:#aab7c5;--line:rgba(255,255,255,.14);font-family:Noto Sans KR,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:88px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font:800 17px/1 IBM Plex Mono,monospace;letter-spacing:.08em}.brand img{width:38px;height:38px;border-radius:10px}.nav-link{font-size:14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;padding:130px clamp(24px,7vw,120px) 80px;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 43%,rgba(113,191,241,.17),transparent 34%),linear-gradient(125deg,#08111a,#0c1823,#071019);z-index:-2}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(113,191,241,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(113,191,241,.2) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 55%,black 100%);mask-image:linear-gradient(90deg,transparent 0%,black 55%,black 100%)}.eyebrow{margin:0 0 22px;font:600 12px/1 IBM Plex Mono,monospace;letter-spacing:.18em;color:var(--sky)}.eyebrow.dark{color:#276c98}.hero h1,.section-heading h2,.story-copy h2,.closing h2{margin:0;letter-spacing:-.055em}.hero h1{font-family:Gasoek One,Noto Sans KR,sans-serif;font-size:clamp(58px,7.4vw,126px);font-weight:400;line-height:.98}.hero h1 em,.closing h2 em{font-style:normal;color:var(--sky)}.lede{max-width:520px;margin:32px 0;color:#c0cad4;font-size:clamp(16px,1.25vw,20px);line-height:1.85;word-break:keep-all}.primary{display:inline-flex;align-items:center;gap:22px;background:var(--sky);color:#07131d;padding:17px 22px;border-radius:14px;font-weight:900;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-3px);background:#91d1f8}.primary:focus-visible,.nav a:focus-visible{outline:3px solid var(--sun);outline-offset:5px}.hero-visual{position:relative;height:min(780px,78vh);display:grid;place-items:center}.phone{position:relative;width:min(330px,77vw);padding:9px;background:#1d2a37;border:1px solid #405363;border-radius:42px;box-shadow:0 40px 80px #0000006b;overflow:hidden}.phone:before{content:"";position:absolute;z-index:2;top:15px;left:50%;width:72px;height:18px;transform:translate(-50%);border-radius:20px;background:#071019}.phone img{display:block;width:100%;border-radius:34px}.phone-hero{width:min(350px,34vw);transform:rotate(3deg);box-shadow:0 60px 120px #000000a6,0 0 0 1px #71bff126}.orbit{position:absolute;border:1px solid rgba(113,191,241,.24);border-radius:50%}.orbit-one{width:620px;height:620px}.orbit-two{width:820px;height:820px}.pixel-swarm{position:absolute;inset:0}.pixel-swarm i,.closing-pixels i{position:absolute;width:34px;aspect-ratio:1;border-radius:6px;background:var(--sky);box-shadow:0 12px 30px #00000040;animation:arrive .7s both}.pixel-swarm i:nth-child(1){left:7%;top:18%;background:var(--coral)}.pixel-swarm i:nth-child(2){left:16%;top:27%;background:var(--sun);animation-delay:.08s}.pixel-swarm i:nth-child(3){right:7%;top:22%;background:var(--mint);animation-delay:.16s}.pixel-swarm i:nth-child(4){right:13%;bottom:20%;background:var(--coral);animation-delay:.24s}.pixel-swarm i:nth-child(5){left:9%;bottom:18%;animation-delay:.32s}.pixel-swarm i:nth-child(6){right:22%;top:8%;width:18px;background:var(--sun);animation-delay:.4s}.pixel-swarm i:nth-child(7){left:24%;bottom:5%;width:22px;background:var(--mint);animation-delay:.48s}.pixel-swarm i:nth-child(8){right:2%;top:52%;width:17px;animation-delay:.56s}.pixel-swarm i:nth-child(9){left:1%;top:50%;width:15px;background:var(--coral);animation-delay:.64s}.scroll-note{position:absolute;bottom:25px;left:clamp(24px,7vw,120px);font:500 10px/1 IBM Plex Mono,monospace;letter-spacing:.18em;color:#789}.process{background:var(--paper);color:var(--ink);padding:clamp(92px,12vw,170px) clamp(22px,7vw,120px)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:80px}.section-heading .eyebrow{max-width:200px}.section-heading h2{font-size:clamp(42px,6vw,88px);line-height:1.1}.transform{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:clamp(18px,3vw,52px);align-items:center}.transform figure{margin:0}.image-tile,.mini-board{aspect-ratio:1;overflow:hidden;border-radius:28px;background:#dce3e6}.image-tile img{width:100%;height:100%;object-fit:cover}.image-tile.pixel img{image-rendering:pixelated}.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;background:var(--ink)}.mini-board span{background:linear-gradient(135deg,var(--sky),#356da6);border-radius:8px}.mini-board span:nth-child(2),.mini-board span:nth-child(6){background:var(--sun)}.mini-board span:nth-child(3),.mini-board span:nth-child(7){background:var(--coral)}.mini-board span:nth-child(5),.mini-board span:nth-child(8){background:var(--mint)}figcaption{padding-top:22px;display:grid;gap:7px}figcaption b{font-size:21px}figcaption span{color:#66717a;line-height:1.6;font-size:14px;word-break:keep-all}.arrow{font-size:35px;color:#70808b}.screens{padding:clamp(80px,12vw,170px) clamp(22px,9vw,150px);background:var(--surface)}.screen-story{min-height:850px;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;border-bottom:1px solid var(--line)}.screen-story.reverse .story-copy{order:2}.screen-story.reverse .phone{justify-self:start}.screen-story:not(.reverse) .phone{justify-self:end}.story-copy{max-width:520px}.index{display:block;margin-bottom:52px;font:500 12px/1 IBM Plex Mono,monospace;color:#657686}.story-copy h2{font-size:clamp(42px,5vw,75px);line-height:1.12}.story-copy>p:last-child{margin:28px 0 0;color:var(--muted);font-size:17px;line-height:1.8;word-break:keep-all}.closing{position:relative;min-height:90svh;padding:120px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.closing:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(113,191,241,.14),transparent 50%)}.closing>*{position:relative}.closing-icon{width:112px;border-radius:26px;margin-bottom:34px;box-shadow:0 25px 70px #00000080}.closing h2{font-family:Gasoek One,Noto Sans KR,sans-serif;font-size:clamp(52px,8vw,118px);font-weight:400;line-height:1.08}.release{margin-top:42px;border:1px solid #526273;border-radius:999px;padding:13px 22px;color:#b7c4d0;font-size:14px}.closing-pixels i{opacity:.14}.closing-pixels i:nth-child(1){left:8vw;top:18%;background:var(--coral)}.closing-pixels i:nth-child(2){right:10vw;top:26%;background:var(--sun)}.closing-pixels i:nth-child(3){left:18vw;bottom:16%;background:var(--mint)}.closing-pixels i:nth-child(4){right:20vw;bottom:13%}.closing-pixels i:nth-child(5){right:5vw;bottom:45%;background:var(--coral)}footer{min-height:110px;border-top:1px solid var(--line);padding:28px clamp(22px,6vw,90px);display:flex;align-items:center;gap:30px;color:#8493a1;font-size:12px}footer a{font:700 14px/1 IBM Plex Mono,monospace;color:#fff}footer small{margin-left:auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes arrive{0%{opacity:0;transform:scale(.2) rotate(20deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:850px){.nav{height:72px}.hero{grid-template-columns:1fr;padding-top:120px}.hero-copy{z-index:2}.hero h1{font-size:clamp(54px,16vw,82px)}.hero-visual{height:630px;margin-top:-10px}.phone-hero{width:min(320px,72vw)}.orbit-one{width:450px;height:450px}.orbit-two{width:620px;height:620px}.scroll-note{display:none}.section-heading{display:block}.section-heading h2{margin-top:18px}.transform{grid-template-columns:1fr;max-width:440px;margin:auto}.arrow{transform:rotate(90deg);justify-self:center}.screen-story,.screen-story.reverse{grid-template-columns:1fr;gap:55px;padding:95px 0}.screen-story .story-copy,.screen-story.reverse .story-copy{order:0}.screen-story .phone,.screen-story.reverse .phone{justify-self:center}.index{margin-bottom:30px}.screen-story{min-height:auto}footer{flex-wrap:wrap}footer small{width:100%;margin-left:0}}@media(max-width:480px){.nav-link{display:none}.hero{padding-left:22px;padding-right:22px}.hero h1{font-size:15vw}.lede{font-size:15px}.hero-visual{height:560px}.pixel-swarm i{transform:scale(.75)}.process,.screens{padding-left:22px;padding-right:22px}.section-heading{margin-bottom:50px}.section-heading h2,.story-copy h2{font-size:40px}.phone{width:86vw}.closing h2{font-size:14vw}footer span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.pixel-swarm i{animation:none}.primary,.phone{transition:none}}