/* Pearl / platinum identity. Shared by both languages. */
:root{color-scheme:light;color:#263341;background:#edf1f4;--muted:#65717f;--line:#aab8c82e;--gold:#937643;--green:#497c92}
body{background:radial-gradient(ellipse at 12% 15%,#fff 0,transparent 45%),radial-gradient(ellipse at 95% 30%,#d3e5ed75,transparent 48%),linear-gradient(145deg,#f3f2ef,#eaf0f4 60%,#e0e8ee);color:#263341}
body:before{background-image:radial-gradient(#6d8fa32e .7px,transparent .9px);background-size:18px 18px;mask-image:linear-gradient(#000,transparent);opacity:.32}
header{max-width:1320px;padding:22px 40px;border-color:#73869a26}.brand{color:#243441;font-weight:600;font-size:24px;letter-spacing:-1px}.brand img{filter:none;width:34px;height:34px}.privacy{color:#677482;font-size:10px}.privacy:before{background:#ae8c55;box-shadow:none}.language-switch select{background:#ffffffa8;color:#374958;border:1px solid #a6b7c84d;box-shadow:inset 0 1px 0 #fff;border-radius:30px;font-weight:500}
main{max-width:1320px;padding:20px 40px 16px}.intro{margin:15px 0 25px;text-align:left;padding:0 4px;position:relative}.intro .eyebrow{color:#8b7044;letter-spacing:2.4px;font-size:9px}.intro .eyebrow:before{display:none}.intro .eyebrow:after{width:48px;background:linear-gradient(90deg,#a98951,transparent)}h1{background:none;-webkit-text-fill-color:initial;color:#223442;font:400 clamp(35px,4vw,53px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:15px 0 13px;max-width:950px}.intro p{color:#425768;font-size:16px;line-height:1.65;margin:0}.hero-detail{color:#6c7a87;font-size:12px}.install-button{position:absolute;right:0;bottom:5px;margin:0;border:1px solid #9b835848;border-radius:30px;background:#ffffff80;color:#7c6236;padding:12px 18px;font-size:11px;box-shadow:inset 0 1px 0 #fff}.install-button:hover{background:#fff;color:#534326}
.layout{grid-template-columns:1.18fr 1fr;gap:20px;align-items:start}.panel{color:#263746;background:linear-gradient(130deg,#ffffffdf,#f4f7fac9);border:1px solid #ffffffd9;outline:1px solid #b4c1ce24;border-radius:23px;padding:25px 28px;box-shadow:inset 0 1px 0 #fff,0 14px 50px #3048600b,0 1px 3px #4e687d0a;backdrop-filter:blur(18px)}.panel:before{background:linear-gradient(90deg,transparent,#fff,transparent);height:1px;top:0}.test{padding:23px 28px;background:radial-gradient(ellipse at 50% 35%,#dbeaf299,transparent 58%),linear-gradient(135deg,#fff,#eef3f6);overflow:hidden}.test:after{background:radial-gradient(#7494a93d .65px,transparent .8px);background-size:14px 14px;opacity:.45;inset:65px 20px auto;height:280px}.section-top>.muted{color:#697e8d}.badge{background:#edf2f4;border:1px solid #c4d2dd6b;color:#465f70;border-radius:20px;font-size:10px;padding:7px 11px;max-width:65%}.instrument{padding:18px 0 3px}.instrument-label{color:#698191;font-size:8px;letter-spacing:2.8px}
.dial{width:240px;height:240px;margin:23px auto 20px;padding:4px;background:conic-gradient(from 210deg,#4e8ba2 0deg,#64b5cb var(--arc,0deg),#c5d2dc var(--arc,0deg),#c5d2dc 300deg,transparent 300deg);filter:drop-shadow(0 8px 15px #4a73851b);box-shadow:none}.dial:before{inset:-13px;border:0;background:repeating-conic-gradient(from 210deg,#6e8a9c8a 0deg .5deg,transparent .5deg 5deg);mask-image:radial-gradient(transparent 66%,#000 67%,#000 70%,transparent 71%)}.dial:after{inset:12px;border:1px solid #fff;box-shadow:0 0 0 1px #a4bac93a}.dial-inner{border:7px solid #e1e9ef;background:radial-gradient(circle at 34% 24%,#fff,#f9fbfc 35%,#e0e9ef 82%,#c9d7e1);box-shadow:inset 0 2px 5px #fff,inset 0 -10px 30px #657e8c0a,0 1px 3px #73899b2b}.dial-inner strong{color:#294455;text-shadow:0 2px 0 #fff;font-weight:400;font-size:68px;letter-spacing:-3px}.dial-inner span{color:#637c8d;font-size:8px;letter-spacing:1.7px}.dial-inner span:last-child{color:#8a7149;font-size:10px}
.primary{background:linear-gradient(115deg,#e7d4b0,#d6bc88);border:1px solid #bea16b;color:#3b3022;border-radius:12px;box-shadow:inset 0 1px 0 #fff9,0 7px 18px #b69d6330;min-height:49px;font-size:14px;letter-spacing:.1px}.primary:hover{background:linear-gradient(115deg,#f1e2c5,#dfc799);box-shadow:inset 0 1px 0 #fff,0 8px 25px #b69d6340}.test>.primary{width:100%;max-width:330px;margin-top:5px}.secondary{background:#f4f7fa;border:1px solid #bdcbd7;color:#3e586b;border-radius:9px;min-height:42px}.secondary:hover{background:#e5edf2}.text-button{color:#4f7186}.text-button:hover{background:#e6eef3;color:#294c63}.test-note{color:#71808b;font-size:10px;margin:16px 0 10px;line-height:1.6}.controls{max-width:330px}.controls label,.network label{color:#4c6374;font-size:11px}.controls select,.network select,.network input,.guided select,select,input{background:#ffffffbd;color:#344d60;border:1px solid #b4c4d35c;box-shadow:inset 0 1px 3px #4b647707;border-radius:9px}#status{color:#697e8c;font-size:11px;margin-top:12px;min-height:32px}
.metrics{border-top:1px solid #b7c7d44f;padding:21px 0 17px;gap:12px}.metrics>div:not(:first-child){border-color:#b7c7d44f}.metrics span{color:#476174;font-size:10px}.metrics strong{color:#2c4d61;font-size:34px;font-weight:400;margin:8px 0}.metrics small{color:#768795;font-size:10px;line-height:1.5}summary{border-color:#b7c7d44f;color:#557287;font-size:12px;padding:13px 0}.detail-grid{color:#456074}.detail-grid b{color:#24495f}.detail-grid small,.muted,small{color:#6a7d8c}.eyebrow{color:#967847;font-size:9px;letter-spacing:2px}h2{color:#2a4254;font-size:24px;font-weight:400;letter-spacing:-.8px;margin:12px 0 17px}h3{color:#3a5669}p{color:#607688}.network h2{font-size:25px;max-width:none}.network dl{margin-top:14px}.network dl>div{padding:11px 0;border-color:#b7c7d443}.network dt{color:#728595;font-size:11px}.network dd{color:#3a5669;font-size:11px}.network .muted{color:#7a8995;font-size:10px}.plan{border-color:#b7c7d447;padding-top:16px;margin-top:14px}.plan small,#comparison{font-size:10px;color:#708391}.input-unit span{color:#7b8b96}.insight{background:linear-gradient(125deg,#eef6f9,#f7fbfc);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 12px 35px #52798c0a}.insight .eyebrow{color:#8a714b}.insight p{color:#5b7688}.task-card{background:#ffffffb3;border:1px solid #b6ccd748;border-radius:12px}.task-card h3{color:#365970}.task-card b{color:#387760}.task-card.limited b{color:#98702b}.task-card p{color:#6a8090}.next-step{border-color:#b6ccd748}.next-step h3{color:#34586e}#result-confidence{color:#738997!important}.diagnosis,.history{margin-top:22px;background:linear-gradient(130deg,#ffffffd4,#f1f5f8d9)}.guided{border-color:#b7c7d44f}.guided select{background:#fff;color:#344d60;border-color:#b4c4d35c}.recheck-confirm{color:#536d80}.recheck-confirm input{accent-color:#5d879b}.recheck-table th,.recheck-table td{border-color:#b7c7d44f;color:#4c697d}#guided-result h3{color:#2c627a}#diagnostic article{border-color:#b7c7d44f}th,td{border-color:#b7c7d443}th{color:#78909f}td{color:#4a6579}footer{padding:26px 4px}footer>span{color:#456074;font-size:15px}footer p{color:#7b8c98;font-size:10px}dialog{background:#f7fafc;color:#2b4355;border:1px solid #fff;box-shadow:0 20px 100px #38556c36}dialog h2,dialog h3{color:#2e4b60}dialog p{color:#60798a}dialog::backdrop{background:#364e6459;backdrop-filter:blur(10px)}::selection{background:#a9cedd80;color:#1e3a4d}
@media(max-width:780px){header{padding:17px 19px}.brand{font-size:21px}.brand img{width:29px;height:29px}.language-switch select{width:101px;min-height:39px;padding:8px 10px}.privacy{display:none}main{padding:15px 14px 20px}.intro{padding:0 6px;margin:8px 0 20px;text-align:center}.intro .eyebrow{font-size:7px;letter-spacing:1.4px}.intro .eyebrow:after{display:none}h1{font-size:36px;letter-spacing:-1.8px;max-width:350px;margin:13px auto 12px;line-height:1.1}.intro p{font-size:14px;max-width:330px}.hero-detail{font-size:11px}.install-button{position:static;display:inline-flex;align-items:center;padding:8px 15px;font-size:11px;min-height:38px;margin-top:13px}.layout{grid-template-columns:1fr;gap:18px}.panel,.test{padding:20px 19px;border-radius:20px}.instrument{padding:15px 0 2px}.dial{width:212px;height:212px;margin:22px auto 16px}.dial-inner strong{font-size:61px}.dial-inner span{font-size:7px}.primary{min-height:48px;font-size:14px}.test-note{font-size:10px;margin:14px 0 10px}.controls label{font-size:11px}#status{font-size:11px}.metrics strong{font-size:30px}.metrics span{font-size:10px;min-height:2.4em}.metrics small{font-size:10px}.network .muted,.plan small,#comparison{font-size:12px}.network dt,.network dd{font-size:12px}.insight p,.task-card p,.guided p,#diagnostic p{font-size:13px}.task-card b{font-size:12px}.mobile-nav{background:#f5f8faed;border-color:#b4c5d54d;box-shadow:0 -7px 30px #425c6b0c}.mobile-nav a{background:#ffffffa6;border:1px solid #c1d0db80;color:#506e83;min-height:44px}.mobile-nav a:first-child{background:linear-gradient(115deg,#e7d4b0,#d6bc88);color:#493b27;border-color:#bea16b}.mobile-nav a:hover{border-color:#9bb1bf}.mobile-nav span{color:inherit}footer p{font-size:11px}dialog p{font-size:14px}.guided button{font-size:12px}.recheck-confirm{font-size:13px}}
@media(max-width:360px){h1{font-size:32px}.brand{font-size:19px;gap:7px}.language-switch select{width:94px}.panel,.test{padding:18px 15px}.dial{width:200px;height:200px}}
#live-unit{color:#7b6848;font-size:10px;letter-spacing:2px}#phase{color:#536f83;font-size:9px}.section-top>.muted,.test-note,#status{color:#5d7384}.network .muted,.plan small,#comparison{color:#607889}.metrics small{color:#607889}
.dial-inner #live-unit{color:#7b6848}.dial-inner #phase{color:#536f83}