:root{--bg: #0c0c0d;--bg-2: #131315;--bg-3: #1a1a1d;--line: #25252a;--line-2: #2f2f35;--fg: #ededee;--fg-2: #b4b4b8;--fg-3: #76767c;--accent: oklch(86% .19 122);--accent-ink: #0c0c0d;--radius: 14px;--radius-sm: 10px;--maxw: 1280px;--pad-x: clamp(20px, 4vw, 56px);--font: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-x)}.section{padding:clamp(72px,10vw,140px) 0;border-top:1px solid var(--line);position:relative}.section:first-of-type{border-top:0}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--fg-3);text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 22%,transparent)}.h-display{font-weight:500;letter-spacing:-.025em;line-height:.98;font-size:clamp(44px,7.6vw,112px);text-wrap:balance}.h-section{font-weight:500;letter-spacing:-.022em;line-height:1.02;font-size:clamp(34px,4.6vw,64px);text-wrap:balance;margin:0}.lead{font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:var(--fg-2);max-width:56ch;text-wrap:pretty}p{text-wrap:pretty}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--fg-3)}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in oklab,var(--bg) 85%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad-x);max-width:var(--maxw);margin:0 auto}.logo{display:inline-flex;align-items:baseline;gap:8px;font-weight:600;letter-spacing:-.01em;font-size:17px}.logo .dot{width:8px;height:8px;border-radius:2px;background:var(--accent);display:inline-block;transform:translateY(1px)}.logo small{font-family:var(--mono);font-size:11px;color:var(--fg-3);font-weight:400;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:1px solid transparent;font-weight:500;font-size:15px;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:progress}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#c9f14c}.btn-ghost{border-color:var(--line-2);color:var(--fg);background:transparent}.btn-ghost:hover{border-color:var(--fg-3)}.btn-lg{padding:18px 28px;font-size:16px}.btn .arr{width:16px;height:16px;display:inline-block;transition:transform .2s ease}.btn:hover .arr{transform:translate(2px,-2px)}.hero{padding-top:clamp(48px,7vw,96px)}.hero-grid{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:1.05fr .95fr;align-items:end}.hero h1{margin:18px 0 28px}.hero h1 .accent{color:var(--accent)}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line);max-width:640px}.meta-item .k{font-family:var(--mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}.meta-item .v{font-size:clamp(17px,1.5vw,20px);margin-top:6px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.hero-visual{position:relative;min-height:380px}.laptop{position:relative;width:100%;aspect-ratio:16/10;background:linear-gradient(180deg,#1d1d20,#141417);border:1px solid var(--line-2);border-radius:18px 18px 6px 6px;padding:14px;box-shadow:0 30px 60px -30px #0009,inset 0 1px #ffffff0a}.laptop:before{content:"";position:absolute;left:50%;top:6px;transform:translate(-50%);width:50px;height:5px;border-radius:999px;background:#2a2a2f}.laptop-screen{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;background:#0a0a0c;border:1px solid var(--line)}.laptop-base{height:14px;margin:4px -22px 0;background:linear-gradient(180deg,#1d1d20,#0e0e10);border-radius:0 0 16px 16px;border:1px solid var(--line-2);border-top:0;position:relative}.laptop-base:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:90px;height:6px;background:#0a0a0c;border-radius:0 0 10px 10px}.laptop-wrap{padding:0 6px}.hero-mock{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(120% 80% at 80% -10%,color-mix(in oklab,var(--accent) 24%,transparent),transparent 55%),radial-gradient(80% 60% at 10% 110%,rgba(120,120,160,.16),transparent 60%),linear-gradient(180deg,#0e0e11,#0a0a0c)}.hero-mock .badge{align-self:flex-start;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--fg-2);background:#ffffff0d;padding:6px 10px;border-radius:999px;border:1px solid var(--line-2)}.hero-mock .big{font-size:clamp(32px,4vw,60px);font-weight:500;line-height:.95;letter-spacing:-.02em}.hero-mock .big em{font-style:normal;color:var(--accent)}.hero-mock-row{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}.hero-mock .pill{background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:999px;font-size:13px;font-weight:500}.hero-mock .notes{display:flex;gap:6px;align-items:flex-end;height:56px}.hero-mock .notes span{width:6px;background:var(--fg-2);border-radius:2px;display:block}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3.5vw,48px);margin-top:clamp(40px,5vw,72px)}.game-card{display:flex;flex-direction:column;gap:18px}.game-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.game-label .name{font-size:clamp(18px,1.6vw,22px);font-weight:500;letter-spacing:-.01em}.game-label .idx{font-family:var(--mono);font-size:12px;color:var(--fg-3)}.game-frame-wrap{background:linear-gradient(180deg,#141416,#0e0e10);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative}.game-frame-wrap iframe{width:100%;height:100%;border:0;display:block;background:#000}.game-laptop{aspect-ratio:16/10}.game-foot{display:flex;justify-content:space-between;align-items:center;gap:14px}.game-foot .hint{font-family:var(--mono);font-size:12px;color:var(--fg-3)}.scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:clamp(40px,5vw,64px)}.scen{background:var(--bg);padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;gap:14px;min-height:240px;position:relative}.scen .num{font-family:var(--mono);font-size:12px;color:var(--fg-3);letter-spacing:.06em}.scen .ttl{font-size:clamp(20px,1.9vw,26px);font-weight:500;letter-spacing:-.01em}.scen p{color:var(--fg-2);font-size:16px;line-height:1.55;margin:0}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(40px,5vw,64px)}.step{display:flex;flex-direction:column;gap:18px;padding-top:22px;border-top:1px solid var(--accent)}.step .n{font-family:var(--mono);font-size:12px;color:var(--accent)}.step p{color:var(--fg);font-size:17px;line-height:1.45;margin:0}.steps-foot{margin-top:clamp(32px,4vw,48px);padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.steps-foot .big{font-size:clamp(24px,2.8vw,36px);font-weight:500;letter-spacing:-.015em}.steps-foot .big em{font-style:normal;color:var(--accent)}.price-card{margin-top:clamp(40px,5vw,64px);border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(120% 90% at 100% 0%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 55%),linear-gradient(180deg,#131316,#0d0d10);padding:clamp(36px,5vw,64px);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,4vw,56px);align-items:end}.price-eyebrow{font-family:var(--mono);font-size:12px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.price-old{display:inline-block;font-size:clamp(28px,4vw,56px);font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--fg-3);text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:color-mix(in oklab,var(--accent) 55%,transparent);margin-bottom:8px}.price-big{font-size:clamp(48px,8vw,112px);line-height:.92;font-weight:500;letter-spacing:-.03em}.price-big em{font-style:normal;color:var(--accent)}.price-deadline{margin-top:20px;display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:clamp(12px,1.3vw,14px);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent) 40%,var(--line));background:color-mix(in oklab,var(--accent) 8%,transparent)}.price-deadline .dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px color-mix(in oklab,var(--accent) 22%,transparent)}.sale-pill{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;padding:10px 16px 10px 10px;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent) 35%,var(--line));background:color-mix(in oklab,var(--accent) 8%,transparent);font-size:14px;color:var(--fg);max-width:100%}.sale-pill-tag{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);padding:6px 10px;border-radius:999px;font-weight:500}.sale-pill-text{font-family:var(--font)}.sale-pill-text s{color:var(--fg-3);text-decoration-thickness:1.5px;margin-right:4px}.sale-pill-text b{color:var(--accent);font-weight:600}.price-old-inline{color:var(--fg-3);text-decoration:line-through;font-size:.85em}.price-new-inline{color:var(--accent);font-weight:500}.price-meta{display:flex;flex-direction:column;gap:18px}.price-meta .row{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.price-meta .row:last-of-type{border-bottom:0}.price-meta .k{font-family:var(--mono);font-size:12px;color:var(--fg-3);width:96px;flex-shrink:0;text-transform:uppercase;letter-spacing:.06em;padding-top:3px}.price-meta .v{color:var(--fg);font-size:16px;line-height:1.5}.trust{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,5vw,80px);align-items:start}.trust .big{font-size:clamp(30px,3.6vw,48px);line-height:1.05;font-weight:500;letter-spacing:-.02em;margin:0;text-wrap:balance}.trust p{font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:var(--fg-2);margin:0;text-wrap:pretty;max-width:58ch}.form-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,96px);margin-top:clamp(32px,4vw,48px);align-items:start}.form-side .lead{margin-top:18px}.form-meta{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.form-meta .row{display:flex;gap:14px;font-family:var(--mono);font-size:12px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}.form-meta .row b{color:var(--fg-2);font-weight:400}form.card{background:radial-gradient(120% 80% at 0% 0%,color-mix(in oklab,var(--accent) 8%,transparent),transparent 60%),linear-gradient(180deg,#18181c,#101013);border:1px solid color-mix(in oklab,var(--accent) 30%,var(--line-2));border-radius:var(--radius);padding:clamp(28px,3.5vw,40px);display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 80px -40px color-mix(in oklab,var(--accent) 35%,transparent),0 1px #ffffff0a inset}.field{display:flex;flex-direction:column;gap:8px}.field label{font-family:var(--font);font-size:14px;color:var(--fg);font-weight:500;letter-spacing:-.005em}.field label .opt{color:var(--fg-3);font-weight:400}.field input,.field textarea{width:100%;background:#0a0a0c;color:var(--fg);border:1.5px solid var(--line-2);border-radius:var(--radius-sm);padding:14px 16px;font:500 17px/1.4 var(--font);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--fg-3);font-weight:400}.field input:hover,.field textarea:hover{border-color:var(--fg-3)}.field input:focus,.field textarea:focus{border-color:var(--accent);background:#0c0c10;box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent)}.field textarea{min-height:92px}.field.is-error input,.field.is-error textarea{border-color:#ff6a6a;box-shadow:0 0 0 4px color-mix(in oklab,#ff6a6a 18%,transparent)}.field .err{font-family:var(--mono);font-size:11px;color:#ff8a8a;letter-spacing:.04em}form .submit{margin-top:4px;width:100%;justify-content:center;font-size:17px;padding:20px 28px;box-shadow:0 12px 32px -10px color-mix(in oklab,var(--accent) 60%,transparent)}form .submit:hover{box-shadow:0 16px 40px -10px color-mix(in oklab,var(--accent) 75%,transparent)}form .legal{font-family:var(--font);font-size:13px;color:var(--fg-2);line-height:1.5;letter-spacing:0;text-align:center}.consents{display:flex;flex-direction:column;gap:12px;margin-top:4px}.consent{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;cursor:pointer;font-size:13px;line-height:1.5;color:var(--fg-2)}.consent input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.consent-box{width:20px;height:20px;border:1.5px solid var(--line-2);border-radius:5px;background:#0a0a0c;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,background .15s ease,color .15s ease;color:var(--accent-ink);flex-shrink:0;margin-top:1px}.consent-box svg{opacity:0;transition:opacity .12s ease}.consent input[type=checkbox]:checked+.consent-box{background:var(--accent);border-color:var(--accent)}.consent input[type=checkbox]:checked+.consent-box svg{opacity:1}.consent input[type=checkbox]:focus-visible+.consent-box{box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 22%,transparent)}.consent:hover .consent-box{border-color:var(--fg-3)}.consent.is-error .consent-box{border-color:#ff6a6a;box-shadow:0 0 0 3px color-mix(in oklab,#ff6a6a 18%,transparent)}.consent-text a{color:var(--fg);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent) 55%,transparent);text-underline-offset:2px}.consent-text a:hover{text-decoration-color:var(--accent);color:var(--accent)}.hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.form-error{font-family:var(--mono);font-size:12px;color:#ff8a8a;letter-spacing:.04em;padding:10px 0}.sent{display:flex;flex-direction:column;gap:14px;padding:clamp(28px,3.5vw,44px);border:1px solid color-mix(in oklab,var(--accent) 40%,var(--line));border-radius:var(--radius);background:radial-gradient(80% 100% at 100% 0%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 60%),linear-gradient(180deg,#131316,#0d0d10);align-items:flex-start}.sent .tag{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.sent .tag:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px color-mix(in oklab,var(--accent) 22%,transparent)}.sent .ttl{font-size:clamp(22px,2.2vw,28px);font-weight:500;letter-spacing:-.01em}.foot-legal{border-top:1px solid var(--line);padding:clamp(40px,6vw,64px) 0 28px;background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--accent) 3%,transparent))}.foot-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(28px,4vw,64px)}.foot-col-brand .logo{font-size:18px}.foot-desc{margin:14px 0 16px;color:var(--fg-2);font-size:14px;line-height:1.55;max-width:38ch}.foot-link{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.foot-link:hover{opacity:.85}.foot-h{font-family:var(--mono);font-size:11px;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.foot-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.foot-list li{font-size:14px;color:var(--fg-2);line-height:1.5}.foot-list a{color:var(--fg-2)}.foot-list a:hover{color:var(--accent)}.foot-bottom{margin-top:clamp(32px,5vw,48px);padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--fg-3)}.foot-legal-name{text-transform:none}@media (max-width: 720px){.foot-cols{grid-template-columns:1fr;gap:32px}.foot-bottom{flex-direction:column;align-items:flex-start;gap:8px}}.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.head-left{display:flex;flex-direction:column;gap:18px;max-width:22ch}.head-right{max-width:48ch;color:var(--fg-2);font-size:17px;line-height:1.5}@media (max-width: 980px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1;max-width:560px}.games-grid,.scenarios{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.price-card,.trust,.form-grid{grid-template-columns:1fr}.head-left{max-width:none}}@media (max-width: 560px){.steps{grid-template-columns:1fr}.hero-meta{grid-template-columns:1fr;gap:12px;padding-top:22px}.meta-item{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:12px}.meta-item:last-child{border-bottom:0;padding-bottom:0}.meta-item .k{padding-top:6px}.game-frame-wrap{padding:14px}.laptop{padding:10px}.topbar .btn{display:none}.scen{padding:24px;min-height:0}}@keyframes exit-popup-fade{0%{opacity:0}to{opacity:1}}@keyframes exit-popup-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.exit-popup{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:exit-popup-fade .18s ease-out both}.exit-popup-overlay{position:absolute;inset:0;background:#08080ab8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.exit-popup-modal{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;background:radial-gradient(120% 80% at 100% 0%,color-mix(in oklab,var(--accent) 16%,transparent),transparent 60%),linear-gradient(180deg,#15151a,#0c0c0e);border:1px solid color-mix(in oklab,var(--accent) 35%,var(--line-2));border-radius:20px;padding:clamp(28px,4vw,40px);box-shadow:0 60px 120px -30px #0009,0 0 0 1px #ffffff08 inset;animation:exit-popup-pop .22s cubic-bezier(.2,.8,.2,1) both}.exit-popup-close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--line-2);border-radius:999px;color:var(--fg-2);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.exit-popup-close:hover{background:#ffffff14;color:var(--fg);border-color:var(--fg-3)}.exit-popup .eyebrow{margin-bottom:16px}.exit-popup-h{font-size:clamp(24px,3.2vw,32px);font-weight:500;line-height:1.05;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance}.exit-popup-h .accent{color:var(--accent)}.exit-popup-sub{color:var(--fg-2);font-size:16px;line-height:1.5;margin:0 0 22px;text-wrap:pretty}.exit-popup-sub b{color:var(--fg);font-weight:600}.exit-popup .card{padding:0;background:transparent;border:0;box-shadow:none}.exit-popup .legal{text-align:left}@media (max-width: 560px){.exit-popup{padding:12px;align-items:flex-end}.exit-popup-modal{border-radius:16px;padding:24px 20px 20px;max-height:92vh}.exit-popup-close{top:10px;right:10px;width:32px;height:32px}}