/* Scott & Maple marketing site. Same palette and type as the app. */
:root{--ink:#1F2B3A;--brand:#2C5F7C;--brand-d:#1F4A62;--accent:#E8832A;--wash:#F2F6F8;--paper:#fff;--soft:#E3EEF4;--deep:#22374A;--on-deep:#CFE0EA;--done:#2F8F5B;--mu:#5A6878;--line:#DCE5EC;
--display:'Fredoka','Avenir Next','Segoe UI',sans-serif;--body:'Figtree','Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--wash);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--brand)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
img{max-width:100%}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.01em;line-height:1.02;text-wrap:balance}
h1{font-size:clamp(42px,8.5vw,74px);line-height:1;letter-spacing:-.015em}
h2{font-size:clamp(32px,5.5vw,52px)}
h3{font-size:20px;letter-spacing:-.02em;line-height:1.15}
.c{max-width:1120px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.sub{color:var(--mu);font-size:19px;margin-top:14px;max-width:46ch}
.fine{font-size:13px;color:var(--mu);line-height:1.5;margin-top:18px}
.tag{display:inline-block;background:var(--soft);color:var(--brand-d);font-weight:700;font-size:14px;padding:7px 13px;border-radius:999px}

header{position:sticky;top:0;z-index:20;background:rgba(242,246,248,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header .c{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
.logo .wm{font-family:var(--display);font-weight:600;font-size:23px}
.logo .wm .amp{color:var(--accent)}
header nav{display:flex;align-items:center;gap:20px}
header nav a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:500}
@media(max-width:860px){header nav a:not(.btn):not(.login){display:none}}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 26px;border-radius:999px;border:0;text-decoration:none;font-weight:700;font-size:17px;background:var(--ink);color:#fff;transition:transform .08s}
.btn:active{transform:translateY(1px)}
.btn.accent{background:var(--accent);color:#fff}
.btn.sm{min-height:42px;padding:0 18px;font-size:15px}
.btn.block{width:100%}

section{padding:76px 0}
section.white{background:var(--paper)}
section.ink{background:var(--ink);color:#fff}
section.ink .sub{color:var(--on-deep)}

.hero{display:flex;flex-wrap:wrap;gap:44px;align-items:center;padding:36px 0 72px}
.hero-copy{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.hero-copy .cta{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px}
.hero-copy .cta small{text-align:center;color:var(--mu);font-size:14px}
.hero-phone{flex:1 1 300px;min-width:0;display:flex;justify-content:center}
.phone{width:100%;max-width:330px;background:var(--ink);color:#fff;border-radius:42px;padding:24px 20px;display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:0 30px 60px rgba(31,43,58,.24)}
.phone .row{align-self:stretch;display:flex;justify-content:space-between;font-size:14px;color:#B9CEDC}
.phone .note{align-self:stretch;background:var(--deep);border-radius:18px;padding:13px 15px;font-size:14px;line-height:1.45}
.phone .chips{align-self:stretch;display:flex;gap:6px;flex-wrap:wrap}
.phone .chips span{background:var(--deep);border-radius:99px;padding:6px 11px;font-size:12.5px;font-weight:600}
.phone .chips span.xp{background:var(--accent);color:#fff}
.hero-wheel path{transform-origin:150px 150px;animation:slice .45s cubic-bezier(.2,.8,.2,1) both}
.hero-wheel path:nth-of-type(2){animation-delay:.08s}.hero-wheel path:nth-of-type(3){animation-delay:.16s}.hero-wheel path:nth-of-type(4){animation-delay:.24s}.hero-wheel path:nth-of-type(5){animation-delay:.32s}.hero-wheel path:nth-of-type(6){animation-delay:.4s}.hero-wheel path:nth-of-type(7){animation-delay:.48s}
@keyframes slice{from{opacity:.15;transform:scale(.86)}to{opacity:1;transform:scale(1)}}

.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px 22px;margin-top:36px}
.timeline div{border-top:6px solid var(--accent);padding-top:16px;display:flex;flex-direction:column;gap:6px}
.timeline b{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:-.02em}
.timeline span{color:var(--mu);font-size:16px}
.split{display:flex;flex-wrap:wrap;gap:44px;align-items:center}
.split>*{flex:1 1 360px;min-width:0}
.game{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:34px}
.game .card{display:flex;flex-direction:column;gap:8px}
.game .em{font-size:30px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px 40px;margin-top:34px}
.features div{border-top:1px solid #3A5468;padding-top:18px;display:flex;flex-direction:column;gap:6px}
.features b{font-size:18px}
.features span{color:var(--on-deep)}
.quest{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--wash);font-weight:600;font-size:15px}
.quest i{width:24px;height:24px;border-radius:8px;border:2px solid #C5D5E0;flex:none;display:grid;place-items:center;font-style:normal;color:#fff;font-size:13px;background:#fff}
.quest.done i{background:var(--done);border-color:var(--done)}
.quest.done span{color:var(--mu);text-decoration:line-through}
.quest b{margin-left:auto;color:var(--brand);font-size:13px}
.xpbar{height:12px;border-radius:99px;background:var(--soft);overflow:hidden}
.xpbar i{display:block;height:100%;width:72%;border-radius:99px;background:linear-gradient(90deg,var(--brand),#5B8FAD)}

.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:34px}
.plan{position:relative;background:var(--paper);border:2px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px}
.plan.pop{border-color:var(--brand);box-shadow:0 14px 34px rgba(44,95,124,.16)}
.plan .badge{position:absolute;top:-12px;left:20px;background:var(--accent);color:#fff;font-size:12px;font-weight:800;padding:4px 11px;border-radius:99px}
.plan .price{font-family:var(--display);font-size:44px;font-weight:800;letter-spacing:-.03em}
.plan .per{font-weight:700;color:var(--brand)}
.plan ul{list-style:none;display:grid;gap:6px;margin:10px 0 16px;font-size:15px}
.plan li::before{content:"✓  ";color:var(--done);font-weight:800}
.plan .btn{margin-top:auto}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.trust .ic2{font-size:24px;margin-bottom:6px}
.trust p{color:var(--mu);font-size:15px;margin-top:4px}
.tbl{overflow-x:auto;margin-top:24px}
table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:18px;overflow:hidden;font-size:15px}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line)}
th{background:var(--soft)}
td.y{color:var(--done);font-weight:800}
.faq{max-width:780px;display:flex;flex-direction:column;gap:12px;margin-top:26px}
details{background:var(--wash);border-radius:18px;padding:16px 20px}
section.alt details,main.legal details{background:var(--paper)}
summary{font-weight:700;font-size:17px;cursor:pointer}
details p{margin-top:10px;color:var(--mu)}
.final{text-align:center;display:flex;flex-direction:column;gap:22px;align-items:center}
.pr-hero{padding:56px 0 0}

main.legal{max-width:780px;margin:0 auto;padding:48px max(18px,env(safe-area-inset-left)) 64px}
main.legal h1{font-size:44px}
main.legal h2{font-size:22px;margin-top:30px;letter-spacing:-.02em}
main.legal p,main.legal li{margin-top:10px;color:#3A4656}
main.legal ul{padding-left:22px}
main.legal .upd{color:var(--mu);font-size:14px}

footer{background:var(--ink);color:var(--on-deep);padding:52px 0 40px;font-size:14px}
footer .c{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
footer a{display:block;color:var(--on-deep);text-decoration:none;margin-top:8px}
footer .logo{color:#fff}
footer .copy{grid-column:1/-1;border-top:1px solid #34506A;padding-top:20px;font-size:12.5px;line-height:1.55;color:#B9CEDC}
@media(max-width:720px){footer .c{grid-template-columns:1fr}}

.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.hero-wheel path{animation:none}.js .reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

.maple-hero{display:flex;justify-content:center;padding:6px 0}
.probs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:30px}
.probs .card{display:flex;flex-direction:column;gap:6px}
.probs .em{font-size:30px}
.probs span:not(.em){color:var(--mu);font-size:15px}
.final .mascot{margin:0 auto}

/* ---- Journey redesign (Nov 2026) ---- */
:root{--road:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22320%22%20height%3D%22320%22%20viewBox%3D%220%200%20320%20320%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M-10%2060%20C%2060%2010%2C%20110%20120%2C%20170%2070%20S%20280%2020%2C%20330%2080%22%20stroke%3D%22%232C5F7C%22%20stroke-opacity%3D%22.10%22%20stroke-width%3D%223%22%20stroke-dasharray%3D%222%2010%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M-10%20230%20C%2050%20280%2C%20120%20180%2C%20180%20240%20S%20290%20300%2C%20330%20230%22%20stroke%3D%22%232C5F7C%22%20stroke-opacity%3D%22.10%22%20stroke-width%3D%223%22%20stroke-dasharray%3D%222%2010%22%20stroke-linecap%3D%22round%22/%3E%3Cg%20fill%3D%22%232C5F7C%22%20fill-opacity%3D%22.09%22%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2270%22%20r%3D%229%22/%3E%3Ccircle%20cx%3D%22180%22%20cy%3D%22240%22%20r%3D%229%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23E8832A%22%20fill-opacity%3D%22.14%22%20transform%3D%22translate%2870%20150%29%20rotate%28-20%29%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%226%22%20rx%3D%226%22%20ry%3D%225%22/%3E%3Ccircle%20cx%3D%22-6%22%20cy%3D%22-3%22%20r%3D%222.4%22/%3E%3Ccircle%20cx%3D%22-2%22%20cy%3D%22-6%22%20r%3D%222.4%22/%3E%3Ccircle%20cx%3D%222%22%20cy%3D%22-6%22%20r%3D%222.4%22/%3E%3Ccircle%20cx%3D%226%22%20cy%3D%22-3%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23E8832A%22%20fill-opacity%3D%22.14%22%20transform%3D%22translate%28255%20150%29%20rotate%2815%29%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%226%22%20rx%3D%226%22%20ry%3D%225%22/%3E%3Ccircle%20cx%3D%22-6%22%20cy%3D%22-3%22%20r%3D%222.4%22/%3E%3Ccircle%20cx%3D%22-2%22%20cy%3D%22-6%22%20r%3D%222.4%22/%3E%3Ccircle%20cx%3D%222%22%20cy%3D%22-6%22%20r%3D%222.4%22/%3E%3Ccircle%20cx%3D%226%22%20cy%3D%22-3%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cpath%20d%3D%22M262%2064v-20l12%205-12%205%22%20stroke%3D%22%232F8F5B%22%20stroke-opacity%3D%22.18%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M40%20286l3%206%207%201-5%205%201%207-6-3-6%203%201-7-5-5%207-1z%22%20fill%3D%22%23E8832A%22%20fill-opacity%3D%22.14%22/%3E%3C/svg%3E");--gold:#F4B740}
.hero-wrap{padding:24px 0 56px;background:var(--road) 0 0/320px,radial-gradient(1200px 520px at 75% 30%,#FFF3E6 0,rgba(255,243,230,0) 60%),linear-gradient(180deg,#F2F6F8,#EAF2F6);position:relative;overflow:hidden}
.hero{display:grid;grid-template-columns:1.02fr 1.08fr;gap:28px;align-items:center;padding:18px 0 10px}
.hero-copy{gap:18px}
.hero-copy h1{font-size:clamp(40px,6.4vw,70px);font-weight:700}
.hero-copy h1 .hl{color:var(--accent);display:inline-block;position:relative}
.hero-copy h1 .hl::after{content:"";position:absolute;left:2%;right:2%;bottom:-.06em;height:.16em;border-radius:99px;background:#F9D3B0;z-index:-1}
.hero-copy .sub{margin-top:0;font-size:19.5px}
.btn.big{min-height:62px;font-size:18.5px;padding:0 30px;gap:10px;box-shadow:0 6px 0 #B9621B,0 14px 30px rgba(232,131,42,.28);transition:transform .1s,box-shadow .1s}
.btn.big:hover{transform:translateY(-1px)}
.btn.big:active{transform:translateY(4px);box-shadow:0 2px 0 #B9621B,0 6px 14px rgba(232,131,42,.24)}
.promises{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;font-weight:600;color:var(--brand-d)}
.promises li::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:99px;background:var(--done);color:#fff;font-size:11px;margin-right:7px;vertical-align:1px}
.hero-art{position:relative;min-width:0}
.hero-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 40px rgba(31,43,58,.18));animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-12px) rotate(.4deg)}}
.hp{position:absolute;background:#fff;border-radius:999px;padding:9px 15px;font-weight:800;font-size:15px;box-shadow:0 10px 26px rgba(31,43,58,.16);animation:bob 4.5s ease-in-out infinite;white-space:nowrap}
.hp.p1{left:2%;top:16%;color:var(--brand)}
.hp.p2{left:-2%;bottom:20%;color:#C2571A;animation-delay:-1.5s}
.hp.p3{right:4%;top:4%;color:#7A4CC2;animation-delay:-3s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:22px;margin-top:18px;box-shadow:0 10px 30px rgba(31,43,58,.06)}
.stats div{padding:18px 20px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}
.stats div:first-child{border-left:0}
.stats b{font-family:var(--display);font-size:30px;font-weight:700;color:var(--brand)}
.stats span{color:var(--mu);font-size:14.5px}
.head-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.head-center .sub{margin:0 auto}
.head-center h2{max-width:22ch}
.path-bg{background:var(--road) 0 0/320px,var(--paper)}
section.path-bg:not(.white){background:var(--road) 0 0/320px,var(--wash)}

.road{list-style:none;position:relative;max-width:900px;margin:44px auto 40px;display:flex;flex-direction:column;gap:26px}
.road::before{content:"";position:absolute;left:50%;top:40px;bottom:40px;width:8px;transform:translateX(-50%);border-radius:99px;background:repeating-linear-gradient(180deg,var(--accent) 0 14px,transparent 14px 26px);opacity:.55}
.stop{position:relative;display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;gap:22px}
.stop img{grid-column:2;width:140px;height:140px;filter:drop-shadow(0 12px 18px rgba(31,43,58,.18));transition:transform .25s}
.stop:hover img{transform:scale(1.06) rotate(-3deg)}
.stop .stop-card{background:#fff;border:2px solid var(--line);border-radius:22px;padding:18px 20px;box-shadow:0 6px 0 var(--line)}
.stop.l .stop-card{grid-column:1;grid-row:1;text-align:right}
.stop.r .stop-card{grid-column:3;grid-row:1}
.stop.l .stop-meta{justify-content:flex-end}
.stop-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13px;font-weight:700;color:var(--mu);margin-bottom:6px}
.stop-meta .lv{background:var(--brand);color:#fff;padding:2px 10px;border-radius:99px}
.stop-meta .xp{color:var(--accent)}
.stop h3{font-size:25px}
.stop p{color:var(--mu);font-size:15.5px;margin-top:6px}
.stop:last-child .stop-card{border-color:var(--gold);box-shadow:0 6px 0 #E3A42C}

.fixes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:38px}
.fix{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.fix .them{padding:16px 20px;background:#FBF1EC;color:#8A3B1C;font-size:15.5px;font-weight:600;position:relative;padding-left:48px}
.fix .them::before{content:"✕";position:absolute;left:18px;top:17px;width:20px;height:20px;border-radius:99px;background:#E4573D;color:#fff;font-size:11px;display:grid;place-items:center}
.fix .them span{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#B5694B;font-weight:800;margin-bottom:3px}
.fix .us{display:flex;gap:12px;padding:18px 20px}
.fix .us i{flex:none;width:24px;height:24px;border-radius:99px;background:var(--done);color:#fff;font-style:normal;font-size:13px;display:grid;place-items:center;margin-top:2px}
.fix .us b{font-size:17.5px}
.fix .us p{color:var(--mu);font-size:15px;margin-top:4px}

.quests{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px;position:relative}
.qstep{background:var(--wash);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:6px;position:relative}
.qstep .n{width:44px;height:44px;border-radius:14px;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:21px;box-shadow:0 4px 0 var(--brand-d);margin-bottom:8px}
.qstep:nth-child(2) .n{background:var(--accent);box-shadow:0 4px 0 #B9621B}
.qstep:nth-child(3) .n{background:var(--done);box-shadow:0 4px 0 #22693F}
.qstep:nth-child(4) .n{background:#7A4CC2;box-shadow:0 4px 0 #5A3395}
.qstep b{font-family:var(--display);font-size:21px;font-weight:600}
.qstep span:not(.n){color:var(--mu);font-size:15.5px}

.game-art{display:flex;flex-direction:column;align-items:center;gap:0}
.game-art .mascot{margin-bottom:-26px;position:relative;z-index:1}
.qcard{width:100%;max-width:420px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 40px rgba(31,43,58,.10)}
.qhead{display:flex;justify-content:space-between;align-items:center}
.streak{background:#FFF1E4;color:#C2571A;font-weight:800;padding:4px 11px;border-radius:99px;font-size:14px}
.lvrow{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;color:var(--brand);margin-top:4px}
.qcard .xpbar i{width:88%;background:linear-gradient(90deg,var(--accent),#F4B740)}
.ticks{list-style:none;display:grid;gap:10px}
.ticks li{padding-left:32px;position:relative;font-weight:500}
.ticks li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:99px;background:var(--done);color:#fff;font-size:12px;display:grid;place-items:center}
.probs .card{transition:transform .15s,box-shadow .15s}
.probs .card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(31,43,58,.08)}
.final-wrap{background:var(--road) 0 0/320px,linear-gradient(180deg,#FFF6EC,#F2F6F8)}
.final img{filter:drop-shadow(0 14px 22px rgba(31,43,58,.2))}

@media(max-width:860px){
 .hero{grid-template-columns:1fr;gap:6px}
 .hero-copy{align-items:stretch}
 .hero-copy .tag{align-self:flex-start}
 .hero-copy .cta{max-width:none}
 .hero-art{order:-1;margin:0 -6px}
 .hp{font-size:13px;padding:7px 12px}
 .stats{grid-template-columns:repeat(2,1fr)}
 .stats div:nth-child(3){border-left:0}
 .stats div:nth-child(n+3){border-top:1px solid var(--line)}
 .quests{grid-template-columns:1fr 1fr}
 .road::before{left:46px}
 .stop{grid-template-columns:92px 1fr;gap:14px}
 .stop img{grid-column:1;width:92px;height:92px}
 .stop.l .stop-card,.stop.r .stop-card{grid-column:2;text-align:left}
 .stop.l .stop-meta{justify-content:flex-start}
 .stop h3{font-size:21px}
}
@media(max-width:520px){.quests{grid-template-columns:1fr}.fixes{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-art img,.hp{animation:none}}
.hero-copy h1{isolation:isolate}
.hero-art img{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 99%);mask-image:linear-gradient(180deg,#000 78%,transparent 99%)}
.hp.p3{right:-1%;top:auto;bottom:34%}
.hp.p1{left:6%;top:22%}
#faq details{background:#fff;border:1px solid var(--line)}
@media(min-width:861px){.probs{grid-template-columns:repeat(3,1fr)}}
.hero{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
@media(max-width:480px){.logo .wm{font-size:19px}header nav{gap:12px}header .btn.sm{padding:0 14px}.logo .mascot{width:28px;height:28px}}
.hero-art img{-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent 99%),linear-gradient(90deg,transparent 0,#000 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 76%,transparent 99%),linear-gradient(90deg,transparent 0,#000 14%);mask-composite:intersect}
.hero-art img{filter:none}.hero-art{filter:drop-shadow(0 26px 34px rgba(31,43,58,.16))}
.hero-art{filter:none}
.game-art img.duo{width:300px;height:auto;margin-bottom:-18px;position:relative;z-index:1;filter:none}