@font-face{font-family:Paperlogy;font-weight:400;font-display:swap;src:url(/fonts/Paperlogy-Regular.woff2)format("woff2")}@font-face{font-family:Paperlogy;font-weight:500;font-display:swap;src:url(/fonts/Paperlogy-Medium.woff2)format("woff2")}@font-face{font-family:Paperlogy;font-weight:600;font-display:swap;src:url(/fonts/Paperlogy-SemiBold.woff2)format("woff2")}@font-face{font-family:Paperlogy;font-weight:700;font-display:swap;src:url(/fonts/Paperlogy-Bold.woff2)format("woff2")}@font-face{font-family:Paperlogy;font-weight:800;font-display:swap;src:url(/fonts/Paperlogy-ExtraBold.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#04060b;--bg-2:#070c17;--navy:#0c1a33;--navy-2:#13284c;--ink:#eef3fb;--ink-2:#e2eaf6a8;--ink-3:#e2eaf666;--ink-4:#e2eaf629;--acc:#8cc3e2;--acc-2:#bfe2ff;--acc-deep:#3d7fd6;--line:#bed7ff14;--glass:#0e16268c;--glass-2:#ffffff0b;--r:22px;--ease:cubic-bezier(.22, 1, .36, 1);--gut:max(16px, env(safe-area-inset-left));--font:"Paperlogy", "Malgun Gothic", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);font:500 16px/1.65 var(--font);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}em{font-style:normal}[hidden]{display:none!important}.ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:10px}::selection{background:#8cc3e259}.gate{z-index:100;background:var(--bg);transition:opacity .9s var(--ease), visibility .9s;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.gate-glow{background:radial-gradient(60% 50% at 50% 60%,#3d7fd638,#0000 70%),radial-gradient(40% 30% at 50% 100%,#8cc3e21f,#0000 70%);position:absolute;inset:0}body:not(.is-gated) .gate{opacity:0;visibility:hidden;pointer-events:none}.gate-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);text-align:center;width:min(460px,100%);animation:rise .8s var(--ease) both;border-radius:28px;justify-items:center;gap:14px;padding:34px 28px 28px;display:grid;position:relative}.gate-logo{align-items:center;gap:10px;display:flex}.gate-logo img{object-fit:cover;object-position:center 22%;border-radius:50%}.gate-logo b{letter-spacing:.16em;font-size:15px;font-weight:800}.gate-body{justify-items:center;gap:10px;display:grid}.gate-eyebrow{color:var(--acc);align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:700;display:inline-flex}.gate-eyebrow i{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}.gate-eyebrow.is-warn{color:#ffb4a8}.gate-eyebrow.is-warn i{animation:none}.gate-title{text-wrap:balance;font-size:clamp(22px,5.4vw,28px);font-weight:800;line-height:1.35}.gate-desc{color:var(--ink-2);max-width:34ch;font-size:15px}.gate-count{color:var(--ink-3);margin-top:4px;font-size:14px}.gate-count b{color:var(--ink);font-variant-numeric:tabular-nums}.gate-actions{gap:10px;width:100%;margin-top:6px;display:grid}.gate-link{color:var(--ink-3);font-size:13px;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:13px;text-decoration:underline}.gate-link:hover{color:var(--ink-2)}.top{z-index:40;padding:16px var(--gut);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.top>*{pointer-events:auto}.top-l,.top-r{align-items:center;gap:8px;display:flex}.pill{-webkit-backdrop-filter:blur(14px);height:40px;color:var(--ink);font:700 13px/1 var(--font);cursor:pointer;background:#1018288c;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;transition:background .3s;display:inline-flex}.pill:hover{background:#1e2c46b3}.icon-pill{justify-content:center;width:40px;padding:0}.brand img{object-fit:cover;object-position:center 22%;border-radius:50%}.brand span{letter-spacing:.16em;font-weight:800}.cta-pill{color:var(--acc-2);background:#8cc3e224}.cta-pill:hover{background:#8cc3e23d}.top-nav{-webkit-backdrop-filter:blur(14px);background:#10182873;border-radius:999px;gap:4px;padding:4px;display:flex}.top-nav a{color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:color .2s,background .2s}.me{height:40px;color:var(--ink-2);background:#10182873;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:13px;font-weight:600;display:inline-flex}.me img{background:var(--navy);border-radius:50%}.sheet{z-index:60;-webkit-backdrop-filter:blur(18px);animation:fade .35s var(--ease);background:#04060bdb;place-items:center;display:grid;position:fixed;inset:0}.sheet-in{width:min(560px,100% - 32px)}.sheet-x{top:16px;left:var(--gut);position:fixed}.sheet nav{display:grid}.sheet nav a{color:var(--ink-2);border-bottom:1px solid var(--line);transition:color .2s, padding .3s var(--ease);align-items:baseline;gap:18px;padding:14px 0;font-size:clamp(26px,6vw,40px);font-weight:700;display:flex}.sheet nav a span{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.sheet nav a:hover{color:var(--ink);padding-left:8px}.hint{z-index:30;letter-spacing:.12em;color:var(--ink-3);align-items:center;gap:8px;font-size:11px;transition:opacity .4s;display:flex;position:fixed;bottom:18px}.hint .ico{width:12px;height:12px}.hint-l{left:var(--gut)}.hint-r{right:var(--gut)}.hint-l span:last-child{letter-spacing:.02em}body.scrolled-far .hint-l{opacity:0}.rail{z-index:30;right:var(--gut);color:var(--ink-3);font-variant-numeric:tabular-nums;justify-items:center;gap:8px;font-size:11px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.rail #railNum{color:var(--ink)}.rail i{background:linear-gradient(var(--acc), transparent);width:1px;height:56px}.scene{position:relative}.stick{height:100dvh;position:sticky;top:0;overflow:clip}.eyebrow{color:var(--acc);letter-spacing:.02em;align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--acc);width:6px;height:6px;box-shadow:0 0 12px var(--acc);border-radius:50%}.kicker{letter-spacing:.08em;color:var(--acc);font-size:13px;font-weight:700}.btn{min-height:52px;font:700 15px/1 var(--font);transition:transform .3s var(--ease), background .3s, box-shadow .3s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;display:inline-flex}.btn-main{color:#08131f;background:#fff}.btn-main:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px #8cc3e2b3}.btn-ghost{color:var(--ink);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1c}.btn .ico{width:18px;height:18px}.meta{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.hero{height:260vh}.hero .stick{background:radial-gradient(120% 80% at 50% 120%, #0d1f40 0%, var(--bg) 60%);place-items:center;display:grid}.warp{width:100%;height:100%;opacity:calc(.35 + var(--p,0) * .65);position:absolute;inset:0}.hero-aura{background:radial-gradient(40% 35% at 50% 62%, rgba(61, 127, 214, calc(.18 + var(--p,0) * .25)), transparent 70%), radial-gradient(70% 40% at 50% 0%, #8cc3e214, transparent 70%);pointer-events:none;position:absolute;inset:-10%}.mega{transform:translate(-50%, calc(-62% - var(--p,0) * 18vh)) scale(calc(1 + var(--p,0) * .15));letter-spacing:-.04em;white-space:nowrap;background:linear-gradient(#8cc3e257,#8cc3e205 78%);color:#0000;opacity:calc(1 - var(--p,0) * 1.6);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(180px,34vw,560px);font-weight:800;line-height:1;position:absolute;top:50%;left:50%}.hero-copy{z-index:3;width:min(880px,100% - 32px);transform:translate(-50%, calc(var(--p,0) * -14vh));text-align:center;opacity:calc(1 - var(--p,0) * 2.4);justify-items:center;gap:18px;display:grid;position:absolute;top:clamp(96px,15vh,150px);left:50%}.hero h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(32px,5.4vw,68px);font-weight:800;line-height:1.18}.hero h1 em{background:linear-gradient(90deg, var(--acc-2), var(--acc) 60%, #6fa6e8);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--ink-2);max-width:46ch;font-size:clamp(15px,1.5vw,18px)}.cta-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.device{z-index:2;width:min(1180px,92vw);transform:translate(-50%, calc(40% - var(--p,0) * 46%)) perspective(1800px) rotateX(calc(26deg - var(--p,0) * 26deg)) scale(calc(.78 + var(--p,0) * .3));transform-origin:50% 100%;will-change:transform;position:absolute;bottom:0;left:50%}.device-frame{background:#0b0f18;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #bed7ff1a,0 40px 120px -20px #000c,0 0 140px -40px #3d7fd68c}.win-bar{letter-spacing:.12em;height:30px;color:var(--ink-3);background:#141a26f2;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.win-bar i{background:#ffffff24;border-radius:50%;width:9px;height:9px}.win-bar span{margin-left:8px}.device-frame img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto}.device-floor{filter:blur(20px);background:radial-gradient(50% 50%,#3d7fd673,#0000 70%);height:60px;position:absolute;bottom:-30px;left:6%;right:6%}.intro{height:240vh}.intro .stick{background:linear-gradient(180deg, var(--bg), var(--bg-2));place-items:center;display:grid}.intro-aura{background:radial-gradient(70% 45% at 50% 115%,#3d7fd647,#0000 70%),radial-gradient(50% 30% at 10% 0,#8cc3e20f,#0000 70%);position:absolute;inset:0}.intro-in{text-align:center;gap:22px;width:min(980px,100% - 32px);display:grid;position:relative}.reveal{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(24px,3.4vw,44px);font-weight:700;line-height:1.45}.reveal .w{color:var(--ink-4);transition:color .35s}.reveal .w.on{color:var(--ink)}.reveal .w.hl.on{color:var(--acc-2)}.pillars{height:440vh}.pillars .stick{background:radial-gradient(90% 70% at 70% 60%, var(--navy) 0%, var(--bg) 62%)}.pillars-aura{background:radial-gradient(35% 40% at 68% 55%,#3d7fd64d,#0000 70%);position:absolute;inset:0}.orbits{width:0;height:0;position:absolute;top:56%;left:68%}.orbits i{border:1px solid #bed7ff0f;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbits i:first-child{width:52vh;height:52vh}.orbits i:nth-child(2){width:84vh;height:84vh}.orbits i:nth-child(3){width:120vh;height:120vh}.orbits b{background:linear-gradient(#bed7ff24,#0000);width:1px;height:60vh;position:absolute;top:10vh;left:0}.pillar-list{z-index:2;left:max(var(--gut), 7vw);gap:34px;width:min(420px,40vw);margin:0;padding:0;list-style:none;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pillar-list li{opacity:.16;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translate(-10px)}.pillar-list li.on{opacity:1;transform:none}.pillar-list li.past{opacity:.32}.pillar-list .num{color:var(--ink-3);letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:12px;display:block}.pillar-list h2{letter-spacing:-.01em;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.2}.pillar-list li.on h2{background:linear-gradient(90deg, #fff, var(--acc-2));color:#0000;-webkit-background-clip:text;background-clip:text}.pillar-list p{color:var(--ink-2);opacity:0;max-width:34ch;max-height:0;transition:max-height .6s var(--ease), opacity .5s;margin-top:8px;font-size:15px;overflow:hidden}.pillar-list li.on p{opacity:1;max-height:140px}.stack-wrap{width:0;height:0;position:absolute;top:56%;left:68%}.stack{width:240px;height:240px;transform-style:preserve-3d;margin:-120px 0 0 -120px;position:absolute;top:0;left:0;transform:rotateX(58deg)rotate(-42deg)}.tile{transform-style:preserve-3d;-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease), background .6s;background:linear-gradient(145deg,#c8e1ff57,#6e96d71a);border-radius:56px;position:absolute;inset:0;transform:translateZ(-40px);box-shadow:inset 0 0 0 1px #dcebff47,0 0 60px -10px #3d7fd680}.tile.on{opacity:1}.tile.t1.on{transform:translateZ(calc(var(--lv,0) * 30px));background:linear-gradient(145deg,#d7ebff8c,#78a5e633)}.tile.t2.on{transform:translateZ(calc((var(--lv,0) - 1) * 30px))}.tile.t3.on{transform:translateZ(calc((var(--lv,0) - 2) * 30px))}.tile.t4.on{transform:translateZ(calc((var(--lv,0) - 3) * 30px))}.tile-label{transform-origin:100% 100%;color:#ebf5ffb3;white-space:nowrap;font-size:13px;font-weight:600;position:absolute;bottom:-2px;right:22px;transform:rotate(42deg)translate(10px,18px)}.tile-ico{stroke:#f0f8ffeb;stroke-width:1.3px;filter:drop-shadow(0 0 12px #bfe2ffcc);width:76px;height:76px;margin:-38px 0 0 -38px;position:absolute;top:50%;left:50%;transform:rotate(42deg)}.stack-glow{filter:blur(30px);z-index:-1;background:radial-gradient(50% 50%,#5096f066,#0000 70%);width:360px;height:260px;position:absolute;top:-60px;left:-180px}.cases{height:460vh}.cases .stick{background:var(--bg)}.cases-aura{transition:background .9s var(--ease);background:radial-gradient(70% 70% at 75% 50%, var(--case-c,#1b2a6b) 0%, transparent 65%), radial-gradient(60% 60% at 0% 100%, #ffffff08, transparent 60%);position:absolute;inset:0}.cases[data-case="0"]{--case-c:#1d2c6e}.cases[data-case="1"]{--case-c:#4a2463}.cases[data-case="2"]{--case-c:#0f4a52}.cases[data-case="3"]{--case-c:#1d4a2c}.case-copy{z-index:2;left:max(var(--gut), 7vw);width:min(440px,38vw);height:420px;position:absolute;top:50%;transform:translateY(-50%)}.case{opacity:0;transition:opacity .6s var(--ease), transform .7s var(--ease);pointer-events:none;align-content:center;gap:16px;display:grid;position:absolute;inset:0;transform:translateY(24px)}.case.on{opacity:1;pointer-events:auto;transform:none}.case-tag{letter-spacing:.08em;color:var(--acc);font-size:12px;font-weight:700}.case-brand{align-items:center;gap:10px;display:flex}.case-brand b{letter-spacing:.04em;font-size:15px;font-weight:800}.case-brand small{width:100%;display:block}.case-brand{flex-wrap:wrap}.case-brand small{color:var(--ink-3);margin-top:-10px;margin-left:46px;font-size:12px}.case-ico{width:36px;height:36px;color:var(--acc-2);background:#ffffff14;border-radius:12px;place-items:center;display:grid}.case h2{letter-spacing:-.02em;font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.15}.chips{flex-wrap:wrap;gap:22px;margin:6px 0 0;padding:0;list-style:none;display:flex}.chips li{gap:2px;display:grid}.chips b{font-size:22px;font-weight:700}.chips span{color:var(--ink-3);font-size:12px}.case-note{color:var(--ink-2);max-width:40ch;font-size:14px}.case-stage{z-index:1;right:max(var(--gut), 5vw);width:min(820px,52vw);position:absolute;top:50%;transform:translateY(-50%)}.case-frame{aspect-ratio:auto}.case-shots{aspect-ratio:16/10;position:relative}.case-shots img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease), transform 1.2s var(--ease);position:absolute;inset:0;transform:scale(1.03)}.case-shots img.on{opacity:1;transform:none}.case-thumbs{opacity:0;transition:opacity .5s, transform .6s var(--ease);justify-content:flex-end;gap:10px;margin-top:14px;display:flex;transform:translateY(10px)}.cases[data-case="0"] .case-thumbs{opacity:1;transform:none}.case-thumbs img{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;width:30%;box-shadow:0 0 0 1px #bed7ff1a}.case-dots{z-index:2;right:calc(var(--gut) + 30px);color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:64px}.case-dots #caseNum{color:var(--ink)}.case-dots ol{gap:6px;margin:0;padding:0;list-style:none;display:flex}.case-dots li{background:var(--ink-4);width:18px;height:3px;transition:background .4s, width .4s var(--ease);border-radius:3px}.case-dots li.on{background:var(--acc);width:34px}.block{padding:clamp(96px,14vh,160px) 0;position:relative}.wrap{width:min(1180px,100% - 32px);margin:0 auto}.h2{letter-spacing:-.02em;text-wrap:balance;margin-top:12px;font-size:clamp(30px,4.4vw,56px);font-weight:800;line-height:1.2}.h2 em{color:var(--acc-2)}.sub{color:var(--ink-2);margin-top:14px;font-size:16px}.more{background:linear-gradient(180deg, var(--bg), var(--bg-2))}.bento{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px;display:grid}.bx{border-radius:var(--r);min-height:220px;transition:transform .5s var(--ease), background .4s;background:linear-gradient(160deg,#ffffff0e,#ffffff05);align-content:start;gap:10px;padding:26px;display:grid;position:relative;overflow:hidden}.bx:hover{background:linear-gradient(160deg,#8cc3e217,#ffffff05);transform:translateY(-4px)}.bx-wide{grid-column:span 2;padding-right:46%}.bx-ico{width:42px;height:42px;color:var(--acc-2);background:#8cc3e21f;border-radius:14px;place-items:center;margin-bottom:8px;display:grid}.bx-ico .ico{width:20px;height:20px}.bx h3{font-size:19px;font-weight:700}.bx p{color:var(--ink-2);font-size:14px}.bx-shot{width:52%;transition:transform .7s var(--ease);border-radius:12px;position:absolute;bottom:-14%;right:-8%;transform:rotate(-6deg);box-shadow:0 20px 60px -20px #000c,0 0 0 1px #bed7ff1a}.bx:hover .bx-shot{transform:rotate(-3deg)translateY(-6px)}.bx-right .bx-shot{transform:rotate(5deg)}.bx-right:hover .bx-shot{transform:rotate(2deg)translateY(-6px)}.start{background:radial-gradient(70% 50% at 50% 0%, #3d7fd624, transparent 70%), var(--bg-2)}.steps{border-radius:var(--r);background:#ffffff06;grid-template-columns:repeat(3,1fr);margin:52px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.step{align-content:start;gap:10px;padding:28px 28px 32px;display:grid;position:relative}.step+.step{box-shadow:inset 1px 0 0 var(--line)}.step-n{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.step h3{font-size:20px;font-weight:700}.step p{color:var(--ink-2);font-size:14px}.step-art{place-items:center;height:170px;margin:4px 0 10px;display:grid;position:relative}.ring{background:radial-gradient(circle,#3d7fd659,#0000 70%);border-radius:50%;width:120px;height:120px;animation:3.2s ease-in-out infinite breathe;position:absolute}.ring.r2{opacity:.6;width:170px;height:170px;animation-delay:1.2s}.core{width:64px;height:64px;color:var(--acc-2);background:#8cc3e229;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 40px #3d7fd699}.core .ico{width:26px;height:26px}.core.play .ico{fill:currentColor;stroke:none;margin-left:3px}.login-card{background:#ffffff0f;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;gap:6px 12px;width:220px;padding:16px;display:grid}.login-card i{background:linear-gradient(135deg,#5865f2,#8b95ff);border-radius:50%;grid-row:span 2;width:34px;height:34px}.login-card b{background:#ffffff2e;border-radius:4px;width:70%;height:8px}.login-card em{color:#c9ceff;font-size:12px;font-weight:700}.warn{border-radius:var(--r);background:linear-gradient(120deg,#ffc47812,#ffffff05);grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;margin-top:18px;padding:30px;display:grid}.warn-tag{color:#ffd39a;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.warn h3{margin-top:10px;font-size:22px;font-weight:700}.warn-copy>p:last-child{color:var(--ink-2);margin-top:10px;font-size:14px}.warn-copy b{color:var(--ink)}.smartscreen{color:#fff;background:#0b3a73;border-radius:6px;gap:10px;padding:22px 22px 18px;font-family:Segoe UI,Malgun Gothic,sans-serif;font-weight:400;display:grid;position:relative;box-shadow:0 30px 80px -30px #000000e6}.ss-head{font-size:22px;font-weight:300}.smartscreen p{color:#ffffffdb;font-size:13px;line-height:1.5}.ss-more{margin-top:-2px}.ss-btns{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.ss-btns span{background:#ffffff24;border-radius:2px;padding:6px 18px;font-size:13px}.ss-hl{text-decoration:underline;position:relative}.ss-btns .ss-run{text-decoration:none}.ss-hl:after{content:"";border-radius:8px;animation:2.4s ease-in-out infinite blink;position:absolute;inset:-6px -10px;box-shadow:0 0 0 2px #ffd39a}.ss-btns .ss-run:after{animation-delay:1.2s}.ss-cursor{clip-path:polygon(0 0,0 80%,25% 62%,42% 100%,55% 94%,40% 58%,72% 58%);filter:drop-shadow(0 1px 2px #0009);width:18px;height:22px;animation:cursor 4.8s var(--ease) infinite;background:#fff;position:absolute;bottom:26px;right:120px}.faq{background:var(--bg-2);min-height:100svh;padding:clamp(88px,11vh,112px) 0 clamp(32px,6vh,64px)}.faq-wrap{grid-template-columns:.8fr 1.2fr;gap:48px;display:grid}.faq-head{align-self:start;position:sticky;top:120px}.faq-list{display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:16px 4px;font-size:17px;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--acc-2)}.faq summary .ico{transition:transform .4s var(--ease);color:var(--ink-3)}.faq details[open] summary .ico{color:var(--acc);transform:rotate(45deg)}.faq details p{color:var(--ink-2);max-width:60ch;animation:fade .4s var(--ease);padding:0 4px 22px;font-size:15px}.faq details a{color:var(--acc-2);text-underline-offset:3px;text-decoration:underline}.finale{text-align:center;background:radial-gradient(80% 60% at 50% 45%, #0c1d3d 0%, var(--bg) 70%);place-content:center;justify-items:center;gap:18px;min-height:90vh;padding:120px 16px;display:grid;position:relative;overflow:hidden}.finale-mark{place-items:center;margin-bottom:14px;display:grid;position:relative}.finale-flare{filter:blur(1px);width:140vw;height:2px;transform:scaleX(var(--fl,.2));opacity:var(--fo,.3);transition:transform 1.6s var(--ease), opacity 1.2s;background:linear-gradient(90deg,#0000,#bfe2ffe6 50%,#0000);margin-left:-70vw;position:absolute;top:50%;left:50%;box-shadow:0 0 40px 8px #6eaaff73}.finale.lit{--fl:1;--fo:1}.finale-logo{object-fit:cover;object-position:center 22%;border-radius:50%;width:96px;height:96px;position:relative;box-shadow:0 0 0 1px #bfe2ff40,0 0 80px #6eaaff8c}.finale h2{letter-spacing:-.02em;font-size:clamp(30px,4.6vw,58px);font-weight:800;line-height:1.2;position:relative}.finale h2 em{color:var(--acc-2)}.finale>p{color:var(--ink-2);position:relative}.finale .btn{margin-top:10px}.foot{background:var(--bg);padding:40px 0 calc(40px + env(safe-area-inset-bottom));box-shadow:inset 0 1px 0 var(--line)}.foot-in{width:min(1680px,100% - 64px);color:var(--ink-3);grid-template-columns:1fr auto;align-items:center;gap:14px 24px;margin:0 auto;font-size:13px;display:grid}.foot-brand{align-items:center;gap:10px;display:flex}.foot-brand img{object-fit:cover;object-position:center 22%;border-radius:50%}.foot-brand b{color:var(--ink);letter-spacing:.16em}.foot nav{gap:18px;display:flex}.foot nav a:hover{color:var(--ink)}.foot nav b{color:var(--ink-2)}.foot-copy{text-align:right;grid-column:1/-1}body.is-gated main,body.is-gated .top,body.is-gated .hint,body.is-gated .rail,body.is-gated .foot{visibility:hidden}main,.top,.hint,.rail{animation:none}body.revealed .hero-copy>*{animation:rise 1s var(--ease) both}body.revealed .hero-copy>:nth-child(2){animation-delay:80ms}body.revealed .hero-copy>:nth-child(3){animation-delay:.16s}body.revealed .hero-copy>:nth-child(4){animation-delay:.24s}body.revealed .hero-copy>:nth-child(5){animation-delay:.32s}body.revealed .device-frame{animation:deviceIn 1.6s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes deviceIn{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{50%{opacity:.35}}@keyframes breathe{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}@keyframes blink{0%,to{opacity:0}30%,60%{opacity:1}}@keyframes cursor{0%,to{transform:translate(-150px,-70px)}25%{transform:translate(-150px,-70px)}45%{transform:translate(0)}70%{transform:translate(0)}}body.flat .hero{height:auto}body.flat .hero .stick{place-items:start center;height:auto;min-height:100svh;padding:110px 0 0;display:grid;position:relative;overflow:hidden}body.flat .hero-copy{opacity:1;margin:0 auto;position:relative;top:0;left:0;transform:none}body.flat .mega{opacity:.8;top:32%;transform:translate(-50%,-50%)}body.flat .device{width:min(1080px,100% - 32px);margin:40px auto -6px;position:relative;bottom:0;left:0;transform:perspective(1200px)rotateX(10deg)}body.flat .intro{height:auto}body.flat .intro .stick{height:auto;padding:100px 0;position:relative}body.flat .reveal .w{color:var(--ink)}body.flat .reveal .w.hl{color:var(--acc-2)}body.flat .pillars,body.flat .cases{height:auto}body.flat .pillars .stick,body.flat .cases .stick{height:auto;padding:90px max(16px,7vw);position:relative;overflow:visible}body.flat .orbits,body.flat .stack-wrap{display:none}body.flat .pillar-list{gap:28px;width:min(720px,100%);position:relative;top:0;left:0;transform:none}body.flat .pillar-list li,body.flat .pillar-list li.past{opacity:1;transform:none}body.flat .pillar-list p{opacity:1;max-height:none}body.flat .pillar-list h2{color:var(--ink);background:0 0;-webkit-background-clip:border-box;background-clip:border-box}body.flat .case-copy{gap:56px;width:min(860px,100%);height:auto;display:grid;position:relative;top:0;left:0;transform:none}body.flat .case{opacity:1;pointer-events:auto;position:relative;transform:none}body.flat .case-stage,body.flat .case-dots{display:none}body.flat .case:after{content:"";aspect-ratio:16/10;background-position:top;background-size:cover;border-radius:14px;margin-top:8px;display:block}body.flat .case[data-i="0"]:after{background-image:url(/shots/dash_dark.webp)}body.flat .case[data-i="1"]:after{background-image:url(/shots/custom_dark.webp)}body.flat .case[data-i="2"]:after{background-image:url(/shots/music.webp)}body.flat .case[data-i="3"]:after{background-image:url(/shots/mc.webp)}body.flat .cases-aura{background:radial-gradient(90% 40% at 50% 10%,#1d2c6e 0%,#0000 70%)}@media (width<=900px){.top-nav,.me,.rail{display:none!important}.hint-r{display:none}body.flat .mega{font-size:52vw}body.flat .device{width:calc(100% - 32px)}body.flat .pillars .stick,body.flat .cases .stick{padding:90px 16px}.bento{grid-template-columns:1fr}.bx-wide{grid-column:auto;padding-bottom:180px;padding-right:26px}.bx-shot{width:70%;bottom:-20%}.steps{grid-template-columns:1fr}.step+.step{box-shadow:inset 0 1px 0 var(--line)}.warn{grid-template-columns:1fr;padding:22px}.faq-wrap{grid-template-columns:1fr;gap:24px}.faq-head{position:static}.foot-in{grid-template-columns:1fr;width:calc(100% - 32px)}.foot nav{flex-wrap:wrap}}@media (width<=520px){.brand span{display:none}.cta-row{width:100%}.cta-row .btn{flex:100%}.hint{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal .w{color:var(--ink)}}:root,html,body{scrollbar-width:none;-ms-overflow-style:none;max-width:100%;overflow-x:clip}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.top{isolation:isolate;grid-template-columns:1fr auto 1fr;width:100%;padding:16px max(32px,50% - 840px);display:grid}.top:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:#000000b8;transition:opacity .25s;position:absolute;inset:0}.top.has-scrolled:before{opacity:1}.top-r{justify-self:end}.brand{align-items:center;gap:10px;min-height:44px;font-size:16px;transition:filter .2s;display:inline-flex}.brand img{width:32px;height:32px}.brand,.top-nav,.top-nav a,.icon-pill{-webkit-backdrop-filter:none;background:0 0}.brand:hover,.brand:active{filter:brightness(.8);background:0 0}.top-nav a:hover{color:var(--acc-2);background:0 0}#menuBtn,#menuBtn:hover,#menuBtn:focus-visible{box-shadow:none;background:0 0}#menuBtn{width:48px;height:48px;color:var(--ink);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}#menuBtn .ico{width:25px;height:25px}#menuBtn .menu-cross,#menuBtn[aria-expanded=true] .menu-line{display:none}#menuBtn[aria-expanded=true] .menu-cross{display:block}.me,.cta-pill{-webkit-backdrop-filter:blur(14px);background:#1018288c}.me{min-width:0;max-width:160px}.me img{flex:none}#meName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cta-pill{background:#8cc3e224}.sheet{-webkit-backdrop-filter:blur(48px);background:#000c;padding:88px 16px 24px;animation:none;overflow-y:auto}.sheet-in{max-height:100%}body.menu-open #main{filter:blur(24px);pointer-events:none}.menu-open .rail,.menu-open .hint{visibility:hidden}.menu-open .top{z-index:61;pointer-events:none}.menu-open .top-l,.menu-open .top-nav,.menu-open .top-r>:not(#menuBtn){visibility:hidden}.menu-open .top #menuBtn{pointer-events:auto}.rail{right:var(--gut)}.hero-copy{top:clamp(128px,19vh,196px)}.hero .stick:before,.intro .stick:before,.block:before,.finale:before{content:"";z-index:0;filter:blur(18px);opacity:.32;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-24px}.hero .stick:before{background-image:url(/shots/mc.webp)}.intro .stick:before{opacity:.3;background-image:url(/shots/home.webp)}.block:before{opacity:.27;filter:blur(16px)}.more:before{background-image:url(/shots/shop_dark.webp)}.start:before{background-image:url(/shots/mc.webp)}.faq:before{background-image:url(/shots/notice_dark.webp)}.finale:before{opacity:.3;background-image:url(/shots/ask_dark.webp)}.hero .stick:after,.intro .stick:after,.block:after,.finale:after{content:"";z-index:0;pointer-events:none;background:#030509b3;position:absolute;inset:0}.hero .stick:after{background:linear-gradient(#030509b8,#030509c9)}.intro .stick:after{background:#030509ad}.block:after{background:#030509c2}.finale:after{background:#030509b3}.intro-in,.wrap,.finale>*{z-index:1;position:relative}.warp{opacity:calc(.12 + var(--p,0) * .24)}.device-frame{box-shadow:none;border:0}.case-frame{background:0 0}.case-stage{flex-direction:column;justify-content:center;display:flex}.case-thumbs{display:none!important}.case-controls{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;padding:0 14px;display:flex;position:absolute;inset:30px 0 0}.case-controls button{width:42px;height:42px;color:var(--ink);cursor:pointer;pointer-events:auto;background:#05070ba3;border:0;border-radius:50%;place-items:center;transition:background .18s,transform .18s;display:grid}.case-controls button:hover{background:#05070be0;transform:scale(1.05)}.case-controls #casePrev .ico{transform:rotate(180deg)}.case-controls .ico{width:17px;height:17px}.case-copy{top:47%}.case-stage{top:calc(44% + 16px)}.case-dots{gap:12px;top:calc(100% + 16px);bottom:auto;right:20px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.case-count{white-space:nowrap;gap:0;display:inline-flex}.case-count b{color:var(--ink);font-weight:inherit}.step:first-child .ring{display:none}.step:first-child .core{box-shadow:none;filter:none}.scene{background:var(--bg);max-width:100%;overflow:visible}.intro,.start,.faq{background-color:var(--bg-2)}.block,.finale{isolation:isolate;background-size:cover;max-width:100%;overflow:clip}.btn-main:hover{box-shadow:none}.eyebrow .dot,.tile,.tile-ico,.core,.smartscreen,.ss-cursor,.finale-logo,.bx-shot{box-shadow:none;filter:none}.tile{border:0}.step+.step{box-shadow:none;border-left:1px solid var(--line)}.ss-hl:after{content:none}.ss-cursor{filter:none}.finale-flare{display:none}.foot{box-shadow:none;border-top:1px solid var(--line)}body.flat .faq-head{position:static}@media (width<=1200px){.top{grid-template-columns:1fr auto}.top-nav{display:none}}@media (width<=900px){.top{padding:12px 16px}.case-controls{display:none}.step+.step{border-left:0;border-top:1px solid var(--line)}}@media (width<=520px){.top{padding:10px 12px}.foot-copy{text-align:left}}
