:root{color-scheme:light;--paper:#f2ede4;--ink:#161513;--gold:#ba8e30;--green:#168445;--dark:#171717;--cream:#fff9ed;--border:#ded7ca;--shadow:0 4px 10px #35291a24;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 35% 25%,#fbf7ef,transparent 66%),var(--paper)}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #bd8d25;outline-offset:4px}button:disabled{cursor:default}
h1,h2,p{margin:0}h1,h2,.brand strong{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em}
svg{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.symbols{position:absolute;width:0;height:0;overflow:hidden}
.wrap{width:min(94%,1260px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header,.site-footer{background:linear-gradient(115deg,#171717,#111);color:#fff9f1}.site-header{border-bottom:1px solid #ffffff18}
.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:11px 16px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand img{width:55px;height:auto}.brand strong{display:block;font-size:clamp(1.16rem,2.45vw,1.8rem);line-height:1.05}.brand small{display:block;font-size:clamp(.48rem,1vw,.67rem);text-transform:uppercase;margin-top:3px}
.main-nav,.footer-inner nav{display:flex;align-items:center;gap:clamp(16px,3vw,42px);margin-left:auto;font-size:.9rem}.main-nav a,.main-nav button,.footer-inner nav button{position:relative;background:none;border:0;color:inherit;padding:6px 0;white-space:nowrap}.main-nav .active::after{content:'';position:absolute;inset:auto 0 -7px;height:2px;background:#d5a944}.main-nav a:hover,.main-nav button:hover,.footer-inner nav a:hover,.footer-inner nav button:hover{color:#efcf85}
.header-actions{display:flex;gap:10px}.icon-button{display:inline-grid;place-items:center;background:none;border:0;padding:5px;color:inherit;font-size:1.26rem}.menu{display:none}
.hero{position:relative;overflow:hidden;color:#fff9f2;background:linear-gradient(160deg,#121212,#191918)}.hero-photo{position:absolute;inset:0 0 0 42%;background:url(assets/bullion.webp) center right/cover no-repeat;mask-image:linear-gradient(to right,transparent,#000 21%)}
.hero-content{position:relative;padding:clamp(20px,2vw,30px) 20px clamp(28px,3vw,42px)}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:clamp(.74rem,1.5vw,1.12rem);color:#e9bc69;margin-bottom:8px}
.hero h1{font-size:clamp(2.8rem,6.2vw,5.25rem);line-height:.93}.hero h1 span{color:#f0dbad}.hero-description{max-width:375px;line-height:1.34;font-size:clamp(.95rem,1.6vw,1.18rem);margin:11px 0 18px}.hero-actions{display:flex;gap:clamp(10px,2vw,24px);flex-wrap:wrap}
.button{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.75em 1.2em;font-weight:700;min-height:40px}.gold{color:#171104;border-color:#e0bc64;background:linear-gradient(165deg,#ffedbf,#f1d186 49%,#d3a744);box-shadow:inset 0 1px 0 #fff8,0 2px 3px #1a110e13}.gold:hover:not(:disabled){background:linear-gradient(165deg,#fff2cd,#efc367 60%,#d3a744)}.outline{color:#fff;border-color:#fcf2de;background:#14141455}.outline:hover{background:#fff2}.hero-actions .button{padding:.68em 1.45em}.hero-actions svg{font-size:1.2rem}
.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);padding:21px 12px 26px}.shortcuts>a,.shortcuts>button{display:flex;align-items:center;gap:clamp(9px,1.5vw,20px);border:0;border-right:1px solid var(--border);background:none;padding:0 clamp(9px,2.4vw,30px);text-align:left;color:inherit}.shortcuts>a:last-child{border:0}.shortcuts svg{font-size:1.86rem;color:#3d2d13}.shortcuts strong,.shortcuts small{display:block}.shortcuts strong{font-size:.92rem}.shortcuts small{font-size:.76rem;margin-top:4px}.shortcuts a:hover strong,.shortcuts button:hover strong{color:#795718}
.panel{border:1px solid #fff8;border-radius:15px;background:linear-gradient(125deg,#faf6ed,#eee8de);box-shadow:var(--shadow);min-width:0}
.calculator{background:linear-gradient(120deg,#121414,#211f1d);color:#fffdf8;padding:10px clamp(14px,2.5vw,28px) 13px;border-color:#1d1c1a}
.panel-heading,.chart-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2,.converter h2,.tracker h2,.guides h2{display:flex;align-items:center;gap:.6em}.panel-heading h2{font-size:clamp(1.35rem,2.7vw,2.05rem)}.calculator h2 svg{color:#efc875}.badge{background:#48443e;color:#fff9ef;border-radius:99px;padding:6px 13px;font-size:.76rem}
.calc-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,2vw,22px);align-items:end;margin:9px 0 4px}.calc-fields label,.purchase-cost label,.portfolio-fields label{display:grid;gap:4px;font-size:.8rem}.calc-fields button{font-size:.84rem}.calc-fields input,.purchase-cost input,.portfolio-fields input,#search-term{width:100%;min-width:0;border:1px solid #6a6862;border-radius:8px;padding:8px 11px;font-size:1rem;min-height:38px}.calculator input{background:#161718;color:#fff}.purchase-cost{font-size:.72rem;color:#ddd0bc;margin:6px 0 8px}.purchase-cost summary{cursor:pointer;width:fit-content}.purchase-cost label{margin:8px 0 4px;max-width:280px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.7vw,20px)}.metrics>div{display:grid;justify-items:center;align-content:center;min-height:81px;padding:10px 5px;text-align:center;border:1px solid #ffffff0e;border-radius:10px;background:linear-gradient(160deg,#2c2c29,#222221 65%,#2d2c29)}.metrics span{font-size:.78rem}.metrics strong{margin-top:6px;font-size:clamp(1rem,2.3vw,1.7rem);overflow-wrap:anywhere}.metrics small{font-size:.74rem}.positive{color:var(--green)}.negative{color:#a9352d}.metrics .positive{color:#46dd85}.metrics .negative{color:#ff8d86}
.market-grid{display:grid;grid-template-columns:5fr 3fr;gap:9px;margin:9px 0 12px}.chart-panel,.converter{padding:11px clamp(12px,2.15vw,24px)}.chart-top h2{font-family:inherit;letter-spacing:0;font-size:clamp(.93rem,1.75vw,1.28rem)}.chart-top h2 span{font-weight:600;margin-left:4px}.ranges{display:flex;gap:3px;flex:none}.ranges button,.currencies button{border:1px solid #e9e2d6;background:#fbf7ef;border-radius:8px;font-size:.7rem;font-weight:700;padding:4px 7px;color:#201a0f}.ranges button[aria-pressed=true],.currencies button[aria-pressed=true]{background:linear-gradient(150deg,#c99b38,#997017);color:#fff;border-color:transparent}.quote{margin:3px 0;line-height:1}.quote strong{font-size:clamp(1.65rem,3.6vw,2.7rem);letter-spacing:-.045em}.quote span{font-weight:bold}.quote-detail{display:flex;align-items:baseline;gap:9px}.quote-detail span{font-weight:700;font-size:.94rem}.quote-detail small,.fine{color:#665e50;font-size:.72rem}.chart-svg{display:block;width:100%;height:auto;aspect-ratio:550/113;overflow:visible;margin-top:5px}.chart-svg text{fill:#262018;stroke:none;font:11px Arial}.chart-svg .grid{stroke:#b5a997;opacity:.32;stroke-width:1}.chart-svg .line{stroke:#98701e;stroke-width:2.3;vector-effect:non-scaling-stroke}.chart-svg .area{stroke:none;fill:url(#chart-fill)}
.converter h2{font-size:clamp(1.2rem,2.25vw,1.66rem);margin-bottom:9px}.currencies{display:grid;grid-template-columns:repeat(4,1fr);background:#e8e1d6;border-radius:8px;overflow:hidden;margin-bottom:11px}.currencies button{background:transparent;border-color:transparent;font-size:.79rem;padding:6px 3px}
.convert-row{display:flex;align-items:center;gap:clamp(5px,1vw,12px);font-size:.86rem}.input-unit{display:flex;align-items:center;flex:1;min-width:0;border:1px solid #c7bcab;border-radius:8px;background:#faf6ef;overflow:hidden}.input-unit:focus-within{outline:2px solid #bd8d25}.input-unit input{font-weight:700;min-width:0;width:100%;background:transparent;border:none;padding:8px;outline:none;appearance:textfield}.input-unit input::-webkit-inner-spin-button,.input-unit input::-webkit-outer-spin-button{appearance:none}.input-unit>span:not(.sr-only){background:#f1ebe1;border-left:1px solid #e5ddcf;padding:8px 6px;font-size:.75rem;white-space:nowrap}.weight{margin-top:14px}.weight .input-unit{border-color:#e6ded2}.converter .fine{margin-top:10px}
.feature-band{background:#eae3d8}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.why,.tracker{position:relative;overflow:hidden;isolation:isolate;min-height:151px;padding:9px 18px}.why::before,.tracker::before{position:absolute;inset:0 50% 0 0;content:'';background:url(assets/maple.webp) center/cover;mask-image:linear-gradient(to right,#000 55%,transparent);z-index:-1}.why .feature-text{margin-left:39%}.why h2{font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:.95}.why ul{list-style:none;padding:0;margin:8px 0 0;font-size:.82rem}.why li{display:flex;gap:8px;align-items:baseline;margin:4px 0}.why li::before{content:'✓';color:#98701f;font-weight:bold}.tracker{padding:17px 22px}.tracker::before{inset:0 0 0 70%;background:url(assets/tracker.webp) right bottom/cover;mask-image:linear-gradient(to left,#000 52%,transparent)}.tracker .feature-text{max-width:86%}.tracker h2{font-size:clamp(1.13rem,2vw,1.48rem);display:block}.tracker h2 svg{margin-right:8px;color:#35270d}.tracker h2 small{font:700 .83rem Arial;white-space:nowrap}.tracker p{font-size:.82rem;margin:9px 0 12px;line-height:1.35}.tracker .button{font-size:.82rem;min-height:35px}
.guides{padding:17px 6px 20px}.guides .panel-heading{margin:0 3px 12px}.guides h2{font-size:clamp(1.2rem,2.4vw,1.75rem)}.text-button{background:none;border:0;color:inherit;font-size:.82rem;font-weight:700;white-space:nowrap}.text-button span{color:#9b7324;margin-left:4px}
.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-card{color:inherit;position:relative;padding:0;text-align:left;border:1px solid #e0d8c9;border-radius:9px;background:#f8f3ea;overflow:hidden;box-shadow:0 2px 4px #382c1b18;display:flex;flex-direction:column}.guide-card:hover{border-color:#bc9451}.guide-card img{display:block;width:100%;aspect-ratio:2.55;object-fit:cover}.guide-tag{position:absolute;top:9px;left:12px;text-transform:uppercase;color:#1c1508;background:linear-gradient(#e9cb82,#c69a42);padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:800}.guide-copy{display:grid;gap:6px;padding:9px 14px 13px;flex:1}.guide-copy strong{font-size:.94rem;line-height:1.12}.guide-copy small{font-size:.76rem;line-height:1.24;padding-right:12px}.guide-arrow{position:absolute;right:8px;bottom:4px;font-weight:800}
.newsletter{color:#fff3d7;background:linear-gradient(100deg,transparent,#171716 23%),url(assets/ore.webp) left center/auto 100% no-repeat,#171716;border-block:1px solid #ffffff28}.newsletter-inner{padding:15px 10px 15px clamp(24px,16.5vw,218px);display:flex;align-items:center;justify-content:space-between;gap:18px}.newsletter-copy{border-left:1px solid #c89f47;padding-left:20px}.newsletter h2{font-size:clamp(1.15rem,2.4vw,1.8rem)}.newsletter p{font-size:.74rem;color:#f5eee0;margin-top:5px}.newsletter-preview{display:flex;align-items:stretch;gap:8px;font-size:.77rem;flex:0 0 auto}.newsletter-preview>span{padding:10px;min-width:clamp(120px,22vw,240px);background:#eee8dd;color:#514a3e;border-radius:7px}.newsletter-preview svg{margin-right:7px}
.footer-inner{padding-block:15px}.footer-inner .brand img{width:43px}.footer-inner .brand strong{font-size:1.16rem}.footer-inner .brand small{font-size:.55rem}.footer-inner nav,.back-top{font-size:.8rem}.back-top{margin-left:auto;white-space:nowrap;color:#e5c47b}
dialog{width:min(94vw,650px);max-height:85dvh;padding:22px;border:1px solid #d6c7ae;border-radius:14px;background:#fbf7ef;color:#1c1915;box-shadow:0 15px 70px #0007}dialog::backdrop{background:#100e0bcc}body:has(dialog[open]){overflow:hidden}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.dialog-header h2{font-size:clamp(1.4rem,4vw,2rem)}.close{font-size:1.6rem;line-height:1}dialog p{line-height:1.5;margin-bottom:12px}.portfolio-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.portfolio-fields input,#search-term{background:#fffdf7;border-color:#c5b9a7}.portfolio-summary{margin:15px 0;font-weight:700}.purchase-list{list-style:none;padding:0;margin:0}.purchase-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding:8px 0;font-size:.85rem}.purchase-list button,.search-result{border:1px solid var(--border);border-radius:6px;background:#f4ecdf;color:inherit;padding:6px 8px}.search-result{display:block;width:100%;text-align:left;margin-top:8px;padding:10px}.article-image{width:100%;aspect-ratio:3.3;object-fit:cover;border-radius:8px;margin:0 0 12px}
@media(max-width:860px){.header-inner{padding-inline:5px;gap:12px}.main-nav{gap:14px}.main-nav a,.main-nav button{font-size:.8rem}.shortcuts>a,.shortcuts>button{padding-inline:10px}.shortcuts svg{font-size:1.45rem}.chart-top{flex-wrap:wrap;gap:5px}.newsletter-inner{padding-left:14vw}.footer-inner nav{gap:13px}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.site-header{position:relative;z-index:1}.main-nav{display:none}.main-nav.open{display:grid;position:absolute;top:100%;left:0;right:0;background:#171717;margin:0;padding:12px 20px;border-bottom:1px solid #a47b31;gap:5px}.main-nav .active::after{display:none}.main-nav a,.main-nav button{padding:9px 0;text-align:left;font-size:.91rem}.menu{display:grid}.brand img{width:42px}.hero-content{padding-inline:4px}.hero-photo{inset:0 0 0 24%;opacity:.56;mask-image:linear-gradient(to right,transparent,#000 69%)}.hero-description{max-width:310px}.hero h1{font-size:clamp(2.55rem,8.5vw,4.25rem)}.hero-actions .button{padding:.6em .78em;font-size:.86rem}.hero-actions svg{font-size:.98rem}.shortcuts{grid-template-columns:repeat(2,1fr);gap:14px 0;padding:17px 0}.shortcuts>:nth-child(2){border:0}.shortcuts small{font-size:.71rem}.badge{display:none}.calc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-fields button{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics>div{min-height:66px}.market-grid,.feature-grid{grid-template-columns:1fr}.chart-top{flex-wrap:nowrap}.chart-svg{aspect-ratio:550/150}.feature-grid{gap:8px;padding-block:7px}.why,.tracker{min-height:138px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guides{padding-inline:0}.guide-copy{padding-inline:9px}.guide-copy strong{font-size:.87rem}.newsletter{background:linear-gradient(90deg,#161615bb,#171716 55%),url(assets/ore.webp) left top/auto 100% no-repeat,#171716}.newsletter-inner{display:grid;padding:13px 6px;gap:12px}.newsletter-copy{padding-left:10px}.newsletter-preview>span{flex:1}.footer-inner{padding-inline:2px;flex-wrap:wrap;gap:14px}.footer-inner nav{order:3;margin:0;width:100%;flex-wrap:wrap}.footer-inner .brand strong{font-size:1rem}}
@media(max-width:380px){.chart-top{flex-wrap:wrap}.guides .panel-heading{align-items:flex-start}.text-button{font-size:.7rem}.why .feature-text{margin-left:32%}.portfolio-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:1050px){.hero-photo{background-position:right bottom}}
@media(max-width:700px){.chart-svg text{font-size:14px}}

/* ===== Launch prep additions (Pinky, Nov 9, 2026) ===== */
.site-header{position:sticky;top:0;z-index:60}
section[id]{scroll-margin-top:86px}
.spot-panel{margin-bottom:18px}
.spot-panel .panel-heading{margin-left:20px;margin-right:20px}
.spot-main{padding-left:20px;padding-right:20px}
.spot-tiles{margin-left:20px;margin-right:20px;margin-bottom:18px}
.spot-tiles > div{min-width:0}
.spot-tiles strong{overflow-wrap:anywhere}
.spot-main{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:6px}
.spot-main .spot-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.spot-main strong{font-family:Georgia,'Times New Roman',serif;font-size:2.1rem;line-height:1}
.spot-change{font-weight:700;font-size:.95rem}
.spot-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
.spot-tiles span{display:block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;opacity:.7}
.spot-tiles strong{font-size:.95rem}
.earnings{margin-top:18px;border-top:1px solid #ffffff22;padding-top:14px}
.earnings h3{margin:0 0 8px;font-size:.95rem;letter-spacing:.04em}
.earnings-wrap{position:relative;height:230px}
.analysis{margin-top:26px}
.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.analysis-card{border:1px solid var(--border);border-radius:9px;background:var(--cream);padding:18px;box-shadow:var(--shadow)}
.analysis-card h3{margin:0 0 8px;color:var(--gold);font-size:1.02rem}
.analysis-card p{margin:0;line-height:1.55}
.news{margin-top:26px}
.news-list{list-style:none;margin:6px 0 0;padding:0}
.news-item{display:block;padding:11px 2px;border-top:1px solid var(--border);text-decoration:none;color:inherit}
.news-item:first-child{border-top:0}
.news-headline{display:block;font-weight:700;line-height:1.35}
.news-item:hover .news-headline{color:var(--gold)}
.news-meta{font-size:.78rem;opacity:.7}
.faq{margin-top:26px;margin-bottom:8px}
.faq-list details{border-top:1px solid var(--border)}
.faq-list details:first-child{border-top:0}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";color:var(--gold);font-size:1.3rem;font-weight:700;line-height:1}
.faq-list details[open ] summary::after{content:"−"}
.faq-list summary h3{margin:0;font-size:1rem}
.faq-list details p{margin:0 0 14px;line-height:1.55;max-width:70ch}

.footer-credits{display:flex;gap:6px 22px;flex-wrap:wrap;justify-content:center;text-align:center;padding:2px 16px 16px;font-size:.82rem;color:#b8b0a0}
.footer-credits a{color:#d9a84e;text-decoration:none}
.footer-credits a:hover{text-decoration:underline}
