/* GOLD-TIDE V2. 2026 continuous backtest and monthly record lead; no duplicate MTGM live dashboard. */
:root{
 --bg:#0b1114;--panel:#121a1d;--panel2:#172024;--cream:#ebe2d1;--cream2:#f3ede2;--white:#f6f4ed;--gold:#d7b47b;--gold2:#e9cea0;--sand:#a08a6c;--muted:#9ba9a6;--dim:#74817f;--line:rgba(224,214,191,.17);--danger:#dd987f;--positive:#c1d2bc;
 --ease:cubic-bezier(.22,.9,.25,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
a{text-decoration:none;color:inherit}
::selection{background:var(--gold);color:#101718}
[hidden]{display:none!important}
.progress{position:fixed;top:0;left:0;width:0;height:2px;background:#efd3a4;z-index:90}
.grain{position:fixed;inset:0;pointer-events:none;z-index:35;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.79' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.section-pad{padding-left:clamp(25px,6.8vw,110px);padding-right:clamp(25px,6.8vw,110px)}
.microhead{height:29px;background:#111a1e;border-bottom:1px solid #ded1b610;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,6.8vw,110px);color:#84908f;font-size:9px;letter-spacing:.17em;font-weight:750}
.microhead>span{display:inline-flex;align-items:center;gap:8px}
.tiny-dot{width:5px;height:5px;border-radius:50%;background:#bec7a7;box-shadow:0 0 8px #bec7a785}
.micro-slash{color:var(--gold)}
.header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(25px,6.8vw,110px);position:sticky;top:0;z-index:50;background:rgba(11,17,20,.91);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand-symbol{width:34px;height:34px;display:grid;place-items:center;color:var(--gold)}
.brand-symbol svg{width:34px}
.brand-title{display:flex;flex-direction:column;gap:3px}
.brand-title strong{font-weight:870;letter-spacing:-.065em;font-size:17px;line-height:1}
.brand-title small{color:var(--gold);font-size:9px;letter-spacing:.22em;font-weight:800}
.nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3.25vw,47px);margin-left:auto;margin-right:auto}
.nav a{color:#b0b9b7;font-size:12px;white-space:nowrap;transition:color .2s}
.nav a:hover,.nav a.active{color:#f4e6cf}
.nav-actions{display:flex;gap:18px;align-items:center}
.language-control{position:relative;z-index:65}
.language{display:inline-flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;color:#b9c4be;font-size:12px;letter-spacing:.015em;font-weight:620;cursor:pointer;padding:10px 5px;white-space:nowrap;transition:color .2s}
.language:hover,.language[aria-expanded="true"]{color:var(--gold2)}
.language svg{color:var(--gold);flex-shrink:0}
.language-chevron{font-size:17px;line-height:1;color:var(--gold);display:inline-block;transform:translateY(-2px);transition:transform .2s}
.language[aria-expanded="true"] .language-chevron{transform:translateY(1px) rotate(180deg)}
.language-menu{position:absolute;top:calc(100% + 17px);right:0;background:#141e22;border:1px solid rgba(216,183,123,.37);box-shadow:0 24px 60px rgba(0,0,0,.5);min-width:224px;padding:8px;z-index:80}
.language-menu[hidden]{display:none!important}
.language-menu:before{content:"";position:absolute;right:25px;top:-8px;width:13px;height:13px;transform:rotate(45deg);background:#141e22;border-left:1px solid rgba(216,183,123,.37);border-top:1px solid rgba(216,183,123,.37)}
.language-menu button{width:100%;border:0;background:transparent;color:#c8d0cb;padding:13px 13px;display:flex;justify-content:space-between;align-items:center;gap:19px;text-align:left;font-size:13px;line-height:1.2;cursor:pointer;transition:background .18s,color .18s}
.language-menu button:hover,.language-menu button:focus-visible{background:rgba(214,179,119,.11);color:#fff}
.language-menu button.is-selected{background:rgba(214,179,119,.13);color:var(--gold2);font-weight:690}
.language-menu button small{font-size:10px;color:#86938d;letter-spacing:.08em;font-weight:700}
.language-menu button.is-selected small{color:var(--gold)}
.small-cta{border:1px solid #d7b47b7b;min-height:42px;display:inline-flex;align-items:center;padding:10px 20px;color:var(--gold2);font-size:11px;font-weight:750;white-space:nowrap;transition:background .2s}
.small-cta:hover{background:#d7b47b15}
.nav-follow-mobile{display:none}
.menu{display:none;width:38px;height:36px;background:transparent;border:1px solid var(--line);align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu span{width:17px;height:1px;background:var(--white)}
.overline,.section-meta{font-size:10px;letter-spacing:.19em;color:var(--gold);font-weight:780;text-transform:uppercase}
.overline{display:flex;align-items:center;gap:12px}
.overline>span:first-child{color:#ae9977}
.overline-stroke{width:49px;height:1px;background:var(--gold);opacity:.55}
.hero{min-height:730px;padding-top:67px;padding-bottom:86px;display:grid;grid-template-columns:1.07fr .93fr;gap:4.3%;position:relative}
.hero-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:38px}
.hero-logo{font-family:"Arial Black","Segoe UI","Microsoft YaHei",sans-serif;font-size:clamp(83px,8.5vw,143px);font-weight:950;line-height:.88;letter-spacing:-.093em;margin:36px 0 26px}
.logo-dash{display:inline-block;vertical-align:middle;position:relative;width:.92em;height:.14em;margin-left:.12em;background:var(--gold);transform:translateY(-.1em);letter-spacing:0}
.logo-dot{color:var(--gold)}
.hero-logo em{display:block;margin-top:12px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.5vw,73px);font-weight:400;letter-spacing:-.075em;line-height:1.12;color:var(--gold);text-transform:none}
.hero-description{color:#b7c0bb;font-size:14px;line-height:1.95;max-width:415px;margin:0 0 32px}
.primary-button{background:var(--gold);color:#152025;min-width:224px;display:inline-flex;justify-content:space-between;align-items:center;padding:18px 23px;font-weight:760;font-size:12px;transition:transform .25s var(--ease),background .25s}
.primary-button:hover{transform:translateY(-3px);background:#efd2a0}
.button-arrow{font-size:19px;line-height:.7}
.tide-panel{min-height:580px;max-height:625px;align-self:stretch;position:relative;isolation:isolate;overflow:hidden;border:1px solid #d8ba8b42;background:radial-gradient(ellipse at 50% 45%,#292b28 0%,#172024 50%,#11191c 90%);box-shadow:inset 0 0 90px #0007}
.tide-panel:before{content:"";position:absolute;inset:22px;border:1px solid #e4d0a328;pointer-events:none}
.tide-panel:after{content:"";position:absolute;inset:37px;border:1px solid #e4d0a312;pointer-events:none}
#tide{position:absolute;inset:0;width:100%;height:100%}
.tide-corner,.tide-foot{position:absolute;z-index:2;left:43px;right:43px;font-size:10px;letter-spacing:.16em;color:#d5c4a5}
.tide-corner{top:44px}
.tide-star{position:absolute;right:43px;top:37px;color:#e7c68e;font-size:25px}
.tide-foot{bottom:40px;color:#8d9995;display:flex;justify-content:space-between}
.tide-monogram{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-7deg);width:207px;height:207px;display:flex;align-items:center;justify-content:center;border:1px solid #dbc49772;border-radius:50%;box-shadow:0 0 0 40px #ccad7912,0 0 0 75px #ccad7908;background:#0c1317bf;color:#f2ddb1;font:italic 75px Georgia,serif;letter-spacing:-.12em}
.tide-monogram:after{content:"";position:absolute;inset:17px;border:1px dashed #dfb98445;border-radius:50%}
.tide-monogram span{font-size:38px;vertical-align:35%;color:var(--gold);margin-left:2px;margin-right:7px}
.hero-micro{position:absolute;bottom:34px;left:clamp(25px,6.8vw,110px);right:clamp(25px,6.8vw,110px);color:#7e8c8a;font-size:10px;line-height:1.5}
.hero-micro:before{content:"";display:inline-block;width:35px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}
.goal-strip{background:linear-gradient(95deg,#e8ddc9,#e4d8c3 60%,#dcd0bc);min-height:147px;display:flex;align-items:center;justify-content:space-between;gap:3vw;color:#192025;padding-top:18px;padding-bottom:18px}
.goal-number{display:flex;align-items:center;gap:14px;font-size:clamp(72px,6.6vw,112px);font-weight:890;letter-spacing:-.11em;white-space:nowrap;line-height:1}
.goal-number>span{font-size:.57em;vertical-align:18%;margin-left:-2px}
.goal-number>div{display:flex;flex-direction:column;font-size:11px;font-weight:700;letter-spacing:.10em;line-height:1.8;gap:3px;white-space:normal}
.goal-number small{font-size:11px}
.goal-number>div span{font-size:9px;font-weight:520;color:#645f55}
.goal-divider{height:75px;width:1px;background:#b9ab97}
.goal-disclaimer{font-size:11px;line-height:1.85;max-width:170px;color:#6f695e}
.section-meta{display:flex;align-items:center;gap:13px;margin-bottom:59px}
.section-meta>span:first-child{white-space:nowrap}
.section-meta>span:last-child{margin-left:auto;color:#87938f}
.meta-line{width:95px;height:1px;background:var(--line)}
.results{padding-top:120px;padding-bottom:118px;background:linear-gradient(155deg,#0e171a,#10191d 75%,#172025)}
.results-head{display:grid;grid-template-columns:1fr .5fr;column-gap:9%;align-items:end;margin-bottom:60px}
.period{color:var(--gold);font-size:14px;letter-spacing:.17em;font-weight:740;margin:0 0 16px}
.block-heading{font-size:clamp(61px,5.45vw,91px);letter-spacing:-.07em;line-height:1.045;font-weight:690;margin:0}
.results-controls{justify-self:end;max-width:390px;align-self:end}
.results-controls p{font-size:13px;color:#aab6b2;line-height:1.9;margin:0}
.big-stat{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0 37px;display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center;margin-bottom:38px}
.stat-kicker,.stat-grid span,.stat-value-line span{color:#9facaa;font-size:10px;font-weight:660;letter-spacing:.12em}
.stat-feature{min-width:0}
.stat-return{display:flex;align-items:baseline;font-size:clamp(89px,8.8vw,145px);line-height:1.2;letter-spacing:-.105em;color:var(--gold2);font-weight:850;white-space:nowrap}
.stat-return>span:first-child{font-size:.5em;margin-right:9px}
.stat-return i{font-style:normal;font-size:.47em;margin-left:4px}
.stat-value-line{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:0}
.stat-value-line b{font-size:16px;color:var(--white);font-weight:580}
.stat-bullet{color:var(--gold)!important}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:29px 18px;align-self:center}
.stat-grid>div{display:flex;flex-direction:column;gap:9px}
.stat-grid strong{font-size:29px;letter-spacing:-.06em;font-weight:580}
.chart-frame{background:#f7f8fb;color:#1a2935;border:1px solid #cdc6bc;overflow:hidden}
.chart-topline{min-height:55px;background:#f1ebdf;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 23px;border-bottom:1px solid #cfc5b7;font-size:10px;color:#46565e;letter-spacing:.1em;font-weight:760}
.chart-topline a{font-size:11px;letter-spacing:0;color:#6c593e;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.chart-image-wrap{width:100%;line-height:0}
.chart-image-wrap img{display:block;width:100%;height:auto}
.results-bottom{display:flex;justify-content:space-between;gap:35px;margin-top:21px}
.results-proof{display:flex;align-items:flex-start;gap:12px;max-width:960px}
.proof-pill{color:var(--gold);font-size:9px;white-space:nowrap;letter-spacing:.09em;border:1px solid #bba47d78;padding:6px 9px;margin-top:1px}
.results-proof span:last-child{color:#8e9c99;font-size:11px;line-height:1.8}
.underlined-label{white-space:nowrap;font-size:9px;letter-spacing:.14em;color:#b1a489;text-decoration:underline;text-underline-offset:4px;padding-top:6px}
.months{background:#0a1013;padding-top:121px;padding-bottom:127px}
.months-head{display:grid;grid-template-columns:1fr .7fr;gap:6%;align-items:end;margin-bottom:55px}
.months-head-right{justify-self:end;padding-bottom:6px;max-width:420px}
.mini-label{color:var(--gold);font-size:10px;font-weight:750;letter-spacing:.12em}
.months-head-right>strong{display:block;font-size:66px;line-height:1.25;letter-spacing:-.075em;font-weight:650;margin-top:10px}
.months-head-right p{color:#9daaa7;font-size:12px;line-height:1.85;margin:10px 0 0}
.month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.month-card{display:flex;flex-direction:column;min-height:207px;background:#141d20;border:1px solid #8c86772e;text-align:left;color:var(--white);padding:22px 24px;position:relative;overflow:hidden;transition:border .3s,transform .3s var(--ease),background .3s}
.month-card:hover{transform:translateY(-4px);border-color:#d2b07a94}
.month-card.is-active{background:#242a29;border-color:#c5a679}
.month-card:after{content:"";position:absolute;bottom:0;left:0;height:4px;width:var(--percent-width,60%);background:var(--gold);opacity:.65;transition:width .5s var(--ease)}
.month-card.is-negative:after{background:var(--danger)}
.month-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#8f9c9b;letter-spacing:.17em;font-weight:680}
.month-card-top span:last-child{font-size:16px;color:var(--gold)}
.month-card-amount{font-size:clamp(43px,4vw,64px);letter-spacing:-.08em;font-weight:720;line-height:1.2;margin:18px 0 3px}
.month-card.is-negative .month-card-amount{color:var(--danger)}
.month-card-sub{color:#899593;font-size:11px;margin-top:auto;letter-spacing:.02em}
.month-details{display:grid;grid-template-columns:.54fr 1.46fr;gap:6%;background:#222c2e;margin-top:17px;border:1px solid #a4a08436;min-height:155px;padding:28px 32px}
.month-detail-name{display:flex;flex-direction:column;gap:8px}
.month-detail-name>span{font-size:11px;color:#abbbba;letter-spacing:.13em}
.month-detail-name strong{font-size:50px;color:var(--gold2);letter-spacing:-.06em;line-height:1.2}
.month-detail-name strong.negative{color:var(--danger)}
.month-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:13px}
.month-detail-stats>div{display:flex;flex-direction:column;gap:10px}
.month-detail-stats span{color:#899a99;font-size:9px;line-height:1.5;letter-spacing:.08em}
.month-detail-stats strong{font-size:20px;letter-spacing:-.035em;font-weight:590;white-space:nowrap}
.january-note{grid-column:1/-1;border-top:1px solid var(--line);margin-top:5px;padding-top:23px;max-width:950px}
.january-note h3{font-size:17px;font-weight:640;letter-spacing:-.02em;color:#eddbb9;margin:0 0 9px}
.january-note p{font-size:13px;line-height:1.85;color:#b1beb8;margin:0;max-width:850px}
.risk{background:linear-gradient(110deg,#172124 10%,#0e1518 80%);padding-top:115px;padding-bottom:90px}
.risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:stretch}
.risk-left{padding:17px 0 20px}
.risk-copy{font-size:14px;color:#c1c8c1;line-height:2.05;max-width:510px;margin:27px 0 18px}
.risk-fineprint{font-size:11px;color:#8f9c99;line-height:1.85;max-width:525px}
.risk-button{border:1px solid #bfa57b;background:transparent;color:var(--gold2);padding:17px 20px;min-width:247px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;font-weight:710;margin-top:25px;transition:background .25s,transform .25s}
.risk-button:hover{background:#bfa57b18;transform:translateY(-2px)}
.case-card{text-align:left;border:1px solid #8d7a568a;background:radial-gradient(ellipse at 65% 37%,#6d584037 0,transparent 45%),repeating-radial-gradient(ellipse at 100% 8%,transparent 0,transparent 36px,#c4ab7720 37px,transparent 38px),#262821;color:var(--white);min-height:495px;padding:29px 33px;display:flex;flex-direction:column;transition:transform .4s var(--ease),border .4s}
.case-card:hover{transform:translateY(-5px);border-color:#d4b780}
.card-head,.card-foot{display:flex;justify-content:space-between;gap:18px;color:#d2c4a3;font-size:10px;letter-spacing:.16em}
.case-symbol{margin:auto 0 21px;display:flex;flex-direction:column}
.case-topline{font-size:10px;letter-spacing:.15em;color:#d4bd99}
.case-symbol strong{font-family:"Arial Black","Segoe UI",sans-serif;font-size:clamp(123px,13vw,188px);letter-spacing:-.13em;font-weight:920;line-height:1.08}
.case-symbol strong span{color:var(--gold)}
.case-stat-group{display:flex;gap:40px;border-top:1px solid #dac8a652;padding-top:23px;margin-bottom:28px}
.case-stat-group>div{display:flex;flex-direction:column;gap:11px}
.case-stat-group span{font-size:9px;color:#b8afa0;letter-spacing:.11em}
.case-stat-group strong{font-size:30px;letter-spacing:-.06em;font-weight:540}
.card-foot{border-top:1px solid #dac8a652;padding-top:19px;color:var(--gold2);margin-top:auto}
.card-foot span:last-child{font-size:20px;line-height:.5}
.risk-bottom{border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:15px;margin-top:39px;padding-top:23px}
.risk-sign{width:24px;height:24px;border-radius:50%;border:1px solid #d7b47b70;display:grid;place-items:center;color:var(--gold);flex-shrink:0;font-size:13px}
.risk-bottom p{color:#a2adaa;font-size:11px;line-height:1.85;max-width:780px;margin:0}
.plain-link{margin-left:auto;border:0;background:transparent;color:var(--gold);white-space:nowrap;font-size:11px;padding:5px 0}
.plain-link:hover{text-decoration:underline;text-underline-offset:4px}
.footer{background:#090e10;border-top:1px solid var(--line);padding-top:55px;padding-bottom:39px}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;padding-bottom:32px}
.footer-top>div:first-child{display:flex;flex-direction:column}
.footer-top>div:first-child strong{font-size:29px;letter-spacing:-.08em;font-weight:870}
.footer-top>div:first-child span{font-size:11px;font-weight:720;letter-spacing:.21em;color:var(--gold);margin-top:3px}
.signal-inline{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px}
.signal-inline>span{font-size:10px;letter-spacing:.13em;color:#8b9795}
.signal-inline>strong{font-size:13px;letter-spacing:.02em;font-weight:650}
.signal-inline button{border:1px solid #a48a62;background:none;color:var(--gold);padding:11px 17px;font-size:11px}
.signal-inline button:hover{background:#d7b47b12}
.footer-follow{width:min(100%,500px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.follow-direct{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-width:260px;padding:16px 22px;background:var(--gold);color:#152025;font-size:12px;font-weight:750;letter-spacing:.035em;transition:background .25s,transform .25s}
.follow-direct:hover{background:#efd3a1;transform:translateY(-2px)}
.follow-direct span:last-child{font-size:19px;line-height:.8}
.footer-follow .signal-inline{gap:11px;margin-top:1px}
.follow-external-note{font-size:10px;color:#87948f;line-height:1.75;max-width:420px;margin:0}
.footer-notes{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:45px;color:#87918d;line-height:1.8;font-size:10px}
.footer-notes span{max-width:520px}
.footer-line{display:flex;justify-content:space-between;margin-top:40px;color:#747d7a;font-size:10px;letter-spacing:.08em}
.footer-line a:hover{color:var(--gold)}
.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,30px);background:#dab67c;color:#1b2324;padding:13px 18px;font-size:12px;font-weight:760;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.toast.visible{opacity:1;transform:translate(-50%,0)}

/* Modal detail views */
dialog{border:1px solid #b398715b;background:#0d1619;color:var(--white);padding:0;max-height:min(94vh,1200px);overflow:auto;box-shadow:0 30px 110px #000b}
dialog::backdrop{background:#03090bcf;backdrop-filter:blur(10px)}
.replay-modal{width:min(1270px,96vw);max-width:1270px}
.risk-modal{width:min(900px,94vw);max-width:900px}
.modal-shell{padding:28px clamp(24px,3.8vw,55px) 40px}
.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:35px;color:#a4b1ae;font-size:11px;letter-spacing:.13em;font-weight:690}
.modal-header>span i{color:var(--gold);padding:0 8px;font-style:normal}
.modal-close{background:transparent;border:0;color:#a9b5b2;font-size:10px;letter-spacing:.10em;display:flex;align-items:center;gap:13px}
.modal-close span{font-size:28px;line-height:1}
.modal-hero{display:grid;grid-template-columns:1fr .55fr;gap:9%;align-items:end;margin-bottom:35px}
.modal-hero h2{font-size:clamp(42px,4vw,66px);letter-spacing:-.065em;line-height:1.1;font-weight:650;margin:17px 0 0}
.modal-hero p:last-child{font-size:12px;color:#a1aeab;line-height:1.95;margin:0 0 3px}
.replay-body{display:grid;grid-template-columns:1.03fr .97fr;border:1px solid var(--line);align-items:stretch}
.replay-left{min-width:0;padding:28px 31px;background:radial-gradient(ellipse at 70% 0,#d8b47b13,transparent 52%),#172024}
.replay-timeline{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:36px;font-weight:630;letter-spacing:-.06em;margin-bottom:27px}
.replay-timeline>span:last-child{font-size:11px;color:#9eafaa;letter-spacing:.12em}
.replay-caption{font-size:10px;letter-spacing:.11em;color:#afbfba}
.replay-number{font-size:clamp(62px,7vw,98px);font-family:"Arial Black","Segoe UI",sans-serif;letter-spacing:-.08em;color:var(--danger);line-height:1.22;margin:7px 0 18px}
.replay-number.positive{color:var(--positive)}
.replay-chartbox{height:220px;margin:0 0 15px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.replay-chartbox svg{display:block;width:100%;height:100%;overflow:visible}
.slider-label{display:flex;justify-content:space-between;color:#8b9690;letter-spacing:.12em;font-size:9px}
#replaySlider{width:100%;margin:15px 0 22px;accent-color:var(--gold);cursor:pointer}
.replay-buttons{display:flex;justify-content:space-between;gap:9px}
.replay-buttons button{min-width:0;padding:11px 13px;border:1px solid #636d65;background:#182226;color:#e8e9dc;font-size:11px}
.replay-buttons #playTick{flex:1;max-width:225px;color:var(--gold2);border-color:#ab8f61}
.replay-buttons button:disabled{opacity:.35;cursor:not-allowed}
.replay-right{padding:31px 33px;border-left:1px solid var(--line)}
.replay-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:0 0 18px}
.replay-readings>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.replay-readings span{font-size:9px;line-height:1.4;letter-spacing:.11em;color:#98a9a4}
.replay-readings strong{font-size:17px;line-height:1.2;font-weight:590;letter-spacing:-.03em;color:#f5edde;white-space:nowrap}
.replay-right{padding:32px 35px 31px;border-left:1px solid var(--line);background:#10191b;min-width:0}
.replay-risk-kicker{font-size:10px;letter-spacing:.15em;font-weight:780;color:var(--gold)}
.replay-risk-heading{font-size:clamp(25px,2.4vw,35px);line-height:1.18;letter-spacing:-.052em;font-weight:620;color:var(--white);margin:17px 0 24px}
.replay-risk-heading em{font-family:Georgia,serif;font-size:1.07em;font-weight:400;letter-spacing:-.055em;color:var(--gold2);font-style:italic}
.replay-risk-prose p{font-size:13px;line-height:1.9;color:#c5cdc5;margin:0 0 16px}
.replay-risk-prose strong{color:#f5e5c5;font-weight:650}
.replay-risk-questions{margin:23px 0 21px;padding:19px 21px;background:linear-gradient(110deg,#d8b47b16,#d8b47b06);border-left:2px solid var(--gold)}
.replay-risk-questions p{font-size:14px;line-height:1.85;color:#eee8dc;font-weight:510;margin:0}
.replay-risk-ending{font-size:12.5px;line-height:1.88;color:#c0c5bc;margin:0 0 22px}
.replay-risk-case{border-top:1px solid var(--line);padding-top:18px}
.replay-risk-case>span{font-size:9px;letter-spacing:.15em;color:var(--gold);font-weight:680}
.replay-risk-case p{font-size:11px;line-height:1.75;color:#9ca8a0;margin:10px 0 0}
.replay-method{border-top:1px solid var(--line);padding-top:15px;font-size:9.5px;color:#84948e;line-height:1.7;margin-top:20px}
.risk-dialog-title{font-size:clamp(42px,5vw,69px);line-height:1.06;letter-spacing:-.06em;font-weight:640;max-width:710px;margin:0 0 35px}
.risk-dialog-content{display:grid;grid-template-columns:1fr .85fr;gap:9%;border-top:1px solid var(--line);padding-top:22px}
.risk-dialog-content>div:first-child p{font-size:13px;line-height:2;color:#b1bfba;margin:0 0 18px}
.risk-calculator{background:#222b2e;padding:26px;align-self:start;border:1px solid var(--line)}
.risk-calculator label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:36px;font-size:12px;color:#acbab5}
.risk-calculator label strong{font-size:17px;color:#f6f3eb}
.risk-calculator input{width:100%;margin:23px 0 32px;accent-color:var(--gold)}
.risk-calculator>span{font-size:11px;color:#b9c0b8}
.risk-calculator>strong{display:block;font-size:48px;color:var(--danger);letter-spacing:-.065em;margin-top:10px}
.risk-calculator p{color:#86948e;font-size:10px;line-height:1.8;margin:28px 0 0}

/* Tablet */
@media(max-width:1160px){
 .hero{min-height:660px}.tide-panel{min-height:530px}
 .hero-logo{font-size:clamp(75px,8.4vw,109px)}
 .goal-number{font-size:70px}.goal-number>div{max-width:170px}
 .big-stat{grid-template-columns:1fr .8fr;gap:4%}
 .stat-return{font-size:105px}
}
@media(max-width:900px){
 .header{height:76px}
 .nav{gap:15px}
 .nav a{font-size:11px}
 .small-cta{display:none}
 .hero{min-height:600px;grid-template-columns:1fr .9fr;gap:2%}
 .hero-logo{font-size:clamp(69px,8vw,95px)}
 .hero-logo em{font-size:49px}
 .tide-panel{min-height:470px}
 .tide-monogram{width:145px;height:145px;font-size:56px}
 .tide-monogram span{font-size:28px}
 .goal-strip{flex-wrap:wrap;justify-content:flex-start}
 .goal-number{font-size:62px}
 .goal-divider{height:55px}
 .goal-disclaimer{flex:0 0 100%;max-width:none;border-top:1px solid #bcb2a1;padding-top:9px;line-height:1.4}
 .results-head{grid-template-columns:1fr .6fr}
 .block-heading{font-size:60px}
 .stat-return{font-size:88px}
 .stat-grid strong{font-size:25px}
 .stat-value-line b{font-size:13px}
 .month-card{padding:18px}.month-card-amount{font-size:44px}
 .month-details{grid-template-columns:1fr;gap:18px}
 .risk-grid{gap:4%}
 .case-card{min-height:440px}
 .case-symbol strong{font-size:123px}
 .case-stat-group{gap:20px}
 .case-stat-group strong{font-size:24px}
}
/* Mobile */
@media(max-width:700px){
 html{scroll-padding-top:79px}
 .section-pad{padding-left:22px;padding-right:22px}
 .microhead{padding:0 22px}
 .microhead>span:last-child{display:none}
 .header{height:71px;padding:0 22px}
 .nav{display:none;position:absolute;top:71px;left:0;right:0;background:#151e21;border-bottom:1px solid var(--line);padding:16px 24px;flex-direction:column;align-items:stretch;gap:0}
 .nav.open{display:flex}
 .nav-follow-mobile{display:block}
 .nav a{border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}
 .menu{display:flex}
 .hero{display:flex;flex-direction:column;gap:32px;padding-top:53px;padding-bottom:84px}
 .hero-text{padding:0}
 .hero-logo{font-size:clamp(72px,14vw,103px);margin:25px 0 19px}
 .hero-logo em{font-size:48px}
 .hero-description{font-size:13px;max-width:500px}
 .tide-panel{width:100%;min-height:390px;max-height:420px}
 .tide-corner,.tide-foot{left:30px;right:30px}
 .tide-corner{top:30px}.tide-star{top:25px;right:30px}
 .hero-micro{left:22px;right:22px;bottom:21px;font-size:9px}
 .goal-strip{padding-top:19px;padding-bottom:17px;gap:14px 20px}
 .goal-number{font-size:clamp(58px,13vw,76px);flex:1;gap:8px}
 .goal-number>div{font-size:9px;line-height:1.4}
 .goal-number small{font-size:9px}
 .goal-number>div span{font-size:8px}
 .goal-divider{height:62px}
 .goal-disclaimer{font-size:9px}
 .results,.months{padding-top:81px;padding-bottom:87px}
 .section-meta{margin-bottom:37px}
 .results-head,.months-head{grid-template-columns:1fr;gap:23px;margin-bottom:32px}
 .block-heading{font-size:clamp(56px,11vw,75px)}
 .results-controls{justify-self:start;max-width:500px}
 .results-controls p{font-size:12px;line-height:1.8;margin-bottom:17px}
 .big-stat{grid-template-columns:1fr;gap:28px;padding-top:26px;padding-bottom:28px}
 .stat-return{font-size:clamp(80px,14vw,115px)}
 .stat-grid{gap:21px 19px}
 .stat-grid strong{font-size:24px}
 .chart-topline{padding:14px;min-height:45px;font-size:9px;flex-wrap:wrap}
 .chart-topline a{font-size:10px}
 .chart-image-wrap{overflow:auto}
 .chart-image-wrap img{min-width:0;width:100%;height:auto}
 .results-bottom{display:block}
 .results-proof{align-items:flex-start}
 .underlined-label{display:block;margin-top:12px}
 .months-head-right{justify-self:start}
 .months-head-right>strong{font-size:54px}
 .month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .month-card{min-height:165px;padding:17px}
 .month-card-amount{font-size:clamp(34px,8vw,48px)}
 .month-card-top{font-size:9px}
 .month-card-sub{font-size:10px}
 .month-details{padding:23px}
 .month-detail-name strong{font-size:44px}
 .month-detail-stats{grid-template-columns:1fr 1fr;gap:18px}
 .month-detail-stats strong{font-size:18px}
 .risk{padding-top:81px;padding-bottom:77px}
 .risk-grid{grid-template-columns:1fr;gap:23px}
 .risk-left{padding:0}
 .risk-copy{font-size:12px}
 .risk-fineprint{font-size:10px}
 .risk-button{margin-top:14px}
 .case-card{min-height:445px}
 .case-symbol strong{font-size:clamp(115px,32vw,175px)}
 .case-stat-group strong{font-size:26px}
 .risk-bottom{display:grid;grid-template-columns:auto 1fr}
 .risk-bottom .plain-link{grid-column:2;justify-self:start;margin-left:0}
 .footer{padding-top:41px}
 .footer-top{flex-direction:column;gap:25px}
 .signal-inline{align-items:flex-start;flex-wrap:wrap}
 .footer-notes{flex-direction:column;gap:12px}
 .modal-shell{padding:22px 19px 28px}
 .modal-header{margin-bottom:25px}
 .modal-header>span{font-size:9px}
 .modal-hero{grid-template-columns:1fr;gap:12px;margin-bottom:24px}
 .modal-hero h2{font-size:44px}
 .replay-body{grid-template-columns:1fr}
 .replay-left{padding:23px 20px}
 .replay-timeline{font-size:29px}
 .replay-number{font-size:clamp(64px,14vw,79px)}
 .replay-chartbox{height:165px}
 .replay-right{border-left:0;border-top:1px solid var(--line);padding:27px 23px}
 .replay-risk-heading{font-size:31px;margin-bottom:18px}
 .replay-risk-prose p{font-size:12.6px}
 .replay-risk-questions p{font-size:13.4px}
 .risk-dialog-content{grid-template-columns:1fr;gap:22px}
 .risk-dialog-title{font-size:42px}
 .risk-calculator{padding:22px}
}
@media(max-width:420px){
 .brand-title strong{font-size:15px}
 .nav-actions{gap:12px}
 .hero-logo{font-size:clamp(66px,15vw,78px)}
 .hero-logo em{font-size:43px}
 .tide-panel{min-height:355px}
 .tide-monogram{width:135px;height:135px}
 .goal-strip{gap:10px}
 .goal-number{font-size:54px}
 .goal-number small{font-size:8px}
 .goal-number>div span{font-size:7px}
 .goal-divider{height:50px}
 .month-card{padding:14px;min-height:154px}
 .month-card-amount{font-size:35px}
 .month-card-sub{font-size:9px}
 .stat-return{font-size:76px}
 .replay-buttons button{padding:10px 7px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* V2.4: reduced repeated captions and lighter disclosure hierarchy. */
/* V2.5.1: let translated section labels wrap on narrow phones. */
@media(max-width:360px){
 .section-meta{gap:10px}
 .section-meta>span:first-child{min-width:0;white-space:normal}
 .section-meta>span:last-child{flex-shrink:0;white-space:nowrap}
 .section-meta .meta-line{flex:1 1 12px;min-width:12px}
}
.results-clarity{font-size:11px;line-height:1.65;color:#889894;margin:16px 0 0;max-width:1020px}
.hero{min-height:705px;padding-bottom:60px}
@media(max-width:900px){.language-menu{top:calc(100% + 13px)}}
@media(max-width:700px){
  .language{font-size:11px;padding:7px 2px;gap:5px}
  .language-menu{right:-36px;min-width:202px;max-width:calc(100vw - 30px);top:calc(100% + 16px)}
  .results-clarity{font-size:10px;margin-top:13px}
  .hero{padding-bottom:65px}
}
/* V2.5.2: keep the full monthly percentage visible on narrow phones. */
@media(max-width:360px){
 .month-card-amount{font-size:clamp(28px,8.75vw,31.5px)}
}
