:root{color-scheme:dark;--void: #040817;--night: #081020;--graphite: #121826;--ink: #1c2233;--ivory: #f2f1ed;--stone: #9ca2b0;--rose: #ff5c7c;--amber: #ffb84d;--leaf: #2cd59a;--blue: #4da3ff;--violet: #b16cff;--line: rgba(255, 92, 124, .46);font-family:ui-rounded,SF Pro Rounded,Avenir Next,Inter,system-ui,sans-serif;background:var(--void);color:var(--ivory)}*{box-sizing:border-box}html{min-width:320px;background:var(--void)}body{min-width:320px;margin:0;overflow-x:hidden;background:radial-gradient(circle at 18% 18%,rgba(255,92,124,.18),transparent 28rem),radial-gradient(circle at 82% 52%,rgba(77,163,255,.16),transparent 30rem),linear-gradient(135deg,#02050d,#081020 52%,#03050b)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-shell{position:relative;min-height:100vh;isolation:isolate}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:18px 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;font-weight:1000;letter-spacing:0}.brand img{width:44px;height:44px;border-radius:10px;box-shadow:0 0 24px #ff5c7c70}.header nav,.footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.header nav a,.footer nav a{min-height:38px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:0 14px;color:var(--stone);font-size:13px;font-weight:800;background:#04081785}.header nav a:hover,.footer nav a:hover{color:var(--ivory);border-color:#ff5c7c85}main{width:min(1160px,calc(100% - 40px));margin:0 auto}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.72fr);align-items:center;gap:44px;padding:38px 0 70px}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 16px;color:var(--rose);font-size:13px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{letter-spacing:0}h1{max-width:780px;margin:0;font-size:clamp(58px,8.6vw,116px);line-height:.88;font-weight:1000;color:var(--ivory);text-shadow:0 0 24px rgba(255,92,124,.24)}h1 span{display:block;margin-top:24px;max-width:780px;color:var(--ivory);font-size:clamp(34px,5.5vw,76px);line-height:.94}.lead{max-width:650px;margin:28px 0 0;color:var(--stone);font-size:clamp(18px,2vw,23px);line-height:1.45;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.primary-cta,.secondary-cta{min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:0 28px;font-size:16px;font-weight:1000;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%,0 22%)}.primary-cta{min-width:190px;color:#14040a;background:linear-gradient(135deg,var(--rose),var(--amber));box-shadow:0 0 30px #ff5c7c57}.secondary-cta{min-width:170px;color:var(--ivory);border:1px solid rgba(44,213,154,.54);background:#0408179e}.compact{margin-top:24px}.phone{position:relative;width:min(390px,100%);min-height:660px;margin-left:auto;border:2px solid rgba(242,241,237,.12);border-radius:48px;padding:56px 22px 26px;background:linear-gradient(135deg,#ff5c7c2e,#4da3ff29),#03060fe0;box-shadow:0 0 0 8px #0000006b,0 0 56px #4da3ff2e,0 38px 80px #0000008a;overflow:hidden}.phone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.035) 23px 24px),radial-gradient(circle at 70% 34%,rgba(255,92,124,.3),transparent 11rem);pointer-events:none}.phone-notch{position:absolute;top:18px;left:50%;width:116px;height:34px;border-radius:999px;background:#000;transform:translate(-50%)}.phone-card{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;border:1.5px solid var(--rose);padding:24px;background:radial-gradient(circle at 74% 30%,rgba(77,163,255,.16),transparent 9rem),linear-gradient(135deg,#ff5c7c52,#1c2233c7);clip-path:polygon(8% 0,96% 0,100% 10%,100% 94%,88% 100%,0 100%,0 9%);box-shadow:0 0 30px #ff5c7c3d}.pill{align-self:flex-start;border-radius:999px;padding:9px 15px;color:var(--ivory);font-weight:1000;background:#000000a3}.phone-card strong{font-size:88px;line-height:.85;font-weight:1000}.phone-card strong span{color:var(--rose);font-size:42px}.phone-card p{margin:0;color:var(--ivory);font-size:28px;line-height:1.05;font-weight:1000}.score-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.score-grid span{min-height:62px;display:grid;place-items:center;border:1px solid rgba(255,92,124,.44);color:var(--ivory);font-size:28px;font-weight:1000;background:#00000075;clip-path:polygon(10% 0,100% 0,100% 78%,88% 100%,0 100%,0 18%)}.score-grid .selected{color:#17050b;background:linear-gradient(135deg,var(--rose),var(--amber))}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:30px 0 44px}.glass-panel,.faq-item{position:relative;border:1px solid rgba(255,92,124,.28);padding:22px;background:linear-gradient(135deg,#1c2233d1,#081020c2);clip-path:polygon(7% 0,100% 0,100% 88%,92% 100%,0 100%,0 13%)}.glass-panel span{display:block;color:var(--rose);font-size:30px;font-weight:1000}.glass-panel p,.faq-item p,.text-stack p,.steps p,.footer p{color:var(--stone);line-height:1.62;font-weight:650}.preview-section,.examples-section,.home-faq{padding:48px 0}.preview-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:start}.preview-section h2,.examples-section h2,.home-faq h2{margin:0;color:var(--ivory);font-size:clamp(34px,4.6vw,64px);line-height:1;font-weight:1000}.preview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-screen{min-height:300px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.12);padding:22px;background:linear-gradient(135deg,#1c2233db,#040817c2);clip-path:polygon(12% 0,100% 0,100% 90%,88% 100%,0 100%,0 12%)}.mini-screen span{width:max-content;border-radius:999px;padding:8px 12px;color:var(--ivory);font-size:12px;font-weight:1000;background:#0000008a}.mini-screen strong{font-size:46px;line-height:.94;font-weight:1000}.mini-screen p{margin:0;color:var(--stone);line-height:1.45;font-weight:750}.mini-screen.rose{border-color:#ff5c7c75;box-shadow:inset 0 0 38px #ff5c7c1a}.mini-screen.blue{border-color:#4da3ff6b;box-shadow:inset 0 0 38px #4da3ff1a}.mini-screen.leaf{border-color:#2cd59a6b;box-shadow:inset 0 0 38px #2cd59a1a}.examples-grid,.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.example-card{min-height:132px;display:flex;align-items:flex-end;border:1px solid rgba(255,92,124,.28);padding:18px;background:radial-gradient(circle at 88% 18%,rgba(255,92,124,.18),transparent 7rem),#040817ad;clip-path:polygon(9% 0,100% 0,100% 82%,90% 100%,0 100%,0 18%)}.example-card p{margin:0;color:var(--ivory);font-size:18px;line-height:1.28;font-weight:950}.split-section{display:grid;grid-template-columns:.82fr 1fr;gap:44px;align-items:start;padding:52px 0 110px}.seo-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px 40px;align-items:start;border-block:1px solid rgba(255,92,124,.22);padding:54px 0}.seo-section .eyebrow{grid-column:1 / -1}.seo-section h2{grid-column:2;grid-row:2;margin:0;color:var(--ivory);font-size:clamp(34px,4.6vw,64px);line-height:1;font-weight:1000}.seo-copy{grid-column:1;grid-row:2;display:grid;gap:18px}.seo-copy p{margin:0;color:var(--stone);font-size:18px;line-height:1.68;font-weight:700}.split-section h2,.page h1{margin:0;color:var(--ivory);font-size:clamp(38px,5vw,72px);line-height:.98;font-weight:1000}.steps{display:grid;gap:14px}.steps p{margin:0;border-left:2px solid rgba(255,92,124,.72);padding:16px 0 16px 20px;background:linear-gradient(90deg,rgba(255,92,124,.08),transparent)}.steps strong{margin-right:14px;color:var(--rose)}.page{min-height:calc(100vh - 250px);padding:96px 0 110px}.game-page .examples-section{padding:44px 0 18px}.rules-grid{margin-top:30px}.text-stack,.faq-list{max-width:860px;display:grid;gap:18px;margin-top:34px}.text-stack p{margin:0;font-size:18px}.faq-list{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}.faq-item h2{margin:0 0 10px;color:var(--ivory);font-size:22px}.faq-item p{margin:0}.compact-faq{margin-top:24px}.footer{width:min(1160px,calc(100% - 40px));display:flex;justify-content:space-between;gap:30px;margin:0 auto;border-top:1px solid rgba(255,92,124,.24);padding:32px 0 44px}.footer strong{font-size:24px}.footer p{max-width:390px;margin:8px 0 0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.scan{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--rose),transparent);opacity:.55}.scan-a{top:31%;left:2%;width:48vw;transform:rotate(-2deg)}.scan-b{right:-8%;bottom:24%;width:54vw;background:linear-gradient(90deg,transparent,var(--blue),transparent);transform:rotate(-14deg)}.target{position:absolute;top:19%;right:11%;width:360px;height:360px;border-radius:50%;border:1px solid rgba(77,163,255,.2);box-shadow:inset 0 0 0 42px #4da3ff09,inset 0 0 0 84px #ff5c7c09,inset 0 0 0 126px #4da3ff09;opacity:.78}.halftone{position:absolute;right:7%;bottom:9%;width:260px;height:260px;background-image:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1.2px);background-size:13px 13px;opacity:.42;-webkit-mask-image:linear-gradient(135deg,transparent,black 22%,black 74%,transparent);mask-image:linear-gradient(135deg,transparent,black 22%,black 74%,transparent)}@media(max-width:880px){.header{align-items:flex-start;flex-direction:column;gap:14px}.hero,.split-section,.seo-section,.preview-section{grid-template-columns:1fr}.seo-section .eyebrow,.seo-section h2,.seo-copy{grid-column:auto;grid-row:auto}.hero{padding-top:28px}.phone{min-height:580px;margin:0 auto}.feature-grid,.faq-list,.preview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{flex-direction:column}}@media(max-width:560px){main,.header,.footer{width:min(100% - 28px,1160px)}.header nav,.footer nav{gap:8px}.header nav a,.footer nav a{min-height:34px;padding:0 11px;font-size:12px}h1{font-size:clamp(43px,14vw,72px)}h1 span{font-size:clamp(31px,10vw,48px)}.actions{flex-direction:column}.primary-cta,.secondary-cta{width:100%}.phone{min-height:540px;border-radius:38px;padding-inline:16px}.phone-card{min-height:268px;padding:20px}.phone-card strong{font-size:70px}.phone-card p{font-size:24px}.feature-grid,.faq-list,.preview-strip,.examples-grid,.rules-grid{grid-template-columns:1fr}.page{padding-top:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}