/* Unified dark-gold surfaces and alignment. */
:root{--heading-metal:linear-gradient(145deg,#47351d,#75603b 55%,#554126);--ad-gold:#bea374;--ad-paper:#151413;--ad-ink:#fff}
main .section-head{text-align:center}
main .section-head h2.impact-heading,main .benefit-band .benefit-title,main .benefit-row:first-child .benefit-band .benefit-title,main .suitable .narrative-band .section-head,main .suitable-grid>div:first-child>h3{background:var(--heading-metal);border:1px solid #92774a;color:#fff4dc;text-align:center;box-shadow:none}
main .section-head h2.impact-heading{margin:12px 0 26px;padding:24px 16px;font-size:clamp(22px,5.7vw,28px);line-height:1.65;letter-spacing:-.035em;text-wrap:pretty}
main .section-head h2.impact-heading span,main .benefit-band .benefit-title h3,main .benefit-band .benefit-title h3 span,main .suitable .narrative-band .section-head h2,main .suitable .narrative-band .section-head h2 span{color:#fff4dc}
main .section-head:has(.impact-heading) .eyebrow{background:none;color:#c7ab78;padding:0}
main .benefit-band .benefit-title .micro,main .suitable .narrative-band .eyebrow{color:#eddab6}
main .suitable .narrative-band .section-head h2 span{font-size:25px;text-wrap:pretty;line-height:1.65}
main .benefit-band .benefit-title{display:flex;flex-direction:column;justify-content:center;align-items:center}
main .benefit-band .benefit-title h3{width:100%;text-align:center}
main .voice-card{background:#151413;color:#fff;border:1px solid #6b5739;border-top:3px solid #b59a64;padding:26px 22px;box-shadow:none;opacity:1!important;transform:none!important;clip-path:none!important}
main .voice-card h3{color:#ecd7ab;text-align:center;font:700 23px/1.7 'Noto Serif JP',serif;margin:24px 0}
main .voice-card blockquote{background:transparent;border-left:2px solid #a78a52;margin:22px 0;padding-left:16px}
main .voice-card :is(p,small,.fineprint),main .voice-card .fineprint p{color:#fff!important}
main .voice-person{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;gap:14px;text-align:left}
main .voice-person i{display:none}
main .voice-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
main .voice-card>*{max-width:100%;min-width:0}
main .suitable-grid>div:first-child>h3{display:flex;justify-content:center;align-items:center;min-height:64px}
main .receive-steps.visual-steps>li{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;border-color:#675236!important;background:#151413;padding:26px 22px!important}
main .receive-steps.visual-steps .step-number{grid-column:1;grid-row:auto;width:auto;height:auto;background:none;color:#c8ad77;-webkit-text-fill-color:#c8ad77;font-size:44px;gap:4px}
main .receive-steps.visual-steps .step-screen{grid-column:1;grid-row:auto;width:190px;max-width:100%;margin:0 auto;box-shadow:none;border-color:#897044}
main .receive-steps.visual-steps .step-copy{grid-column:1;width:100%}
main .receive-steps.visual-steps h3{text-align:center;color:#ecd7ab}
main .receive-steps.visual-steps p{text-align:left}
main>section.section::before{height:12px;background:#75603b}
main .cta-block{margin-inline:auto;text-align:center}
/* Readable content is never dependent on an entrance animation finishing. */
main .review-enter{opacity:1!important;transform:none!important}
.section-entry-active{animation:none;clip-path:none}
@media(max-width:359px){main .voice-card{padding:24px 16px}main .voice-card h3{font-size:21px}main .suitable .narrative-band .section-head h2 span{font-size:22px}}

/* Match the hero's gold; use upright, lining numerals for aligned figures. */
:root{--heading-metal:linear-gradient(160deg,#fff8d9 3%,#efd194 28%,#a57c39 49%,#f5dfa9 56%,#bd9451 80%)}
main .section-head h2.impact-heading,main .section-head h2.impact-heading span,main .benefit-band .benefit-title,main .benefit-band .benefit-title h3,main .benefit-band .benefit-title h3 span,main .suitable .narrative-band .section-head,main .suitable .narrative-band .section-head h2,main .suitable .narrative-band .section-head h2 span,main .suitable-grid>div:first-child>h3{color:#21170b}
main .benefit-band .benefit-title .micro,main .suitable .narrative-band .eyebrow{color:#30200d}
.hero .hero-profit strong,.proof-display .result-amount strong,.result-amount strong,.hero .hero-duration b{font-family:Arial,'Helvetica Neue',sans-serif!important;font-style:normal!important;font-weight:600!important;font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:'lnum' 1,'tnum' 1;transform:none;vertical-align:baseline;letter-spacing:-.045em}
.hero .hero-profit strong{font-size:84px!important;line-height:1.12!important}
.proof-display .result-amount strong{font-size:64px;line-height:1.15}
main :is(.step-number,.number-label,.developer-stats strong,.start-steps b,.hero-conditions dd){font-style:normal;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1}
@media(max-width:359px){.hero .hero-profit strong{font-size:72px!important}.proof-display .result-amount strong{font-size:54px}}

/* Black marble heading panels, with gold confined to a crisp 2px frame. */
main .section-head h2.impact-heading,main .benefit-band .benefit-title,main .benefit-row:first-child .benefit-band .benefit-title,main .suitable .narrative-band .section-head,main .suitable-grid>div:first-child>h3{
 border:2px solid transparent;
 background:linear-gradient(#0006,#0006) padding-box,url('assets/footer-black-marble.webp') center/cover padding-box,linear-gradient(115deg,#92702e,#f7d98d 22%,#fff7d9 27%,#ad8537 42%,#e6bd61 72%,#fff3c7 78%,#a27d30) border-box;
 color:#fff;box-shadow:none;
}
main .section-head h2.impact-heading span,main .benefit-band .benefit-title h3,main .benefit-band .benefit-title h3 span,main .suitable .narrative-band .section-head h2,main .suitable .narrative-band .section-head h2 span{color:#fff}
main .benefit-band .benefit-title .micro,main .suitable .narrative-band .eyebrow{color:#ebcf91}
/* Customer accounts are white reading sheets; overrides are explicitly scoped. */
main .voice-card{background:#fff;color:#202020;border:2px solid #c1a15f}
main .voice-card h3{color:#262018}
main .voice-card :is(p,small,.fineprint),main .voice-card .fineprint p{color:#262626!important}
main .voice-person{color:#262626}
main .voice-card blockquote{background:#f6f6f4;border:0;border-left:3px solid #b69754;padding:20px 16px;margin:22px 0}
main .voice-person>span{background:#151413;color:#e4c581;border-color:#b69754}
/* Supplied transparent hero artwork over a separate moving gold layer. */
main .hero{background:#030303!important;padding-top:0!important}
main .hero::before,main .hero::after{display:none!important}
main .hero .hero-grid{width:100%;padding:0;margin:0}
.supplied-fv{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#5b3914,#050403 70%)}
.supplied-fv .fv-gold-video{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(3) saturate(1.25);opacity:.85;z-index:0}
main .hero .supplied-fv h1{position:relative;z-index:2;margin:0;padding:0;line-height:0;animation:none;transform:none;text-shadow:none}
.supplied-fv img{display:block;width:100%;height:auto;position:relative;z-index:2}
main .hero .hero-copy>.cta-block{margin:26px auto 0;width:calc(100% - 40px);max-width:400px}
@media(prefers-reduced-motion:reduce){.supplied-fv .fv-gold-video{display:none}}

/* Shorter benefit photograph; retain the account figure and chart in the crop. */
main .benefit-row:first-child .benefit-band .benefit-art{aspect-ratio:2/1;height:auto;overflow:hidden}
main .benefit-row:first-child .benefit-band .benefit-art img{width:100%;height:100%;aspect-ratio:2/1;object-fit:cover;object-position:50% 42%}
/* Three travelling highlights, with a quiet interval between sequences. */
body .cta{isolation:isolate;overflow:hidden;border:1px solid #f48b75}
body .cta::after{content:'';position:absolute;top:-40%;right:auto;bottom:-40%;left:-60%;inset:-40% auto -40% -60%;width:30%;background:linear-gradient(90deg,transparent,#fff4d52b 20%,#fffbe9cc 50%,#fff4d52b 80%,transparent);transform:skewX(-22deg);pointer-events:none;z-index:1;animation:cta-triple-glint 6.6s ease-in-out infinite!important}
body .cta::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 3px 18px at 12% 12%,#fff9de,transparent),radial-gradient(ellipse 18px 3px at 12% 12%,#fff9de,transparent),radial-gradient(ellipse 2px 15px at 87% 84%,#ffe6a3,transparent),radial-gradient(ellipse 15px 2px at 87% 84%,#ffe6a3,transparent);animation:cta-edge-glint 6.6s ease-in-out infinite}
body .cta .cta-label,body .cta .arrow{position:relative;z-index:2}
@keyframes cta-triple-glint{0%,8%{left:-60%;opacity:0}10%{opacity:1}23%{left:135%;opacity:0}24%,32%{left:-60%;opacity:0}34%{opacity:1}47%{left:135%;opacity:0}48%,56%{left:-60%;opacity:0}58%{opacity:1}71%,100%{left:135%;opacity:0}}
@keyframes cta-edge-glint{0%,8%,24%,32%,48%,56%,74%,100%{opacity:.12}17%,41%,65%{opacity:1}}
@media(prefers-reduced-motion:reduce){body .cta::before,body .cta::after{animation:none!important;opacity:0}}
/* The supplied archer is the single ARTEMIS brand symbol. */
.archer-logo{display:block;width:100%;height:100%;object-fit:contain}
.desktop-intro .rail-art{display:flex;align-items:center;justify-content:center;background:none;border:0;box-shadow:none;width:180px;height:160px;margin:20px auto;animation:none;transform:none}
.desktop-intro .rail-art::before,.desktop-intro .rail-art::after{display:none}
.desktop-intro .rail-art .archer-logo{width:220px;height:160px;max-width:none}
.engine-showcase .core-mark{display:flex;justify-content:center;align-items:center;width:150px;height:112px;margin:0 auto;background:none;border:0;box-shadow:none;line-height:1;transform:none}
.engine-showcase .core-mark .archer-logo{width:170px;max-width:none;height:112px}
.footer .brandmark,.terminal .tiny-mark,.screen-avatar{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;box-shadow:none;transform:none;padding:0}
.footer .brandmark{width:46px;height:40px}
.terminal .tiny-mark{width:32px;height:28px;vertical-align:middle}
.screen-avatar{width:64px;height:48px;margin:8px auto 4px}
/* Selective gold emphasis; the surrounding headline stays white. */
main .section-head h2 .gold-emphasis,main .benefit-title h3 .gold-emphasis,main .closing h2 .gold-emphasis,.desktop-intro h2 .gold-emphasis{color:#f0d394;font-style:normal;font-weight:inherit;background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
/* Black iPhone-style mockups, with full readable customer comments. */
main .voice-card.voice-phone-card{background:transparent;border:0;padding:0;box-shadow:none}
main .voice-phone-card>h3{color:#f1d69f;margin:0 8px 22px;font-size:23px}
.voice-phone{position:relative;max-width:370px;margin:0 auto;border:7px solid #171719;border-radius:42px;background:#fff;box-shadow:0 0 0 1px #737377,0 0 0 3px #29292b;overflow:hidden}
.phone-status{position:relative;display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 20px;color:#151515;font:600 11px/1 Arial,sans-serif}
.phone-island{position:absolute;width:88px;height:24px;left:50%;top:8px;transform:translateX(-50%);border-radius:18px;background:#070707}
.phone-island::after{content:'';position:absolute;right:9px;top:8px;width:7px;height:7px;border-radius:50%;background:#142337}
.phone-content{padding:8px 16px 20px}
main .voice-phone .voice-person{justify-content:flex-start;border-bottom:1px solid #dedede;padding:0 0 16px;gap:12px}
main .voice-phone .voice-person>span{width:42px;height:42px;font-size:23px}
main .voice-phone .voice-person small{font-size:11px}
main .voice-phone p{font-size:14px;line-height:1.9}
main .voice-phone .phone-content>p{font-size:12px;margin-top:16px}
main .voice-phone blockquote{position:relative;margin:22px 0 0;padding:17px 14px;background:#f0f1f2;border:0;border-radius:0 14px 14px 14px}
main .voice-phone blockquote::before{content:'';position:absolute;top:0;left:-7px;border-top:9px solid #f0f1f2;border-left:8px solid transparent}
.phone-home{width:104px;height:4px;border-radius:4px;background:#171719;margin:2px auto 12px}
main .voice-phone-card>.fineprint{margin:20px 8px 0}
main .voice-phone-card>.fineprint p{color:#fff!important;font-size:11px}
main .voice-grid{gap:48px}
@media(max-width:359px){.voice-phone{border-width:6px;border-radius:34px}.phone-content{padding:6px 13px 16px}.phone-status{padding:0 15px}.phone-island{width:76px}main .voice-phone-card>h3{font-size:21px}}
main .style-grid{grid-template-columns:minmax(0,1fr)}
main .style-card{text-align:center}
main .style-card .soteira-visual{display:block;width:calc(100% + 24px);max-width:none;height:auto;margin:0 -12px 22px;object-fit:contain}
main .style-card.aggressive{margin-top:0}

/* Customer-result headings: red gradient plates with centered white text. */
main .voice-card.voice-phone-card>h3{display:flex;align-items:center;justify-content:center;margin:0 0 24px;padding:20px 16px;min-height:100px;background:linear-gradient(135deg,#831422 0%,#bf2838 52%,#8e1625 100%);border:1px solid #d85b62;border-radius:0;color:#fff;text-align:center;text-shadow:none;box-shadow:none;font-size:23px;line-height:1.65}
@media(max-width:359px){main .voice-card.voice-phone-card>h3{font-size:21px;padding:18px 14px}}
main .voices .section-head .voice-context-note{font-size:13px;line-height:1.75;text-align:left;margin:16px 0 0;letter-spacing:0}
main .voice-card.voice-phone-card>h3{flex-direction:column;gap:8px}
main .voice-card.voice-phone-card>h3>span{display:block;color:#fff}
main .voice-card.voice-phone-card>h3>.voice-attribution{font-size:16px;line-height:1.5;letter-spacing:0}
main .requirements>h3{display:flex;align-items:center;justify-content:center;min-height:64px;margin:0 0 24px;padding:16px 20px;border:2px solid #c7a45f;border-radius:0;background:linear-gradient(#0005,#0005),url('assets/footer-black-marble.webp') center/cover;color:#fff;font:700 23px/1.6 'Noto Serif JP',serif;text-align:center;text-shadow:none}

/* Benefit 02: full-width centered heading, illustration below. */
main .benefit-row.reverse .benefit-band{display:flex;flex-direction:column;align-items:center;gap:22px;padding-bottom:22px;min-height:0}
main .benefit-row.reverse .benefit-band .benefit-title{width:100%;padding:24px 20px;grid-column:auto;grid-row:auto;text-align:center}
main .benefit-row.reverse .benefit-band .benefit-title h3{width:100%;max-width:30ch;margin:0 auto;font-size:22px;line-height:1.7;text-align:center}
main .benefit-row.reverse .benefit-band .benefit-title h3 span{font-size:26px;line-height:1.6;text-align:center}
main .benefit-row.reverse .benefit-band .benefit-illustration{width:170px;max-width:55%;margin:0 auto}
/* Rainbow light surrounds the red CTA without tinting its text. */
.cta-block{position:relative;isolation:isolate;padding:22px 14px 16px;background:#100b12;border:1px solid #ce947c55;border-radius:8px}
.cta-block::before{content:'';position:absolute;z-index:-1;top:-3px;right:-3px;bottom:-3px;left:-3px;inset:-3px;border-radius:10px;padding:2px;background:linear-gradient(110deg,#ff425b,#ffcb69,#7cf5bf,#75b9ff,#ce81ff,#ff425b);background-size:300% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:cta-spectrum 7s linear infinite}
.cta-block::after{content:'';position:absolute;z-index:-2;top:8px;right:-5px;bottom:8px;left:-5px;inset:8px -5px;background:linear-gradient(110deg,#ff425b55,#ffcb6930,#7cf5bf25,#75b9ff40,#ce81ff55);background-size:300% 100%;filter:blur(20px);opacity:.7;pointer-events:none;animation:cta-spectrum 7s linear infinite}
@keyframes cta-spectrum{0%{background-position:0% 50%}100%{background-position:150% 50%}}
@media(prefers-reduced-motion:reduce){.cta-block::before,.cta-block::after{animation:none}}
@media(max-width:359px){main .benefit-row.reverse .benefit-band .benefit-title h3{font-size:20px}main .benefit-row.reverse .benefit-band .benefit-title h3 span{font-size:24px}.cta-block{padding-inline:10px}}
main .voices .section-head h2.impact-heading .voice-gold-result{display:block;color:#f3d28b;font-size:1.25em;margin-top:4px}
main .voices .section-head h2.impact-heading .voice-quote-label{display:block;background:linear-gradient(120deg,#8c1425,#b72b3b,#881524);color:#fff;border-top:1px solid #e67570;border-bottom:1px solid #e67570;margin:16px -6px 10px;padding:10px 5px;font-size:.91em;line-height:1.6}
main .voices .section-head h2.impact-heading .voice-heading-bridge{display:block;font-size:.75em;margin-top:0;color:#fff}
main .voices .section-head h2.impact-heading .voice-heading-title{color:#f3d28b;font-size:1em;margin-top:9px}

/* Benefits share one centered card system: heading / visual / detail. */
#benefits .benefit-row,#benefits .benefit-row.reverse{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0 0 40px;padding:0;background:#111110;border:1px solid #645439;overflow:hidden;text-align:center}
#benefits .benefit-row .benefit-band{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-height:0;margin:0;padding:0;background:transparent;overflow:visible}
#benefits .benefit-row .benefit-band .benefit-title{width:100%;padding:26px 18px;min-height:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-column:auto;grid-row:auto}
#benefits .benefit-row .benefit-title .number-label{display:block;text-align:center;margin:0 0 14px;background:none}
#benefits .benefit-row .benefit-title h3{width:100%;max-width:none;margin:0;font-size:21px;line-height:1.7;text-align:center;letter-spacing:-.035em}
#benefits .benefit-row .benefit-title h3 span{display:block;font-size:26px;line-height:1.6;margin-top:12px;color:#efd399;text-align:center}
#benefits .benefit-band .benefit-art{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:0;aspect-ratio:2/1;margin:0;overflow:hidden;mask-image:none;background:#0c0c0c}
#benefits .benefit-band .benefit-art img{position:static;top:auto;right:auto;bottom:auto;left:auto;inset:auto;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;opacity:1;filter:none;mask-image:none;z-index:auto}
#benefits .benefit-band .time-art img{object-position:50% 42%}
#benefits .benefit-band .time-art>.micro{display:none}
#benefits .benefit-band .illustration-art img{width:auto;height:84%;max-width:70%;margin:0;object-fit:contain}
#benefits .band-caption{position:static;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;padding:20px 16px;margin:0;text-align:center;background:transparent}
#benefits .capital-label{flex-direction:column}
#benefits .benefit-copy.benefit-detail{padding:24px 20px 28px;margin:0;width:100%;text-align:center}
#benefits .benefit-point{padding:0;margin:0;border:0;box-shadow:none;background:none;text-align:center;font-size:15px;line-height:2;transform:none}
#benefits .benefit-point+.benefit-point{margin-top:1.5em}
#benefits .rules-art{width:calc(100% - 40px);height:auto;min-height:0;aspect-ratio:auto;margin:20px auto 0;padding:18px 12px;mask-image:none;border:1px solid #5e5038;background:#171612;text-align:center}
#benefits .rules-art>.micro{display:block;text-align:center;margin-bottom:12px}
#benefits .rule{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;text-align:center}
#benefits .rule>*{min-width:0;text-align:center}
@media(max-width:359px){#benefits .benefit-row .benefit-title h3{font-size:19px}#benefits .benefit-row .benefit-title h3 span{font-size:23px}#benefits .benefit-copy.benefit-detail{padding-inline:16px}}
main .section-head h2.impact-heading .headline-red-band{display:block;margin:14px 0;padding:8px 12px;background:linear-gradient(120deg,#8d1728,#bc3040,#8d1728);color:#fff;font-size:1.16em;line-height:1.6;border-block:1px solid #e77d79}
main .section-head h2 .headline-red-text{font-style:normal;font-weight:inherit;color:#ff8f91;text-shadow:none}
main .suitable-grid .check-list .audience-emphasis{color:#ff8f91;font-weight:700;text-shadow:none;background:none;border:0}
/* Trading UI uses market colors rather than the surrounding brand gold. */
.terminal{background:#0d1219;border-color:#35404e}
.terminal .terminal-bar,.terminal .terminal-flow{background:#141c26;border-color:#35404e}
.terminal .market-chart{background:#0d1219}
.terminal .demo-candles{opacity:1}
.motion-enabled .terminal[data-stage] .chart-line{filter:none;opacity:.45;stroke-width:1.5px}
.terminal .signal{color:#43d2a7}
.terminal .signal i{background:#43d2a7;box-shadow:0 0 0 4px #43d2a71a}
.terminal .flow-item.active{background:#133b35;border-color:#26c6a0;color:#baf7e6}
.terminal .chart-caption,.terminal .chart-caption small,.terminal .micro{color:#c9d2dd}
.terminal .event-log{background:#0d1219}
.terminal .event-log em{color:#43d2a7}
.terminal .event-log .log-time{color:#8cbaf5}
.terminal .terminal-footer{border-color:#35404e;color:#dce4ed}
.terminal .status-dot{background:#43d2a7;box-shadow:none}
/* Experience medallions: original figures, decorative metallic framing. */
main .developer-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin:30px auto;padding:0;border:0}
main .developer-stats>div{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;aspect-ratio:1/1.15;padding:20px 6px;border:2px solid #e3c17a;border-radius:48% 48% 14px 14px;background:radial-gradient(ellipse at 35% 15%,#8a6a32,#332715 48%,#0d0c0b 80%);box-shadow:inset 0 0 0 4px #19140c,inset 0 0 0 5px #9f7e42,0 0 22px #c7953024;overflow:hidden;text-align:center}
main .developer-stats>div::before{content:'◆';font-size:18px;line-height:1;color:#ffecba;text-shadow:0 0 12px #eabb64}
main .developer-stats>div::after{content:'';position:absolute;z-index:-1;top:-50%;right:auto;bottom:-50%;left:-80%;inset:-50% auto -50% -80%;width:32%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffeacb55,transparent);animation:medal-glint 6s ease-in-out infinite;pointer-events:none}
main .developer-stats>div:nth-child(2)::after{animation-delay:1s}
main .developer-stats strong{display:flex;align-items:baseline;justify-content:center;gap:3px;font:700 48px/1 Arial,sans-serif;color:#ffe4a3;letter-spacing:-.04em;transform:none;font-variant-numeric:lining-nums tabular-nums}
main .developer-stats strong span{font-size:13px;color:#ffe4a3;letter-spacing:0;white-space:nowrap}
main .developer-stats>div>span{font-size:12px;line-height:1.5;color:#fff;font-weight:700;letter-spacing:0}
@keyframes medal-glint{0%,35%{left:-80%}65%,100%{left:150%}}
@media(prefers-reduced-motion:reduce){main .developer-stats>div::after{animation:none}}
@media(max-width:359px){main .developer-stats{gap:10px}main .developer-stats strong{font-size:40px}main .developer-stats>div>span{font-size:11px}main .developer-stats strong span{font-size:11px}}
/* Decorative market motion behind supplied transparent artwork; no data scale. */
.year-supplied-visual{position:relative;isolation:isolate;overflow:hidden;margin:0 -16px 30px;background:radial-gradient(ellipse at 70% 75%,#123630,#060a0d 70%)}
.year-supplied-visual h2{position:relative;z-index:2;margin:0;line-height:0}
.year-supplied-visual h2 img{display:block;width:100%;height:auto}
.year-chart-motion{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;z-index:0;opacity:.7}
.year-chart-trail{stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 5px #35cda5);animation:year-chart-rise 4.5s cubic-bezier(.25,.65,.3,1) infinite}
.year-chart-secondary{animation-delay:.55s;filter:drop-shadow(0 0 4px #e6c377);opacity:.65}
@keyframes year-chart-rise{0%{stroke-dashoffset:1;opacity:0}10%{opacity:1}70%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.year-chart-trail{animation:none;stroke-dashoffset:0}}
/* Supplied silver medallion, with live centered labels. */
main .developer-stats{gap:12px}
main .developer-stats>div{aspect-ratio:1;min-height:0;padding:20px 8px;gap:7px;border:0;border-radius:0;background:url('assets/experience-silver-medal.webp') center/contain no-repeat;box-shadow:none;overflow:visible}
main .developer-stats>div::before,main .developer-stats>div::after{display:none}
main .developer-stats strong{font-size:42px;color:#24242a;line-height:1;gap:2px;text-shadow:0 1px 0 #fff8}
main .developer-stats strong span{font-size:11px;color:#24242a}
main .developer-stats>div>span{font-size:11px;color:#24242a;line-height:1.5;font-weight:800}
@media(max-width:359px){main .developer-stats{gap:6px}main .developer-stats strong{font-size:33px}main .developer-stats strong span{font-size:9px}main .developer-stats>div>span{font-size:9px}}
/* One-pass marker highlights, readable before and after motion. */
.original-checks .problem-highlight{color:#fff;font-weight:700;background-image:linear-gradient(transparent 32%,#9d273ddd 32%,#9d273ddd 94%,transparent 94%);background-size:0% 100%;background-position:left center;background-repeat:no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-size 1s cubic-bezier(.2,.65,.3,1);padding:0 2px}
.original-checks li:last-child .problem-highlight{background-image:linear-gradient(transparent 32%,#816222 32%,#816222 94%,transparent 94%)}
.original-checks .problem-highlight.highlight-visible{background-size:100% 100%}
@media(prefers-reduced-motion:reduce){.original-checks .problem-highlight{transition:none;background-size:100% 100%}}
/* Remove the rectangular black corners around the supplied round medal. */
main .developer-stats>div{border-radius:50%;overflow:hidden}
/* Larger serif numerals with restrained moving gold highlights. */
main .developer-stats>div{gap:5px;padding:18px 6px}
main .developer-stats strong{font-family:'Noto Serif JP','Yu Mincho',serif!important;font-size:50px!important;font-weight:700!important;line-height:1.1;letter-spacing:-.06em;color:#735016;text-shadow:none}
main .developer-stats strong>span{font-family:'Noto Serif JP','Yu Mincho',serif;font-size:12px;color:#483315;letter-spacing:-.04em}
main .developer-stats>div>span{font-family:'Noto Serif JP','Yu Mincho',serif;font-size:12px!important;font-weight:700;line-height:1.45;color:#202025}
main .developer-stats .medal-number{font:inherit;color:#765015;background:linear-gradient(110deg,#68400e 20%,#987024 42%,#fff1b6 50%,#987024 58%,#68400e 80%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:medal-number-shine 5s ease-in-out infinite}
@keyframes medal-number-shine{0%,20%{background-position:100% 50%}70%,100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){main .developer-stats .medal-number{animation:none}}
@media(max-width:359px){main .developer-stats strong{font-size:44px!important}main .developer-stats>div{padding-inline:4px}main .developer-stats strong>span{font-size:11px}}
.original-checks .problem-highlight{background-image:linear-gradient(#a91832,#a91832);color:#fff;padding:2px 3px}
.original-checks li:last-child .problem-highlight{background-image:linear-gradient(#745009,#745009)}
main .developer-stats .medal-number{color:#a4152b;background:none;-webkit-text-fill-color:#a4152b;animation:none;text-shadow:none}
/* Compact monochrome experience medals. */
main .developer-stats{width:86%;max-width:330px;margin:26px auto;gap:12px}
main .developer-stats>div{padding:14px 5px;gap:4px}
main .developer-stats strong{font-size:42px!important;color:#202025}
main .developer-stats .medal-number{color:#202025;-webkit-text-fill-color:#202025;background:none;animation:none}
main .developer-stats strong>span{font-size:10px;color:#202025}
main .developer-stats>div>span{font-size:10px!important;color:#202025}
@media(max-width:359px){main .developer-stats{gap:8px}main .developer-stats strong{font-size:35px!important}main .developer-stats strong>span{font-size:9px}main .developer-stats>div>span{font-size:9px!important}}
#benefits .benefit-band .system-freedom-art{aspect-ratio:1400/788}
#benefits .benefit-band .system-freedom-art img{width:100%;height:auto;object-fit:contain}
#benefits .benefit-band .system-freedom-art{padding:0;border:0}
#benefits .rules-art{display:flex;flex-direction:column;gap:8px}
#benefits .rules-art .rule{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px 6px;gap:8px}
#benefits .rules-art .rule span{font-size:12px;line-height:1.6}
#benefits .rules-art .rule b{font-size:10px;white-space:nowrap}

/* Mobile CTA uses the full parent container; keep the small centered arrow. */
@media(max-width:767px){
 main .cta-block,main .hero .hero-copy>.cta-block{width:100%;max-width:none;box-sizing:border-box;padding:24px 12px 18px;margin-inline:0}
 main .cta-block>.cta{width:100%;max-width:none;min-height:88px;padding:18px 14px;box-sizing:border-box}
 main .cta-block .cta-main{font-size:clamp(20px,5.5vw,25px);line-height:1.45}
 main .cta-block .cta-bubble{max-width:100%;font-size:13px}
 main .cta-block .cta-note{font-size:11px;line-height:1.7}
 .supplied-fv{background:#080808 url('assets/gold-poster.webp') center/cover no-repeat}
 .atmosphere-video{display:none}
}

/* All mobile CTA panels align with the full-width hero panel, not the inset text column. */
@media(max-width:767px){
 main>.section>.wrap>.cta-block,main>.closing>.wrap>.cta-block{width:calc(100% + 48px);max-width:none;margin-inline:-24px;padding-inline:12px}
 .sticky-cta .wrap{width:100%;padding-inline:12px;box-sizing:border-box}
 .sticky-cta .cta{width:100%;max-width:none}
}
/* Keep effects on visible sections only; content remains present at all times. */
html.motion-visibility main>section:not(.effects-visible) *,html.motion-visibility main>section:not(.effects-visible) *::before,html.motion-visibility main>section:not(.effects-visible) *::after{animation-play-state:paused!important}

.supplied-fv .fv-motion-art{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;opacity:0;pointer-events:none}
.supplied-fv .fv-gold-video{opacity:0}
.supplied-fv.fv-motion-ready .fv-gold-video{opacity:.85}
.supplied-fv.fv-motion-ready .fv-motion-art{opacity:1}
.supplied-fv.fv-motion-ready h1 picture{visibility:hidden}
@media(prefers-reduced-motion:reduce){.supplied-fv .fv-motion-art{display:none}.supplied-fv.fv-motion-ready h1 picture{visibility:visible}}