/* Zarafshan / White & Gold edition */
:root{--bg:#faf8f3;--panel:#fff;--panel2:#f4efe4;--text:#2f2a21;--muted:#756b5c;--gold:#bc913f;--gold2:#e9cb83;--line:#e6dcc8;--danger:#a4452c}
body{background:radial-gradient(ellipse at 90% 0,#f1e2be88,transparent 40%),#faf8f3;color:#2f2a21}
.topbar{background:#fffcf5ed!important;border-bottom:1px solid #d7bc7a55;box-shadow:0 7px 30px #917a4010}
.topbar .navbtn{color:#625339;background:#fff9;border-color:#e2d5b9}.topbar .navbtn.active,.topbar .navbtn:hover{color:#3f2b0e;background:linear-gradient(130deg,#f9edcd,#e4c578);box-shadow:0 3px 0 #bfa366}
.brand-name{color:#8f6825!important}.brand-symbol{background:transparent}.brand-logo .brand-symbol img{mix-blend-mode:multiply;filter:none;background:transparent;transform:scale(1.23) translateY(-5px)}.build-badge{color:#836329!important;background:#efe2be!important;border-color:#d9c491!important}
.campaign{background:#faf8f3;color:#2f2a21}.campaign-hero.refined-hero{background:radial-gradient(ellipse at 10% 20%,#eee0bb70,transparent 60%),#faf8f3}.campaign h1,.campaign h2,.campaign h3,.section-head h2,.panel h3,.info-hero h2{color:#30291f;text-shadow:0 1px 0 #fff}.campaign h1 em,.campaign h2 em,.campaign-kicker,.campaign .story-index,.section-head small{color:#9b711f!important}.campaign p,.campaign-hero-copy p,.refined-hero .campaign-hero-copy p,.section-head p{color:#756b5c!important}.campaign-kicker{letter-spacing:.06em}.refined-art{border:1px solid #c49d52;border-radius:28px;box-shadow:0 25px 65px #a3833930;max-height:500px}.refined-trust{background:#fff;border-color:#e4d5b7;color:#776b56}.refined-trust strong{color:#916822}.primary,.campaign .primary,.refined-hero .primary,.support-toggle{background:linear-gradient(135deg,#f5e4b5 0,#d8b461 47%,#b68a35 100%);color:#39280d;border:1px solid #bd974c;box-shadow:0 4px 0 #957137,0 9px 20px #b8953c20;text-shadow:0 1px 0 #ffe8a766}.primary:hover,.support-toggle:hover{filter:brightness(1.05);transform:translateY(-1px)}.ghost,.outline,.navbtn.outline{background:#fff;color:#856121;border-color:#d9c393;box-shadow:0 3px 0 #e5d8bc}.text-link{color:#8d661e!important}
.glass-card,.panel,.stat,.feature-card,.seo-card,.gallery-card{background:#fff;border-color:#e5d8bc;box-shadow:0 12px 35px #8269330a}.stat b,.metric b{color:#96691f}.stat span,.metric span,.demo-note,.muted-line{color:#776d5e!important}label{color:#5a503f}input,select,textarea,.register-box input,.login-box input{background:#fffdf8!important;border-color:#daceb5!important;color:#30291f!important;box-shadow:inset 0 2px 4px #8d743508}input:focus,select:focus,textarea:focus{outline:2px solid #d4b46a55;outline-offset:1px}.pill{background:#f8efdb;color:#705321;border-color:#e4d3aa}th{color:#806e4e}td,th{border-color:#eadfc9}.msg{background:#fff8e8;color:#634d23;border-color:#e4d0a0}.warning{background:#fff2e6;color:#954329;border-color:#ecc8ab}.seo-check.ok{color:#347048}.seo-check.bad{color:#a5671f}.seo-status{color:#87611c}.seo-topic{background:#fcf8ed}.seo-topic small,.seo-automation>small{color:#7e6c4e}
.rates-preview,.rates-title,.rates-list>div{background:#fff!important;border-color:#e5d7b7!important;color:#493c28}.rates-title small,.rates-list span{color:#8c7754!important}.rates-list b{color:#51422b}.campaign-marquee{background:#f2e8d3!important;border-color:#decb9f!important;color:#88611c!important}.campaign-problem{background:#f6efdf!important;color:#30291f}.problem-line{color:#946c2b}.campaign-story{background:radial-gradient(circle at 30% 25%,#f0e1b7,#faf8f3 60%)}.story-chapter{background:transparent!important;border-color:#e6d7b6}.story-visual{background:transparent!important}.story-visual-inner img{border-radius:24px;box-shadow:0 25px 60px #a88c4530}.visual-stamp{background:#fff9eb;color:#97722b;border-color:#d3b56f}.visual-caption,.chapter-symbol{color:#a07a32}.campaign-how,.campaign-trust,.campaign-cta,.customer-voices,.voices-empty{background:#fffaf0!important;color:#30291f}.step-grid>div{border-color:#e6d4ae}.step-grid b,.step-grid span{color:#765627}.feature-card p{color:#756b5c}.trust-card{background:#fff;border-color:#dac390;color:#785c29}
.lab-showcase{background:#fff9ed!important;border-color:#e5d3ac}.lab-showcase:before{background:none}.lab-content{color:#30291f}.lab-standard{color:#886723;border-color:#d9c08a}.lab-standard strong,.lab-readout{color:#8d6a27}.tracking-showcase{background:#fffaf0}.tracking-showcase:after{background:linear-gradient(270deg,#fffaf0 0,#fffaf0ed 42%,#fffaf010 100%)}.tracking-banner-copy h2{color:#332b20}.tracking-banner-copy p{color:#756b5c!important}.tracking-banner-image img{opacity:.85}.gallery-preview,.gallery-info,.info-hero{background:#fff!important;border-color:#e5d7b7;color:#3a3021}.coming-soon{color:#946f2c!important}.register-box,.registration-guide,.login-box{background:linear-gradient(140deg,#fff,#f9f3e5)!important;border-color:#dfc992;color:#3a3021;box-shadow:0 20px 60px #98782c0e}.register-box label,.login-box label,.registration-steps span{color:#746853}.register-box .register-progress,.guide-label,.registration-steps strong{color:#97712a}.registration-steps b{background:#f3e4bd;color:#7c5a1d;border-color:#d5b974}.purchase-note,.guide-caption{color:#8b7854!important}.account-sculpture{filter:drop-shadow(0 8px 15px #ac8a4820)}
.support-window{background:#fffdfa;color:#3a3021;border-color:#cfb478;box-shadow:0 24px 70px #7d612b30}.support-header{background:linear-gradient(120deg,#f6edd7,#ead6a5);color:#5a4218}.support-header button{color:#71501b}.support-bubble{background:#f4f0e6;color:#4e4434}.support-bubble.user{background:#f4e4ba;color:#5c441b}.support-quick button{background:#fffaf0;color:#8c6623;border-color:#ddc590}.support-footer{color:#8b7b60}.support-window input{background:#fff}.support-toggle{font-size:12px;display:flex;align-items:center;gap:8px}.support-header strong{display:flex;align-items:center;gap:8px}.button-icon{width:17px;height:17px;flex-shrink:0;display:inline-block;vertical-align:-3px;margin-inline-end:6px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.support-toggle .button-icon{width:23px;height:23px;margin:0}.support-toggle .button-icon,.support-header .button-icon{filter:drop-shadow(0 1px 0 #fff9)}.topbar .navbtn .button-icon{width:14px;height:14px;margin-inline-end:4px}
.article-page{background:#faf8f3;color:#332b20}.article-page a,.article-content h2{color:#96702b}
@media(max-width:900px){.tracking-showcase:after{background:linear-gradient(0deg,#fffaf0 0,#fffaf0ed 40%,#fffaf000 100%)}.story-visual{background:linear-gradient(#faf8f3 70%,transparent)!important}.story-chapter{background:linear-gradient(transparent,#faf8f3 20%)!important}.refined-art{border-radius:22px}.topbar{padding-inline:10px}}
.campaign .story-chapter h2,.campaign .lab-content h2,.campaign .tracking-banner-copy h2,.campaign h2,.refined-hero h1,.campaign h1,.section-head h2{color:#332b20;text-shadow:0 1px 0 #fff,0 3px 5px #b4984b18}.campaign h1 em,.campaign h2 em{text-shadow:0 1px 0 #fff6d9,0 2px 3px #a57c2525}.navbtn.primary,.primary:not(.navbtn),.refined-hero .primary{box-shadow:0 4px 0 #957137,0 9px 20px #b8953c20,inset 0 1px 0 #fff8}.outline,.ghost,.topbar .navbtn{text-shadow:none}.topbar .navbtn{font-size:12px!important;min-height:38px}.campaign .campaign-actions .navbtn,.refined-hero .campaign-actions .navbtn,.primary,.ghost,.text-link{font-size:14px!important}.campaign h1,.refined-hero h1{font-size:clamp(31px,3.3vw,46px)}.campaign h2,.campaign .story-chapter h2,.campaign .lab-content h2,.campaign .tracking-banner-copy h2{font-size:clamp(25px,2.7vw,36px)}.campaign p,.campaign .campaign-hero-copy p,.refined-hero .campaign-hero-copy p,.campaign .story-chapter p,.campaign .story-section p,.lab-content p,.panel p,.section-head p{font-size:14px}.campaign-steps,.campaign-footer,.campaign-final,.info-view{background:#faf5e9!important;color:#645334;border-color:#e0c99d}.campaign-final{background:radial-gradient(circle,#f2e2b6,#faf8f3 70%)!important}.campaign-footer strong{color:#936b23}.voice-card{background:#fff;border-color:#e2d2b1;box-shadow:0 12px 30px #9c7c3220}.voice-card blockquote{color:#5e5039}.voice-card p{color:#987330}.gallery-preview strong,.rates-title span{color:#997029}.gallery-preview p,.info-hero p{color:#756b5c}.bar-track{background:#f1e8d5}.bar-row b,code{color:#966b22}.public-piece-result dt,.public-piece-result figcaption{color:#7e6d4d}.field-error{color:#a63e34}.info-hero small{color:#967029}.support-header strong{font-size:14px}.support-window form button{font-size:13px!important}
@media(max-width:900px){.topbar .navbtn{font-size:11px!important}.campaign .campaign-actions .navbtn,.refined-hero .campaign-actions .navbtn{font-size:14px!important}}

/* 4.10.1: supplied landscape artwork, original gentle motion */
.refined-art{aspect-ratio:3/2;max-height:none;align-self:center;background:#fffaf0}
.refined-art .refined-motion{inset:0;aspect-ratio:3/2;transform:none;animation:landscapeBreath 10s ease-in-out infinite}
.refined-art:after{background:linear-gradient(0deg,#fff8e533,transparent 20%);z-index:1}
.refined-art .refined-light{left:15%;top:73%;width:70%;border-color:#ffebac;filter:drop-shadow(0 0 5px #edc463);transform:rotate(-4deg)}
.refined-art .spark-one{left:68%;top:65%}.refined-art .spark-two{left:31%;top:68%}
@keyframes landscapeBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
.lab-image{height:auto;aspect-ratio:3/2;align-self:center;background:#fffaf0;box-shadow:0 24px 55px #a383392b}
.lab-image img{object-fit:contain;object-position:center}
.analysis-laser{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.laser-halo{fill:none;stroke:#ffc858;stroke-width:12;opacity:.65;filter:url(#laserGlow);animation:laserEnergy 2.8s ease-in-out infinite}
.laser-flow{fill:none;stroke:#fff4c1;stroke-width:4;stroke-linecap:round;stroke-dasharray:52 32;animation:laserTravel 1.2s linear infinite;filter:drop-shadow(0 0 4px #e4a733)}
.laser-target{fill:#fff4cc;stroke:#e8bf61;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:laserImpact 2.8s ease-out infinite;filter:drop-shadow(0 0 9px #e5b841)}
@keyframes laserTravel{to{stroke-dashoffset:-84}}
@keyframes laserEnergy{0%,100%{opacity:.25}50%{opacity:.8}}
@keyframes laserImpact{0%,100%{transform:scale(.45);opacity:.3}45%{transform:scale(1.4);opacity:.85}75%{transform:scale(1.8);opacity:0}}
.lab-image.motion-paused .analysis-laser *{animation-play-state:paused}
.motion-toggle{z-index:3}.analysis-motion-toggle{position:absolute;bottom:12px;right:12px;background:#fffaf0e8;color:#806020;border:1px solid #d7bf82}
#supportToggle.support-toggle{font-size:11px!important;padding:7px 10px;min-height:36px;gap:6px;bottom:16px;left:16px;border-radius:12px;box-shadow:0 3px 0 #957137,0 6px 15px #b8953c24}
.assistant-ai-mark{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex:none;direction:ltr;font-family:Arial,sans-serif;font-weight:800;font-size:12px;letter-spacing:-.5px;border:1px solid currentColor;border-radius:7px;background:#fff5d280;line-height:1}
.support-header .assistant-ai-mark{margin-inline-end:7px}
@media(max-width:900px){.refined-art,.lab-image{aspect-ratio:3/2;max-height:none}.refined-art{max-width:620px}}
@media(prefers-reduced-motion:reduce){.refined-art .refined-motion,.analysis-laser *{animation:none!important}.laser-target{opacity:.35}.laser-flow{opacity:.6}.analysis-motion-toggle{display:none}}

/* Larger artwork and seamless page edges, v4.10.2 */
.campaign-hero.refined-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding-inline:max(20px,4vw);background:#faf8f3}
.lab-showcase{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);padding-inline:max(20px,4vw);background:#faf8f3!important}
.refined-art,.lab-image{background:#faf8f3;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.refined-art .refined-motion,.lab-image>img{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 94%,transparent);mask-composite:intersect}
.refined-art:after{background:none}
.xrf-grid{stroke:#fff2cc;stroke-opacity:.2;stroke-width:1;fill:none}
.xrf-spectrum{fill:none;stroke:#fff1a3;stroke-width:3;filter:drop-shadow(0 0 4px #ffd969)}
.xrf-scan{stroke:#fff4be;stroke-width:2;opacity:.75}
.xrf-label{font:18px Arial,sans-serif;fill:#fff8df}
.xrf-device{font:17px Arial,sans-serif;fill:#e4ffda}
.analysis-demo-label{position:absolute;bottom:14px;left:18px;font-size:10px;color:#6d5326;background:#fffaf0e8;border-radius:6px;padding:4px 7px}
.assistant-ai-mark{border:0;background:transparent;width:26px;height:26px;box-shadow:none}
.assistant-ai-mark svg{width:26px;height:26px;display:block}
@media(max-width:900px){.campaign-hero.refined-hero,.lab-showcase{grid-template-columns:1fr;padding-inline:12px}.refined-art{max-width:760px;width:100%}.lab-showcase{grid-template-areas:'image' 'content'}.analysis-demo-label{font-size:9px;left:8px;bottom:10px}.analysis-motion-toggle{right:8px;bottom:8px;font-size:10px;padding:5px 7px}}

/* 4.10.3: one shared responsive coordinate plane for photo and SVG */
.lab-image{min-width:0;min-height:0;height:auto!important;aspect-ratio:auto!important;overflow:visible;background:#faf8f3!important}
.lab-visual{position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;isolation:isolate;line-height:0}
.lab-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;max-width:none;mask-image:none!important;-webkit-mask-image:none!important}
.lab-visual>.analysis-laser{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;direction:ltr}
.xrf-live,.xrf-live text{direction:ltr;unicode-bidi:isolate}
.refined-art .refined-motion{mask-image:none!important;-webkit-mask-image:none!important}
.refined-art:after,.lab-visual:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#faf8f3 0%,#faf8f3b8 3%,#faf8f300 15%,#faf8f300 85%,#faf8f3b8 97%,#faf8f3 100%),linear-gradient(0deg,#faf8f3 0%,#faf8f3b8 3%,#faf8f300 15%,#faf8f300 90%,#faf8f3b8 98%,#faf8f3 100%)}
.lab-image .analysis-demo-label{position:relative;display:inline-block;bottom:auto;left:auto;margin:3px 8px 0;font-size:10px}
.lab-image .analysis-motion-toggle{position:relative;bottom:auto;right:auto;margin:3px 8px 0;float:left}
#supportToggle.support-toggle{left:auto!important;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
#supportWindow.support-window{left:auto!important;right:max(14px,env(safe-area-inset-right));width:min(390px,calc(100vw - 28px))}
@media(max-width:900px){.lab-showcase{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'image' 'content';padding-inline:10px;gap:18px}.lab-image{grid-area:image;width:100%;max-width:100%;height:auto!important;aspect-ratio:auto!important}.lab-visual{aspect-ratio:3/2!important}.refined-art{min-width:0;width:100%;aspect-ratio:3/2!important}.analysis-demo-label{max-width:60%;font-size:9px!important}.lab-image .analysis-motion-toggle{font-size:10px;padding:5px 8px}#supportToggle.support-toggle{max-width:calc(100vw - 28px);font-size:11px!important}}

/* 4.10.4: intrinsic image height anchors overlay on every viewport */
.lab-showcase .lab-image{position:relative;inset:auto;display:block;min-width:0;width:100%;height:auto!important;max-height:none;aspect-ratio:auto!important;align-self:center;z-index:auto;opacity:1;transform:none!important;background:#faf8f3!important}
.lab-image .lab-visual{position:relative;display:block;width:100%;height:auto;aspect-ratio:auto!important;line-height:0;overflow:hidden;isolation:isolate}
.lab-image .lab-visual>img{position:relative!important;inset:auto!important;display:block;width:100%!important;height:auto!important;max-width:100%;aspect-ratio:3/2;object-fit:contain;transform:none;vertical-align:middle}
.lab-image .lab-visual>.analysis-laser{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;z-index:1;transform:none;overflow:hidden}
.lab-image .analysis-demo-label{vertical-align:middle;line-height:1.6}
@media(min-width:901px){.campaign .lab-showcase{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-areas:'content image';gap:28px;align-items:center;min-height:0;padding:64px max(24px,4vw)}.lab-showcase .lab-content{grid-area:content;min-width:0}.lab-showcase .lab-image{grid-area:image}.lab-image .analysis-motion-toggle{float:none;display:inline-block;vertical-align:middle;margin-inline-start:12px}}
@media(max-width:900px){.campaign .lab-showcase{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'image' 'content';min-height:0;gap:18px;padding:24px 10px 48px}.lab-showcase .lab-image{grid-area:image}.lab-showcase .lab-content{grid-area:content;min-width:0}.lab-image .lab-visual{aspect-ratio:auto!important}}

/* 4.10.5: a single intrinsic video surface; no positioned chart layers */
.xrf-card{grid-area:image;position:relative;min-width:0;width:100%;align-self:center;background:#faf8f3;isolation:isolate}
.xrf-film{position:relative;width:100%;overflow:hidden;line-height:0}
.xrf-film>video{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:3/2;object-fit:contain;background:#faf8f3}
.xrf-film:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#faf8f3 0%,#faf8f3b8 3%,#faf8f300 15%,#faf8f300 85%,#faf8f3b8 97%,#faf8f3 100%),linear-gradient(0deg,#faf8f3 0%,#faf8f3b8 3%,#faf8f300 15%,#faf8f300 90%,#faf8f3b8 98%,#faf8f3 100%)}
.xrf-film-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:6px 14px;line-height:1.6;font-size:10px;color:#806020}
.xrf-film-controls button{border:1px solid #d7bf82;background:#fffaf0;color:#806020;border-radius:8px;padding:6px 10px;font:inherit;cursor:pointer;min-height:32px}
@media(max-width:900px){.xrf-film-controls{padding-inline:6px}.xrf-card{width:100%;max-width:100%}}

.security-actions{display:flex;flex-wrap:wrap;gap:10px}.security-actions button{font-size:12px!important}#totpSecret{display:block;overflow-wrap:anywhere;user-select:all;padding:12px;background:#fff4d6;border-radius:10px}#securityEventRows,#sessionRows{max-height:360px;overflow:auto;font-size:12px;overflow-wrap:anywhere}#staffMfaPanel input,#resetPanel input{width:100%}
