/*
  Title:      Delta Trading Group website styles
  File:       web/sites/deltatradinggroup/assets/dtg_site.css
  Version:    0.1.0
  Date:       2026-10-12
  Sections:   tokens, base, header and menu, risk strip, buttons, hero, trust strip, sections (dark and ivory),
              cards, method steps, live room, path, list, proof, offer, FAQ, final band, footer, legal pages, 404, motion
  Depends on: Google Fonts (Cormorant Garamond, Figtree), loaded in each page
  Used by:    index.html, risk-disclosure.html, terms.html, privacy.html, 404.html
  Purpose:    The China Gold look for Delta Trading Group: near-black night with a faint star field, warm gold accents,
              ivory sections for long reading. Mobile first, no script, no images needed.
  Revisions:  0.1.0 2026-10-12 Claude Code: first version
*/

/* ---------- tokens ---------- */
:root{
  color-scheme: dark light;
  --night:#0D0B09; --night-2:#15120E; --night-3:#1D1913; --line-dark:rgba(233,207,143,.18);
  --on-dark:#F4EEE4; --on-dark-2:#CFC6B8; --on-dark-3:#A49A8B;
  --ivory:#FBF8F2; --ivory-2:#F3EDE2; --ink:#231E17; --ink-2:#4E4537; --ink-3:#6E6352; --line-light:#E2D8C6;
  --gold:#D9B872; --gold-lt:#E9CF8F; --gold-dk:#8C6A2F; --gold-ink:#7A5A22;
  --foil:linear-gradient(115deg,#8C6A2F 0%,#E9CF8F 42%,#A57C35 70%,#D9B872 100%);
  --display:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
  --body:"Figtree","Segoe UI",system-ui,sans-serif;
  --wrap:1120px; --gutter:20px; --radius:14px;
  --ease:cubic-bezier(.25,.6,.25,1);
}

/* ---------- base ---------- */
*{box-sizing:border-box}
html{background:var(--night); scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{margin:0; background:var(--night); color:var(--on-dark); font-family:var(--body); font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--gold-lt); text-underline-offset:3px}
a:hover{color:#F6E6B4}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--display); font-weight:600; line-height:1.15; margin:0 0 .5em; letter-spacing:.005em}
h2{font-size:clamp(32px,5.2vw,48px)}
h3{font-size:clamp(22px,2.6vw,26px)}
:focus-visible{outline:2px solid var(--gold-lt); outline-offset:3px; border-radius:4px}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 var(--gutter)}
.narrow{max-width:760px}
.foil-text{background:var(--foil); -webkit-background-clip:text; background-clip:text; color:transparent}
.eyebrow{display:block; font-family:var(--body); font-size:13px; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold); margin:0 0 14px}
.lede{font-size:clamp(18px,2.1vw,20px); color:var(--on-dark-2); max-width:62ch}
.skip{position:absolute; left:-9999px; top:8px; background:var(--gold-lt); color:var(--night); padding:8px 14px; border-radius:8px; z-index:50}
.skip:focus{left:12px}
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}

/* ---------- header and menu ---------- */
.site-head{position:sticky; top:0; z-index:20; background:rgba(13,11,9,.94); border-bottom:1px solid var(--line-dark);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px)}
.head-row{display:flex; align-items:center; gap:14px; min-height:64px}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--on-dark); margin-right:auto}
.brand img{width:36px; height:36px; display:block}
.brand-name{font-family:var(--display); font-size:clamp(19px,5vw,22px); font-weight:600; letter-spacing:.02em; line-height:1; white-space:nowrap}
.nav-main{display:none}
.nav-main a,.head-phone{color:var(--on-dark-2); text-decoration:none; font-size:15px}
.nav-main a:hover,.head-phone:hover{color:var(--gold-lt)}
.head-phone{display:none; white-space:nowrap}
.site-head .head-cta{display:none}
.menu{position:relative}
.menu summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px; min-height:40px; padding:0 14px;
  border:1px solid var(--line-dark); border-radius:999px; color:var(--on-dark); font-size:15px}
.menu summary::-webkit-details-marker{display:none}
.menu summary::before{content:""; width:16px; height:10px; border-top:1.5px solid var(--gold-lt); border-bottom:1.5px solid var(--gold-lt);
  background:linear-gradient(var(--gold-lt),var(--gold-lt)) center/100% 1.5px no-repeat}
.menu[open] summary{border-color:var(--gold)}
.menu-panel{position:absolute; right:0; top:calc(100% + 10px); width:min(86vw,320px); background:var(--night-2);
  border:1px solid var(--line-dark); border-radius:var(--radius); padding:10px; box-shadow:0 18px 40px rgba(0,0,0,.5)}
.menu-panel a{display:block; padding:12px 14px; border-radius:10px; color:var(--on-dark); text-decoration:none}
.menu-panel a:hover{background:var(--night-3); color:var(--gold-lt)}
.menu-panel .btn{margin-top:8px; text-align:center}
.risk-strip{background:#0A0907; border-bottom:1px solid var(--line-dark); color:var(--on-dark-3); font-size:13px; line-height:1.45}
.risk-strip p{margin:0; padding:8px 0}
.risk-strip a{color:var(--on-dark-2)}

@media (min-width:980px){
  .nav-main{display:flex; gap:22px}
  .head-phone{display:inline}
  .site-head .head-cta{display:inline-flex}
  .menu{display:none}
}

/* ---------- buttons ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 24px; border-radius:999px;
  font-family:var(--body); font-weight:600; font-size:16px; text-decoration:none; letter-spacing:.01em;
  transition:transform .15s var(--ease), box-shadow .2s var(--ease), background-color .2s var(--ease)}
.btn-gold{background:var(--foil); color:#1A140B; box-shadow:0 6px 22px rgba(217,184,114,.22), inset 0 1px 0 rgba(255,244,210,.6)}
.btn-gold:hover{color:#1A140B; transform:translateY(-1px); box-shadow:0 10px 30px rgba(217,184,114,.32), inset 0 1px 0 rgba(255,244,210,.6)}
.btn.btn-gold,.menu-panel a.btn-gold,.btn.btn-gold:hover{color:#1A140B}
.btn-ghost{border:1px solid rgba(233,207,143,.45); color:var(--on-dark)}
.btn-ghost:hover{border-color:var(--gold-lt); color:var(--gold-lt)}
.btn-small{min-height:40px; padding:0 18px; font-size:15px}
.btn-row{display:flex; flex-wrap:wrap; gap:12px; align-items:center}

/* ---------- hero ---------- */
.hero{position:relative; overflow:hidden; padding:64px 0 72px;
  background:
    radial-gradient(ellipse 70% 60% at 78% 18%,rgba(233,207,143,.10) 0%,rgba(233,207,143,0) 60%),
    radial-gradient(ellipse 90% 80% at 50% 0%,#221C14 0%,#120F0C 55%,var(--night) 100%)}
.stars,.stars-b{position:absolute; inset:0; pointer-events:none}
.stars{background-image:
    radial-gradient(1.4px 1.4px at 7% 18%,#FFF4D2 50%,transparent 51%),
    radial-gradient(1px 1px at 16% 62%,#F6E6B4 50%,transparent 51%),
    radial-gradient(1.6px 1.6px at 24% 30%,#FFF4D2 50%,transparent 51%),
    radial-gradient(1px 1px at 33% 12%,#E9CF8F 50%,transparent 51%),
    radial-gradient(1.2px 1.2px at 41% 48%,#FFF4D2 50%,transparent 51%),
    radial-gradient(1px 1px at 52% 22%,#F6E6B4 50%,transparent 51%),
    radial-gradient(1.8px 1.8px at 63% 9%,#FFF4D2 50%,transparent 51%),
    radial-gradient(1px 1px at 71% 40%,#E9CF8F 50%,transparent 51%),
    radial-gradient(1.4px 1.4px at 82% 26%,#FFF4D2 50%,transparent 51%),
    radial-gradient(1px 1px at 90% 56%,#F6E6B4 50%,transparent 51%),
    radial-gradient(1.2px 1.2px at 95% 12%,#FFF4D2 50%,transparent 51%),
    radial-gradient(1px 1px at 58% 70%,#E9CF8F 50%,transparent 51%);
  opacity:.75}
.stars-b{background-image:
    radial-gradient(1px 1px at 12% 40%,#FFF4D2 50%,transparent 51%),
    radial-gradient(1.3px 1.3px at 28% 78%,#F6E6B4 50%,transparent 51%),
    radial-gradient(1px 1px at 46% 6%,#FFF4D2 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 76% 64%,#F6E6B4 50%,transparent 51%),
    radial-gradient(1px 1px at 87% 38%,#FFF4D2 50%,transparent 51%);
  animation:twinkle 7s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.25} 50%{opacity:.8}}
.hero-line{position:absolute; left:0; right:0; bottom:0; width:100%; height:180px; pointer-events:none; opacity:.55}
.hero-inner{position:relative; z-index:1}
.hero-art{display:none}
@media (min-width:1080px){
  .hero-art{display:block; position:absolute; z-index:0; top:50%; right:max(4vw, calc((100vw - var(--wrap)) / 2 + 10px));
    width:380px; height:380px; transform:translateY(-54%); pointer-events:none}
  .hero-art::before,.hero-art::after{content:""; position:absolute; border-radius:50%; border:1px solid rgba(233,207,143,.16)}
  .hero-art::before{inset:0}
  .hero-art::after{inset:-46px; border-color:rgba(233,207,143,.07)}
  .hero-art img{position:absolute; left:50%; top:50%; width:230px; height:230px; transform:translate(-50%,-54%);
    filter:drop-shadow(0 0 32px rgba(233,207,143,.28))}
  .hero .headline{max-width:13.5ch}
}
.hero h1{margin:0}
.hero .kicker{display:block; font-family:var(--body); font-size:13px; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold); margin:0 0 18px; line-height:1.5}
.hero .headline{display:block; font-size:clamp(40px,7.4vw,76px); line-height:1.04; max-width:15ch; letter-spacing:.002em}
.hero .lede{margin:22px 0 30px}
.hero-note{margin:18px 0 0; font-size:14px; color:var(--on-dark-3); max-width:60ch}
.hero-note a{color:var(--on-dark-2)}
.hero-times{display:flex; flex-wrap:wrap; gap:10px; margin:34px 0 0; padding:0; list-style:none}
.hero-times li{border:1px solid var(--line-dark); border-radius:999px; padding:6px 14px; font-size:14px; color:var(--on-dark-2);
  background:rgba(13,11,9,.5)}
.hero-times strong{color:var(--gold-lt); font-weight:600}

/* ---------- trust strip ---------- */
.trust{background:var(--night-2); border-top:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); padding:34px 0 38px}
.facts{display:grid; grid-template-columns:1fr 1fr; gap:22px 18px; margin:0; padding:0; list-style:none}
.facts li{border-left:1px solid rgba(233,207,143,.35); padding:2px 0 2px 14px}
.facts b{display:block; font-family:var(--display); font-size:24px; font-weight:600; color:var(--gold-lt); line-height:1.15}
.facts span{display:block; font-size:14px; color:var(--on-dark-3); margin-top:4px}
.about-line{margin:26px 0 0; color:var(--on-dark-2); font-size:16px; max-width:80ch}
@media (min-width:860px){ .facts{grid-template-columns:repeat(4,1fr)} }

/* ---------- sections ---------- */
.sec{padding:76px 0}
.sec-dark{background:var(--night)}
.sec-deep{background:radial-gradient(ellipse 80% 70% at 50% 0%,#1E1913 0%,var(--night) 70%)}
.sec-ivory{background:var(--ivory); color:var(--ink)}
.sec-ivory-2{background:var(--ivory-2); color:var(--ink)}
.sec-ivory a,.sec-ivory-2 a{color:var(--gold-ink)}
.sec-ivory .eyebrow,.sec-ivory-2 .eyebrow{color:var(--gold-ink)}
.sec-ivory .lede,.sec-ivory-2 .lede{color:var(--ink-2)}
.sec-head{margin-bottom:40px}
.sec-head h2{max-width:22ch}
.rule{display:block; width:56px; height:1px; background:var(--foil); margin:0 0 18px}
@media (min-width:860px){ .sec{padding:104px 0} }

/* ---------- cards ---------- */
.cards{display:grid; gap:16px; grid-template-columns:1fr}
.card{border-radius:var(--radius); padding:24px 22px 20px}
.sec-ivory .card{background:#FFFFFF; border:1px solid var(--line-light); box-shadow:0 1px 0 rgba(35,30,23,.03)}
.card h3{margin-bottom:.35em}
.card p{margin:0; color:var(--ink-2); font-size:16px}
.not-for{margin-top:22px; border-radius:var(--radius); padding:22px; background:#F6EBDD; border:1px solid #E6CFA8}
.not-for h3{font-size:22px}
.not-for p{margin:0 0 .6em; color:var(--ink-2)}
.not-for p:last-child{margin-bottom:0}
.money{font-weight:600; color:var(--ink)}
@media (min-width:700px){ .cards{grid-template-columns:1fr 1fr} }
@media (min-width:1040px){ .cards-4{grid-template-columns:repeat(4,1fr)} }

/* ---------- method steps ---------- */
.steps{list-style:none; margin:0; padding:0; display:grid; gap:18px; counter-reset:step}
.step{position:relative; border:1px solid var(--line-dark); border-radius:var(--radius); padding:26px 22px 22px 22px;
  background:linear-gradient(180deg,rgba(233,207,143,.05),rgba(233,207,143,0))}
.step-num{display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%;
  border:1px solid var(--gold); color:var(--gold-lt); font-family:var(--display); font-size:24px; font-weight:600; margin-bottom:14px}
.step p{color:var(--on-dark-2); margin:0}
.step-tag{display:block; margin-top:14px; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold)}
@media (min-width:860px){
  .steps{grid-template-columns:repeat(3,1fr); gap:0}
  .step{border-radius:0; border-right:none}
  .step:first-child{border-radius:var(--radius) 0 0 var(--radius)}
  .step:last-child{border-radius:0 var(--radius) var(--radius) 0; border-right:1px solid var(--line-dark)}
}

/* ---------- live room ---------- */
.room{display:grid; gap:36px}
.sessions{display:grid; gap:12px; margin:0 0 26px}
.session{display:flex; align-items:baseline; justify-content:space-between; gap:12px; background:#FFFFFF; border:1px solid var(--line-light);
  border-radius:12px; padding:16px 18px}
.session b{font-family:var(--display); font-size:26px; font-weight:600; color:var(--ink); white-space:nowrap}
.session span{color:var(--ink-3); font-size:14px; text-align:right}
.flow{list-style:none; margin:0; padding:0; border-left:1px solid #D9C8A6}
.flow li{position:relative; padding:0 0 22px 24px}
.flow li::before{content:""; position:absolute; left:-6px; top:8px; width:11px; height:11px; border-radius:50%; background:var(--ivory);
  border:1.5px solid var(--gold-ink)}
.flow li:last-child{padding-bottom:0}
.flow h3{font-size:22px; margin-bottom:.2em}
.flow p{margin:0; color:var(--ink-2)}
.rules{margin-top:26px; border-radius:var(--radius); padding:20px 22px; background:var(--night); color:var(--on-dark-2)}
.rules h3{color:var(--gold-lt); font-size:22px}
.rules ul{margin:0; padding-left:20px}
.rules li{margin:0 0 6px}
.room-cta{margin-top:30px}
@media (min-width:900px){ .room{grid-template-columns:5fr 6fr; gap:64px} }

/* ---------- path ---------- */
.path{list-style:none; margin:0; padding:0; display:grid; gap:14px}
.stage{position:relative; border:1px solid var(--line-dark); border-radius:12px; padding:18px 18px 16px; background:var(--night-2)}
.stage .lvl{display:block; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:6px}
.stage h3{font-size:22px; margin-bottom:.25em}
.stage p{margin:0; font-size:15px; color:var(--on-dark-2)}
.path-note{margin-top:26px; color:var(--on-dark-3); font-size:15px; max-width:70ch}
@media (min-width:700px){ .path{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1080px){
  .path{grid-template-columns:repeat(6,1fr); gap:10px}
  .stage::after{content:""; position:absolute; top:50%; right:-11px; width:12px; height:1px; background:var(--gold)}
  .stage:last-child::after{display:none}
}

/* ---------- what you get ---------- */
.gets{list-style:none; margin:0; padding:0; display:grid; gap:0; border-top:1px solid var(--line-light)}
.gets li{display:grid; grid-template-columns:1fr; gap:4px; padding:18px 0; border-bottom:1px solid var(--line-light)}
.gets b{font-family:var(--display); font-size:24px; font-weight:600; color:var(--ink)}
.gets span{color:var(--ink-2)}
@media (min-width:760px){ .gets li{grid-template-columns:280px 1fr; gap:28px; align-items:baseline} }

/* ---------- proof ---------- */
.proof-main{border:1px solid rgba(233,207,143,.35); border-radius:var(--radius); padding:30px 24px;
  background:radial-gradient(ellipse 80% 90% at 0% 0%,rgba(233,207,143,.10),rgba(233,207,143,0) 60%), var(--night-2)}
.proof-main h3{font-size:clamp(28px,3.6vw,36px)}
.proof-main p{color:var(--on-dark-2); max-width:60ch}
.proof-grid{display:grid; gap:16px; margin-top:16px}
.proof-card{border:1px solid var(--line-dark); border-radius:var(--radius); padding:22px}
.proof-card h3{font-size:22px; color:var(--gold-lt)}
.proof-card p{margin:0; color:var(--on-dark-2); font-size:16px}
@media (min-width:860px){ .proof-grid{grid-template-columns:1fr 1fr} }

/* ---------- offer ---------- */
.offer{display:grid; gap:30px}
.offer-steps{list-style:none; margin:0; padding:0; counter-reset:o}
.offer-steps li{counter-increment:o; position:relative; padding:0 0 18px 48px}
.offer-steps li::before{content:counter(o); position:absolute; left:0; top:0; width:32px; height:32px; border-radius:50%;
  background:var(--ink); color:var(--gold-lt); display:flex; align-items:center; justify-content:center; font-weight:600; font-size:15px}
.offer-steps b{display:block; color:var(--ink)}
.offer-steps span{color:var(--ink-2)}
.offer-box{background:var(--night); color:var(--on-dark); border-radius:var(--radius); padding:28px 24px}
.offer-box h3{color:var(--gold-lt)}
.offer-box p{color:var(--on-dark-2)}
.offer-box .small{font-size:14px; color:var(--on-dark-3); margin:16px 0 0}
@media (min-width:900px){ .offer{grid-template-columns:6fr 5fr; gap:56px; align-items:start} }

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line-light)}
.faq details{border-bottom:1px solid var(--line-light)}
.faq summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:20px 2px; font-family:var(--display); font-size:clamp(21px,2.4vw,24px); font-weight:600; color:var(--ink); line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:""; flex:0 0 12px; width:12px; height:12px; border-right:1.5px solid var(--gold-ink); border-bottom:1.5px solid var(--gold-ink);
  transform:rotate(45deg) translate(-3px,-3px); transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.faq .ans{padding:0 2px 20px; color:var(--ink-2); max-width:70ch}
.faq .ans p:last-child{margin-bottom:0}

/* ---------- final band ---------- */
.band{position:relative; overflow:hidden; text-align:center; padding:88px 0;
  background:radial-gradient(ellipse 70% 90% at 50% 100%,#2A2219 0%,#15120E 55%,var(--night) 100%)}
.band h2{max-width:20ch; margin-left:auto; margin-right:auto}
.band .lede{margin:0 auto 28px}
.band .btn-row{justify-content:center}
.band-phone{margin:22px 0 0; color:var(--on-dark-2)}
.band-phone a{color:var(--gold-lt); font-weight:600; text-decoration:none; white-space:nowrap}
.band-note{margin:14px auto 0; font-size:14px; color:var(--on-dark-3); max-width:60ch}

/* ---------- footer ---------- */
.site-foot{background:#090807; border-top:1px solid var(--line-dark); padding:48px 0 36px; color:var(--on-dark-3); font-size:14px}
.foot-top{display:grid; gap:24px; margin-bottom:28px}
.foot-brand{display:flex; align-items:center; gap:10px}
.foot-brand img{width:32px; height:32px}
.foot-brand span{font-family:var(--display); font-size:21px; color:var(--on-dark); font-weight:600}
.foot-links{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px 20px}
.foot-links a{color:var(--on-dark-2); text-decoration:none}
.foot-links a:hover{color:var(--gold-lt)}
.foot-risk{border-top:1px solid var(--line-dark); padding-top:22px; line-height:1.6}
.foot-risk p{margin:0 0 .8em}
.foot-risk strong{color:var(--on-dark-2)}
.foot-legal{margin-top:18px; color:#7E7566}
@media (min-width:860px){ .foot-top{grid-template-columns:1fr auto; align-items:center} }

/* ---------- legal pages ---------- */
.doc-hero{padding:56px 0 34px; background:radial-gradient(ellipse 80% 90% at 50% 0%,#221C14 0%,var(--night) 75%)}
.doc-hero h1{font-size:clamp(38px,6vw,58px); margin:0}
.doc-hero p{color:var(--on-dark-2); margin:12px 0 0}
.doc{background:var(--ivory); color:var(--ink); padding:48px 0 72px}
.doc a{color:var(--gold-ink)}
.doc h2{font-size:clamp(26px,3.4vw,32px); margin-top:1.6em; scroll-margin-top:90px}
.doc h3{font-size:22px; margin-top:1.3em}
.doc p,.doc li{color:var(--ink-2)}
.doc ul{padding-left:22px}
.doc li{margin-bottom:6px}
.notice{border:1px solid #E6CFA8; background:#F6EBDD; border-radius:12px; padding:16px 18px; margin:0 0 28px; color:var(--ink)}
.notice p{margin:0; color:var(--ink)}
.notice p + p{margin-top:8px}
.doc-hero .draft-flag{display:inline-block; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:#7A2E12; background:#FBE3D6; border:1px solid #E9B49A; border-radius:999px; padding:6px 14px; margin:16px 0 0}
.contact-block p{margin:0 0 4px}

/* ---------- 404 ---------- */
.lost{min-height:62vh; display:flex; align-items:center; text-align:center; position:relative; overflow:hidden;
  background:radial-gradient(ellipse 80% 80% at 50% 30%,#221C14 0%,var(--night) 70%)}
.lost .wrap{position:relative; z-index:1; padding-top:64px; padding-bottom:64px}
.lost img{width:84px; height:84px; margin-bottom:16px}
.lost h1{font-size:clamp(40px,7vw,64px)}
.lost p{color:var(--on-dark-2); max-width:46ch; margin-left:auto; margin-right:auto}
.lost .btn-row{justify-content:center; margin-top:24px}

/* ---------- motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important; transition:none !important}
}

/* 0.2.0 2026-10-12: the CFTC Rule 4.41 legend on the risk disclosure: set apart, readable, never hidden */
.doc .legend{font-size:13px; line-height:1.6; letter-spacing:.01em; border:1px solid rgba(127,127,127,.35); border-radius:8px; padding:12px 14px}

/* 0.2.0 2026-10-12: addresses in the footer (owner): corporate office, support mailing address, phone */
.foot-addr{display:flex; flex-wrap:wrap; gap:14px 40px; margin:18px 0 6px; font-size:14px; line-height:1.55}
.foot-addr address{font-style:normal; opacity:.85}
.foot-addr address b{display:block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; opacity:.8; margin-bottom:2px}