/* GENERATED by build.mjs from src/css/home-*.css */
@font-face{font-family:'Fredoka';src:url(/fonts/fredoka-var.woff2) format('woff2');font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:'Fredoka Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Neue Bold'),local('Roboto Bold'),local('Arial');font-weight:600 700;size-adjust:95%;ascent-override:102%;descent-override:25%;line-gap-override:0%}
@font-face{font-family:'Nunito Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica'),local('Roboto');size-adjust:101.4%;ascent-override:99.7%;descent-override:34.8%;line-gap-override:0%}
@font-face{font-family:'Nunito';src:url(/fonts/nunito-var.woff2) format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{
color-scheme:light;
--c-milk:#FFFAF0; --c-white:#FFFFFF; --c-ink:#1A1D3D; --c-ink-2:#474B6B;
--c-sky:#38B6FF; --c-sun:#FFD233; --c-grass:#4CC94C; --c-bubble:#FFC2E2; --c-pink:#FF8AC8; --c-orange:#FF9A1F;
--c-play:#D62B20; --c-play-edge:#8F1A13; --c-grape:#5B2ED0; --c-grape-edge:#3A1B8C;
--c-sky-pale:#DDF3FF; --c-sun-pale:#FFF4C2; --c-lilac:#EDE4FF; --c-brick:#F2B49B;
--c-night:#1A1D3D; --c-on-night:#FFFAF0; --c-focus:#1A1D3D; --c-err:#B3261E;
--f-head:'Fredoka','Fredoka Fallback',ui-rounded,system-ui,sans-serif;
--f-body:'Nunito','Nunito Fallback',ui-rounded,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:48px;--s-9:64px;--s-10:96px;
--r-btn:18px;--r-field:16px;--r-card:24px;--r-panel:28px;--r-pill:999px;
--gutter:16px; --maxw:1120px; --edge-w:3px;
--m-press:80ms ease-out; --m-fast:160ms ease-out; --m-base:240ms cubic-bezier(.2,.8,.2,1); --ease-pop:cubic-bezier(.3,1.6,.5,1);
}
@media (min-width:768px){:root{--gutter:24px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--c-milk);color:var(--c-ink);font:400 17px/24px var(--f-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}
@media (min-width:900px){body{font-size:18px;line-height:28px}}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--c-ink);text-underline-offset:3px;text-decoration-thickness:2px}
p{margin:0 0 var(--s-4)}
h1,h2,h3{margin:0;font-weight:700}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:6px;box-shadow:0 0 0 5px var(--c-milk)}
.blk-sky :focus-visible,.blk-grape :focus-visible{outline-color:var(--c-sun);box-shadow:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.i{width:24px;height:24px;flex:none}
.wrap{width:100%;max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:calc(680px + 2*var(--gutter))}
.center{text-align:center}
.skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--c-ink);color:var(--c-milk);padding:12px 16px;border-radius:12px;font-weight:800}
.skip:focus{top:8px}
.h1{font-family:var(--f-head);font-weight:700;font-size:38px;line-height:42px;letter-spacing:-.01em;text-wrap:balance}
.h2{font-family:var(--f-head);font-weight:700;font-size:30px;line-height:34px;text-wrap:balance}
@media (min-width:900px){.h1{font-size:60px;line-height:64px}.h2{font-size:44px;line-height:48px}}
.label{font:800 15px/20px var(--f-body);margin:0}
.text-link{display:inline-flex;align-items:center;gap:6px;min-height:48px;font-weight:800;color:var(--c-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.text-link .i{width:20px;height:20px}
.btn{--edge:var(--c-ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:var(--edge-w) solid var(--c-ink);border-radius:var(--r-btn);font:800 18px/22px var(--f-body);text-decoration:none;cursor:pointer;user-select:none;-webkit-user-select:none;box-shadow:0 5px 0 var(--edge);transition:transform var(--m-press),box-shadow var(--m-press);touch-action:manipulation;white-space:nowrap}
.btn .i{width:22px;height:22px}
.btn:active,.btn.is-pressed{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}
.btn-sm{min-height:44px;padding:0 16px;font-size:16px}
.btn-md{min-height:48px}
.btn-lg{min-height:56px;font-size:19px}
.btn-xl{min-height:64px;font-size:20px;line-height:24px}
.btn-block{display:flex;width:100%}
.btn-play{--edge:var(--c-play-edge);background:var(--c-play);color:#fff}
.btn-play:hover{color:#fff;background:#E0352A}
.btn-sun{--edge:var(--c-ink);background:var(--c-sun);color:var(--c-ink)}
.btn-secondary{--edge:var(--c-ink);background:var(--c-milk);color:var(--c-ink);border-width:2.5px;box-shadow:0 4px 0 var(--edge)}
.btn[disabled]{opacity:.55;box-shadow:none;transform:none;cursor:default}
.btn .spinner{display:none;width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite}
.btn.is-loading .spinner{display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.link-btn{background:none;border:0;padding:0 4px;min-height:44px;color:var(--c-ink);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.chip{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 12px;border-radius:var(--r-pill);border:2px solid var(--c-ink);font:700 13px/18px var(--f-body);white-space:nowrap;color:var(--c-ink);background:var(--c-milk)}
.chip-free{background:var(--c-grass)}
.chip-soon{background:var(--c-sun-pale)}
.chip-sun{background:var(--c-sun)}
.chip-pale{background:var(--c-sun-pale)}
.site-header{background:var(--c-milk);position:relative;z-index:40}
.header-row{display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{display:inline-flex;align-items:center;min-height:48px}
.logo img{height:30px;width:auto}
.header-nav{display:flex;align-items:center;gap:12px}
@media (min-width:900px){.site-header{position:sticky;top:0;box-shadow:0 2px 0 rgba(26,29,61,.08)}.header-row{height:68px}.logo img{height:34px}}
.banner-404{background:var(--c-sun);border-bottom:2px solid var(--c-ink);font-weight:800;padding:12px 0}
.faq-list{margin-top:var(--s-5);border-top:2px solid var(--c-ink)}
.faq details{border-bottom:2px solid rgba(26,29,61,.18)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:56px;padding:12px 0;font:800 17px/22px var(--f-body);cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary .i{transition:transform var(--m-base)}
.faq details[open]>summary .i{transform:rotate(180deg)}
.faq details p{margin:0 0 var(--s-5);color:var(--c-ink-2);max-width:60ch}
.faq details p a{font-weight:800}
.faq-inner{padding-left:var(--s-3);border-left:3px solid var(--c-sun);margin-bottom:var(--s-4)}
.faq-inner details:last-child{border-bottom:0}
.site-footer{background:var(--c-ink);color:var(--c-on-night);padding:var(--s-8) 0 calc(var(--s-8) + env(safe-area-inset-bottom))}
.page-landing .site-footer{padding-bottom:calc(var(--s-8) + 84px + env(safe-area-inset-bottom))}
.site-footer .logo img{height:34px}
.footer-tag{font:600 20px/26px var(--f-head);margin:var(--s-3) 0 var(--s-5)}
.footer-links{display:flex;flex-wrap:wrap;column-gap:var(--s-5);margin-bottom:var(--s-4)}
.footer-links a{display:inline-flex;align-items:center;min-height:48px;color:var(--c-on-night);font-weight:700;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.site-footer a{color:var(--c-on-night)}
.footer-contact,.footer-small{font-size:14px;line-height:20px;color:#D9D6E8}
.footer-small{margin:0}
.site-footer :focus-visible{outline-color:var(--c-sun);box-shadow:none}
@media (min-width:900px){.page-landing .site-footer{padding-bottom:var(--s-8)}}
.fade-night{position:fixed;inset:0;background:#18202F;opacity:0;pointer-events:none;z-index:200;transition:opacity 150ms ease-out}
.fade-night.on{opacity:1}
.form .field{margin-bottom:var(--s-4)}
.form .label{display:block;margin-bottom:var(--s-2)}
.input-wrap{position:relative}
input[type=email],input[type=text]{width:100%;height:56px;border:2.5px solid var(--c-ink);border-radius:var(--r-field);background:var(--c-white);color:var(--c-ink);font:400 17px/24px var(--f-body);padding:0 48px 0 16px;-webkit-appearance:none;appearance:none}
input[type=email]::placeholder{color:#6E7090}
input[type=email]:focus{outline:3px solid var(--c-grape);outline-offset:2px}
.input-ok{position:absolute;right:14px;top:16px;color:#237A23;opacity:0;transition:opacity var(--m-fast)}
.field.is-valid .input-ok{opacity:1}
.field.is-error input{border-color:var(--c-err)}
.field-msg{margin:6px 0 0;font:700 15px/20px var(--f-body);color:var(--c-err)}
.field-msg:empty{display:none}
.typo{margin:8px 0 0;font-size:15px;line-height:22px;background:var(--c-sun-pale);border-radius:12px;padding:4px 4px 4px 12px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-banner{background:#FCE4E1;border:2px solid var(--c-err);color:var(--c-ink);border-radius:12px;padding:10px 14px;font-weight:700;font-size:15px;line-height:22px}
.success-tick{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--c-grass);border:3px solid var(--c-ink);color:var(--c-ink)}
.success-tick .i{width:30px;height:30px}
.gate{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:rgba(26,29,61,.6)}
.gate-card{position:relative;background:var(--c-milk);color:var(--c-ink);border:3px solid var(--c-ink);border-radius:var(--r-panel);box-shadow:0 8px 0 var(--c-ink);width:min(100%,400px);max-height:100%;overflow:auto;padding:56px 20px 20px;display:grid;gap:16px}
.gate-close{position:absolute;left:8px;top:8px;width:48px;height:48px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--c-ink)}
.gate-h{font:700 26px/30px var(--f-head);margin:0}
.gate-prompt{margin:4px 0 2px;font-size:16px;line-height:22px}
.gate-words{font:800 22px/28px var(--f-body);margin:0;color:var(--c-grape)}
.gate-slots{display:flex;gap:10px;margin:12px 0 4px}
.gate-slots span{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--c-ink)}
.gate-slots span.on{background:var(--c-ink)}
.gate-why{font-size:14px;line-height:20px;color:var(--c-ink-2);margin:6px 0 0}
.gate-msg{font:800 15px/20px var(--f-body);color:var(--c-err);margin:8px 0 0;min-height:20px}
.gate-pad{display:grid;grid-template-columns:repeat(3,64px);gap:12px;justify-content:center}
.gate-pad button{width:64px;height:64px;border-radius:var(--r-btn);border:2.5px solid var(--c-ink);background:var(--c-white);box-shadow:0 4px 0 var(--c-ink);font:800 28px/1 var(--f-body);color:var(--c-ink);cursor:pointer;touch-action:manipulation;transition:transform var(--m-press),box-shadow var(--m-press)}
.gate-pad button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--c-ink)}
.gate-pad button:last-child{grid-column:2}
.gate.shake .gate-card{animation:shake .3s linear}
@keyframes shake{0%,100%{transform:none}17%,50%,83%{transform:translateX(-6px)}33%,67%{transform:translateX(6px)}}
.gate.pass .gate-slots span{background:var(--c-grass)}
.gate-locked{text-align:center;display:grid;gap:12px;justify-items:center}
@media (orientation:landscape) and (max-height:600px){
.gate-card{width:min(100%,720px);grid-template-columns:1fr auto;align-items:center;padding:52px 20px 16px;column-gap:28px}
.gate-pad{grid-template-columns:repeat(4,58px);gap:10px}
.gate-pad button{width:58px;height:58px}
.gate-pad button:last-child{grid-column:auto}
}
[data-pv="A"] .pv-b,[data-pv="B"] .pv-a{display:none}
html:not([data-pv]) .pv-b{display:none}
.st-debug{position:fixed;z-index:9999;right:6px;bottom:6px;width:min(360px,calc(100vw - 12px));max-height:45vh;display:flex;flex-direction:column;background:rgba(15,20,30,.92);color:#E8F0D8;font:11px/15px ui-monospace,Menlo,Consolas,monospace;border-radius:10px}
.st-debug header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.15);font-weight:700}
.st-debug header button{background:#5B2ED0;color:#fff;border:0;border-radius:6px;font:700 11px/1 ui-monospace,monospace;padding:8px 10px;min-height:32px;cursor:pointer}
.st-debug ol{list-style:none;margin:0;padding:4px 8px;overflow:auto}
.st-debug li{padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.1);word-break:break-word}
.st-debug li b{color:#FFD233}
.st-debug.min ol{display:none}
.st-debug.min{width:auto}
.v3{display:flex;flex-direction:column}
.v3>section{order:10}
.v3>#hero{order:0}
.blk-sky{background:var(--c-sky)}
.blk-sun{background:var(--c-sun)}
.blk-grape{background:var(--c-grape);color:#fff}
.sec-sub{margin:var(--s-2) 0 var(--s-5);font-size:16px;line-height:22px}
.edge{position:absolute;left:0;width:100%;pointer-events:none}
.hero{position:relative;padding:12px 0 52px;overflow:hidden;isolation:isolate}
.sky-deco{position:absolute;inset:0;z-index:-1;pointer-events:none}
.cloud{position:absolute;height:26px;border-radius:30px;background:#fff;box-shadow:20px -12px 0 2px #fff,46px 0 0 -2px #fff}
.cloud.c1{width:70px;left:-22px;top:320px;animation:drift 28s ease-in-out infinite alternate}
.cloud.c2{width:56px;right:14%;top:22px;animation:drift2 34s ease-in-out infinite alternate}
@keyframes drift{to{transform:translateX(50px)}}
@keyframes drift2{to{transform:translateX(-40px)}}
.hero-grid{display:flex;flex-direction:column}
.hero-chip{align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;padding:0 12px;margin:0 0 8px;border:2px solid var(--c-ink);border-radius:var(--r-pill);background:var(--c-milk);font:700 13px/18px var(--f-body)}
.hero-h1{margin:0 0 6px}
.hero-sub{margin:0 0 4px;font-size:17px;line-height:24px;max-width:32em;text-wrap:pretty}
.hero-media{position:relative;margin:44px 0 0}
.hero-stage{position:relative;padding:0 16px}
.hero-frame{position:relative;aspect-ratio:16/9;border:5px solid #fff;border-radius:20px;overflow:hidden;background:var(--c-sky-pale);box-shadow:0 0 0 3px var(--c-ink),0 9px 0 2px var(--c-ink)}
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-video{opacity:0;transition:opacity .35s ease-out}
.hero-video.is-on{opacity:1}
.vid-toggle{position:absolute;right:6px;top:6px;width:44px;height:44px;border-radius:50%;border:2.5px solid var(--c-ink);background:rgba(255,250,240,.85);display:grid;place-items:center;cursor:pointer;color:var(--c-ink);padding:0}
.vid-toggle .i{width:18px;height:18px}
.vid-toggle .i-playsm,.vid-toggle[aria-pressed=true] .i-pause{display:none}
.vid-toggle[aria-pressed=true] .i-playsm{display:block}
.hero-tag{display:flex;align-items:center;gap:8px;margin:14px 0 0;font:800 13px/18px var(--f-body);color:var(--c-ink)}
.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--c-play);flex:none;animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
.hero-chips{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.hero-chips li{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border:2px solid var(--c-ink);border-radius:var(--r-pill);background:var(--c-milk);font:700 13px/18px var(--f-body)}
.peek{position:absolute;z-index:2;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.peek-levi{left:-10px;bottom:-12px;width:58px;height:144px}
.peek-anna{right:-14px;bottom:-12px;width:80px;height:150px}
.peek-leona{right:22%;top:-46px;width:44px;height:66px;z-index:1}
.peek .pose-idle,.peek .pose-tap,.crew-btn .pose-idle,.crew-btn .pose-tap{position:absolute;bottom:0;left:50%;height:100%;width:auto;max-width:none;transform:translateX(-50%)}
.pose-tap{opacity:0}
.is-tapped .pose-tap{opacity:1}
.is-tapped .pose-idle{opacity:0}
.js-motion .peek,.js-motion .crew-btn{animation:pop-up .42s var(--ease-pop) both}
.js-motion .peek-levi{animation-delay:.12s}.js-motion .peek-anna{animation-delay:.24s}.js-motion .peek-leona{animation-delay:.36s}
@keyframes pop-up{from{opacity:0;transform:translateY(24px) scale(.8)}}
.peek .pose-idle,.crew-btn .pose-idle{animation:bob 2.6s ease-in-out infinite;transform-origin:50% 100%}
.peek-anna .pose-idle,.cb-anna .pose-idle{animation-delay:-.9s}
.peek-leona .pose-idle,.cb-leona .pose-idle{animation-delay:-1.7s}
@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}
.say{position:absolute;bottom:calc(100% + 6px);left:50%;z-index:3;width:max-content;max-width:150px;padding:6px 10px;border:2.5px solid var(--c-ink);border-radius:14px;background:#fff;font:800 14px/18px var(--f-body);color:var(--c-ink);transform:translateX(-50%) scale(0);transform-origin:50% 120%;opacity:0;pointer-events:none;transition:transform .28s var(--ease-pop),opacity .15s}
.is-saying .say{transform:translateX(-50%) scale(1);opacity:1}
.peek-levi .say{left:0;transform:scale(0);transform-origin:10% 120%}
.peek-levi.is-saying .say{transform:scale(1)}
.peek-anna .say{left:auto;right:0;transform:scale(0);transform-origin:90% 120%}
.peek-anna.is-saying .say{transform:scale(1)}
.dot-burst{position:fixed;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;pointer-events:none;z-index:400}
.hero-cta{margin-top:22px}
.cta-main{font-size:21px}
.cta-main .i{width:26px;height:26px}
.cta-note{margin:8px 0 0;font:700 14px/20px var(--f-body);color:var(--c-ink)}
.hero.wiggle .cta-main{animation:wiggle .7s ease-out 1}
@keyframes wiggle{15%{transform:rotate(-2.5deg) scale(1.03)}35%{transform:rotate(2.5deg) scale(1.04)}55%{transform:rotate(-1.5deg)}75%{transform:rotate(1deg)}}
.hero-restart{margin:6px 0 0}
.edge-hill{bottom:-1px;height:28px;fill:var(--c-grass)}
@media (max-width:899px) and (max-height:700px){
.hero-h1{font-size:34px;line-height:38px}
.hero-media{order:3}
.hero-sub{order:5;margin-top:14px}
.hero-cta{order:4;margin-top:18px}
.hero-media{margin-top:40px}
.hero-stage{padding:0 46px}
.hero-chips{margin-top:6px}
.peek-levi{height:112px;width:46px;left:4px}
.peek-anna{height:116px;width:62px;right:2px}
.hero-tag{margin-top:10px}
}
@media (min-width:900px){
.hero{padding:40px 0 96px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 560px;column-gap:56px;grid-template-areas:"chip media" "h1 media" "sub media" "cta media";grid-template-rows:auto auto auto 1fr;align-items:start}
.hero-chip{grid-area:chip;justify-self:start;margin-top:24px}
.hero-h1{grid-area:h1;margin-bottom:12px}
.hero-sub{grid-area:sub;font-size:19px;line-height:28px}
.hero-media{grid-area:media;margin-top:70px}
.hero-cta{grid-area:cta;max-width:520px}
.peek-levi{width:88px;height:220px;left:-34px;bottom:-16px}
.peek-anna{width:118px;height:224px;right:-40px;bottom:-16px}
.peek-leona{width:52px;height:100px;top:-70px}
.edge-hill{height:48px}
}
.games{position:relative;padding:40px 0 56px;overflow:hidden}
.confetti span{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid var(--c-ink)}
.confetti span:nth-child(1){left:7%;top:22px;background:var(--c-pink)}
.confetti span:nth-child(2){right:9%;top:36px;background:var(--c-orange);width:10px;height:10px}
.confetti span:nth-child(3){right:24%;top:12px;background:var(--c-milk);width:8px;height:8px}
.confetti span:nth-child(4){left:46%;top:8px;background:var(--c-sky);width:9px;height:9px}
.games .h2,.games .sec-sub{position:relative}
.shelf-big,.shelf-row{list-style:none;margin:0;padding:0}
.shelf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.game-card{display:flex;flex-direction:column;height:100%;padding:10px;border:3px solid var(--c-ink);border-radius:var(--r-card);background:var(--c-milk);color:var(--c-ink);text-decoration:none;box-shadow:0 6px 0 var(--c-ink);transition:transform var(--m-press),box-shadow var(--m-press)}
a.game-card:hover{color:var(--c-ink)}
a.game-card:active{transform:translateY(4px);box-shadow:0 2px 0 var(--c-ink)}
.gc-cover{position:relative;display:block;aspect-ratio:16/9;border:2.5px solid var(--c-ink);border-radius:16px;overflow:hidden;background:var(--c-sky-pale)}
.game-card--small .gc-cover{aspect-ratio:4/3}
.band-brick .gc-cover{background:var(--c-brick)}.band-grass .gc-cover{background:#BDEDBD}.band-sky .gc-cover{background:var(--c-sky-pale)}
.gc-cover img{width:100%;height:100%;object-fit:cover}
.gc-cover .chip{position:absolute;right:8px;top:8px}
.game-card--small .gc-cover .chip{right:6px;top:6px;min-height:24px;padding:0 8px;font-size:13px}
.cover-motif{position:absolute;inset:0;display:grid;place-items:center;color:var(--c-ink)}
.cover-motif .i{width:44%;height:44%;max-width:72px;max-height:72px;opacity:.85}
.gc-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 4px 4px;flex:1}
.gc-title{font:700 24px/28px var(--f-head)}
.game-card--small .gc-title{font-size:20px;line-height:24px}
.gc-line{font-size:16px;line-height:22px;color:var(--c-ink-2)}
.game-card--small .gc-line{font-size:15px;line-height:20px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.gc-go{margin-top:auto;pointer-events:none}
.game-card--big .gc-go{margin-top:10px}
.game-card--small .gc-go{margin-top:10px}
.is-soon .gc-cover img{filter:saturate(.85)}
@media (min-width:900px){
.games{padding:72px 0 88px}
.games .wrap{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px}
.games .h2,.games .sec-sub{grid-column:1/-1}
.shelf-big{grid-column:1}
.shelf-row{grid-column:2/4;margin-top:0;gap:24px}
.game-card--small .gc-cover{aspect-ratio:16/9}
.game-card--big .gc-title{font-size:22px;line-height:26px}
}
.parents{position:relative;padding:40px 0 48px;overflow:hidden;isolation:isolate}
.sun-disc{position:absolute;right:-46px;top:-40px;width:130px;height:130px;border-radius:50%;background:var(--c-sun);border:3px solid var(--c-ink);z-index:-1}
.parents .h2{max-width:13em}
.why-list{list-style:none;margin:24px 0 20px;padding:0;display:grid;gap:18px}
.why-list li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}
.why-ic{display:grid;place-items:center;width:48px;height:48px;border:2.5px solid var(--c-ink);border-radius:14px}
.ic-sky{background:var(--c-sky)}.ic-sun{background:var(--c-sun)}.ic-grass{background:var(--c-grass)}.ic-bubble{background:var(--c-bubble)}
.why-t{font:800 17px/22px var(--f-body);margin:2px 0 2px}
.why-list p{margin:0;font-size:16px;line-height:22px;color:var(--c-ink-2)}
.origin-card{display:none;grid-template-columns:72px 1fr;gap:14px;align-items:center;margin:0 0 16px;padding:14px;border:2.5px solid var(--c-ink);border-radius:20px;background:var(--c-sun-pale)}
.origin-card p{margin:0;font-size:16px;line-height:22px}
@media (min-width:900px){.parents{padding:80px 0}.why-list{grid-template-columns:1fr 1fr;gap:28px 40px}}
.offer{position:relative;padding:40px 0 48px;margin-top:24px}
.edge-wave{top:-23px;height:24px;fill:var(--c-grape)}
.offer .chip-sun{margin:0 0 10px}
.offer .h2{color:#fff}
.offer-under{margin:12px 0 0;font:700 14px/20px var(--f-body);text-align:center;color:#fff}
.offer-joined{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:12px 14px;border:2.5px solid var(--c-ink);border-radius:16px;background:var(--c-sun);color:var(--c-ink);font-weight:800}
.faq{padding:48px 0}
.faq-more>summary{color:var(--c-grape)}
@media (min-width:900px){.faq{padding:80px 0}}
.final{position:relative;padding:44px 0 40px;overflow:hidden}
.final .h2{text-align:center;max-width:12em;margin:0 auto}
.trio{position:relative;list-style:none;margin:22px auto 22px;padding:0 0 18px;display:flex;justify-content:center;align-items:flex-end;gap:4px;max-width:420px}
.trio::before{content:"";position:absolute;left:-40%;right:-40%;bottom:0;height:46px;border-radius:50% 50% 0 0/100% 100% 0 0;background:var(--c-grass);border-top:3px solid var(--c-ink)}
.trio li{position:relative}
.crew-btn{position:relative;display:block;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cb-levi{width:80px;height:200px}.cb-anna{width:110px;height:210px}.cb-leona{width:62px;height:120px}
.trio li:first-child .say{left:0;transform:scale(0);transform-origin:10% 120%}
.trio li:first-child .is-saying .say{transform:scale(1)}
.trio li:last-child .say{left:auto;right:0;transform:scale(0);transform-origin:90% 120%}
.trio li:last-child .is-saying .say{transform:scale(1)}
.final-cta{display:grid;gap:16px;max-width:480px;margin:0 auto}
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--c-milk);border-top:2.5px solid var(--c-ink);transform:translateY(115%);transition:transform var(--m-base);visibility:hidden}
.sticky-bar[data-show="1"]{transform:none;visibility:visible}
@media (min-width:900px){.sticky-bar{display:none}}
.js-motion .pop{opacity:0;transform:translateY(20px) scale(.95)}
.js-motion .pop.in{animation:pop-in .5s var(--ease-pop) both}
@keyframes pop-in{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}
[data-off] *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
.cloud,.rec-dot,.peek,.peek .pose-idle,.crew-btn,.crew-btn .pose-idle{animation:none!important}
.js-motion .pop{opacity:1;transform:none}
.sticky-bar{transition:none}
}
@media (min-width:900px){.offer{padding:88px 0}.edge-wave{top:-47px;height:48px}}
.btn-app{--edge:var(--c-play-edge);background:var(--c-play);color:#fff;white-space:normal;text-align:center}
.btn-app:hover{color:#fff;background:#E0352A}
.btn-app .app-l{white-space:nowrap}
.soon-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--c-sun);color:var(--c-ink);border:2px solid var(--c-ink);font:800 13px/1 var(--f-body);white-space:nowrap;flex:none}
.btn-xl.btn-app{gap:10px;padding:0 16px;flex-wrap:wrap;row-gap:4px;min-height:68px}
.btn-xl.btn-app .i{width:24px;height:24px}
.btn-lg.btn-app{gap:8px;padding:0 14px}
.pill-app{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:48px;padding:0 6px 0 14px;border:2.5px solid var(--c-play);border-radius:var(--r-pill);color:var(--c-play);background:var(--c-white);font:800 16px/1 var(--f-body);text-decoration:none}
.pill-app::after{content:"";position:absolute;inset:-6px -2px}
.pill-app .soon-chip{min-height:22px;padding:0 7px}
@media (max-width:389px){.site-header .logo img{height:24px}.pill-app{font-size:15px;padding:0 5px 0 11px;gap:5px}}
.header-play{display:none!important;min-height:44px}
@media (min-width:900px){.header-play{display:inline-flex!important}}
.cta-note2{margin-top:6px;font-weight:600}
.v4 .cta-play2{margin-top:10px;font-size:17px}
.v4 .cta-play2 .i{width:18px;height:18px}
.cta-play2+.cta-note2{margin-top:0}
.hero-sub-short{display:none}
@media (max-width:899px) and (max-height:700px){
.hero-sub.has-short{display:none}
.hero-sub-short{display:block;order:5;margin-top:14px}
.v4 .cta-play2{margin-top:12px}
}
.star-fig{margin:0;position:relative}
.star-fig img{width:100%;height:auto;aspect-ratio:1/1;border:4px solid #fff;border-radius:22px;box-shadow:0 0 0 3px var(--c-ink),0 8px 0 2px var(--c-ink);background:var(--c-sun-pale)}
.star-label{margin:14px 0 0;font:800 14px/20px var(--f-body);color:var(--c-ink)}
.hero-star{margin:22px 0 0}
@media (max-width:899px) and (max-height:700px){.hero-star{order:3;margin-top:16px}.hero-star img{max-height:46vh;width:auto;margin:0 auto}}
@media (min-width:900px){.hero-star{grid-area:media;margin-top:40px}}
.why{position:relative;padding:44px 0 40px;background:var(--c-milk)}
.why .h2{max-width:14em}
.why-p{margin:14px 0 0;font-size:18px;line-height:27px}
.why-solution{margin:22px 0 0;padding:14px 16px;border:3px solid var(--c-ink);border-radius:20px;background:var(--c-sky-pale);font:800 18px/26px var(--f-body)}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 0}
.vs-card{margin:0}
.vs-screen{position:relative;display:block;aspect-ratio:3/4;border:3px solid var(--c-ink);border-radius:22px;overflow:hidden;box-shadow:0 5px 0 var(--c-ink)}
.vs-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vs-tube .vs-screen{background:#2B2F4F}
.vs-pill{position:absolute;left:8%;top:8%;padding:3px 9px;border-radius:var(--r-pill);background:#fff;color:var(--c-ink);font:800 13px/18px var(--f-body);border:2px solid var(--c-ink)}
.vs-pill-go{background:var(--c-sun)}
.vs-cap{margin:12px 0 0;font:800 15px/20px var(--f-body);text-align:center}
@media (min-width:900px){.why{padding:80px 0 72px}.vs{max-width:560px}}
.band{margin-top:28px;padding:18px 16px;border:3px solid var(--c-ink);border-radius:var(--r-card);background:var(--c-milk);box-shadow:0 6px 0 var(--c-ink)}
.band-line{margin:0 0 14px;font:800 17px/24px var(--f-body)}
.band .btn-app{margin-top:10px}
.gc-len{font:700 14px/20px var(--f-body);color:var(--c-ink-2)}
@media (min-width:900px){.band{grid-column:1/-1;display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:center}.band-line{margin:0}.band .btn-app{margin-top:0}}
.how{padding:44px 0 40px;background:var(--c-milk)}
.steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:18px}
.step{position:relative;display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center}
.step img{width:132px;height:99px;object-fit:cover;border:3px solid var(--c-ink);border-radius:16px;background:var(--c-sky-pale)}
.step p{margin:0;font:700 17px/24px var(--f-body)}
.step-n{position:absolute;left:-8px;top:-8px;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2.5px solid var(--c-ink);background:var(--c-sun);font:700 17px/1 var(--f-head)}
.how-line{margin:20px 0 4px;font-size:17px;line-height:24px}
@media (min-width:900px){.how{padding:80px 0 64px}.steps{grid-template-columns:repeat(3,1fr);gap:28px}.step{grid-template-columns:1fr;align-items:start}.step img{width:100%;height:auto;aspect-ratio:4/3}}
.star-sec{position:relative;padding:44px 0 44px;background:var(--c-bubble) radial-gradient(rgba(26,29,61,.07) 2.5px,transparent 3px) 0 0/18px 18px}
.star-grid{display:grid;gap:18px}
.star-copy .chip{margin:0 0 10px}
.star-copy p:not(.chip){margin:12px 0 0;font-size:18px;line-height:26px}
.star-note{margin:0 0 12px;font:800 15px/20px var(--f-body)}
.star-cta .cta-note{text-align:center}
@media (min-width:900px){.star-sec{padding:88px 0}.star-grid{grid-template-columns:1fr 480px;column-gap:56px;grid-template-areas:"copy fig" "cta fig";align-items:start}.star-copy{grid-area:copy}.star-grid .star-fig{grid-area:fig}.star-cta{grid-area:cta;max-width:460px}}
.promises{position:relative;padding:44px 0 48px;overflow:hidden;isolation:isolate;background:var(--c-milk)}
.promise-list li{align-items:center}
.promise-list p{margin:0;font:700 17px/24px var(--f-body);color:var(--c-ink)}
.made-by{display:grid}
@media (min-width:900px){.promises{padding:80px 0}}
.early{margin-top:24px}
.early .h2{color:#fff;margin-bottom:6px}
.early-p{margin:10px 0 0;font-size:18px;line-height:26px;color:#fff}
.early-note{margin:14px 0 0;padding:10px 14px;border:2.5px dashed rgba(255,255,255,.7);border-radius:14px;font:800 16px/22px var(--f-body);color:#fff}
.early .perk{margin-top:14px;color:var(--c-ink)}
.early-cta{margin-top:22px}
.early .offer-joined{margin-top:22px}
.early .btn-app{box-shadow:0 5px 0 var(--c-ink)}
.final .final-cta .btn-secondary{font-size:20px}
.footer-tm{margin-top:8px}
.v4 ~ .sticky-bar,.sticky-bar{gap:10px}
.sb-app{flex:1.85;padding:0 10px;min-width:0;white-space:nowrap}
.sb-app .soon-chip{position:absolute;right:-6px;top:-13px;transform:rotate(4deg);min-height:20px;padding:0 6px}
.sb-app .i{width:20px;height:20px}
.sb-play{flex:1;padding:0 10px}
@media (max-width:370px){.sb-app{font-size:16px}.sb-app .i{display:none}}
.sheet{position:fixed;inset:0;z-index:250;display:flex;align-items:flex-end;justify-content:center}
.sheet-scrim{position:absolute;inset:0;background:rgba(26,29,61,.55)}
.sheet-card{position:relative;width:min(100%,520px);max-height:calc(100% - 24px);overflow:auto;overscroll-behavior:contain;padding:52px 18px calc(22px + env(safe-area-inset-bottom));background:var(--c-milk);border:3px solid var(--c-ink);border-bottom:0;border-radius:var(--r-panel) var(--r-panel) 0 0;box-shadow:0 -6px 0 rgba(26,29,61,.15)}
.sheet-card:focus{outline:none}
.sheet.is-open .sheet-card{animation:sheet-up .26s cubic-bezier(.2,.8,.2,1) both}
@keyframes sheet-up{from{transform:translateY(40px);opacity:0}}
@media (min-width:700px){.sheet{align-items:center;padding:16px}.sheet-card{border-bottom:3px solid var(--c-ink);border-radius:var(--r-panel);box-shadow:0 8px 0 var(--c-ink);padding:52px 28px 28px}}
.sheet-x{position:absolute;right:8px;top:8px;width:48px;height:48px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--c-ink)}
.as-h{margin:8px 0 6px;font:700 28px/32px var(--f-head)}
.as-h:focus{outline:none}
.as-p{margin:8px 0 0;font-size:17px;line-height:24px}
.as-p:empty{display:none}
.sheet-card[data-variant="app"] .v-star,.sheet-card[data-variant="star"] .v-app{display:none}
.as-under{margin:12px 0 0;font:700 14px/20px var(--f-body);text-align:center}
.as-under a{font-weight:800}
.as-decline{margin:10px 0 0;text-align:center}
.as-email{margin-top:16px}
.as-plats{display:grid;gap:12px;margin:18px 0 0}
.plat{display:flex;align-items:center;gap:12px;min-height:60px;padding:0 18px;border:3px solid var(--c-ink);border-radius:var(--r-btn);background:var(--c-white);box-shadow:0 5px 0 var(--c-ink);font:800 19px/1 var(--f-body);cursor:pointer;text-align:left;transition:transform var(--m-press),box-shadow var(--m-press)}
.plat:active{transform:translateY(3px);box-shadow:0 1px 0 var(--c-ink)}
.as-done{text-align:center}
.as-done:focus{outline:none}
.interest{margin:18px 0 20px;text-align:left}
.reason-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.r-chip{min-height:44px;padding:0 14px;border:2.5px solid var(--c-ink);border-radius:var(--r-pill);background:var(--c-white);font:700 15px/1 var(--f-body);cursor:pointer}
.r-chip:active{transform:translateY(2px)}
.reason-thanks{margin:10px 0 0;font-weight:800}
.perk{padding:12px 14px;border:2.5px dashed var(--c-ink);border-radius:16px;background:var(--c-sun);font-weight:800}
.flip-in{animation:flip-in .24s ease-out both}
@keyframes flip-in{from{opacity:0;transform:translateY(8px)}}
html.sheet-open{overflow:hidden}
.as-check{margin-top:18px;padding-top:16px;border-top:2px dashed rgba(26,29,61,.25)}
.as-check:empty{display:none}
.gate-inline{display:grid;gap:4px}
.gate-inline .gate-h{font:700 22px/26px var(--f-head)}
.gate-inline .gate-prompt{margin:4px 0 0;font-size:17px;line-height:24px}
.gate-inline .gate-words{display:inline;font-size:20px}
.gate-inline .gate-slots{margin:10px 0 2px}
.gate-inline .gate-pad{justify-content:start;margin-top:8px}
@media (max-width:370px){.gate-inline .gate-pad{grid-template-columns:repeat(3,58px)}.gate-inline .gate-pad button{width:58px;height:58px}}
.gate-inline.shake{animation:shake .3s linear}
.gate-inline .gate-locked{text-align:left;justify-items:start}
@media (prefers-reduced-motion:reduce){
.sheet.is-open .sheet-card,.flip-in{animation:none!important}
}
.btn-app.wiggle{animation:wiggle .7s ease-out 1}
.footer-links .soon-chip{margin-left:6px}
@media (max-width:899px){#hero-sub{min-height:96px}}
.hero-h1{font-size:34px;line-height:38px}
.hero-media{margin-top:22px}
.hero-stage{padding:0}
.hero-cta{margin-top:20px}
.cta-note{margin:10px 0 0;font:700 14px/20px var(--f-body);text-align:center}
.shelf-big{display:grid;gap:20px}
@media (min-width:760px){.shelf-big{grid-template-columns:1fr 1fr}}
.game-card--big .gc-cover{aspect-ratio:16/9}
.next{position:relative;padding:56px 0 44px}
.next .sec-sub{color:#fff}
.next-grid{display:grid;gap:16px;margin-top:20px}
@media (min-width:760px){.next-grid{grid-template-columns:1fr 1fr}}
.next-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:3px solid var(--c-ink);border-radius:var(--r-card);background:var(--c-milk);color:var(--c-ink)}
.next-card .h3{margin:0}
.next-card p{margin:0;flex:1}
.next-note{margin:16px 0 0;font:700 14px/20px var(--f-body);text-align:center;color:#fff}
.foot-cta{color:var(--c-on-night);min-height:48px;font-weight:700;text-decoration:none;padding:0}
.foot-cta:hover{text-decoration:underline}
.foot-cta .soon-chip{margin-left:6px}
.pill-app{font:800 15px/1 var(--f-body);cursor:pointer}
.plat-pick{border:0;margin:0 0 12px;padding:0}
.plat-pick .opt{font-weight:600;color:var(--c-ink-2)}
.plat-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.plat-opt{position:relative}
.plat-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.plat-opt span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:2.5px solid var(--c-ink);border-radius:var(--r-pill);background:var(--c-white);font:700 15px/1 var(--f-body)}
.plat-opt input:checked+span{background:var(--c-sun)}
.plat-opt input:focus-visible+span{outline:3px solid var(--c-focus);outline-offset:2px}
.sheet-card .chip{margin:0;justify-self:start}
.page-play{margin:0;background:#16241B;color:#F3EBDD;overflow:hidden;height:var(--app-h,100vh)}
.film-frame{position:fixed;inset:0;width:100%;height:100%;border:0;background:#16241B}
.play-back{position:fixed;left:max(8px,env(safe-area-inset-left));top:8px;z-index:20;display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 14px 0 8px;border-radius:var(--r-pill);background:rgba(22,36,27,.72);color:#F3EBDD;font:800 15px/1 var(--f-body);text-decoration:none;transition:opacity .3s}
.play-back .i{width:20px;height:20px}
.play-back.is-away{opacity:0;pointer-events:none}
.end-panel{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:12px;background:rgba(22,36,27,.94);overflow:auto}
.end-in{width:min(100%,560px);text-align:center}
.end-h{font:700 30px/34px var(--f-head);margin:0 0 4px;color:#fff}
.end-p{margin:0 0 14px;font-size:16px;line-height:22px}
.end-ctas{display:grid;gap:10px}
.end-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.end-row .btn-secondary{background:transparent;color:#F3EBDD;border-color:#F3EBDD;box-shadow:none}
@media (orientation:landscape) and (max-height:520px){
.end-in{width:min(100%,760px)}
.end-h{font-size:24px;line-height:28px}.end-p{margin-bottom:8px;font-size:15px}
.end-ctas{grid-template-columns:1fr 1fr}
.end-row{margin-top:10px}
.end-panel .btn-lg{min-height:52px;font-size:18px}
.sheet-card{max-height:calc(100% - 8px);padding-top:44px}
.sheet{align-items:center}
}
.page-play .sheet{z-index:260}
@media (orientation:landscape) and (max-height:520px){
.sheet-card{width:min(100%,760px);padding:40px 20px 14px}
.sheet-card .as-h{font-size:22px;line-height:26px;margin:6px 0 4px}
.sheet-card .as-p{font-size:15px;line-height:21px;margin-top:4px}
#cs-ask{display:grid;grid-template-columns:1fr 1.15fr;column-gap:20px;align-items:start}
#cs-ask>.chip,#cs-ask>.as-h,#cs-ask>.as-p{grid-column:1}
#cs-check,#cs-form{grid-column:2;grid-row:1/span 6;margin-top:0;padding-top:0;border-top:0}
.gate-inline .gate-pad{grid-template-columns:repeat(5,50px);gap:8px}
.gate-inline .gate-pad button{width:50px;height:50px;font-size:20px}
.gate-inline .gate-pad button:last-child{grid-column:auto}
.gate-inline .gate-h{font-size:19px;line-height:22px}
.gate-inline .gate-why{display:none}
.sheet-x{top:2px;right:2px}
#cs-form .field{margin-bottom:8px}
#cs-form .btn-xl{min-height:52px;font-size:19px}
.plat-row{margin-top:4px}.plat-opt span{min-height:38px}
.as-under{margin-top:6px;font-size:13px;line-height:17px}
}
.sheet-card{color:var(--c-ink)}
.v6-body{background:var(--c-milk)}
.v6-wrap{width:100%;max-width:calc(1200px + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.v6{overflow-x:clip}
html.exit-open{overflow:hidden}
.v6-h1{font-family:var(--f-head);font-weight:700;font-size:34px;line-height:38px;letter-spacing:-.02em;margin:0;text-wrap:balance}
.v6-h1 em{font-style:normal;position:relative;white-space:nowrap;background:linear-gradient(transparent 60%,var(--c-sun) 60%,var(--c-sun) 92%,transparent 92%);padding:0 3px}
.v6-h2{font-family:var(--f-head);font-weight:700;font-size:30px;line-height:35px;letter-spacing:-.015em;margin:0;text-wrap:balance}
.v6-hl{background:linear-gradient(transparent 62%,rgba(255,210,51,.85) 62%,rgba(255,210,51,.85) 92%,transparent 92%);padding:0 2px}
.v6-hl-sun{color:var(--c-sun)}
.v6-h3{font-family:var(--f-head);font-weight:700;font-size:22px;line-height:28px;margin:0}
.v6-lead{font-size:18px;line-height:27px;color:var(--c-ink-2);margin:12px 0 0;max-width:46ch}
.v6-kicker{display:inline-block;margin:0 0 12px;padding:5px 12px;border-radius:999px;background:var(--c-lilac);font:800 12.5px/16px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--c-grape)}
.v6-note{margin:12px 0 0;font-size:14px;line-height:20px;color:var(--c-ink-2)}
.v6-center{display:flex;justify-content:center;margin-top:36px}
.v6-center .btn{white-space:normal;text-align:center}
.v6-center-head{text-align:center}
.v6-center-head .v6-lead{margin-left:auto;margin-right:auto}
.v6-sec{position:relative;padding:60px 0}
.v6-sec-head{margin-bottom:30px}
@media (min-width:900px){
.v6-h1{font-size:52px;line-height:57px}
.v6-h2{font-size:46px;line-height:52px}
.v6-sec{padding:104px 0}
.v6-sec-head{margin-bottom:52px}
.v6-lead{font-size:20px;line-height:30px}
}
.btn-grape{--edge:var(--c-grape-edge);background:var(--c-grape);color:#fff;border-color:var(--c-grape-edge)}
.btn-ink{--edge:#000;background:#0B0B0F;color:#fff;border-color:#000}
.btn-sun{box-shadow:0 5px 0 var(--edge),0 12px 26px rgba(255,170,0,.28)}
.v6 .btn-xl{padding:0 26px}
.store-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.store-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:8px 12px;border:0;border-radius:14px;background:#0B0B0F;color:#fff;cursor:pointer;text-align:left;box-shadow:0 4px 0 #000,0 12px 26px rgba(11,11,15,.22);transition:transform var(--m-press),box-shadow var(--m-press),background var(--m-fast);touch-action:manipulation}
.store-btn:hover{background:#23232c}
.store-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #000}
.store-btn .store-g{width:28px;height:28px;flex:none}
.store-t{display:flex;flex-direction:column;line-height:1.05}
.store-t small{font:700 11.5px/14px var(--f-body);opacity:.85;letter-spacing:.01em}
.store-t b{font:800 20px/22px var(--f-body);letter-spacing:-.01em}
@media (max-width:359px){.store-t b{font-size:17px}.store-btn{gap:7px;padding:8px 8px}}
.v6-play-link{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;min-height:48px;font:800 17px/22px var(--f-body);color:var(--c-ink);text-decoration:none}
.v6-play-link:hover{text-decoration:underline;text-underline-offset:3px}
.v6-play-dot{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--c-play);color:#fff;box-shadow:0 3px 0 var(--c-play-edge),0 0 0 0 rgba(214,43,32,.5);animation:v6-ping 2.4s ease-out infinite}
.v6-play-dot .i{width:18px;height:18px;margin-left:2px}
@keyframes v6-ping{0%{box-shadow:0 3px 0 var(--c-play-edge),0 0 0 0 rgba(214,43,32,.45)}70%,100%{box-shadow:0 3px 0 var(--c-play-edge),0 0 0 14px rgba(214,43,32,0)}}
.v6-topbar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:8px var(--gutter);border:0;background:var(--c-grape);color:#fff;font:700 13.5px/18px var(--f-body);text-align:left;cursor:pointer}
.v6-topbar .i{flex:none;width:18px;height:18px;color:var(--c-sun)}
.v6-topbar .tb-long{display:none}
@media (min-width:600px){.v6-topbar .tb-long{display:inline}.v6-topbar .tb-short{display:none}}
.v6-topbar u{flex:none;color:var(--c-sun);font-weight:800;text-underline-offset:3px}
.v6-topbar b{color:var(--c-sun)}
@media (min-width:900px){.v6-topbar{font-size:15px}}
.v6-head{position:sticky;top:0;z-index:40;background:rgba(255,250,240,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(26,29,61,.08)}
.v6-head-row{display:flex;align-items:center;gap:20px;min-height:60px}
.v6-head .logo img{height:28px}
.v6-nav{display:none;margin-left:auto;gap:26px}
.v6-nav a{font:800 15.5px/20px var(--f-body);color:var(--c-ink);text-decoration:none}
.v6-nav a:hover{color:var(--c-grape)}
.nav-app{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#0B0B0F;color:#fff;font:800 15px/18px var(--f-body);cursor:pointer;touch-action:manipulation}
.nav-app .i{width:18px;height:18px}
.nav-app-l{display:none}
@media (min-width:1000px){
.v6-nav{display:flex}
.nav-app{margin-left:12px;min-height:46px;padding:0 20px}
.nav-app-l{display:inline}.nav-app-s{display:none}
}
.v6-hero{position:relative;overflow:hidden;background:radial-gradient(100% 60% at 90% 0%,#C9EEFF 0%,rgba(201,238,255,0) 60%),linear-gradient(180deg,#4FBFFF 0%,#8FD7FF 55%,#E9F7FF 85%,#FFFAF0 100%);padding:20px 0 40px}
.v6-cloud{position:absolute;z-index:0;background:#fff;border-radius:999px;opacity:.85;filter:blur(.3px)}
.v6-cloud::before,.v6-cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.v6-cloud-1{width:120px;height:34px;left:-30px;top:120px}.v6-cloud-1::before{width:56px;height:56px;left:24px;top:-28px}.v6-cloud-1::after{width:40px;height:40px;left:62px;top:-18px}
.v6-cloud-2{width:150px;height:40px;right:-40px;top:40px}.v6-cloud-2::before{width:70px;height:70px;left:30px;top:-36px}.v6-cloud-2::after{width:48px;height:48px;left:84px;top:-22px}
.v6-cloud-3{display:none}
.v6-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.v6-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.8);font:800 13px/16px var(--f-body);color:var(--c-ink);box-shadow:0 2px 0 rgba(26,29,61,.08)}
.v6-dot{width:8px;height:8px;border-radius:50%;background:var(--c-grass);box-shadow:0 0 0 3px rgba(76,201,76,.25)}
.v6-sub{margin:12px 0 0;font-size:17px;line-height:25px;color:#1F2550;max-width:44ch}
.v6-hero-media{position:relative;margin:4px 0 0}
.v6-screen{position:relative;z-index:2;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#1A1D3D;border:4px solid #fff;box-shadow:0 20px 44px rgba(26,29,61,.32),0 3px 0 rgba(26,29,61,.18)}
.v6-loop,.v6-poster,.v6-loop2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v6-loop,.v6-loop2{z-index:1;opacity:0;transition:opacity .4s}
.v6-loop.is-on,.v6-loop2.is-on{opacity:1}
.v6-screen-tag{position:absolute;z-index:3;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(26,29,61,.72);color:#fff;font:800 12px/16px var(--f-body)}
.v6-rec{width:7px;height:7px;border-radius:50%;background:#FF4D4D;animation:v6-blink 1.4s steps(1) infinite}
.v6-cut{position:absolute;z-index:3;height:auto;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(26,29,61,.25))}
.v6-cut-levi{display:none}
.v6-cut-anna{width:72px;right:-10px;bottom:-24px}
.v6-hero-cta{position:relative;z-index:4;margin-top:6px}
.v6-hero-cta .store-row{margin-bottom:10px}
.v6-hero-cta .v6-note{text-align:center;color:#2C3260;margin-top:4px}
@media (min-width:600px) and (max-width:899px){.v6-h1{font-size:44px;line-height:48px}.v6-sub{font-size:19px;line-height:28px}.v6-hero-cta{max-width:560px;margin-left:auto;margin-right:auto;width:100%}}
@media (max-width:899px) and (max-height:760px){
.v6-eyebrow{display:none}
.v6-hero{padding-top:14px}
.v6-sub{font-size:16px;line-height:22px;margin-top:8px}
}
@media (min-width:900px){
.v6-hero{padding:64px 0 110px}
.v6-cloud-3{display:block;width:180px;height:44px;left:44%;top:70px}.v6-cloud-3::before{width:80px;height:80px;left:40px;top:-40px}.v6-cloud-3::after{width:54px;height:54px;left:100px;top:-24px}
.v6-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:56px;row-gap:30px;align-items:start}
.v6-hero-copy{grid-column:1;grid-row:1;padding-top:8px}
.v6-hero-cta{grid-column:1;grid-row:2;max-width:480px;margin-top:0}
.v6-hero-media{grid-column:2;grid-row:1/3;align-self:center;margin:0 30px 0 10px}
.v6-sub{font-size:20px;line-height:30px;margin-top:20px}
.v6-screen{border-width:7px;border-radius:28px;transform:rotate(1.5deg)}
.v6-cut-levi{display:block;width:190px;left:-96px;bottom:-70px}
.v6-cut-anna{width:150px;right:-70px;bottom:-60px}
.v6-play-link{justify-content:flex-start}
.v6-hero-cta .v6-note{text-align:left}
}
.v6-facts{background:var(--c-ink);color:#fff}
.v6-facts-row{list-style:none;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding-top:18px;padding-bottom:18px}
.v6-facts li{display:flex;align-items:center;gap:10px;font:800 14px/18px var(--f-body)}
.v6-facts .i{flex:none;width:26px;height:26px;color:var(--c-sun)}
@media (min-width:900px){.v6-facts-row{grid-template-columns:repeat(4,1fr);padding-top:24px;padding-bottom:24px}.v6-facts li{font-size:16px;justify-content:center}}
.v6-stories{background:radial-gradient(70% 50% at 50% 0%,#FFF0A8 0%,rgba(255,240,168,0) 70%),var(--c-sun-pale)}
.fgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.fcard{display:flex;flex-direction:column;height:100%;background:#fff;border:3px solid var(--c-ink);border-radius:24px;overflow:hidden;color:var(--c-ink);text-decoration:none;box-shadow:0 6px 0 var(--c-ink),0 18px 34px rgba(26,29,61,.12);transition:transform var(--m-fast),box-shadow var(--m-fast)}
.fcard:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--c-ink),0 22px 40px rgba(26,29,61,.16)}
.fcard:active{transform:translateY(3px);box-shadow:0 3px 0 var(--c-ink)}
.fcard-art{position:relative;display:block;aspect-ratio:16/9;background:#cfe3ee}
.fcard-art img{width:100%;height:100%;object-fit:cover}
.fcard-free{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:999px;background:#1E7B2E;color:#fff;font:800 14px/16px var(--f-body);border:2px solid #fff}
.fcard-play{position:absolute;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;background:rgba(214,43,32,.94);border:4px solid #fff;display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform var(--m-fast)}
.fcard:hover .fcard-play{transform:scale(1.08)}
.fcard-play .i{width:30px;height:30px;margin-left:4px}
.fcard-body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 22px;flex:1}
.fcard-meta{font:800 13px/16px var(--f-body);color:var(--c-grape)}
.fcard-title{font:700 24px/28px var(--f-head)}
.fcard-line{color:var(--c-ink-2);font-size:16px;line-height:23px;flex:1}
.fcard-go{margin-top:10px;align-self:flex-start}
.v6-more-head{text-align:center;margin:56px 0 22px}
.v6-more-head .v6-h3{display:inline-flex;align-items:center;gap:10px}
.v6-more-head .v6-h3 .i{width:24px;height:24px;color:var(--c-grape)}
.v6-more-head p{margin:6px 0 0;color:var(--c-ink-2)}
.lgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lcard-btn{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:2px solid rgba(26,29,61,.85);border-radius:18px;background:#fff;overflow:hidden;text-align:left;color:var(--c-ink);cursor:pointer;box-shadow:0 4px 0 rgba(26,29,61,.85);transition:transform var(--m-fast),box-shadow var(--m-fast);touch-action:manipulation}
.lcard-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(26,29,61,.85)}
.lcard-btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(26,29,61,.85)}
.lcard-art{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background-size:cover;background-position:center;background-color:#c9b8f0}
.lcard-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(91,46,208,.08),rgba(26,29,61,.32))}
.lcard-lock{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--c-ink);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.lcard-lock .i{width:24px;height:24px}
.lcard-body{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;flex:1}
.lcard-title{font:700 16px/20px var(--f-head)}
.lcard-line{display:none;font-size:14px;line-height:19px;color:var(--c-ink-2);flex:1}
.lcard-go{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:6px;font:800 13.5px/18px var(--f-body);color:var(--c-grape)}
.lcard-go .i{width:15px;height:15px}
@media (min-width:700px){.lcard-line{display:block}.lgrid{gap:16px}}
@media (min-width:900px){
.fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.fcard-body{padding:22px 26px 26px}
.fcard-title{font-size:28px;line-height:32px}
.fcard-play{width:92px;height:92px;margin:-46px 0 0 -46px}
.lgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lcard-body{padding:14px 16px 16px}
.lcard-title{font-size:18px;line-height:22px}
.lcard-go{font-size:15px}
}
.v6-problem{background:#fff}
.v6-vs{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:980px;margin:0 auto}
.v6-vs-col{border-radius:24px;padding:22px}
.v6-vs-bad{background:#F1F1F4;color:#55596f}
.v6-vs-good{background:var(--c-sky-pale);border:3px solid var(--c-ink);box-shadow:0 6px 0 var(--c-ink);overflow:hidden;padding-top:0}
.v6-vs-good img{display:block;width:calc(100% + 44px);max-width:none;margin:0 -22px 18px;aspect-ratio:16/8;object-fit:cover;background:#cfe3ee}
.v6-auto{position:relative;display:grid;place-items:center;width:calc(100% + 44px);margin:0 -22px 18px;aspect-ratio:16/8;background:repeating-linear-gradient(135deg,#3a3d52 0 14px,#34374b 14px 28px);color:#fff}
.v6-vs-bad{padding-top:0;overflow:hidden}
.v6-auto-ring{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;border:5px solid rgba(255,255,255,.25);border-top-color:#fff;font:700 30px/1 var(--f-head);animation:v6-spin 1.4s linear infinite}
.v6-auto-ring span{animation:v6-spin 1.4s linear infinite reverse}
.v6-auto-t{position:absolute;left:14px;bottom:12px;font:800 13px/16px var(--f-body);opacity:.9}
.v6-auto-bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.2)}
.v6-auto-bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:72%;background:#FF4D4D}
@keyframes v6-spin{to{transform:rotate(360deg)}}
.v6-vs-h{margin:0 0 12px;font:700 21px/26px var(--f-head);color:var(--c-ink)}
.v6-vs-bad .v6-vs-h{color:#55596f}
.v6-vs ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v6-vs li{display:flex;gap:10px;align-items:flex-start;font-size:17px;line-height:24px}
.v6-vs .i{flex:none;width:24px;height:24px;padding:4px;border-radius:50%}
.v6-vs-bad .i{background:#D9D9E0;color:#77798c}
.v6-vs-good .i{background:var(--c-grass);color:#fff}
.v6-vs-good li{font-weight:700;color:var(--c-ink)}
@media (min-width:800px){.v6-vs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch}.v6-vs-bad{padding-top:0;overflow:hidden}.v6-vs-bad .v6-auto{width:calc(100% + 60px);margin:0 -30px 22px}.v6-vs-col{padding:30px}.v6-vs-good{padding-top:0}.v6-vs-good img{width:calc(100% + 60px);margin:0 -30px 22px}}
.v6-how{background:linear-gradient(180deg,var(--c-milk),#FFF3D6)}
.v6-split{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
.v6-phone{display:flex;justify-content:center}
.v6-phone-body{position:relative;width:100%;max-width:600px;aspect-ratio:19.5/9;padding:11px;border-radius:38px;background:#0B0B0F;box-shadow:0 26px 54px rgba(26,29,61,.32),inset 0 0 0 2px #2c2c36}
.v6-phone-body::before{content:"";position:absolute;z-index:3;left:18px;top:50%;width:6px;height:44px;margin-top:-22px;border-radius:6px;background:#0B0B0F}
.v6-phone-body img,.v6-phone-body video{position:absolute;inset:11px;width:calc(100% - 22px);height:calc(100% - 22px);object-fit:cover;border-radius:28px;background:#cfe3ee}
.v6-phone-body video{z-index:2}
.v6-how .v6-phone-body{transform:rotate(-2deg)}
.v6-steps{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:18px}
.v6-steps li{display:flex;gap:16px;align-items:flex-start}
.v6-step-n{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c-sun);border:3px solid var(--c-ink);font:700 20px/1 var(--f-head);box-shadow:0 3px 0 var(--c-ink)}
.v6-steps h3{margin:2px 0 2px;font:700 20px/26px var(--f-head)}
.v6-steps p{margin:0;color:var(--c-ink-2);font-size:16px;line-height:23px}
.v6-duo{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.v6-duo .btn{white-space:normal}
@media (min-width:600px){.v6-duo{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.v6-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}.v6-how-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.v6-duo .btn{white-space:nowrap}}
.v6-star{background:radial-gradient(80% 70% at 15% 35%,#40309A 0%,rgba(64,48,154,0) 70%),radial-gradient(50% 50% at 95% 90%,#2B5BA8 0%,rgba(43,91,168,0) 70%),var(--c-ink);color:#fff;overflow:hidden}
.v6-star .v6-kicker,.v6-offer .v6-kicker{background:rgba(255,210,51,.16);color:var(--c-sun)}
.v6-star .v6-lead{color:#D9DBF2}
.v6-star-card{position:relative;padding-bottom:6px}
.v6-title-card{position:relative;padding:30px 22px 44px;border-radius:24px;text-align:center;background:linear-gradient(160deg,rgba(26,29,61,.25),rgba(26,29,61,.8)),url(/img/film-pigs-400.webp) center/cover;border:3px solid var(--c-sun);box-shadow:0 22px 50px rgba(0,0,0,.4)}
.v6-tc-kicker{margin:0;font:800 12px/16px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--c-sun)}
.v6-tc-title{margin:10px 0 0;font:700 28px/34px var(--f-head);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35)}
.v6-tc-name{color:var(--c-sun);font-size:46px;line-height:52px}
.v6-caret{display:inline-block;width:3px;height:40px;margin-left:3px;vertical-align:-4px;background:var(--c-sun);animation:v6-blink 1s steps(1) infinite}
@keyframes v6-blink{50%{opacity:0}}
.v6-tc-cast{margin:12px 0 0;font-size:14px;line-height:20px;color:#EDEBFF}
.v6-tc-cast b{color:var(--c-sun)}
.v6-cast{display:flex;justify-content:center;gap:14px;margin-top:-30px;position:relative}
.v6-cast figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.v6-cast img,.v6-you{width:84px;height:84px;border-radius:50%;border:4px solid #fff;background:#cfe3ee;object-fit:cover;box-shadow:0 8px 18px rgba(0,0,0,.3)}
.v6-you{display:grid;place-items:center;background:#2A2470;border:3px dashed var(--c-sun);color:var(--c-sun);animation:v6-pulse 2.2s ease-in-out infinite}
.v6-you .i{width:34px;height:34px}
@keyframes v6-pulse{50%{transform:scale(1.07)}}
.v6-cast figcaption{font:800 13px/16px var(--f-body);color:#fff}
.v6-cast-you figcaption{color:var(--c-sun)}
.v6-cut-point{display:none}
.v6-ticks{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:12px}
.v6-ticks li{display:flex;gap:10px;align-items:flex-start;font-size:17px;line-height:24px}
.v6-ticks .i{flex:none;width:24px;height:24px;padding:3px;border-radius:50%;background:var(--c-grass);color:#fff}
.v6-star-btn{width:100%}
.v6-note-light{color:#C9CBE6}
@media (min-width:900px){
.v6-title-card{padding:52px 36px 64px}
.v6-tc-title{font-size:40px;line-height:48px}
.v6-tc-name{font-size:66px;line-height:72px}
.v6-caret{height:56px}
.v6-cast{gap:28px;margin-top:-44px}
.v6-cast img,.v6-you{width:112px;height:112px}
.v6-star-btn{width:auto}
.v6-cut-point{display:block;position:absolute;right:-60px;bottom:-40px;width:150px;transform:scaleX(-1);filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
}
@media (prefers-reduced-motion:reduce){.v6-caret,.v6-you,.v6-play-dot,.v6-rec,.v6-auto-ring,.v6-auto-ring span{animation:none}}
.v6-offer{background:radial-gradient(60% 60% at 50% 0%,#6A3FE0 0%,rgba(106,63,224,0) 70%),linear-gradient(180deg,#3A1B8C,#24125E);color:#fff}
.v6-offer .v6-lead{color:#DCD3FF}
.v6-offer .v6-hl,.v6-star .v6-hl{background:none;color:var(--c-sun)}
.v6-offer-card{display:grid;grid-template-columns:minmax(0,1fr);max-width:1040px;margin:0 auto;background:#fff;color:var(--c-ink);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35);border:3px solid var(--c-sun)}
.v6-stack{list-style:none;margin:0;padding:10px 18px}
.v6-stack li{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px dashed rgba(26,29,61,.18)}
.v6-stack li:last-child{border-bottom:0}
.v6-stack-pic{flex:none;position:relative;display:grid;place-items:center;width:76px;height:56px;border-radius:14px;background:var(--c-sky-pale);color:#1F6FB8;overflow:hidden}
.v6-stack-pic .i{width:28px;height:28px}
.v6-stack-locks{background:none}
.v6-stack-locks i{position:absolute;width:44px;height:52px;border-radius:9px;border:2px solid #fff;background-size:cover;background-position:center;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.v6-stack-locks i:nth-child(1){left:0;transform:rotate(-8deg)}.v6-stack-locks i:nth-child(2){left:16px;z-index:1}.v6-stack-locks i:nth-child(3){left:32px;transform:rotate(8deg);z-index:2}
.v6-stack-tc{background:linear-gradient(160deg,rgba(26,29,61,.3),rgba(26,29,61,.85)),url(/img/film-pigs-400.webp) center/cover;color:var(--c-sun);font:700 11px/13px var(--f-head);text-align:center;border:2px solid var(--c-sun)}
.v6-stack-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.v6-stack-t b{font:700 18px/22px var(--f-head)}
.v6-stack-t span{font-size:14.5px;line-height:20px;color:var(--c-ink-2)}
.v6-stack-star{background:linear-gradient(90deg,rgba(255,210,51,.18),rgba(255,210,51,0));margin:0 -18px;padding-left:18px!important;padding-right:18px!important}
.v6-stack-price{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.v6-stack-price s{color:#8a8da3;font-weight:700;font-size:14px}
.v6-stack-price b{font:700 20px/24px var(--f-head);color:var(--c-grass)}
.v6-offer-cta{padding:24px 20px 28px;background:var(--c-sun-pale);border-top:3px solid var(--c-sun)}
.v6-price{margin:0 0 16px;font-size:16.5px;line-height:24px;text-align:center}
.v6-rr{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;font:700 14.5px/20px var(--f-body);color:#2E7D32}
.v6-rr .i{width:20px;height:20px}
.v6-or{display:flex;align-items:center;gap:10px;margin:20px 0 12px;font:800 12.5px/16px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#5d6079}
.v6-or::before,.v6-or::after{content:"";flex:1;height:1px;background:rgba(26,29,61,.15)}
@media (min-width:900px){
.v6-offer-card{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.v6-stack{padding:18px 30px}
.v6-stack-star{margin:0 -30px;padding-left:30px!important;padding-right:30px!important}
.v6-stack-pic{width:92px;height:66px}
.v6-stack-t b{font-size:20px;line-height:26px}
.v6-offer-cta{display:flex;flex-direction:column;justify-content:center;padding:36px 32px;border-top:0;border-left:3px solid var(--c-sun)}
}
.v6-app{background:linear-gradient(180deg,#DDF3FF,#FFFAF0)}
.v6-app .store-row{max-width:440px;margin-top:26px}
.v6-app-any{display:inline-block;margin-top:14px;font:800 15px/20px var(--f-body);color:var(--c-ink);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:8px 0;cursor:pointer}
.v6-app-art{position:relative}
.v6-phone-tilt .v6-phone-body{transform:rotate(3deg)}
.v6-phone-ui{position:absolute;z-index:3;left:0;right:0;bottom:26px;display:flex;justify-content:center}
.v6-pill-play{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 10px;border-radius:999px;background:rgba(255,255,255,.95);font:800 14px/18px var(--f-body);color:var(--c-ink);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.v6-pill-play .i{width:26px;height:26px;padding:6px;border-radius:50%;background:var(--c-play);color:#fff}
.v6-cut-app{position:absolute;z-index:4;width:96px;left:-8px;bottom:-34px;filter:drop-shadow(0 10px 14px rgba(26,29,61,.25))}
@media (min-width:900px){.v6-app .v6-split{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.v6-cut-app{width:170px;left:-80px;bottom:-70px}}
@media (max-width:899px){.v6-app-art{order:-1;margin:0 6px 20px}}
.v6-parents{background:var(--c-milk)}
.v6-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.v6-trust li{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:start;padding:18px;border-radius:20px;background:#fff;border:2px solid rgba(26,29,61,.08);box-shadow:0 10px 24px rgba(26,29,61,.05)}
.v6-trust .i{grid-row:1/3;width:48px;height:48px;padding:11px;border-radius:14px;background:var(--c-sky-pale);color:#1F6FB8}
.v6-trust h3{margin:2px 0 2px;font:700 19px/24px var(--f-head)}
.v6-trust p{margin:0;color:var(--c-ink-2);font-size:15.5px;line-height:22px}
@media (min-width:700px){.v6-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.v6-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v6-trust li{padding:24px}}
.v6-faq{background:#fff}
.v6-faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.v6-faq-side .btn{display:none}
@media (min-width:900px){
.v6-faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px;align-items:start}
.v6-faq-side{position:sticky;top:100px}
.v6-faq-side .btn{display:inline-flex;margin-top:26px}
.v6-faq .faq-list{margin-top:0}
}
.v6-ps{background:linear-gradient(180deg,#4FBFFF,#9EDCFF);padding:72px 0 80px}
.v6-ps-card{position:relative;max-width:820px;margin:0 auto;padding:32px 22px 26px;border-radius:28px;background:#FFFDF7;border:3px solid var(--c-ink);box-shadow:0 8px 0 var(--c-ink),0 30px 60px rgba(26,29,61,.2);text-align:center}
.v6-ps-p{margin:14px auto 0;max-width:52ch;font-size:17.5px;line-height:26px;color:var(--c-ink-2)}
.v6-ps-p b{color:var(--c-play)}
.v6-ps-ctas{display:grid;gap:12px;margin:24px auto 0;max-width:460px}
.v6-ps-cut{display:none}
.v6-play-link-dark{margin-top:16px}
@media (min-width:900px){
.v6-ps{padding:110px 0}
.v6-ps-card{padding:52px 60px 40px}
.v6-ps-ctas{grid-template-columns:auto auto;max-width:none;justify-content:center;align-items:center}
.v6-ps-ctas .store-row{grid-template-columns:repeat(2,200px)}
.v6-ps-cut{display:block;position:absolute;left:-110px;bottom:-30px;width:170px;filter:drop-shadow(0 10px 14px rgba(26,29,61,.25))}
}
.v6-sticky{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(255,250,240,.97);border-top:1px solid rgba(26,29,61,.12);box-shadow:0 -8px 24px rgba(26,29,61,.14);transform:translateY(110%);transition:transform var(--m-base)}
.v6-sticky.is-on{transform:none}
.v6-sticky .btn{min-height:52px;padding:0 10px;font-size:16.5px;gap:6px;box-shadow:0 4px 0 var(--edge)}
.v6-sticky .btn .i{width:20px;height:20px}
html.sheet-open .v6-sticky,html.exit-open .v6-sticky{transform:translateY(110%)}
@media (min-width:900px){.v6-sticky{display:none}}
.page-landing .site-footer{padding-bottom:calc(var(--s-8) + 80px + env(safe-area-inset-bottom))}
@media (min-width:900px){.page-landing .site-footer{padding-bottom:var(--s-8)}}
.v6-exit{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px}
.v6-exit[hidden]{display:none}
.v6-exit-scrim{position:absolute;inset:0;background:rgba(26,29,61,.6)}
.v6-exit-card{position:relative;width:100%;max-width:440px;padding:22px 22px 14px;border-radius:26px;background:#FFFDF7;border:3px solid var(--c-ink);box-shadow:0 8px 0 var(--c-ink);text-align:center;animation:sheet-up .3s var(--ease-pop)}
.v6-exit-card:focus{outline:none}
.v6-exit-art{position:relative;margin:0 0 16px;border-radius:18px;overflow:hidden;aspect-ratio:16/8;border:3px solid var(--c-sun)}
.v6-exit-art img{width:100%;height:100%;object-fit:cover}
.v6-exit-art span{position:absolute;inset:0;display:grid;place-content:center;background:linear-gradient(160deg,rgba(26,29,61,.2),rgba(26,29,61,.75));color:#fff;font:700 18px/22px var(--f-head)}
.v6-exit-art b{color:var(--c-sun);font-size:30px;line-height:36px}
.v6-exit-h{margin:0;font:700 28px/32px var(--f-head)}
.v6-exit-p{margin:10px 0 18px;color:var(--c-ink-2)}
.v6-exit-no{margin-top:10px;padding:10px;font:700 15px/20px var(--f-body);color:var(--c-ink-2);background:none;border:0;cursor:pointer;text-decoration:underline}
.v6-exit .sheet-x{z-index:2}
.v6-exit .sheet-x{top:-16px;right:-16px;width:44px;height:44px;background:#fff;border:3px solid var(--c-ink);box-shadow:0 3px 0 var(--c-ink)}