:root{--navy:#123764;--deep:#102844;--gold:#b78423;--ink:#1e293b;--muted:#788293;--line:#e6e4df;--paper:#faf9f6;--stone:#246b9d;--bg:#f7f6f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#fefefe,#f7f4ee 55%,#faf8f5);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#192333}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #3b82f6;outline-offset:3px}a{color:inherit;text-decoration:none}.page{max-width:1440px;padding:0 28px;margin:auto}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e4e0}.wordmark{font-weight:780;font-size:18px;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.wordmark em{font-style:normal;color:#a9771b}.wordmark strong{font-weight:800}.mark{width:37px;height:37px;display:grid;place-items:center;background:linear-gradient(130deg,#08457d,#dda636);color:white;border-radius:10px;font-size:28px;position:relative}.mark span{position:absolute;color:#fff;font-size:13px;bottom:8px;right:5px}.topright{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--navy);font-weight:650}.pill{background:#eaf6ef;border-radius:100px;padding:7px 12px;color:#227044}.site-link{font-size:13px;font-weight:750;border:1px solid #bac6d1;color:var(--navy);padding:10px 15px;border-radius:10px}.hero{text-align:center;max-width:940px;margin:45px auto 32px}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:2px;font-weight:850}.dot,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1ca66a;margin-right:6px}.hero h1{font-weight:840;letter-spacing:-1.8px;font-size:clamp(29px,4.2vw,52px);margin:14px 0 12px;color:#142b47}.hero h1 span{color:#a97825}.hero>p{max-width:675px;margin:0 auto;color:#6b7380;font-size:15px;line-height:1.65}.hero-pills{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.hero-pills span{padding:7px 12px;background:white;border:1px solid #e8e6e0;border-radius:30px;color:#596d7f;font-size:11px;font-weight:650}.workspace{display:grid;grid-template-columns:minmax(230px,1fr) minmax(350px,470px) minmax(215px,.86fr);align-items:start;gap:20px}.scenarios,.simulator,.details{background:#fff;border:1px solid #e9e7e4;border-radius:22px;box-shadow:0 18px 36px rgba(37,42,51,.045)}.scenarios{padding:23px 17px}.scenarios .eyebrow{margin:0 6px 4px}.scenarios h2{font-size:20px;margin:0 6px 8px;letter-spacing:-.55px}.aside-desc{color:#667381;font-size:12px;line-height:1.6;margin:0 6px 22px}.scenario{width:100%;background:white;color:#263449;border:1px solid #e7e6e3;border-radius:13px;padding:12px 10px;display:flex;text-align:left;align-items:center;gap:11px;margin-bottom:9px;transition:background .15s,border-color .15s}.scenario:hover{background:#f5f9ff}.scenario.selected{border-color:#c5a05e;background:#fff8ea}.scenario-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:10px;font-size:23px;background:#f3f5f7}.stone-icon{color:#2a689b;background:#e8f2fa}.coin-icon{color:#b5832e;background:#fff1d6}.scenario strong,.scenario small{display:block}.scenario strong{font-size:12px}.scenario small{font-size:10px;color:#78838f;margin-top:5px;line-height:1.3}.chevron{margin-left:auto;color:#8892a2;font-size:24px}.aside-note{background:#f7f7f4;border:1px solid #eeede9;border-radius:14px;margin-top:27px;padding:13px;color:#405066;font-size:11px;line-height:1.6}.aside-note p{color:#84909b;margin:8px 0 0}.reset-link{border:0;background:transparent;color:#2f5c8e;font-size:12px;font-weight:700;margin:15px 0 0}.simulator{padding:13px 15px 17px;background:linear-gradient(160deg,#fff,#fcfbf9)}.sim-head{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 13px;color:#77808c;font-weight:720;font-size:10px}.sample-tag{color:#876019;background:#fff2d4;padding:7px 10px;border-radius:7px;font-size:9px;letter-spacing:.6px}.phone-frame{display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 40%,#fff,#f0eeeb 90%);border-radius:20px;padding:14px}.phone{width: min(100%,365px);height:670px;border:7px solid #151a21;box-shadow:0 12px 32px #1f27324a;border-radius:39px;background:#f7f5f1;display:flex;flex-direction:column;overflow:hidden;position:relative}.phone-status{height:30px;background:#fbfaf8;flex:none;display:flex;align-items:center;justify-content:space-between;padding:5px 19px;font-size:11px;font-weight:850;color:#111}.island{width:84px;height:18px;background:#171a20;border-radius:20px;margin-top:-9px}.app-content{flex:1;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.app-content::-webkit-scrollbar{width:5px}.app-content::-webkit-scrollbar-thumb{background:#dad6cc;border-radius:5px}.bottom-nav{height:59px;background:#fff;border-top:1px solid #e7e4e0;display:flex;justify-content:space-around;align-items:center;flex:none;padding-bottom:4px}.bottom-nav button{display:flex;gap:3px;flex-direction:column;align-items:center;width:24%;border:0;background:none;color:#a1a3aa;font-weight:650;font-size:10px}.bottom-nav button.active{color:var(--navy)}.nav-icon{font-size:22px;line-height:21px}.sim-foot{text-align:center;margin:13px 0 0;font-size:10px;color:#9a9da4}.details{padding:25px 20px;margin-top:28px}.detail-stone{font-size:37px;color:#2970a2}.details h2{font-size:22px;line-height:1.2;letter-spacing:-.5px}.details>p{font-size:12px;line-height:1.8;color:#7b8794;margin-bottom:26px}.detail-line{border-top:1px solid #edece9;display:flex;gap:10px;padding:15px 0;align-items:center}.small-symbol{font-size:26px}.small-symbol.blue{color:#2a6d9d}.small-symbol.gold{color:#b3883d}.detail-line strong,.detail-line small{display:block}.detail-line strong{font-size:12px}.detail-line small{color:#8b949e;font-size:10px;margin-top:4px}.detail-notice{border-radius:14px;background:#fff7e8;color:#806b49;padding:14px;font-size:11px;line-height:1.6}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0}.features>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:2px 8px;padding:17px 13px;background:white;border:1px solid #eeece8;border-radius:13px}.features span{grid-row:span 2;color:#b88729;font-size:24px}.features strong{font-size:12px}.features small{font-size:10px;color:#899099}footer{text-align:center;padding:16px 0 32px;color:#9a9aa0;font-size:10px}
/* App layout */
.screen{padding:13px 15px 18px}.screen-head{display:flex;align-items:center;gap:10px;margin:1px 0 18px;min-height:30px}.screen-head h2{font-size:15px;font-weight:800;margin:0;line-height:1.25;letter-spacing:-.25px}.back-btn{border:0;background:white;border-radius:30px;box-shadow:0 2px 12px #172c4012;padding:7px 10px;color:#20364a;font-size:12px;font-weight:750;white-space:nowrap}.center-title{text-align:center;font-weight:800;font-size:19px;margin:22px 0 4px}.welcome-logo{width:57px;height:57px;background:linear-gradient(150deg,#123e77,#d49a2c);border-radius:16px;display:grid;place-items:center;color:white;margin:30px auto 10px;font-size:34px}.welcome-desc{text-align:center;font-size:11px;color:#78808a;margin:8px auto 26px;max-width:270px;line-height:1.5}.tiny-label{color:#92979b;font-size:10px;font-weight:850;letter-spacing:1.2px;margin:0 0 8px}.scanner-card{display:block;width:100%;border:0;border-radius:18px;padding:17px 15px;text-align:left;color:white;margin-bottom:11px;box-shadow:0 7px 13px #112f4210}.scanner-card.stone{background:linear-gradient(135deg,#15568a,#3b8bbd)}.scanner-card.coin{background:linear-gradient(135deg,#8f601c,#cb9738)}.scanner-card .big-icon{display:inline-grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff77;border-radius:12px;font-size:29px;margin-right:11px;vertical-align:middle}.scanner-card strong{font-size:17px}.scanner-card span.desc{display:block;font-size:11px;color:#e8f1f7;margin:12px 0 0;line-height:1.5}.scanner-card .tags{display:flex;gap:5px;margin-top:9px}.scanner-card .tags em{font-style:normal;font-size:9px;border:1px solid #fff7;border-radius:20px;padding:4px 8px}.quick-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:21px 0}.quick-nav button{background:white;border:1px solid #e7e4df;border-radius:12px;padding:10px 4px;font-size:10px;font-weight:750;color:#415670}.quick-nav button span{display:block;font-size:20px;color:#c18c28}.disclaimer{text-align:center;color:#989a9e;font-size:9px;line-height:1.5;margin:16px 4px}.screen-intro{font-size:11px;color:#667484;line-height:1.55;margin:-10px 0 15px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.photo-btn{border:1px solid #e1ded7;background:white;border-radius:13px;padding:5px;min-width:0}.photo-btn img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.photo-btn.coin-pic img{border-radius:50%}.photo-btn .empty-pic{aspect-ratio:1;display:grid;place-items:center;border:2px dashed #d8d7d3;border-radius:10px;background:#fbfaf9;font-size:28px;color:#9aa8b1}.photo-btn .pic-name{display:block;color:#5f6774;font-size:10px;margin:7px 0 2px}.photo-btn .pic-status{display:block;font-size:9px;color:#a77722;margin-bottom:5px}.guidebox{background:white;padding:14px 12px;border-radius:14px;border:1px solid #f0eeeb;margin:13px 0}.guidebox h3{font-size:14px;margin:0 0 12px}.guide-row{display:flex;gap:9px;padding:9px 0;border-top:1px solid #efefed}.guide-row:first-of-type{border-top:0}.guide-icon{font-size:22px;color:#d29a35}.guide-row strong,.guide-row small{display:block}.guide-row strong{font-size:10px}.guide-row small{font-size:10px;color:#8b929d;line-height:1.6}.primary{display:block;width:100%;border:0;background:#173f72;color:white;font-size:12px;font-weight:800;border-radius:11px;padding:13px;margin:15px 0 8px}.primary.coin-btn{background:linear-gradient(130deg,#7b551c,#ba8a30)}.primary:disabled{opacity:.44;cursor:not-allowed}.secondary{display:block;width:100%;border:1px solid #315778;border-radius:10px;background:white;color:#244866;font-weight:760;font-size:12px;padding:12px;margin:10px 0 0}.muted-action{border:none;background:transparent;color:#42648b;font-weight:750;font-size:11px;padding:9px}.question{margin:16px 0 18px}.question h3{font-size:13px;margin:0 0 9px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{border:1px solid #dcd9d2;background:white;color:#63676a;border-radius:30px;font-size:11px;font-weight:650;padding:8px 11px}.chips button.selected{color:white;background:#193f68;border-color:#193f68}.inline-note{font-size:10px;color:#8f959c;line-height:1.55}.result-card{border-radius:15px;background:white;border:1px solid #eeece8;padding:15px 13px;margin-bottom:10px;box-shadow:0 3px 7px #242d3510}.result-label{font-size:9px;font-weight:850;color:#979b9d;letter-spacing:1px;margin:0 0 7px}.result-name{font-size:19px;line-height:1.2;font-weight:850;letter-spacing:-.5px;margin:0 0 11px}.badges{display:flex;flex-wrap:wrap;gap:5px}.badge{border-radius:25px;padding:6px 10px;font-size:10px;font-weight:760;background:#eff4fa;color:#2b587d;border:1px solid #cbd9e5}.badge.warn{background:#fff4e5;color:#ae7223;border-color:#f0ddbb}.badge.red{background:#fff1ef;color:#bf4747;border-color:#f3c8c6}.badge.green{background:#edf6ef;color:#276b3b;border-color:#cce0d2}.result-sub{font-size:10px;color:#96989d;margin-top:10px}.info-alert{background:#f0f3f7;border:1px solid #dfe5ed;border-radius:11px;font-size:11px;line-height:1.5;color:#6480a0;padding:13px;margin-bottom:10px}.score-head{display:flex;align-items:baseline;gap:4px}.score-num{font-size:45px;line-height:1;font-weight:900;color:#adb0b6}.score-denom{color:#9299a3;font-size:17px}.score-scale{height:8px;display:flex;border-radius:20px;overflow:hidden;margin:13px 0 7px;background:#ddd}.score-scale span:nth-child(1){background:#98a7be;width:40%}.score-scale span:nth-child(2){background:#ffe1a4;width:20%}.score-scale span:nth-child(3){background:#bce3c6;width:20%}.score-scale span:nth-child(4){background:#86c9a7;width:20%}.score-marker{position:relative;height:13px;font-size:9px;color:#a5a9b0;display:flex;justify-content:space-between}.score-outlook{font-size:11px;color:#697585;margin-top:9px}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.signal-cell{background:#f7f6f3;border:1px solid #e8e5de;border-radius:9px;padding:9px}.signal-cell b,.signal-cell span{display:block}.signal-cell b{font-size:9px;color:#8e9299;margin-bottom:6px}.signal-cell span{font-size:12px;font-weight:800}.nextbox{margin-top:10px;border:1px solid #becbd4;background:#f2f6f8;border-radius:9px;padding:12px}.nextbox strong{display:block;font-size:15px;margin:7px 0;color:#375c7c}.nextbox p{font-size:10px;line-height:1.5;color:#707d89;margin:0}.coin-title{text-align:center;font-size:20px;font-weight:900;line-height:1.25}.coin-meta{text-align:center;color:#818792;font-size:11px;margin:5px 0}.significance{text-align:center;padding:16px;border-radius:14px;background:#fff;color:#87601c;border:1px solid #eae5dc;margin:12px 0}.significance .large{font-size:30px;font-weight:900;letter-spacing:-1px;margin:5px 0}.significance p{font-size:11px;line-height:1.5;color:#687381}.evidence-section{padding:13px 12px;background:#fff;border:1px solid #eae4d8;border-top:3px solid #c4923f;border-radius:12px;margin-bottom:10px}.evidence-section h3{margin:0 0 10px;color:#717b88;letter-spacing:.5px;font-size:11px}.evidence-section p,.evidence-section li{font-size:11px;line-height:1.65;color:#4c5663}.evidence-section ul{padding-left:18px;margin:4px 0}.evidence-row{display:flex;align-items:center;gap:5px;justify-content:space-between;border-bottom:1px solid #eeeef0;padding:7px 0;font-size:11px}.evidence-row span:first-child{color:#77828d}.evidence-row strong{font-size:11px;text-align:right}.reading-tag{font-size:8px!important;font-weight:800;border:1px solid #91c3a4;border-radius:20px;color:#29764c;padding:2px 5px;white-space:nowrap}.reading-tag.uncertain{border-color:#e2c48e;color:#b17b29}.find-item{display:flex;align-items:center;text-align:left;gap:10px;padding:11px;background:white;border:1px solid #e9e7e2;border-radius:13px;width:100%;margin-bottom:10px}.find-item img{width:60px;height:60px;object-fit:cover;border-radius:11px}.find-item span{flex:1}.find-item strong,.find-item small{display:block}.find-item strong{font-size:12px}.find-item small{font-size:10px;color:#9099a2;margin-top:4px}.empty-state{text-align:center;background:#fff;border:1px solid #e7e4df;border-radius:15px;padding:33px 19px;font-size:12px;color:#7d8791}.empty-state strong{display:block;font-size:16px;color:#1b3651;margin:9px 0}.settings-block{background:#fff;border-radius:13px;padding:16px;margin-bottom:13px;font-size:11px;color:#687381;line-height:1.65}.settings-block strong{display:block;color:#2b405b;font-size:13px;margin-bottom:7px}.toast{position:sticky;bottom:5px;background:#234e69;color:white;border-radius:9px;padding:10px;font-size:11px;box-shadow:0 4px 10px #2223;text-align:center;margin:8px 0}
@media(max-width:1080px){.workspace{grid-template-columns:minmax(205px,1fr) minmax(320px,420px)}.details{display:none}}@media(max-width:720px){.page{padding:0 12px}.topbar{height:62px}.wordmark{font-size:15px}.topright .pill{display:none}.hero{margin:26px 0 25px}.hero h1{letter-spacing:-.8px}.hero>p{font-size:12px}.hero-pills{gap:5px}.hero-pills span{font-size:10px;padding:7px}.workspace{display:flex;flex-direction:column;gap:14px}.scenarios{width:100%;padding:14px}.scenarios .aside-desc,.aside-note{display:none}.scenarios h2{font-size:16px;margin-bottom:12px}.scenario{display:inline-flex;width:calc(50% - 5px);min-height:66px;margin:0 3px 7px 0;vertical-align:top}.scenario small{font-size:9px}.scenario-icon{width:30px;height:30px;font-size:18px}.scenario strong{font-size:11px}.scenario .chevron{display:none}.reset-link{display:block;margin:5px 0 0}.simulator{width:100%;padding:10px}.phone-frame{padding:10px}.phone{max-width:365px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.features>div{padding:10px}.features strong{font-size:11px}}
@media(max-width:410px){.site-link{font-size:11px;padding:8px 10px}}@media(max-width:380px){.wordmark{font-size:13px}.scenarios{padding:9px}.scenario{padding:8px 6px}.phone{height:650px;border-radius:30px}.phone-frame{padding:5px}.sample-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scenario{transition:none}}

.evidence-section img{max-width:100%;width:150px;height:150px;object-fit:cover;border-radius:13px;margin:4px 0}
@media(max-width:720px){.scenario{display:flex;width:100%;min-height:58px;margin:0 0 7px}.scenario .chevron{display:block}.scenarios .eyebrow{margin-bottom:3px}}
