

:root{
  --bg:#08080a;            
  --panel:#0e0e12;        
  --panel-2:#15151b;
  --white:#ffffff;
  --w80:rgba(255,255,255,.80);
  --w70:rgba(255,255,255,.70);
  --w55:rgba(255,255,255,.55);
  --w45:rgba(255,255,255,.45);
  --w22:rgba(255,255,255,.22);
  --line:rgba(255,255,255,.14);
  --line-2:rgba(255,255,255,.22);

  --ok:#5ad17f;
  --warn:#f0b341;
  --expired:#7a7f8a;
  --sig:#2dd4bf;          

  --ttl:"Anton","Arial Narrow",system-ui,sans-serif;
  --display:"Anton","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;

  --maxw:1180px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img,video{display:block;max-width:100%;}
.font-ttl{font-family:var(--ttl);font-weight:700;}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4vw,48px);}

.hero{position:relative;min-height:100svh;min-height:100vh;display:flex;align-items:center;overflow:hidden;}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#000;}
.hero__scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.32) 45%,rgba(0,0,0,.12) 100%);}

.nav{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  padding:20px clamp(20px,4vw,64px);padding-top:calc(20px + env(safe-area-inset-top));}
.nav__brand{font-family:var(--ttl);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1.4rem,3vw,1.9rem);color:#fff;display:inline-flex;align-items:center;gap:8px;}
.nav__brand .dot{width:9px;height:9px;background:var(--sig);display:inline-block;}
.nav__center{display:none;align-items:center;gap:34px;}
.nav__center a{font-size:.8rem;color:var(--w80);letter-spacing:.16em;text-transform:uppercase;transition:color .2s ease;}
.nav__center a:hover{color:#fff;}
.nav__cta{display:none;align-items:center;gap:8px;border:1px solid var(--w22);padding:12px 22px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;transition:border-color .2s ease,background .2s ease;}
.nav__cta:hover{border-color:var(--line-2);background:rgba(255,255,255,.1);}
.nav__cta svg{width:14px;height:14px;}
.burger{display:flex;flex-direction:column;gap:6px;background:none;border:0;cursor:pointer;padding:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center;}
.burger span{display:block;height:2px;background:#fff;}
.burger span:nth-child(1),.burger span:nth-child(2){width:24px;} .burger span:nth-child(3){width:16px;}

.overlay{position:fixed;inset:0;z-index:50;background:rgba(8,8,10,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease;}
.overlay.is-open{opacity:1;visibility:visible;}
.overlay__head{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,4vw,64px);padding-top:calc(20px + env(safe-area-inset-top));}
.overlay__close{background:none;border:0;color:#fff;cursor:pointer;padding:6px;}
.overlay__close svg{width:30px;height:30px;}
.overlay__links{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:0 clamp(20px,6vw,64px);}
.overlay__links a{font-family:var(--ttl);font-weight:700;font-size:clamp(2rem,9vw,3.2rem);text-transform:uppercase;color:#fff;padding:8px 0;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;}
.overlay.is-open .overlay__links a{opacity:1;transform:none;}
.overlay.is-open .overlay__links a:nth-child(1){transition-delay:.10s;}
.overlay.is-open .overlay__links a:nth-child(2){transition-delay:.18s;}
.overlay.is-open .overlay__links a:nth-child(3){transition-delay:.26s;}
.overlay.is-open .overlay__links a:nth-child(4){transition-delay:.34s;}

.hero__inner{position:relative;z-index:10;width:100%;padding:0 clamp(20px,4vw,64px);}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:var(--w70);font-size:clamp(.72rem,1.4vw,.8rem);letter-spacing:.3em;text-transform:uppercase;}
.eyebrow svg{width:16px;height:16px;}
.hero__title{margin:0;font-family:var(--ttl);font-weight:700;color:#fff;text-transform:uppercase;line-height:.92;letter-spacing:0;font-size:clamp(2.6rem,8vw,7rem);}
.hero__title span{display:block;}
.hero__title .cjk{font-family:var(--display);} 
.hero__sub{margin:24px 0 0;max-width:34rem;color:var(--w70);font-size:clamp(.92rem,1.5vw,1.05rem);line-height:1.7;}
.hero__sub b{color:#fff;font-weight:600;}

.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:34px 0 0;}
.btn-solid{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#000;padding:15px 26px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;transition:transform .06s ease,background .2s ease;}
.btn-solid:hover{transform:translateY(-2px);}
.btn-solid svg{width:15px;height:15px;}
.hero-badge{display:none;align-items:center;gap:12px;}
.hero-badge svg{width:32px;height:32px;color:var(--w45);}
.hero-badge div{color:var(--w55);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;}

.hero-promo{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:30px 0 0;padding:13px 16px 13px 18px;background:rgba(8,8,10,.6);border:1px solid var(--line-2);border-left:3px solid var(--sig);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:640px;transition:border-color .2s ease,background .2s ease;}
.hero-promo:hover{border-color:#fff;background:rgba(8,8,10,.82);text-decoration:none;}
.hero-promo__tag{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--w45);border:1px solid var(--line-2);padding:3px 8px;}
.hero-promo__brand{font-family:var(--display);color:#fff;font-size:1.2rem;letter-spacing:.02em;}
.hero-promo__txt{color:var(--w70);font-size:.84rem;flex:1 1 180px;min-width:0;}
.hero-promo__cta{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#000;font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;white-space:nowrap;}
.hero-promo__cta svg{width:13px;height:13px;}
.hero-promo:hover .hero-promo__cta{background:var(--sig);}
@media(max-width:560px){.hero-promo__cta{width:100%;justify-content:center;}}

.stats{display:flex;flex-wrap:wrap;gap:24px;margin:36px 0 0;}
.stat__num{font-family:var(--display);color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;letter-spacing:.01em;}
.stat__label{margin-top:6px;color:var(--w45);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;}

.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--w45);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;}
.scroll-cue__line{width:1px;height:36px;background:linear-gradient(var(--sig),transparent);animation:cue 1.8s ease-in-out infinite;}
@keyframes cue{0%,100%{opacity:.3;transform:scaleY(.7);transform-origin:top;}50%{opacity:1;transform:scaleY(1);}}

@keyframes fade-up{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.fade-up{opacity:0;animation:fade-up .8s ease-out forwards;}
.d1{animation-delay:.2s;}.d2{animation-delay:.4s;}.d3{animation-delay:.6s;}.d4{animation-delay:.8s;}.d5{animation-delay:1s;}

.section{padding:clamp(64px,10vw,120px) 0;border-top:1px solid var(--line);}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 40px;flex-wrap:wrap;}
.section__title{margin:0;font-family:var(--ttl);font-weight:700;text-transform:uppercase;font-size:clamp(2rem,6vw,3.6rem);line-height:.95;}
.section__title .cjk{font-family:var(--display);}
.section__meta{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--w45);}

.notice{margin:0 0 32px;padding:14px 18px;border:1px solid var(--line);border-left:3px solid var(--warn);color:var(--w70);font-size:.9rem;}
.notice b{color:var(--warn);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;margin-right:4px;}

.games{list-style:none;margin:0;padding:0;border:1px solid var(--line);}
.game{position:relative;display:flex;align-items:center;gap:16px;padding:22px clamp(18px,3vw,30px);border-bottom:1px solid var(--line);transition:background .2s ease,padding-left .2s ease;}
.game:last-child{border-bottom:none;}
.game:hover{background:rgba(255,255,255,.045);padding-left:calc(clamp(18px,3vw,30px) + 8px);}
.game__idx{font-family:var(--mono);font-size:.78rem;color:var(--w45);width:34px;flex:0 0 auto;}
.game__name{font-family:var(--ttl);font-weight:700;text-transform:uppercase;font-size:clamp(1.3rem,3.4vw,2rem);line-height:1;flex:1 1 auto;}
.game__name small{display:block;font-family:var(--body);font-weight:400;font-size:.72rem;letter-spacing:.06em;color:var(--w45);text-transform:none;margin-top:6px;}
.game__codes{font-family:var(--mono);font-size:.78rem;color:var(--w70);white-space:nowrap;}
.game__arrow{font-size:1.2rem;color:var(--w45);transition:transform .2s ease,color .2s ease;}
.game:hover .game__arrow{transform:translateX(4px);color:#fff;}

.games-toolbar{margin:0 0 14px;}
.game-search{width:100%;max-width:420px;height:48px;padding:0 18px;
  background:var(--panel);border:1px solid var(--line-2);color:#fff;
  font-family:var(--body);font-size:.95rem;transition:border-color .15s ease;}
.game-search::placeholder{color:var(--w45);}
.game-search:focus{outline:none;border-color:var(--sig);}
.search-empty{color:var(--w55);margin:8px 0 0;font-size:.9rem;}

.cat-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;}
.cat-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;cursor:pointer;
  background:transparent;border:1px solid var(--line);color:var(--w70);
  font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;
  transition:border-color .15s ease,color .15s ease,background .15s ease;}
.cat-chip:hover{border-color:var(--line-2);color:#fff;}
.cat-chip span{color:var(--w45);}
.cat-chip.is-active{background:#fff;color:#000;border-color:#fff;}
.cat-chip.is-active span{color:rgba(0,0,0,.5);}

.site-header{position:sticky;top:0;z-index:30;background:rgba(8,8,10,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;}
.brand{display:flex;align-items:center;gap:8px;}
.brand__mark{font-family:var(--ttl);font-weight:700;font-size:1.35rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;}
.brand__mark::after{content:"";display:inline-block;width:8px;height:8px;background:var(--sig);margin-left:6px;vertical-align:2px;}
.brand__tag{display:none;}
.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--w55);}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:#fff;}

.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--w45);margin:22px 0 4px;}
.breadcrumb a{color:var(--w70);} .breadcrumb__sep{color:var(--w45);}

.page-hero{margin:14px 0 30px;}
.page-hero__eyebrow{margin:0 0 12px;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--w55);}
.page-hero__title{margin:0 0 16px;font-family:var(--ttl);font-weight:700;text-transform:uppercase;font-size:clamp(2rem,7vw,4.6rem);line-height:.95;letter-spacing:0;overflow-wrap:anywhere;}
.page-hero__desc{margin:0 0 22px;color:var(--w70);max-width:62ch;font-size:1.02rem;}

.freshness{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 22px;}
.freshness__item{background:var(--bg);padding:14px 16px;}
.freshness__item--primary{background:rgba(45,212,191,.06);border-bottom:1px solid rgba(45,212,191,.25);}
.freshness__item--primary .freshness__value{color:var(--sig);}
.freshness__label{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--w45);margin-bottom:5px;}
.freshness__value{font-family:var(--mono);font-weight:700;font-size:1.02rem;color:#fff;}

.page-hero__actions{display:flex;flex-wrap:wrap;gap:12px;}
.btn-ghost{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid var(--line-2);color:#fff;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;transition:background .2s ease,color .2s ease;}
.btn-ghost:hover{background:#fff;color:#000;}

.codes-section,.prose-section{margin:40px 0;}
.section-title{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-family:var(--ttl);font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,4vw,2rem);line-height:1;}
.section-title::before{content:"";width:14px;height:24px;background:#fff;flex:0 0 auto;}
.codes-section--expired .section-title::before{background:var(--expired);}

.code-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.code-card{position:relative;background:var(--panel);border:1px solid var(--line);border-left-width:3px;padding:16px 18px;transition:border-color .15s ease,background .2s ease;}
.code-card--active{border-left-color:var(--sig);}
.code-card--unverified{border-left-color:var(--warn);}
.code-card--expired{border-left-color:var(--expired);opacity:.6;}
.code-card:hover{border-color:var(--line-2);}
.code-card--active:hover{background:var(--panel-2);}
.code-card__top{display:flex;align-items:center;gap:12px;justify-content:space-between;}
.code-card__code{font-family:var(--mono);font-size:clamp(1rem,3.4vw,1.25rem);font-weight:700;letter-spacing:.02em;color:#fff;word-break:break-all;user-select:all;}
.code-card--expired .code-card__code{text-decoration:line-through;color:var(--w55);}

.copy-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:84px;min-height:44px;padding:0 16px;border:1px solid #fff;background:#fff;color:#000;font-family:var(--mono);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease,transform .05s ease;}
.copy-btn:hover{background:#e2e2e2;}
.copy-btn:active{transform:translateY(1px);}
.copy-btn.is-copied{background:transparent;color:#fff;}
.code-card.was-copied .copy-btn:not(.is-copied){background:transparent;color:var(--w55);border-color:var(--line-2);}

.code-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line-2);font-size:.86rem;color:var(--w70);}
.code-card__reward{color:#fff;}
.code-card__verified{font-family:var(--mono);font-size:.74rem;letter-spacing:.02em;color:var(--w45);margin-left:auto;}

.badge{display:inline-flex;align-items:center;padding:3px 9px;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-2);}
.badge--active{color:var(--sig);border-color:rgba(45,212,191,.5);}
.badge--unverified{color:var(--warn);border-color:rgba(240,179,65,.5);}
.badge--expired{color:var(--expired);border-color:rgba(122,127,138,.5);}

.empty-hint{color:var(--w70);background:var(--panel);border:1px dashed var(--line-2);padding:16px;margin:0;}

.prose-section p{color:var(--w70);}
.steps{margin:0;padding:0;list-style:none;counter-reset:step;}
.steps li{position:relative;margin:10px 0;padding-left:42px;min-height:30px;display:flex;align-items:center;}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);color:#fff;font-family:var(--mono);font-weight:700;font-size:.84rem;}
.faq-item{border-top:1px solid var(--line);padding:16px 0;}
.faq-item:first-of-type{border-top:none;}
.faq-item__q{font-family:var(--display);margin:0 0 6px;font-size:1.08rem;font-weight:700;color:#fff;}
.faq-item__a{color:var(--w70);} .faq-item__a p{margin:0;}
#about-data .faq-item__q{margin-top:0;}

.site-footer{margin-top:44px;border-top:1px solid var(--line);padding:34px 0 calc(34px + env(safe-area-inset-bottom));}
.disclaimer{color:var(--w45);font-size:.82rem;margin:0 0 10px;max-width:74ch;}
.footer-meta{color:var(--w70);font-family:var(--mono);font-size:.78rem;margin:0 0 6px;}
.footer-meta a{color:#fff;}
.footer-copy{color:var(--w45);font-family:var(--mono);font-size:.74rem;margin:0;}
.footer__top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px;}
.footer__brand{font-family:var(--ttl);font-weight:700;font-size:2rem;text-transform:uppercase;letter-spacing:.04em;}
.footer__links{display:flex;gap:22px;flex-wrap:wrap;}
.footer__links a{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--w70);}
.footer__links a:hover{color:#fff;}

.container{width:100%;max-width:960px;margin:0 auto;padding:0 clamp(18px,4vw,40px);}

.guide-hero{margin:18px 0 26px;}
.guide-hero__title{font-family:var(--ttl);font-weight:700;text-transform:uppercase;font-size:clamp(1.8rem,5.5vw,3.4rem);line-height:1.0;letter-spacing:0;margin:6px 0 16px;overflow-wrap:anywhere;}
.guide-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-family:var(--mono);font-size:.74rem;letter-spacing:.02em;color:var(--w45);}
.guide-meta a{color:var(--w80);text-decoration:underline;text-underline-offset:2px;}
.guide-meta a:hover{color:#fff;}

.guide-layout{display:grid;grid-template-columns:1fr;gap:28px;}
.guide-toc{align-self:start;}
.toc{border:1px solid var(--line);padding:16px 18px;}
.toc__title{margin:0 0 10px;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--w45);}
.toc ol{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:7px;}
.toc a{color:var(--w70);font-size:.92rem;line-height:1.4;}
.toc a:hover{color:#fff;}

.guide-body{min-width:0;}
.guide-sec{margin:0 0 32px;}
.guide-sec h2{font-family:var(--ttl);font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,3.6vw,2rem);line-height:1.05;margin:0 0 14px;scroll-margin-top:80px;}
.guide-body h3{font-family:var(--display);font-size:1.18rem;margin:22px 0 8px;color:#fff;}
.guide-body p{color:var(--w80);margin:0 0 14px;line-height:1.85;}
.guide-body ul,.guide-body ol{color:var(--w80);margin:0 0 16px;padding-left:1.35em;line-height:1.85;}
.guide-body li{margin:6px 0;}
.guide-body strong{color:#fff;}
.guide-body a{color:#fff;text-decoration:underline;text-underline-offset:2px;}
.guide-body blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid var(--w22);color:var(--w70);font-style:italic;}
.guide-body .tip{margin:16px 0;padding:14px 18px;border:1px solid var(--line);border-left:3px solid #fff;color:var(--w80);background:var(--panel);}

.guide-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:14px;}
.guide-card a{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);padding:22px clamp(18px,3vw,28px);transition:border-color .15s ease,background .2s ease;}
.guide-card a:hover{border-color:var(--line-2);background:var(--panel-2);}
.guide-card__game{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--w45);}
.guide-card__title{font-family:var(--display);font-size:clamp(1.2rem,3vw,1.6rem);line-height:1.2;color:#fff;}
.guide-card__excerpt{color:var(--w70);font-size:.95rem;}
.guide-card__meta{font-family:var(--mono);font-size:.72rem;color:var(--w45);}

@media(min-width:900px){
  .guide-layout{grid-template-columns:220px 1fr;gap:40px;}
  .guide-toc{position:sticky;top:84px;}
}

.related-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.related-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  border:1px solid var(--line);background:var(--panel);padding:14px 18px;}
.related-list a{color:#fff;font-size:.98rem;line-height:1.5;text-decoration:underline;text-underline-offset:3px;}
.related-list a:hover{color:var(--w70);}
.related-meta{font-family:var(--mono);font-size:.72rem;color:var(--w45);white-space:nowrap;}

.ad-banner{position:relative;display:block;margin:34px 0;border:1px solid var(--line);background:var(--panel);
  padding:22px clamp(18px,3vw,28px);transition:border-color .15s ease,background .2s ease;}
.ad-banner:hover{border-color:var(--line-2);background:var(--panel-2);text-decoration:none;}
.ad-banner__tag{position:absolute;top:0;right:0;padding:4px 10px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);
  font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--w45);}
.ad-banner__inner{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.ad-banner__text{flex:1 1 260px;min-width:0;}
.ad-banner__title{display:block;font-family:var(--display);font-size:clamp(1.05rem,2.6vw,1.3rem);color:#fff;margin:0 0 4px;}
.ad-banner__desc{display:block;color:var(--w55);font-size:.86rem;line-height:1.6;}
.ad-banner__cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;
  background:#fff;color:#000;font-family:var(--mono);font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;}
.ad-banner:hover .ad-banner__cta{background:#e2e2e2;}

.ad-banner__img{flex:0 0 auto;width:96px;height:96px;object-fit:contain;border:1px solid var(--line);}

.about-sec{margin:0 0 34px;}
.about-sec h2{font-family:var(--ttl);font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,3.6vw,2rem);line-height:1.05;margin:0 0 12px;}
.about-sec p,.about-sec li{color:var(--w80);line-height:1.85;}
.about-sec ul,.about-sec ol{padding-left:1.35em;margin:0 0 14px;}
.about-sec strong{color:#fff;}

.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);background:#fff;color:#000;font-family:var(--mono);font-weight:700;font-size:.82rem;letter-spacing:.04em;padding:11px 20px;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:60;}
.toast.is-show{opacity:1;transform:translateX(-50%) translateY(0);}
.rel-time{color:var(--w45);}

@media(min-width:480px){.hero-badge{display:flex;}}
@media(min-width:680px){.freshness{grid-template-columns:repeat(4,1fr);}}
@media(min-width:768px){.nav__center,.nav__cta{display:flex;}.burger{display:none;}.stats{gap:48px;}}
@media(min-width:1024px){.nav{padding-top:28px;padding-bottom:28px;}.stats{gap:64px;}}
@media(max-width:560px){
  .hero{min-height:96svh;background:#08080a url("../img/og/default-og.png") center/cover no-repeat;}
  .hero__video{display:none;}
  .scroll-cue{display:none;}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;}
  .fade-up{opacity:1;transform:none;}
  .overlay__links a{opacity:1;transform:none;}
}
