:root{
  --sp-purple:#6c3cff;
  --sp-violet:#8758ff;
  --sp-blue:#288cff;
  --sp-cyan:#5de2ff;
  --sp-pink:#ff67c6;
  --sp-yellow:#ffd65a;
  --sp-ink:#1b1740;
  --sp-muted:#665f83;
  --sp-soft:#f6f3ff;
  --sp-card:#ffffff;
  --sp-border:rgba(97,72,190,.16);
  --sp-shadow:0 24px 70px rgba(70,42,160,.16);
}
.sp-page{background:#fff;color:var(--sp-ink)}
.sp-page .site-header{background:rgba(8,15,33,.94)}
.sp-subnav{position:sticky;top:72px;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--sp-border)}
.sp-subnav .container{display:flex;align-items:center;gap:8px;overflow:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.sp-subnav .container::-webkit-scrollbar{display:none}
.sp-subnav a{white-space:nowrap;text-decoration:none;color:#514a73;font-weight:700;font-size:.92rem;padding:8px 12px;border-radius:999px}
.sp-subnav a:hover,.sp-subnav a:focus-visible{background:#f1edff;color:var(--sp-purple)}
.sp-hero{position:relative;overflow:hidden;padding:92px 0 84px;background:linear-gradient(135deg,#f9f7ff 0%,#f2efff 38%,#eaf8ff 100%)}
.sp-hero:before,.sp-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.42;pointer-events:none}
.sp-hero:before{width:460px;height:460px;right:-120px;top:-160px;background:radial-gradient(circle,#b38cff 0%,rgba(179,140,255,0) 68%)}
.sp-hero:after{width:420px;height:420px;left:-160px;bottom:-190px;background:radial-gradient(circle,#7bdfff 0%,rgba(123,223,255,0) 70%)}
.sp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:54px;align-items:center}
.sp-brand-lockup{width:min(100%,360px);min-height:112px;background:#fff;border:1px solid var(--sp-border);border-radius:22px;box-shadow:0 14px 34px rgba(70,42,160,.1);padding:12px 18px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sp-brand-lockup img{max-width:100%;max-height:105px;object-fit:contain;position:relative;z-index:2}.sp-brand-lockup .sp-logo-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#4c3caa;font-weight:900;font-size:1.15rem;background:linear-gradient(135deg,#fff,#f4f0ff)}
.sp-kicker{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--sp-border);box-shadow:0 9px 24px rgba(80,60,150,.08);border-radius:999px;padding:8px 13px;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5d4dc7}
.sp-kicker:before{content:"✦";color:var(--sp-pink)}
.sp-hero h1{font-size:clamp(3.1rem,7vw,6.3rem);line-height:.94;letter-spacing:-.055em;margin:20px 0 18px;color:#201948}
.sp-hero h1 span{display:block;background:linear-gradient(90deg,var(--sp-purple),var(--sp-blue),var(--sp-pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-hero .lead{font-size:clamp(1.15rem,2vw,1.42rem);line-height:1.62;color:#5b5577;max-width:700px}
.sp-hero .no-code{font-weight:900;color:#241c59;font-size:1.12rem;margin-top:15px}
.sp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:15px;text-decoration:none;font-weight:900;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease}
.sp-btn:hover{transform:translateY(-2px)}
.sp-btn-primary{background:linear-gradient(135deg,var(--sp-purple),var(--sp-blue));color:#fff;box-shadow:0 14px 30px rgba(84,67,220,.25)}
.sp-btn-secondary{background:#fff;color:#443b73;border-color:var(--sp-border);box-shadow:0 9px 22px rgba(70,50,130,.08)}
.sp-supporting{margin-top:21px;color:#6e678a;font-size:.96rem}
.sp-hero-art{position:relative;min-height:470px;display:grid;place-items:center}
.sp-cosmic-card{position:relative;width:min(100%,520px);aspect-ratio:1/1;border-radius:38px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#6f69ff,#3c35b8 45%,#15163e 100%);box-shadow:0 38px 90px rgba(51,42,139,.34);border:6px solid rgba(255,255,255,.72)}
.sp-cosmic-card:before{content:"✦  ·  ✧  ·  ✦";position:absolute;top:26px;left:30px;color:#fff;font-size:1.2rem;letter-spacing:1.05rem;opacity:.75}
.sp-cosmic-card img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2}
.sp-art-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:40px;color:#fff;z-index:1}
.sp-art-fallback strong{font-size:clamp(2rem,5vw,4rem);display:block;line-height:1;margin-bottom:12px}.sp-art-fallback span{font-size:4rem}
.sp-mini-float{position:absolute;z-index:4;background:#fff;border-radius:18px;padding:12px 15px;box-shadow:0 16px 36px rgba(43,33,111,.16);font-weight:900;color:#342b69;border:1px solid var(--sp-border)}
.sp-mini-float.one{left:-22px;top:80px;transform:rotate(-5deg)}.sp-mini-float.two{right:-18px;bottom:90px;transform:rotate(5deg)}
.sp-section{padding:86px 0}.sp-section-soft{background:linear-gradient(180deg,#fbfaff,#f4f7ff)}.sp-section-purple{background:linear-gradient(135deg,#302370,#5130bf 55%,#275bc7);color:#fff;overflow:hidden;position:relative}
.sp-heading{max-width:820px;margin-bottom:40px}.sp-heading.center{text-align:center;margin-left:auto;margin-right:auto}.sp-heading h2{font-size:clamp(2.15rem,4.5vw,4rem);line-height:1.06;letter-spacing:-.04em;margin:0 0 16px;color:#211a49}.sp-section-purple .sp-heading h2{color:#fff}.sp-heading p{font-size:1.12rem;line-height:1.7;color:#686181}.sp-section-purple .sp-heading p{color:rgba(255,255,255,.82)}
.sp-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:stretch;margin-top:36px}.sp-flow-item{position:relative;background:#fff;border:1px solid var(--sp-border);border-radius:18px;padding:22px 16px;text-align:center;box-shadow:0 10px 25px rgba(71,51,145,.07)}.sp-flow-item strong{display:block;color:#30256b;font-size:1rem}.sp-flow-item span{display:block;font-size:1.55rem;margin-bottom:7px}.sp-flow-item:not(:last-child):after{content:"→";position:absolute;right:-18px;top:50%;transform:translateY(-50%);z-index:2;color:#9f8eed;font-weight:900;font-size:1.2rem}
.sp-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.sp-step{background:#fff;border:1px solid var(--sp-border);border-radius:24px;padding:24px;box-shadow:0 13px 35px rgba(71,51,145,.08)}.sp-step-number{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sp-purple),var(--sp-blue));color:#fff;font-weight:900;margin-bottom:15px}.sp-step h3{margin:0 0 8px;color:#2b245c}.sp-step p{margin:0;color:#716a89;line-height:1.55}
.sp-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sp-game-family{background:#fff;border:1px solid var(--sp-border);border-radius:26px;padding:26px;box-shadow:0 15px 38px rgba(71,51,145,.08)}.sp-game-family h3{display:flex;align-items:center;gap:9px;margin:0 0 13px;color:#2d2565;font-size:1.2rem}.sp-game-family ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:#6b6484}.sp-game-family li:before{content:"✦";color:#9e6cff;margin-right:8px;font-size:.72rem}.sp-game-family.featured{background:linear-gradient(145deg,#fff,#f4f0ff);border-color:#cfc2ff}.sp-game-family.featured li{font-size:.94rem}
.sp-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.sp-panel{border-radius:30px;padding:36px;background:#fff;border:1px solid var(--sp-border);box-shadow:var(--sp-shadow)}.sp-panel h3{font-size:1.65rem;margin:0 0 13px;color:#2b245e}.sp-panel p{color:#6a6382;line-height:1.7}.sp-panel ul{color:#5e5779;line-height:1.7;padding-left:20px}.sp-image-panel{position:relative;min-height:380px;border-radius:32px;overflow:hidden;background:linear-gradient(145deg,#9b7dff,#4b7ef2 55%,#75e2ff);box-shadow:var(--sp-shadow);display:grid;place-items:center}.sp-image-panel img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:2}.sp-image-panel .sp-art-fallback{background:linear-gradient(145deg,#7353df,#2e76e9)}
.sp-statuses{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sp-status{padding:8px 11px;border-radius:999px;font-size:.85rem;font-weight:800;background:#f4f1ff;color:#5642bd}.sp-status:nth-child(2){background:#fff4dc;color:#926206}.sp-status:nth-child(3){background:#e8fbef;color:#217240}.sp-status:nth-child(4){background:#fff0f6;color:#9d3c68}
.sp-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.sp-price{background:#fff;border:1px solid var(--sp-border);border-radius:28px;padding:30px;box-shadow:0 16px 44px rgba(71,51,145,.09);position:relative}.sp-price.featured{border:2px solid #7454ef;transform:translateY(-10px);box-shadow:0 25px 60px rgba(83,59,177,.2)}.sp-price-badge{display:inline-flex;background:#ede7ff;color:#5b41cc;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:7px 10px;border-radius:999px;margin-bottom:16px}.sp-price h3{margin:0;color:#2a235c;font-size:1.35rem}.sp-price-value{font-size:2.85rem;line-height:1;font-weight:950;letter-spacing:-.04em;color:#211a4c;margin:18px 0 8px}.sp-price-value small{font-size:.98rem;color:#746c8e;letter-spacing:0}.sp-price p{color:#706987;line-height:1.55}.sp-price ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:11px;color:#57506f}.sp-price li:before{content:"✓";color:#5d48d8;font-weight:900;margin-right:8px}.sp-saving{font-weight:900;color:#4f3db7}.sp-fineprint{font-size:.9rem;color:#736c88;line-height:1.6;margin-top:28px}.sp-fineprint strong{color:#4b426c}
.sp-benefit-grid,.sp-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sp-benefit,.sp-audience{background:#fff;border:1px solid var(--sp-border);border-radius:22px;padding:24px}.sp-benefit span{font-size:1.9rem}.sp-benefit h3,.sp-audience h3{color:#2c245f;margin:10px 0 7px}.sp-benefit p,.sp-audience p{color:#6c6584;line-height:1.55;margin:0}
.sp-review-flow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px}.sp-review-flow span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:11px 16px;font-weight:850}.sp-review-flow b{align-self:center;color:#9feaff}
.sp-faq{display:grid;gap:12px;max-width:900px;margin:0 auto}.sp-faq details{background:#fff;border:1px solid var(--sp-border);border-radius:18px;padding:18px 20px}.sp-faq summary{cursor:pointer;font-weight:850;color:#2c245e}.sp-faq p{color:#6a6382;line-height:1.65;margin:12px 0 3px}
.sp-legal-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px}.sp-legal-links a{background:#fff;border:1px solid var(--sp-border);border-radius:14px;padding:12px 16px;color:#4a3db2;text-decoration:none;font-weight:850}
.sp-store-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}.sp-store{border-radius:16px;padding:13px 18px;background:#211a4d;color:#fff;font-weight:850;opacity:.72}.sp-store small{display:block;font-size:.7rem;color:#cfc8ef;text-transform:uppercase;letter-spacing:.05em}
.sp-final{padding:80px 0;background:linear-gradient(135deg,#6b42e9,#2c74e7 60%,#39c6ef);color:#fff;text-align:center;position:relative;overflow:hidden}.sp-final h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1;letter-spacing:-.04em;margin:0 0 17px}.sp-final p{font-size:1.15rem;line-height:1.65;color:rgba(255,255,255,.88);max-width:700px;margin:0 auto 24px}.sp-final .sp-btn-secondary{color:#403276}.sp-product-signoff{text-align:center;font-size:.88rem;color:#827a9a;padding:24px 0}
.sp-product-card-visual{min-height:290px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#8c6cff,#387beb 62%,#60d7ff);position:relative;display:grid;place-items:center}.sp-product-card-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.sp-product-card-visual .sp-card-fallback{text-align:center;color:#fff;font-size:1.2rem;font-weight:900;padding:30px}.sp-product-card-visual .sp-card-fallback span{display:block;font-size:4rem;margin-bottom:10px}
.sp-legal-hero{padding:78px 0 44px;background:linear-gradient(135deg,#f7f4ff,#eef8ff)}.sp-legal-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);letter-spacing:-.045em;line-height:1;margin:14px 0;color:#241c54}.sp-legal-hero p{max-width:780px;color:#655e81;font-size:1.08rem;line-height:1.7}.sp-legal-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.sp-legal-meta span{background:#fff;border:1px solid var(--sp-border);border-radius:999px;padding:7px 10px;color:#665c91;font-weight:750;font-size:.82rem}.sp-legal .policy-panel{border-color:var(--sp-border);box-shadow:0 20px 54px rgba(70,45,145,.08)}.sp-legal .policy-nav a{color:#5e50a4}.sp-legal .policy-section h2{color:#2c2465}.sp-legal .policy-section h3{color:#44388b}.sp-callout{background:#f4f0ff;border:1px solid #d9ceff;border-radius:18px;padding:20px;margin:20px 0;color:#514873}.sp-callout strong{color:#33266d}.sp-warning{background:#fff8e8;border-color:#f3dfa8}.sp-table-wrap{overflow:auto;margin:20px 0}.sp-table{width:100%;border-collapse:collapse;min-width:680px}.sp-table th,.sp-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e7e1f5;padding:14px 12px}.sp-table th{color:#33286f;background:#f8f6ff}.sp-table td{color:#625b78;line-height:1.55}
@media(max-width:1100px){.sp-hero-grid,.sp-split{grid-template-columns:1fr}.sp-hero-art{min-height:390px}.sp-steps{grid-template-columns:repeat(3,1fr)}.sp-game-grid{grid-template-columns:repeat(2,1fr)}.sp-benefit-grid,.sp-audience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.sp-subnav{top:64px}.sp-hero{padding:62px 0 58px}.sp-hero-grid{gap:32px}.sp-hero-art{min-height:330px}.sp-cosmic-card{border-radius:28px}.sp-mini-float{font-size:.82rem}.sp-flow{grid-template-columns:1fr}.sp-flow-item:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-20px;transform:translateX(-50%)}.sp-steps,.sp-game-grid,.sp-pricing-grid,.sp-benefit-grid,.sp-audience-grid{grid-template-columns:1fr}.sp-price.featured{transform:none}.sp-section{padding:62px 0}.sp-heading h2{font-size:2.35rem}.sp-product-card-visual{min-height:240px}}
@media(prefers-reduced-motion:reduce){.sp-btn{transition:none}.sp-btn:hover{transform:none}}


.sp-cosmic-card{width:min(100%,340px);aspect-ratio:10/16;background:#fff;padding:12px;border-radius:36px;box-shadow:0 30px 72px rgba(51,42,139,.22)}
.sp-cosmic-card:before{display:none}
.sp-cosmic-card img{object-fit:contain;border-radius:28px;background:#eef0fb}
.sp-image-panel.sp-phone-panel{background:linear-gradient(145deg,#f6f2ff,#eef7ff);padding:14px}
.sp-image-panel.sp-phone-panel img{object-fit:contain;background:#eef0fb;padding:10px;border-radius:26px}
.sp-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}\.sp-shot{background:#fff;border:1px solid var(--sp-border);border-radius:26px;padding:18px;box-shadow:0 16px 44px rgba(71,51,145,.08)}
.sp-shot-frame{display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#f8f4ff,#edf7ff);min-height:360px;padding:10px;overflow:hidden}
.sp-shot-frame img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 14px 34px rgba(70,42,160,.10)}
.sp-shot h3{margin:16px 0 8px;color:#2d2565;font-size:1.12rem}
.sp-shot p{margin:0;color:#6b6484;line-height:1.55}
@media(max-width:1100px){.sp-shot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.sp-shot-grid{grid-template-columns:1fr}.sp-shot-frame{min-height:300px}}

/* Clean SparklePlay wordmark: avoids dependency on a separate logo image */
.sp-wordmark{display:inline-grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;row-gap:2px;margin-bottom:20px;padding:14px 18px;border:1px solid var(--sp-border);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(70,42,160,.10)}
.sp-wordmark-star{grid-row:1 / span 2;font-size:1.7rem;line-height:1}
.sp-wordmark-name{font-size:1.4rem;font-weight:950;letter-spacing:-.03em;background:linear-gradient(90deg,var(--sp-purple),var(--sp-pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-wordmark small{font-size:.72rem;font-weight:900;letter-spacing:.05em;color:#5146aa}
@media(max-width:780px){.sp-wordmark{padding:12px 14px}.sp-wordmark-name{font-size:1.22rem}.sp-wordmark small{font-size:.64rem}}

/* 2026-09-15 SparklePlay hero identity alignment */
.sp-brand-identity{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:24px}
.sp-brand-identity .sp-wordmark{display:grid;margin-bottom:0;width:max-content;max-width:100%}
.sp-brand-byline{display:block;margin:0 0 0 18px;font-size:.76rem;line-height:1.2;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#6a5bb1}
@media(max-width:780px){.sp-brand-byline{margin-left:14px}}


/* SparklePlay Publish Credit packs */
.sp-publish-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:34px 0}
.sp-publish-pack{position:relative;padding:20px;border:1px solid rgba(108,60,255,.18);border-radius:24px;background:#fff;box-shadow:0 18px 46px rgba(55,31,130,.10);text-align:center}
.sp-publish-pack.featured{transform:translateY(-6px);border-color:rgba(108,60,255,.38);box-shadow:0 24px 54px rgba(108,60,255,.18)}
.sp-pack-visual{min-height:250px;border-radius:22px;padding:26px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;background:radial-gradient(circle at 28% 20%,#65e7ff 0 10%,transparent 11%),radial-gradient(circle at 80% 18%,#ffd948 0 5%,transparent 6%),linear-gradient(145deg,#6846ff,#13c7ef 52%,#f542c8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.sp-publish-pack:nth-child(2) .sp-pack-visual{background:linear-gradient(145deg,#16b9f1,#50d7ff 45%,#7857ff)}
.sp-publish-pack:nth-child(3) .sp-pack-visual{background:linear-gradient(145deg,#8d43ff,#b35bff 48%,#ff4fc3)}
.sp-pack-visual span{font-size:4.8rem;line-height:.9;font-weight:900;text-shadow:0 4px 0 rgba(43,18,132,.18)}
.sp-pack-visual strong{font-size:1.45rem;line-height:1.05}
.sp-pack-visual small{margin-top:12px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.95);color:#4120a8;font-size:1.5rem;font-weight:900}
.sp-publish-pack h3{margin:18px 0 4px}
.sp-pack-price{margin:0 0 8px;font-size:1.75rem;font-weight:900;color:#5c32e6}
.sp-credit-rules{margin:30px auto 20px;max-width:820px;padding:24px 28px;border-radius:20px;background:linear-gradient(135deg,#faf8ff,#effaff);border:1px solid rgba(108,60,255,.14)}
.sp-credit-rules h3{margin-top:0}
.sp-credit-rules ul{margin-bottom:0}
.sp-store-link{text-decoration:none;color:inherit}
.sp-store-link:hover{transform:translateY(-2px)}
@media(max-width:900px){.sp-publish-pack-grid{grid-template-columns:1fr}.sp-publish-pack.featured{transform:none}.sp-pack-visual{min-height:220px}}