/* STUDIO / product-first layout. Rounded light canvas, dark interactive workbench. */
html[data-storefront]{--ink:#f4f4f4;--deck:#fff;--slab:#eeeeee;--white:#191a20;--muted:#74757a;--line:#dadada;--red:#df1f30;--red-hi:#ff5968;--gutter:clamp(20px,4vw,72px);scroll-padding-top:100px}
html[data-storefront] body{color:#191a20;background:#f4f4f4;overflow-x:clip}
html[data-storefront] body::after{display:none}
html[data-storefront] .wrap{max-width:1500px}
html[data-storefront] h2{font-size:clamp(35px,4.1vw,62px);letter-spacing:-.06em;line-height:1.05}
html[data-storefront] h3{letter-spacing:-.035em}
html[data-storefront] .eyebrow,html[data-storefront] .companion-kicker{font:600 11px/1.5 var(--body);color:#77787d;letter-spacing:.1em}
html[data-storefront] .lead{font-size:17px;line-height:1.75;color:#6b6c73}
html[data-storefront] section{padding-block:85px;border:0}
html[data-storefront] .btn{min-height:54px;border-radius:13px;font-size:13px;background:#df1f30;font-weight:700;box-shadow:none;clip-path:none;text-transform:none}
html[data-storefront] .btn:hover{background:#bf1829;box-shadow:0 8px 25px #df1f301c}
html[data-storefront] .btn.ghost{background:#252c38;color:#e6eaf2;border-color:#465268}
html[data-storefront] .btn.ghost:hover{background:#343e4e;color:#fff;border-color:#ff5968;box-shadow:none}
html[data-storefront] header{position:sticky;top:0;background:#f4f4f4ed;backdrop-filter:blur(18px);border:0;padding:12px 0;z-index:50}
html[data-storefront] header>.wrap{width:calc(100% - 36px);max-width:1410px;background:#fff;border:1px solid #e5e5e5;border-radius:18px;padding:12px 22px;min-height:66px;gap:22px;box-shadow:0 4px 20px #22222203}
html[data-storefront] .logo{font-size:19px;color:#191a20}
html[data-storefront] .logo::before{font-size:30px}
html[data-storefront] .game-picker{border:0;padding:4px;background:#f1f1f1;border-radius:10px}
html[data-storefront] .game-picker a{font-size:11px;color:#7a7b7e;border:0;background:transparent;border-radius:7px;padding:9px 12px}
html[data-storefront] .game-picker a[aria-current]{background:#222329;color:#fff}
html[data-storefront] .game-picker a:not([aria-current]):hover{color:#191a20;background:#e3e3e3}
html[data-storefront] nav a{color:#64656a}
html[data-storefront] nav a:hover{color:#df1f30}
html[data-storefront] .btn.sm{border:0;background:#eeeeee;color:#28292e;border-radius:10px}
html[data-storefront] .btn.sm:hover{background:#222329;color:#fff}
.menu-toggle{color:#222329;border-color:#dcdcdc;border-radius:10px}
.store-menu{background:#fff;border-color:#e3e3e3;border-radius:0 0 18px 18px;margin:0 18px}
.store-menu a{color:#44454a;border-color:#e7e7e7}
/* No wallpaper hero: a centered proposition and three real product modules. */
html[data-storefront] .hero[data-hero]{padding:45px 0 25px;min-height:0;background:transparent;overflow:visible}
html[data-storefront] .hero[data-hero]::before,html[data-storefront] .hero-copy::before{display:none}
html[data-storefront] .hero[data-hero] .hero-copy{width:100%;max-width:1000px;margin:auto;text-align:center}
html[data-storefront] .hero[data-hero] .eyebrow{justify-content:center;max-width:none;margin:0 0 20px;font-size:10px;color:#77787d}
html[data-storefront] .hero[data-hero] h1{max-width:none;font-size:clamp(54px,6.2vw,92px);line-height:1.01;font-weight:700;margin:0 0 22px;letter-spacing:-.075em}
html[data-storefront] .hero[data-hero] h1 .red{display:block;max-width:none;color:#df1f30;-webkit-text-fill-color:#df1f30}
html[data-storefront] .hero[data-hero] .lead{max-width:740px;margin:auto;font-size:15px;color:#74757b;line-height:1.7}
html[data-storefront] .hero-cta{margin:24px auto 0}
html[data-storefront] .top-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}
html[data-storefront] .hero[data-hero] .top-actions{justify-content:center}
html[data-storefront] .top-actions .btn{font-size:12px;padding:15px 23px;min-height:51px;white-space:nowrap}
html[data-storefront] .top-actions .demo-cta{color:#222329;border-color:#d1d1d1;background:transparent}
html[data-storefront] .top-actions .demo-cta:hover{background:#e5e5e5;border-color:#bcbcbc}
html[data-storefront] .top-actions .launcher-cta{background:#222329;color:#fff;border-color:#222329}
html[data-storefront] .top-actions .launcher-cta:hover{background:#3d3f47}
html[data-storefront] .hero[data-hero] .hero-app-note{max-width:none;margin:16px auto 0;color:#99999c;font-size:11px}
html[data-storefront] .hero .seo-card-link{font-size:11px;color:#6c6e75;margin-top:8px}
.cover-index,.cover-mark,.cover-wordmark,.hero-atmosphere{display:none!important}
.studio-stage{display:grid;grid-template-columns:1fr 2.5fr 1.1fr;gap:14px;margin-top:35px;height:270px}
.studio-stage>a,.stage-launcher{border-radius:24px;position:relative;overflow:hidden;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.studio-stage>a:hover{transform:translateY(-5px)}
.stage-label{font:600 9px/1.5 var(--body);letter-spacing:.1em;display:block}
.stage-stat{background:#e5e5e5;color:#292929;padding:27px;display:flex;flex-direction:column}
.stage-stat>strong{font:600 107px/.95 var(--display);letter-spacing:-.08em;margin:24px 0 8px;display:flex;justify-content:space-between}
.stage-stat>strong span{font-size:40px;letter-spacing:0;padding-top:10px}
.stage-stat>span:not(.stage-label){font-size:12px}.stage-stat .stage-bottom{margin-top:auto;font-size:11px!important;display:flex;justify-content:space-between}
.stage-scene{background:#15151b;isolation:isolate;display:block;color:#fff}
html[data-storefront] .studio-stage .hero-art{inset:0;width:100%;height:100%;z-index:-1;position:absolute;animation:none;transform:none!important}
html[data-storefront] .studio-stage .hero-art img{object-position:70% 41%;width:100%;height:100%;object-fit:cover}
.stage-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090b10d9,transparent 65%);z-index:-1}
.stage-scene-caption{position:absolute;bottom:23px;left:25px;right:25px;display:flex;gap:15px;align-items:center;font-size:15px;line-height:1.5}
.stage-scene-caption b{font-weight:600}.stage-scene-caption>span:last-child{margin-left:auto;font-size:10px}
.stage-play{background:#fff;color:#222;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:13px;flex-shrink:0}
.stage-launcher{background:#fff;padding:23px 23px 0;display:flex;flex-direction:column;color:#797a80;border:1px solid #e7e7e7}
.stage-launcher>img{width:calc(100% + 14px);max-width:none;margin:20px 0 0 9px;border-radius:10px;box-shadow:0 10px 35px #14151b2a;transform:rotate(-6deg);height:128px;object-fit:cover;object-position:top;flex-shrink:0}
.stage-launcher>a{position:relative;background:#fff;text-decoration:none;color:#222329;padding:15px 0 20px;margin-top:auto;display:flex;flex-direction:column;font-size:10px}.stage-launcher strong{font-size:13px;color:#df1f30}
html[data-storefront] .hero-foundation{padding-block:24px;border:0}
html[data-storefront] .hero-foundation .trust{gap:15px;grid-template-columns:repeat(5,1fr)}
html[data-storefront] .hero-foundation .pill{font-size:10px;color:#8b8c91}
/* Select a job once. Read the real image, explanation and all features beside it. */
html[data-storefront] #bots{padding-top:65px}
.section-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:0 70px;align-items:start;margin-bottom:30px}
.section-intro>.eyebrow{grid-column:1/-1;margin-bottom:20px}
html[data-storefront] .section-intro>h2{grid-column:1;grid-row:2;margin:0;font-size:clamp(34px,3.6vw,54px)}
.section-intro>p{grid-column:2;grid-row:2;margin:5px 0 0}
.section-intro>.catalog-filters{grid-column:1/-1;margin-top:28px}
.catalog-filter{color:#75767d;border-color:#d5d5d5;font-size:12px;background:#fff;border-radius:10px;padding:11px 18px}
.catalog-filter:hover{color:#202126;border-color:#aaa}.catalog-filter[aria-pressed=true]{background:#222329;color:#fff;border-color:#222329}.catalog-count{color:#929399}
.explorer-shell{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #e2e2e2;border-radius:26px;overflow:hidden;background:#fff}
.bot-rail{background:#ebebeb;padding:14px;display:flex;flex-direction:column;gap:4px;align-self:stretch}
.bot-choice{display:flex;gap:13px;align-items:center;text-align:left;border:0;border-radius:13px;background:transparent;color:#74757c;padding:10px;font:600 12px/1.5 var(--body);cursor:pointer;transition:background .2s,color .2s}
.bot-choice:hover{background:#dddddd;color:#24252a}.bot-choice[aria-pressed=true]{background:#222329;color:#fff;box-shadow:0 8px 18px #22232912}
.bot-choice>img{width:43px;height:43px;border-radius:9px;object-fit:cover;flex-shrink:0}.choice-arrow{margin-left:auto;font-size:16px}.bot-choice[hidden]{display:none}
html[data-storefront] #bots .explorer-content{display:block;margin:0!important;min-width:0}
html[data-storefront] #bots .explorer-content>.card,html[data-storefront] #bots .cols.is-filtered.explorer-content>.card{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr auto;gap:0 26px;align-items:start;background:#fff;color:#222329;border:0;border-radius:0;padding:34px;box-shadow:none;min-height:645px;transform:none!important}
html[data-storefront] #bots .explorer-content>.card[hidden]{display:none!important}
html[data-storefront] #bots .explorer-content>.card>.shot,html[data-storefront] #bots .cols.is-filtered.explorer-content>.card>.shot{grid-column:1;grid-row:1/span 5;width:100%;height:420px;min-height:0;margin:0!important;aspect-ratio:auto;border:0;border-radius:18px;overflow:hidden}
html[data-storefront] #bots .explorer-content>.card>.shot img{object-fit:cover;height:100%;object-position:center;transform:none}
html[data-storefront] #bots .explorer-content>.card>:not(.shot){grid-column:2;min-width:0}
html[data-storefront] #bots .explorer-content .tag{color:#929399;font-size:9px;margin:8px 0 18px}
html[data-storefront] #bots .explorer-content .tag::before{border-color:#d9d9d9}
html[data-storefront] #bots .explorer-content h3,html[data-storefront] #bots .cols.is-filtered.explorer-content .card:first-child h3{font-size:clamp(30px,3vw,44px);line-height:1.08;margin-bottom:20px}
html[data-storefront] #bots .explorer-content .card p,html[data-storefront] #bots .cols.is-filtered.explorer-content .card:first-child p{color:#7b7c83!important;font-size:15px!important;line-height:1.75;margin-bottom:24px}
html[data-storefront] #bots .explorer-content .seo-card-link{margin:0 0 26px;padding:15px 18px;background:#222329;color:white;border-color:#222329;border-radius:12px;justify-self:start;font-size:12px}
html[data-storefront] #bots .explorer-content>.card>.bot-features{grid-column:1/-1;margin-top:30px;border:1px solid #e3e3e3;border-radius:13px;padding:3px 22px 14px;background:#f7f7f7}
html[data-storefront] #bots .bot-features summary{color:#55565c;font-size:13px;padding-top:16px}
html[data-storefront] #bots .bot-features .feat{columns:2;column-gap:34px;padding-top:22px}
html[data-storefront] #bots ul.feat li{color:#73747b;font-size:13px;break-inside:avoid}
html[data-storefront] #bots>.shared-features{margin-top:18px;border:0;border-radius:20px;background:#e7e7e7;padding:30px;display:grid;grid-template-columns:1fr 2fr;gap:10px 30px}
html[data-storefront] #bots>.shared-features h3{font-size:25px;color:#373737}
html[data-storefront] #bots>.shared-features .feat{columns:3;grid-column:2;grid-row:1/span 3;margin:0}
html[data-storefront] #bots>.shared-features ul li{color:#717171;font-size:12px}
/* The gallery is a contrasting screening room, not another catalog row. */
html[data-storefront] #video{padding:55px 36px;background:#202127;color:#fff;border-radius:28px;margin:30px 0 75px}
html[data-storefront] #video h2{color:#fff;font-size:48px;margin-bottom:25px}
html[data-storefront] #video .eyebrow{color:#a0a1a7}
html[data-storefront] .video-grid,html[data-storefront] .video-grid-majestic{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 18px;margin-top:32px}
html[data-storefront] .demo{border-radius:13px;border:0;background:#15161c}
html[data-storefront] .video-item h3{font-size:18px;color:#fff;margin:17px 0 8px}
html[data-storefront] .demo-cap{font-size:11px;color:#92949d}
html[data-storefront] .video-item .seo-card-link{color:#c4c5cd;font-size:10px}
html[data-storefront] .demo-play{box-shadow:none;background:#fff;color:#222329;width:45px;height:45px;font-size:14px}
html[data-storefront] .video-origin{color:#9fa0a8;background:#ffffff07;border-color:#43444c;font-size:12px}
/* Why / setup / actual software are three distinct storytelling layouts. */
html[data-storefront] #why{padding-top:0}
html[data-storefront] #why>.eyebrow{margin-bottom:20px}
html[data-storefront] #why>h2{font-size:clamp(35px,4vw,58px);max-width:810px}
html[data-storefront] .vision-panel{min-height:430px;border-radius:24px;padding:45px;background-color:#13151b;background-position:center,right center;border:0}
html[data-storefront] .vision-panel .lead{font-size:17px!important;color:#e0e0e7!important}
html[data-storefront] .vision-panel .hero-explanation{color:#a9aab5;font-size:14px}
html[data-storefront] #why .cols{gap:14px;grid-template-columns:repeat(3,1fr)}
html[data-storefront] #why .card{border-radius:18px;padding:28px;background:#fff;border:0;box-shadow:none;color:#222329}
html[data-storefront] #why .card h3{font-size:23px}
html[data-storefront] #why .card p{font-size:13px!important;color:#82838a!important;line-height:1.8}
html[data-storefront] .steps{grid-template-columns:repeat(4,1fr);gap:14px;border:0;margin-top:30px!important}
html[data-storefront] .step,html[data-storefront] .step:first-child{position:relative;padding:30px;border-radius:20px;background:#191e27;border:1px solid #303a49;min-height:290px}
html[data-storefront] .step::before{font:600 18px/1 var(--display);color:#df1f30;background:#fff0ec;border-radius:10px;width:44px;height:44px;display:grid;place-items:center;margin-bottom:44px}
html[data-storefront] .step h3{font-size:23px;color:#222329}.step p{color:#83848a!important;font-size:13px!important}
html[data-storefront] .step:hover::before{color:#fff;background:#df1f30}
html[data-storefront] #shots .cols{grid-template-columns:repeat(3,1fr);gap:16px}
html[data-storefront] button.shot{border-radius:15px;border:1px solid #e0e0e0;background:#fff;overflow:hidden}
html[data-storefront] .shot .cap{background:#fff;color:#83848a;font-size:11px;line-height:1.7}
html[data-storefront] .companion-banner{background:#e7e7e7;border-radius:28px;padding:50px;grid-template-columns:1fr 1fr;gap:55px}
html[data-storefront] .companion-copy h2{color:#2c2c2c;font-size:clamp(40px,4.5vw,64px)}
html[data-storefront] .companion-copy p{color:#7b7b7b;font-size:15px;line-height:1.8}
html[data-storefront] .companion-visual{border-radius:20px;background:#191e27;aspect-ratio:1.25}
html[data-storefront] .companion-benefits{color:#6c6c6c;font-size:11px}
html[data-storefront] .companion-fine{color:#8c8c8c!important;font-size:11px!important}.companion-text-link{color:#595959!important}
/* A checkout decision, not five equally loud BUY cards. */
html[data-storefront] #price,html[data-storefront] .detail-plans{background:#fff;border:1px solid #e5e5e5;border-radius:28px;padding:55px;color:#222329;margin-bottom:70px}
html[data-storefront] #price h2,html[data-storefront] .detail-plans h2{font-size:clamp(35px,4vw,59px);max-width:930px;color:#222329}
html[data-storefront] #price .eyebrow,html[data-storefront] .detail-plans .eyebrow{color:#92939a}
html[data-storefront] #price .lead,html[data-storefront] #price .companion-plan-note,html[data-storefront] .detail-plans>p{color:#81828a;font-size:14px}
html[data-storefront] #price .companion-plan-note a{color:#df1f30}
.checkout-shell{margin-top:34px}
.checkout-shell.is-ready{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.term-chooser{display:flex;flex-direction:column;gap:8px}
.term-choice{display:flex;align-items:center;gap:15px;border:1px solid #e5e5e5;border-radius:13px;background:#f6f6f6;padding:18px 20px;font:600 14px/1.4 var(--body);color:#76777d;cursor:pointer;text-align:left;min-height:62px;transition:background .2s,border-color .2s}
.term-choice>strong{margin-left:auto;font-size:17px;font-weight:700;color:#44454c}
.term-choice>i{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid #d3d3d3;border-radius:50%;font:12px/1 var(--body);color:transparent}
.term-choice[aria-pressed=true]{background:#fff1ec;border-color:#df1f30;color:#222329}.term-choice[aria-pressed=true] i{background:#df1f30;color:#fff;border-color:#df1f30}.term-choice[aria-pressed=true] strong{color:#df1f30}
.term-choice:hover{border-color:#a3a3a3}
html[data-storefront] .checkout-shell.is-ready .plans,html[data-storefront] .checkout-shell.is-ready .detail-plan-grid{display:block;margin:0;border:0;border-radius:0;overflow:visible}
html[data-storefront] .checkout-shell.is-ready .plan,html[data-storefront] .checkout-shell.is-ready .detail-plan{background:#222329;color:#fff;border:0;border-radius:20px;padding:40px;min-height:342px;height:100%;display:flex;flex-direction:column;align-items:flex-start;position:relative}
html[data-storefront] .checkout-shell.is-ready [hidden]{display:none!important}
html[data-storefront] .checkout-shell .plan .name,html[data-storefront] .checkout-shell .detail-plan h3{font-size:20px;color:#fff}
html[data-storefront] .checkout-shell .price,html[data-storefront] .checkout-shell .detail-price{font-size:70px;color:#fff;letter-spacing:-.065em;line-height:1;margin:25px 0 12px}
html[data-storefront] .checkout-shell .price small,html[data-storefront] .checkout-shell .detail-price small{color:#a6a7ae;font-size:28px}
html[data-storefront] .checkout-shell .per{color:#9d9ea8;font-size:13px}
html[data-storefront] .checkout-shell .old{color:#868790;font-size:13px;margin:10px 0 -15px}
html[data-storefront] .checkout-shell .save,html[data-storefront] .checkout-shell .detail-discount{background:#ffffff0a;color:#d1d2d8;font-size:11px;margin:8px 0 20px;padding:5px 9px;border-radius:6px}
html[data-storefront] .checkout-shell .btn{margin-top:auto;background:#df1f30;color:#fff;border-radius:12px;min-height:53px;width:100%;font-size:14px}
html[data-storefront] .checkout-shell .best-mark{background:#e7e7e7;color:#474747;border-radius:6px;right:25px;top:25px;font-size:9px}
html[data-storefront] .demo-box{padding:32px 0;border-color:#e1e1e1;background:transparent}
html[data-storefront] .demo-box h3{color:#222329;font-size:25px}.demo-box p{color:#85868c!important;font-size:13px!important}
html[data-storefront] .demo-box .btn.ghost{color:#222329;border-color:#d5d5d5;background:transparent}
html[data-storefront] .funpay-box{padding:32px;border-radius:18px;background:#f3f3f3;gap:30px}
html[data-storefront] .funpay-box h3{color:#222329;font-size:25px}.funpay-box p{color:#83848b;font-size:13px}.funpay-box strong{color:#33343a}
html[data-storefront] .funpay-download{background:#222329;color:#fff}.funpay-actions .btn{border-radius:10px}
html[data-storefront] #faq{display:grid;grid-template-columns:1fr 1.4fr;gap:0 65px;padding-top:0}
html[data-storefront] #faq>.eyebrow{grid-column:1;margin-bottom:18px}
html[data-storefront] #faq>h2{grid-column:1;grid-row:2;font-size:48px;max-width:400px}
html[data-storefront] #faq>div:last-child{grid-column:2;grid-row:1/span 3;margin:0!important}
html[data-storefront] #faq details{border:0;border-bottom:1px solid #dddddd;border-radius:0;background:transparent;padding:4px 0}
html[data-storefront] summary{font-size:17px;color:#404148;font-weight:600}
html[data-storefront] details p{color:#85868e;font-size:14px;line-height:1.8}
html[data-storefront] footer{background:#202127;color:#999aa4;padding:65px 0 90px;border-radius:30px 30px 0 0;border:0}
html[data-storefront] footer .logo{color:#fff;font-size:40px!important}
html[data-storefront] footer p{color:#9697a3;font-size:12px}
html[data-storefront] footer .flinks{border-color:#3b3c45;gap:16px 27px}
html[data-storefront] footer .flinks a{color:#c2c3cb;font-size:11px}
.purchase-dock{background:#222329;color:#fff;border:1px solid #43444c;border-radius:17px;box-shadow:0 12px 45px #14141a33}
.purchase-dock .dock-copy small{color:#a2a3ad}
html[data-storefront] .purchase-dock .demo-cta{color:#fff;border-color:#50515b;border-radius:10px}
html[data-storefront] .purchase-dock .demo-cta:hover{color:#fff;background:#3a3b45}
html[data-storefront] .purchase-dock .buy-cta{border-radius:10px;background:#df1f30}
/* Product interiors become a real product sheet, with an in-page route. */
html[data-storefront] .product-page .crumbs{color:#999aa2;padding-top:18px}
html[data-storefront] .product-page .hero{grid-template-columns:1fr 1.08fr;padding:35px 0 50px;min-height:0;gap:60px}
html[data-storefront] .product-page .hero-copy{align-self:center}
html[data-storefront] .product-page .hero h1{font-size:clamp(40px,4.6vw,69px);color:#202127;line-height:1.06}
html[data-storefront] .product-page .hero .lead{color:#81828a;font-size:16px;line-height:1.8}
html[data-storefront] .product-page .hero-visual{padding:12px;background:#fff;border-radius:27px;border:1px solid #e3e3e3}
html[data-storefront] .product-page .hero-frame{border-radius:18px;aspect-ratio:1.1;background:#efefef}
html[data-storefront] .product-page .hero-frame img{aspect-ratio:1.1;object-fit:cover}
html[data-storefront] .product-page .hud{position:relative;inset:auto;margin:12px 0 0;border:0;background:#f4f4f4;color:#787982;border-radius:11px;padding:14px;font-size:9px}
html[data-storefront] .product-page .trust span{color:#999aa1;border-color:#dddddd;border-radius:7px;background:transparent;font-size:10px}
html[data-storefront] .trial-note{color:#999aa1}
.product-guide{display:flex;gap:12px;flex-wrap:wrap;padding:18px;border-radius:15px;background:#e8e8e8;margin:0 0 40px}
.product-guide a{padding:9px 16px;font:600 12px/1.5 var(--body);text-decoration:none;color:#6a6a6a;background:#f5f5f5;border-radius:9px}
.product-guide a:hover{background:#fff;color:#df1f30}
html[data-storefront] .content{padding-block:45px}
html[data-storefront] .content-grid{grid-template-columns:minmax(0,1fr) 330px;gap:75px}
html[data-storefront] .content article h2{color:#222329;font-size:40px}.content article h3{color:#33343b}
html[data-storefront] .content article p,html[data-storefront] .content article li{color:#7b7c85;font-size:15px;line-height:1.9}
html[data-storefront] .content aside.card{border:1px solid #dddddd;border-radius:22px;background:#e9e9e9;padding:26px;box-shadow:none}
html[data-storefront] .content aside h3{color:#484848;font-size:26px}.content aside li{color:#787878!important;font-size:11px!important}
html[data-storefront] .content .fact{border-color:#d1d1d1;color:#8b8b8b}.content .fact b{color:#5d5d5d}
html[data-storefront] .aside-actions .btn{border-radius:10px;background:#222329;color:#fff;font-size:10px}.aside-actions .demo-cta{background:#fff!important;color:#393939!important}
html[data-storefront] .related-grid .card{background:#fff;border:1px solid #e1e1e1;border-radius:15px;color:#222329;padding:28px}
html[data-storefront] .related-grid .card p{color:#8a8b92}.related-grid .card h3{font-size:22px!important}
html[data-storefront] .cta{background:#e9e9e9;border:0;border-radius:20px;padding:35px;color:#464646}.cta p{color:#8b8b8b!important}
html[data-storefront] .detail-plans{max-width:1360px;padding:50px}
html[data-storefront] .detail-after{color:#85868e}.detail-after a{color:#df1f30!important}
html[data-storefront] .demo-hero{background:transparent!important;padding-block:50px}
html[data-storefront] .demo-hero-grid{grid-template-columns:1.1fr 1fr;gap:60px}
html[data-storefront] .demo-hero h1{font-size:clamp(40px,4.6vw,68px);color:#222329}
html[data-storefront] .demo-intro{color:#81828a;font-size:15px}.demo-hero-note{color:#97989f!important}
html[data-storefront] .demo-hero-visual{border-radius:23px;aspect-ratio:1.05;border:10px solid #fff}
html[data-storefront] .demo-hero-visual::after{border-radius:10px;background:#df1f30;font-size:12px;padding:12px 18px}
html[data-storefront] .demo-steps li,html[data-storefront] .demo-bot,html[data-storefront] .demo-fishing article{background:#fff;border:1px solid #e4e4e4;border-radius:20px;color:#222329;padding:30px}
html[data-storefront] .demo-bot p,html[data-storefront] .demo-fishing p,html[data-storefront] .demo-steps p{color:#81828a;font-size:14px}.demo-bot-links a{color:#df1f30!important}
html[data-storefront] .demo-facts span{border-color:#dddddd;border-radius:9px;color:#95969e}
html[data-storefront] .demo-final{border:0;border-radius:22px;background:#e9e9e9;color:#4e4e4e;padding:35px}.demo-final p{color:#838383}
html[data-storefront] .companion-page .app-hero{grid-template-columns:1.1fr 1fr;gap:55px}
html[data-storefront] .app-hero h1{color:#222329;font-size:clamp(48px,5vw,75px)}
html[data-storefront] .app-feature{background:#fff;border:1px solid #e5e5e5;border-radius:20px;color:#222329}
html[data-storefront] .app-feature p{color:#81828a;font-size:14px}.app-hero .lead{color:#83848b!important}
@media(max-width:1150px){
  html[data-storefront] header>.wrap{gap:12px;padding:10px 16px}.studio-stage{grid-template-columns:1fr 2fr 1.15fr;height:245px}.stage-stat{padding:22px}.stage-stat>strong{font-size:89px}.stage-launcher{padding:20px 18px 0}.stage-launcher>img{height:109px}
  .explorer-shell{grid-template-columns:235px minmax(0,1fr)}.bot-choice{font-size:11px;gap:10px;padding:9px}.bot-choice img{width:36px;height:36px}
  html[data-storefront] #bots .explorer-content>.card,html[data-storefront] #bots .cols.is-filtered.explorer-content>.card{padding:26px;gap:0 20px;min-height:590px}
  html[data-storefront] #bots .explorer-content>.card>.shot,html[data-storefront] #bots .cols.is-filtered.explorer-content>.card>.shot{height:370px}
  html[data-storefront] #bots .explorer-content h3{font-size:32px}
  .section-intro{gap:0 40px}html[data-storefront] .steps .step{padding:25px}.stage-scene-caption>span:last-child{display:none}
}
@media(max-width:850px){
  .studio-stage{grid-template-columns:1fr 2fr;height:250px}.stage-launcher{display:none}
  .section-intro{grid-template-columns:1fr;gap:15px}.section-intro>p{grid-column:1;grid-row:3}.section-intro>.catalog-filters{grid-row:4;margin-top:10px}
  .explorer-shell{grid-template-columns:190px minmax(0,1fr)}.bot-rail{padding:9px}.bot-choice{font-size:10px;gap:8px}.bot-choice>img{width:30px;height:30px}.choice-arrow{display:none}
  html[data-storefront] #bots .explorer-content>.card,html[data-storefront] #bots .cols.is-filtered.explorer-content>.card{display:flex;flex-direction:column;min-height:0;padding:24px}
  html[data-storefront] #bots .explorer-content>.card>.shot,html[data-storefront] #bots .cols.is-filtered.explorer-content>.card>.shot{height:230px;margin-bottom:24px!important}
  html[data-storefront] #bots .explorer-content>.card>.bot-features{width:100%;margin-top:5px}.bot-features .feat{columns:1!important}
  html[data-storefront] #bots>.shared-features{grid-template-columns:1fr}.shared-features .feat{grid-column:1!important;grid-row:auto!important;columns:2!important}
  html[data-storefront] .video-grid,html[data-storefront] .video-grid-majestic{grid-template-columns:repeat(2,1fr)}
  html[data-storefront] .steps{grid-template-columns:repeat(2,1fr)}html[data-storefront] #why .cols{grid-template-columns:1fr}
  html[data-storefront] .companion-banner{gap:25px;padding:32px}.checkout-shell.is-ready{grid-template-columns:1fr 1fr}
  html[data-storefront] #price,html[data-storefront] .detail-plans{padding:35px}.funpay-box{flex-direction:column;align-items:start}
  html[data-storefront] #faq{grid-template-columns:1fr;gap:0}html[data-storefront] #faq>div:last-child{grid-column:1;grid-row:3}
  html[data-storefront] .product-page .hero{gap:30px}.product-page .hero h1{font-size:42px!important}
  html[data-storefront] .content-grid{grid-template-columns:1fr;gap:35px}.content aside.card{position:static!important}
  html[data-storefront] .demo-hero-grid,html[data-storefront] .companion-page .app-hero{grid-template-columns:1fr;gap:30px}
}
@media(max-width:640px){
  html[data-storefront]{scroll-padding-top:132px}
  html[data-storefront] section{padding-block:55px}
  html[data-storefront] header{padding:8px 0}html[data-storefront] header>.wrap{width:calc(100% - 20px);padding:10px 13px;border-radius:14px;gap:8px}
  html[data-storefront] .hrow .logo{font-size:16px!important}.hrow .logo::before{font-size:24px!important}.hrow .game-picker{padding:3px!important;border-radius:9px;gap:3px!important;background:#eee!important}
  html[data-storefront] .game-picker a{padding:8px!important;border:0;font-size:10px}
  html[data-storefront] .hero[data-hero]{padding:32px 0 10px}
  html[data-storefront] .hero[data-hero] .eyebrow{font-size:8px;line-height:1.6;margin-bottom:17px}
  html[data-storefront] .hero[data-hero] h1{font-size:clamp(44px,12vw,66px);letter-spacing:-.07em;margin-bottom:19px}
  html[data-storefront] .hero[data-hero] h1 .red{font-size:inherit}
  html[data-storefront] .hero[data-hero] .lead{font-size:13px;line-height:1.75}
  html[data-storefront] .top-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:20px}
  html[data-storefront] .top-actions .btn{font-size:10px;padding:13px 10px;min-height:48px;white-space:normal}
  html[data-storefront] .top-actions .launcher-cta{grid-column:1/-1}
  html[data-storefront] .hero[data-hero] .hero-app-note{font-size:10px!important;max-width:310px!important}
  html[data-storefront] .hero .seo-card-link{font-size:10px}
  .studio-stage{grid-template-columns:.7fr 1.3fr;height:192px;gap:9px;margin-top:23px}
  .studio-stage>a{border-radius:17px}.stage-stat{padding:18px 14px}.stage-label{font-size:7px;letter-spacing:.05em}
  .stage-stat>strong{font-size:65px;margin:22px 0 8px}.stage-stat>strong span{font-size:22px}.stage-stat>span:not(.stage-label){font-size:10px}.stage-stat .stage-bottom{font-size:8px!important}
  .stage-scene-caption{bottom:18px;left:15px;right:15px;font-size:11px;gap:10px}.stage-play{width:31px;height:31px;font-size:10px}.stage-scene-caption>span:nth-child(2){font-size:10px}
  html[data-storefront] .studio-stage .hero-art{height:100%!important;inset:0!important}.studio-stage .hero-art img{object-position:70% 30%!important}
  html[data-storefront] .hero-foundation{padding-block:20px}.hero-foundation .trust{gap:14px!important}.hero-foundation .pill{font-size:9px!important}
  html[data-storefront] #bots{padding-top:40px}.section-intro{gap:10px;margin-bottom:20px}.section-intro>.eyebrow{margin-bottom:6px}
  html[data-storefront] .section-intro>h2{font-size:35px}.section-intro>p{font-size:13px}
  .catalog-filters{gap:6px}.catalog-filter{padding:9px 12px;font-size:10px;border-radius:8px}.catalog-count{font-size:8px;width:100%;margin-top:6px}
  .explorer-shell{display:block;border-radius:20px}
  .bot-rail{flex-direction:row;overflow-x:auto;padding:12px;gap:7px;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
  .bot-choice{flex:0 0 auto;font-size:10px;padding:7px 10px;scroll-snap-align:start;border-radius:9px;gap:7px}.bot-choice img{width:30px;height:30px}.bot-choice span:not(.choice-arrow){max-width:120px}
  html[data-storefront] #bots .explorer-content>.card,html[data-storefront] #bots .cols.is-filtered.explorer-content>.card{padding:22px;min-height:0}
  html[data-storefront] #bots .explorer-content>.card>.shot,html[data-storefront] #bots .cols.is-filtered.explorer-content>.card>.shot{height:240px;border-radius:13px;margin-bottom:20px!important}
  html[data-storefront] #bots .explorer-content h3,html[data-storefront] #bots .cols.is-filtered.explorer-content .card:first-child h3{font-size:33px}
  html[data-storefront] #bots .explorer-content .card p,html[data-storefront] #bots .cols.is-filtered.explorer-content .card:first-child p{font-size:13px!important;margin-bottom:20px}
  html[data-storefront] #bots .explorer-content .seo-card-link{font-size:11px;padding:13px 15px;margin-bottom:20px}
  html[data-storefront] #bots .explorer-content>.card>.bot-features{padding:0 15px 10px;border-radius:11px}.bot-features summary{font-size:11px!important}
  html[data-storefront] #bots>.shared-features{padding:24px;border-radius:17px}.shared-features .feat{columns:1!important}
  html[data-storefront] #video{padding:32px 21px;border-radius:20px;margin:20px -4px 45px}html[data-storefront] #video h2{font-size:35px}
  html[data-storefront] .video-grid{gap:25px 13px}.video-item h3{font-size:15px!important}.demo-cap{font-size:10px!important}.video-item .seo-card-link{font-size:9px!important}.demo-play{width:33px!important;height:33px!important;font-size:10px!important}
  html[data-storefront] #why>h2{font-size:35px}.vision-panel{padding:25px!important;min-height:480px!important;background-position:64% center!important}
  html[data-storefront] .vision-panel .lead{font-size:14px!important}.vision-panel .hero-explanation{font-size:12px!important}
  html[data-storefront] #why .card{padding:25px}.steps{gap:10px!important}.step,.step:first-child{padding:23px!important;min-height:300px!important}.step::before{margin-bottom:25px!important}.step h3{font-size:20px!important}.step p{font-size:11px!important}
  html[data-storefront] #shots .cols{grid-template-columns:1fr;gap:14px}
  html[data-storefront] .companion-banner{grid-template-columns:1fr;padding:30px;border-radius:21px}.companion-copy h2{font-size:40px!important}.companion-copy p{font-size:13px!important}
  html[data-storefront] #price,html[data-storefront] .detail-plans{padding:30px 22px;border-radius:20px;width:auto;margin:0 0 40px}
  html[data-storefront] #price h2,html[data-storefront] .detail-plans h2{font-size:35px}.checkout-shell.is-ready{grid-template-columns:1fr;gap:15px}.term-choice{font-size:12px;padding:14px 16px;min-height:52px}.term-choice strong{font-size:15px}
  html[data-storefront] .checkout-shell.is-ready .plan,html[data-storefront] .checkout-shell.is-ready .detail-plan{min-height:300px!important;padding:30px!important}.checkout-shell .price,.checkout-shell .detail-price{font-size:65px!important}
  html[data-storefront] .checkout-shell .btn{font-size:13px!important;min-height:48px!important}.demo-box{padding:25px 0!important}.funpay-box{padding:24px!important;border-radius:15px!important}
  html[data-storefront] #faq>h2{font-size:35px}.faq p{font-size:13px!important}
  .purchase-dock{border-radius:13px;bottom:10px;padding:7px;gap:7px}.purchase-dock .btn{font-size:9px!important;min-height:42px!important}
  html[data-storefront] .product-page .hero{grid-template-columns:1fr;gap:25px;padding:25px 0 30px}.product-page .hero h1{font-size:42px!important}.product-page .hero .lead{font-size:14px!important}.product-page .hero-visual{order:initial!important;border-radius:21px}.product-page .hero-frame{aspect-ratio:1.3!important}.product-page .hero-frame img{aspect-ratio:1.3!important}
  html[data-storefront] .product-page .hud{font-size:8px;padding:10px}.product-guide{margin-bottom:20px;padding:12px;gap:6px}.product-guide a{padding:8px 11px;font-size:10px}.content article h2{font-size:34px!important}
  html[data-storefront] .content aside.card{padding:24px}.related-grid{grid-template-columns:1fr!important}.cta{padding:26px!important}
  html[data-storefront] .demo-hero h1{font-size:42px}.demo-intro{font-size:14px!important}.demo-hero-visual{aspect-ratio:1.4!important}.demo-bot p{font-size:13px!important}
  html[data-storefront] .app-hero h1{font-size:54px!important}
}
@media(prefers-reduced-motion:reduce){.studio-stage>a{transition:none}.studio-stage>a:hover{transform:none}.bot-choice,.term-choice{transition:none}}
/* Owner-selected art direction: graphite / white / luminous coral. */
html[data-storefront]{--ink:#0e1015;--deck:#191d26;--slab:#202530;--white:#f3f5fc;--muted:#959dad;--line:#303744;--red:#f12b3c;--red-hi:#ff5968}
html[data-storefront] body{background:#0e1015;color:#f3f5fc;background-image:radial-gradient(ellipse 70% 400px at 50% 350px,#222b3526,transparent)}
html[data-storefront] .lead{color:#989faf}
html[data-storefront] .eyebrow,html[data-storefront] .companion-kicker{color:#959cac}
html[data-storefront] header{background:#0e1015e8}
html[data-storefront] header>.wrap{background:#191d26ed;border-color:#303744;box-shadow:0 8px 35px #0002}
html[data-storefront] .logo{color:#fff}
html[data-storefront] .game-picker{background:#10131a}
html[data-storefront] .game-picker a{color:#929aab}
html[data-storefront] .game-picker a[aria-current]{background:#f12b3c;color:#ffffff;box-shadow:0 2px 16px #f12b3c10}
html[data-storefront] .game-picker a:not([aria-current]):hover{color:#fff;background:#292f3b}
html[data-storefront] nav a{color:#aab2c2}
html[data-storefront] nav a:hover{color:#f12b3c}
html[data-storefront] .btn{background:#f12b3c;color:#fff}
html[data-storefront] .btn:hover{background:#ed3546;box-shadow:0 7px 27px #f12b3c20}
html[data-storefront] .btn.sm{background:#303744;color:#dde3f1}
html[data-storefront] .btn.sm:hover{background:#f12b3c;color:#ffffff}
.menu-toggle{color:#fff;border-color:#394251;background:#1b2029}.store-menu{background:#191d26;border-color:#303744}.store-menu a{color:#aeb7cc;border-color:#303744}
html[data-storefront] .hero[data-hero] .eyebrow{color:#8f98aa}
html[data-storefront] .hero[data-hero] h1{color:#f5f7ff}
html[data-storefront] .hero[data-hero] h1 .red{color:#f12b3c;-webkit-text-fill-color:#f12b3c}
html[data-storefront] .hero[data-hero] .lead{color:#a0a8ba}
html[data-storefront] .top-actions .demo-cta{background:#1c212b;color:#dce4f4;border-color:#46505f;box-shadow:none}
/* Keep the final palette consistent in legacy, nested and hover states. */
html[data-storefront] #bots .shared-features,
html[data-storefront] #bots .shared-features:hover{background:#191e27;border-color:#343d4b}
html[data-storefront] #bots .shared-features .tag{color:#aab1c3}
html[data-storefront] #bots .shared-features h3{color:#f4f6ff}
html[data-storefront] #bots .shared-features ul li{color:#adb6c8}
html[data-storefront] .vision-panel{background-image:linear-gradient(90deg,#13151b 0%,#13151bf7 30%,#13151bcc 49%,#13151b00 74%),url('/static/companion/vision-shield-cinematic-v2.webp')}
html[data-storefront] .funpay-box p{color:#adb6c8}
html[data-storefront] .funpay-box strong{color:#f4f6ff}
html[data-storefront] .demo-box .btn.ghost:hover,
html[data-storefront] .demo-box .btn.ghost:focus-visible{background:#303744;color:#fff;border-color:#ff5968;box-shadow:none}
html[data-storefront] button.shot:hover,
html[data-storefront] button.shot:focus-visible{border-color:#ff5968;box-shadow:0 8px 24px #0003}
html[data-storefront] .checkout-shell .plan .btn:hover,
html[data-storefront] .checkout-shell .plan.best .btn:hover,
html[data-storefront] .checkout-shell .detail-plan .btn:hover,
html[data-storefront] .funpay-actions .btn:hover{background:#bf1829;color:#fff;border-color:#bf1829;box-shadow:none}
html[data-storefront] .funpay-actions .funpay-download:hover{background:#303744;color:#fff;border-color:#ff5968}
html[data-storefront] .top-actions .demo-cta:hover,
html[data-storefront] .purchase-dock .demo-cta:hover{background:#303744;color:#fff;border-color:#ff5968;box-shadow:none}
html[data-storefront] .top-actions .buy-cta:hover{background:#bf1829;color:#fff;border-color:#bf1829}
html[data-storefront] .aside-actions .demo-cta:hover{background:#bf1829!important;color:#fff!important}
html[data-storefront] #bots .explorer-content .card:hover .seo-card-link,
html[data-storefront] #bots .explorer-content .card:focus-within .seo-card-link{background:#bf1829;color:#fff;border-color:#bf1829;box-shadow:none}
html[data-storefront] #bots .explorer-content .seo-card-link::before{display:none}
@media(max-width:640px){
  html[data-storefront] .vision-panel{background-image:linear-gradient(0deg,#13151b 0%,#13151b 45%,#13151ba0 67%,transparent 85%),url('/static/companion/vision-shield-cinematic-v2.webp')}
}
html[data-storefront] .top-actions .demo-cta:hover{background:#303744;border-color:#ff5968;color:#fff;box-shadow:none}
html[data-storefront] .top-actions .launcher-cta{background:#f12b3c;color:#ffffff;border-color:#f12b3c;box-shadow:0 7px 25px #f12b3c09}
html[data-storefront] .top-actions .launcher-cta:hover{background:#ff5968;box-shadow:0 7px 25px #f12b3c20}
html[data-storefront] .hero[data-hero] .hero-app-note{color:#727d90}
html[data-storefront] .hero .seo-card-link{color:#a3aec4}
.stage-stat{background:#f12b3c;color:#ffffff}.stage-stat>strong{color:#ffffff}
.stage-launcher{background:#191e27;border-color:#303744;color:#929bae}.stage-launcher>a{background:#191e27;color:#99a4b9}.stage-launcher strong{color:#f12b3c}
.stage-launcher>img{box-shadow:0 12px 35px #0006;border:1px solid #3e4656}
html[data-storefront] .hero-foundation .pill{color:#778298}
.catalog-filter{background:#191e27;color:#a0abc1;border-color:#343d4b}.catalog-filter:hover{border-color:#727e95;color:#fff}.catalog-filter[aria-pressed=true]{background:#f12b3c;color:#ffffff;border-color:#f12b3c}.catalog-count{color:#65728a}
.explorer-shell{background:#191e27;border-color:#303744}.bot-rail{background:#13171f;max-height:760px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#394455 transparent}
.bot-choice{color:#8c98b0}.bot-choice:hover{background:#202735;color:#fff}.bot-choice[aria-pressed=true]{background:#f12b3c;color:#ffffff;box-shadow:0 5px 20px #f12b3c0c}
html[data-storefront] #bots .explorer-content>.card,html[data-storefront] #bots .cols.is-filtered.explorer-content>.card{background:#191e27;color:#fff}
html[data-storefront] #bots .explorer-content .tag{color:#77859d}.explorer-content .tag::before{color:#f12b3c!important;border-color:#394454!important}
html[data-storefront] #bots .explorer-content h3{color:#f4f6ff}
html[data-storefront] #bots .explorer-content .card p,html[data-storefront] #bots .cols.is-filtered.explorer-content .card:first-child p{color:#9ba6bc!important}
html[data-storefront] #bots .explorer-content .seo-card-link{background:#f12b3c;border-color:#f12b3c;color:#fff}
html[data-storefront] #bots .explorer-content .seo-card-link:hover{background:#ff5968}
html[data-storefront] #bots .explorer-content>.card>.bot-features{background:#13171f;border-color:#323c4b}
html[data-storefront] #bots .bot-features summary{color:#b2bfd6}
html[data-storefront] #bots ul.feat li{color:#8a98b1}
html[data-storefront] #bots>.shared-features{background:#191e27;border:1px solid #343d4b}
html[data-storefront] #bots>.shared-features h3{color:#f4f6ff}
html[data-storefront] #bots>.shared-features ul li{color:#adb6c8}
html[data-storefront] #video{background:#181d26;border:1px solid #303a49}
html[data-storefront] #video .demo{background:#0e1219;box-shadow:0 5px 20px #0003}
html[data-storefront] .demo-play{background:#f12b3c;color:#2f2f2f}
html[data-storefront] .demo-play:hover{background:#f12b3c;color:#fff}
html[data-storefront] #why .card{background:#191e27;color:#fff;border:1px solid #303a49}
html[data-storefront] #why .card h3{color:#ecf1fe}
html[data-storefront] #why .card p{color:#8f9cb5!important}
html[data-storefront] .steps .step{background:#191e27;border:1px solid #303a49}
html[data-storefront] .step::before{background:#393939;color:#f12b3c}
html[data-storefront] .step h3{color:#e9f0ff}.step p{color:#8c99b2!important}
html[data-storefront] .step:hover::before{background:#f12b3c;color:#353535}
html[data-storefront] button.shot{border-color:#303a49;background:#191e27}
html[data-storefront] .shot .cap{background:#191e27;color:#8d9ab3}
html[data-storefront] .companion-banner{background:#191e27;border:1px solid #343d4b}
html[data-storefront] .companion-copy h2{color:#f4f6ff}
html[data-storefront] .companion-copy p{color:#aab4c5}
html[data-storefront] .companion-benefits{color:#b8c1d1}
html[data-storefront] .companion-fine{color:#949eaf!important}.companion-text-link{color:#f12b3c!important}
html[data-storefront] #price,html[data-storefront] .detail-plans{background:#191e27;border-color:#344050;color:#fff}
html[data-storefront] #price h2,html[data-storefront] .detail-plans h2{color:#f5f7ff}
html[data-storefront] #price .lead,html[data-storefront] #price .companion-plan-note,html[data-storefront] .detail-plans>p{color:#919eb8}
.term-choice{background:#13171f;border-color:#343f50;color:#9aa9c4}.term-choice>strong{color:#d7e1f5}.term-choice>i{border-color:#46516a}
.term-choice[aria-pressed=true]{background:#241a20;border-color:#f12b3c;color:#ffe8e5}.term-choice[aria-pressed=true] i{background:#f12b3c;border-color:#f12b3c;color:#ffffff}.term-choice[aria-pressed=true] strong{color:#f12b3c}
.term-choice:hover{border-color:#647c93}
html[data-storefront] .checkout-shell.is-ready .plan,html[data-storefront] .checkout-shell.is-ready .detail-plan{background:#0f131b;border:1px solid #6b3c3c}
html[data-storefront] .checkout-shell .btn{background:#f12b3c;color:#fff}
html[data-storefront] .checkout-shell .best-mark{background:#f12b3c;color:#ffffff}
html[data-storefront] .demo-box{border-color:#354050}
html[data-storefront] .demo-box h3{color:#edf3ff}.demo-box p{color:#8e9eba!important}
html[data-storefront] .demo-box .btn.ghost{color:#c9d6ed;border-color:#44546a;background:transparent}
html[data-storefront] .funpay-box{background:#111720;border:1px solid #303d50}
html[data-storefront] .funpay-box h3{color:#e6efff}.funpay-box p{color:#8b9eba}.funpay-box strong{color:#c1d2ee}
html[data-storefront] .funpay-download{background:#252c38;color:#f12b3c;border-color:#343d4b}
html[data-storefront] #faq details{border-color:#323d50}
html[data-storefront] summary{color:#c3d1eb}
html[data-storefront] details p{color:#8c9dbc}
html[data-storefront] footer{background:#080c13;border-top:1px solid #303a49}
html[data-storefront] .product-page .hero h1{color:#f0f5ff}
html[data-storefront] .product-page .hero .lead{color:#96a6c4}
html[data-storefront] .product-page .hero-visual{background:#1a2230;border-color:#35445a}
html[data-storefront] .product-page .hero-frame{background:#101824}
html[data-storefront] .product-page .hud{background:#111a28;color:#8296b7}
html[data-storefront] .product-page .trust span{background:#192331;border-color:#3c4c65;color:#96aace}
html[data-storefront] .trial-note{color:#7f94b6}
.product-guide{background:#151922}.product-guide a{background:#252c38;color:#d3b2c2}.product-guide a:hover{background:#f12b3c;color:#ffffff}
html[data-storefront] .content article h2{color:#edf4ff}.content article h3{color:#c9d9f2}
html[data-storefront] .content article p,html[data-storefront] .content article li{color:#98abc9}
html[data-storefront] .content aside.card{background:#191e27;border-color:#343d4b}
html[data-storefront] .content aside h3{color:#f12b3c}.content aside li{color:#ad95a7!important}
html[data-storefront] .content .fact{border-color:#343d4b;color:#a48a9e}.content .fact b{color:#e4bccf}
html[data-storefront] .aside-actions .btn{background:#f12b3c;color:#fff}.aside-actions .demo-cta{background:#f12b3c!important;color:#ffffff!important}
html[data-storefront] .related-grid .card{background:#191f2a;border-color:#36445a;color:#edf4ff}
html[data-storefront] .related-grid .card p{color:#8a9ebf}.related-grid .card h3{color:#dbe9ff}
html[data-storefront] .cta{background:#191e27;color:#f12b3c}.cta p{color:#aab4c5!important}
html[data-storefront] .demo-hero h1{color:#eff5ff}
html[data-storefront] .demo-intro{color:#97accd}.demo-hero-note{color:#839bbb!important}
html[data-storefront] .demo-hero-visual{border-color:#1b2637}
html[data-storefront] .demo-steps li,html[data-storefront] .demo-bot,html[data-storefront] .demo-fishing article{background:#1a2331;border-color:#354761;color:#eef4ff}
html[data-storefront] .demo-bot p,html[data-storefront] .demo-fishing p,html[data-storefront] .demo-steps p{color:#8eabcd}
html[data-storefront] .demo-facts span{color:#97acd0;border-color:#3d506c}
html[data-storefront] .demo-final{background:#191e27;color:#f12b3c}.demo-final p{color:#aab4c5}
html[data-storefront] .app-hero h1{color:#edf4ff}
html[data-storefront] .app-feature{background:#1a2433;border-color:#364b69;color:#edf4ff}.app-feature p{color:#93acce!important}.app-hero .lead{color:#9bb4d9!important}
@media(max-width:640px){html[data-storefront] .hrow .game-picker{background:#10131a!important}.bot-rail{max-height:none;overflow-y:hidden}}
html[data-storefront] .companion-visual figcaption{background:#11151de6;color:#aab1c3;border-color:#424754}
html[data-storefront] .step::before{background:#29212a;color:#ff5968}
html[data-storefront] .step:hover::before{background:#f12b3c;color:#fff}
html[data-storefront] .demo-play{background:#f12b3c;color:#fff}
html[data-storefront] .demo-play:hover{background:#ff5968;color:#fff}
.term-choice[aria-pressed=true]{background:#241a20}
html[data-storefront] .checkout-shell .best-mark{background:#f12b3c;color:#fff}
html[data-storefront] .companion-visual{background:#191e27}
html[data-storefront] .btn,html[data-storefront] .top-actions .buy-cta,html[data-storefront] .checkout-shell .btn,html[data-storefront] #bots .explorer-content .seo-card-link{background:#df1f30;color:#fff}
html[data-storefront] .btn:hover{background:#bf1829;box-shadow:0 7px 27px #f12b3c20}
html[data-storefront] .game-picker a[aria-current],.bot-choice[aria-pressed=true],.catalog-filter[aria-pressed=true]{background:#df1f30;color:#fff;border-color:#df1f30}
html[data-storefront] .top-actions .launcher-cta{background:#f4f6ff;color:#20232b;border-color:#f4f6ff;box-shadow:none}
html[data-storefront] .top-actions .launcher-cta:hover{background:#fff;box-shadow:0 7px 25px #ffffff15}
html[data-storefront] .top-actions .demo-cta{background:#1c212b;color:#dce4f4;border-color:#46505f;box-shadow:none}
html[data-storefront] .product-page .hud b{color:#f4f6ff}
html[data-storefront] .product-page .hud span::before{background:#ff5968;box-shadow:none}
/* Readable product navigation, subscription summary and persistent actions. */
html[data-storefront] .product-guide{background:#191e27;border:1px solid #343d4b;padding:12px;gap:10px}
html[data-storefront] .product-guide a{background:#252c38;color:#e6eaf2;font-size:14px;padding:13px 18px;transition:background .18s,color .18s}
html[data-storefront] .product-guide a:hover,
html[data-storefront] .product-guide a:focus-visible{background:#343e4e;color:#fff;box-shadow:inset 0 -2px #f12b3c}
html[data-storefront] .content aside.card{background:#191e27;border-color:#343d4b;padding:28px}
html[data-storefront] .content aside h3{color:#f4f6ff;line-height:1.15}
html[data-storefront] .content aside li{font-size:14px!important;line-height:1.65;color:#b8c1d1!important}
html[data-storefront] .content aside ul{gap:14px 18px;margin:26px 0}
html[data-storefront] .content .fact{font-size:13px;color:#aab4c5;border-color:#343d4b;padding-block:14px}
html[data-storefront] .content .fact b{color:#f4f6ff;font-size:15px}
html[data-storefront] .aside-mark{color:#aab4c5;font-size:11px}
html[data-storefront] .aside-actions{gap:10px;flex-wrap:wrap}
html[data-storefront] .aside-actions .btn{font-size:13px;min-height:50px;padding:14px 12px;background:#df1f30;color:#fff}
html[data-storefront] .aside-actions .demo-cta{background:#252c38!important;color:#f4f6ff!important;border:1px solid #465268}
html[data-storefront] .aside-actions .demo-cta:hover{background:#343e4e!important;color:#fff!important;border-color:#ff5968}
html[data-storefront] .purchase-dock{max-width:840px;padding:12px 14px 12px 23px;border-radius:17px;background:#191e27;border-color:#3c4657;gap:16px}
html[data-storefront] .purchase-dock .dock-copy{font-size:15px;color:#f4f6ff;line-height:1.5}
html[data-storefront] .purchase-dock .dock-copy small{font-size:12px;color:#aab4c5;line-height:1.6}
html[data-storefront] .purchase-dock .btn{font-size:14px!important;min-height:52px!important;padding:15px 19px}
html[data-storefront] .purchase-dock .demo-cta{background:#252c38;color:#f4f6ff;border-color:#465268;box-shadow:none}
html[data-storefront] .purchase-dock .demo-cta:hover{background:#343e4e;color:#fff;border-color:#ff5968;box-shadow:none}
html[data-storefront] .purchase-dock .buy-cta{background:#df1f30;color:#fff;box-shadow:none}
html[data-storefront] .purchase-dock .buy-cta:hover{background:#bf1829;color:#fff}
html[data-storefront] .app-how{gap:16px}
html[data-storefront] .app-how .step,
html[data-storefront] .app-how .step:first-child{background:#191e27;border:1px solid #343d4b}
html[data-storefront] .app-how .step h3{color:#f4f6ff}
html[data-storefront] .app-how .step p{color:#adb6c8!important;font-size:14px!important}
.mobile-platform-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.mobile-platform-actions .btn{white-space:normal;text-align:center;min-height:44px}
html[data-storefront] .app-download .btn.ghost{background:#252c38;color:#e6eaf2;border-color:#465268}
html[data-storefront] .app-download .btn.ghost:hover,
html[data-storefront] .app-download .btn.ghost:focus-visible{background:#343e4e;color:#fff;border-color:#ff5968;box-shadow:none}
html[data-storefront] .checkout-shell .plan .btn,
html[data-storefront] .checkout-shell .plan.best .btn{background:#df1f30;color:#fff}
html[data-storefront] .demo-start-action{margin-top:30px}
html[data-storefront] .demo-start-action .btn{min-height:64px;min-width:280px;padding:19px 32px;font-size:17px;gap:16px;background:#df1f30;color:#fff;border-radius:14px}
html[data-storefront] .demo-start-action .btn:hover{background:#bf1829;color:#fff;box-shadow:0 8px 24px #df1f3020}
@media(max-width:640px){
  html[data-storefront] .product-guide a{font-size:12px;padding:11px 13px}
  html[data-storefront] .demo-start-action .btn{width:100%;min-width:0;font-size:16px;min-height:60px}
  html[data-storefront] .purchase-dock{width:calc(100% - 20px);padding:10px;gap:8px;display:grid;grid-template-columns:1fr 1.3fr}
  html[data-storefront] .purchase-dock .dock-copy{display:block;grid-column:1/-1;font-size:13px}
  html[data-storefront] .purchase-dock .dock-copy small{display:none}
  html[data-storefront] .purchase-dock .btn{font-size:12px!important;min-height:46px!important;padding:11px 9px;width:100%}
  html[data-storefront] .vision-panel{padding:280px 24px 28px!important;min-height:0!important;background-position:center,center top!important;background-size:cover,auto 315px;background-image:linear-gradient(180deg,#13151b00 0px,#13151b00 210px,#13151b 315px),url('/static/companion/vision-shield-cinematic-v2.webp')}
}

/* Player-facing mushroom locator screenshot. */
.locator-feature{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:24px;padding:26px 22px;margin:36px 0;border:1px solid #5e2736;background:linear-gradient(135deg,#211019,#10131a)}
.locator-feature h2{margin-top:0}.locator-feature figure{margin:0;min-width:0}.locator-feature img{display:block;width:100%;max-width:320px;height:auto;margin:auto;border:1px solid #58323c;border-radius:8px;box-shadow:0 16px 40px #0006}.locator-feature figcaption{font-size:13px;line-height:1.5;color:#b8adba;margin-top:14px;text-align:center}
@media(max-width:1100px){.locator-feature{grid-template-columns:1fr}.locator-feature figure{max-width:320px;margin:auto}}@media(max-width:480px){.locator-feature{padding:20px 14px;gap:18px}}