/* VERKIVA 7 / SIGNATURE EDITION — responsive Nordic financial identity */
:root{--navy:#0b1e2b;--navy-2:#102b36;--ink:#102634;--paper:#f5f2ed;--white:#fffdfa;--green:#315d55;--green-bright:#c9b48c;--bronze:#c6a675;--gold:#d4b78a;--muted:#69777a;--shadow:0 30px 85px rgba(9,26,36,.16)}
::selection{background:#bca075;color:#071c27}
body{background:#f6f3ee;font-family:Inter,Arial,'Helvetica Neue',sans-serif}
.site-header{background:rgba(9,26,37,.94);border-bottom:1px solid rgba(220,186,138,.16);backdrop-filter:blur(18px)}
.site-header.scrolled{background:rgba(9,26,37,.975);box-shadow:0 12px 34px #06182344}
.brand{font-family:Georgia,serif;letter-spacing:.205em;font-size:22px;gap:9px;color:#f5eee2}
.brand-mark{width:51px;height:45px;filter:drop-shadow(0 2px 6px #bc98604d)}
.desktop-nav a{color:#e6e7e2;font-weight:450;letter-spacing:.015em}
.desktop-nav a::after{background:var(--gold)}
.nav-cta{background:#c5a572;color:#081b27;border:1px solid #d5bc95;padding:12px 20px;box-shadow:0 7px 20px #0003;font-weight:650}
.nav-cta:hover{background:#eed3aa;color:#061823;transform:translateY(-2px)}
.scroll-progress{background:linear-gradient(90deg,#786346,#ebd2a5,#b49a69);box-shadow:0 0 13px #ddb88455}
.button-primary{background:linear-gradient(120deg,#b7925f,#e2c79b 50%,#b6925e);color:#091c26;box-shadow:0 14px 42px rgba(3,11,16,.32),inset 0 1px 0 #f4dfb8;border:1px solid #f2d9aa;font-weight:700}
.button-primary:hover{background:linear-gradient(120deg,#d4b17b,#f0d8aa,#cfac78);color:#071923;box-shadow:0 18px 55px rgba(3,10,14,.43);transform:translateY(-3px)}
.button{border-radius:8px}
.button-primary span{margin-left:16px}
.subtle-link{color:#ede6d9;border-bottom-color:#877559}
.subtle-link:hover{color:#fff5d9;border-bottom-color:#e4c497}
.site-footer{background:#061824}
.footer-brand img{filter:drop-shadow(0 2px 6px #94755144)}
.intro-screen{background:radial-gradient(ellipse at 50% 48%,#1a313c,#071823 70%)}
.intro-screen::before{border-color:#cca6752f;box-shadow:0 0 0 105px #bc955b0c,0 0 0 210px #a58c6b0a}
.intro-screen::after{background:radial-gradient(ellipse at 50% 65%,#aa7d451b,transparent 56%)}
.intro-center p{color:#d6c4a9}
.intro-line span{background:#e0bd87}
.intro-foot{color:#b19a78}
.intro-skip{border-color:#ae966d;color:#efe4d3}
.intro-logo img{filter:drop-shadow(0 3px 12px #bf8f4c40)}

/* Cinematic hero inspired by approved architectural identity reference */
.hero.hero-signature{position:relative;min-height:720px;overflow:hidden;color:#f7f1e9;background:radial-gradient(ellipse at 73% 60%,rgba(94,91,80,.28) 0%,transparent 46%),radial-gradient(ellipse at 68% 36%,rgba(28,68,76,.52),transparent 49%),linear-gradient(117deg,#071c2a 6%,#0b2533 51%,#071c29 100%);isolation:isolate}
.signature-atmosphere{pointer-events:none;inset:0;position:absolute;z-index:-1;overflow:hidden}
.sig-grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='2' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.22'/%3E%3C/svg%3E")}
.sig-aura{position:absolute;width:720px;height:660px;right:-100px;top:70px;background:radial-gradient(ellipse at center,rgba(181,142,79,.16),rgba(78,79,66,.09) 38%,transparent 65%);filter:blur(18px);animation:auraBreath 10s ease-in-out infinite alternate}
.sig-horizon{position:absolute;left:42%;right:-8%;height:1px;bottom:12%;background:linear-gradient(90deg,transparent,#ac8b5580,transparent);box-shadow:0 0 60px 12px #b48f5130}
@keyframes auraBreath{to{opacity:.65;transform:scale(1.1)}}
.signature-hero-inner{width:min(1320px,calc(100% - 86px));display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:20px;min-height:662px;padding-top:70px;padding-bottom:52px}
.hero-signature .hero-copy{position:relative;z-index:3;max-width:630px}
.hero-signature .eyebrow{color:#e5c99b;letter-spacing:.19em;font-size:10px;font-weight:650;white-space:normal}
.hero-signature .eyebrow-line{background:#cfaa76;width:25px}
.hero-signature h1{font:normal clamp(60px,5.35vw,86px)/1.035 Georgia,'Times New Roman',serif;letter-spacing:-.048em;margin:29px 0 25px;text-wrap:balance}
.hero-signature h1 em{color:#dec8aa;font-weight:400;white-space:nowrap}
.hero-signature .hero-lead{font-size:15px;line-height:1.85;color:#cbd4d3;max-width:500px;margin-bottom:29px}
.hero-signature .hero-actions{display:flex;align-items:center;gap:23px}
.hero-signature .hero-actions .button{padding:16px 22px;font-size:12px}
.hero-signature .hero-actions .subtle-link{padding-bottom:8px;font-size:12px}
.sig-metrics{margin:70px 0 0;display:grid;grid-template-columns:repeat(3,max-content);gap:0;max-width:590px}
.sig-metrics>div{padding:0 29px;border-left:1px solid rgba(217,181,124,.25);display:flex;flex-direction:column;gap:3px}
.sig-metrics>div:first-child{padding-left:0;border:0}
.sig-metrics strong{font:normal clamp(26px,2.3vw,37px)/1.2 Georgia,serif;color:#f6efdf;letter-spacing:-.035em}
.sig-metrics span{font-size:10px;letter-spacing:.03em;color:#acb7b7;white-space:nowrap}
.hero-signature .hero-disclaimer{font-size:10px;color:#92a5a7;margin-top:30px;letter-spacing:.02em;line-height:1.5}
.hero-signature .status-beacon{background:#c2a474;box-shadow:0 0 0 4px #c2a47422}

/* 3D vignette – all components are native HTML/CSS and clickable where appropriate */
.signature-stage{height:560px;position:relative;max-width:685px;width:100%;margin-left:auto;isolation:isolate;perspective:1100px}
.stage-ambient{pointer-events:none;position:absolute;left:9%;right:3%;top:20%;height:67%;border-radius:50%;background:radial-gradient(ellipse at center,#b79a6130,transparent 61%);filter:blur(12px);animation:auraBreath 11s infinite alternate}
.stage-floor{pointer-events:none;position:absolute;bottom:37px;left:0;right:0;height:265px;transform:perspective(460px) rotateX(66deg);transform-origin:bottom center;opacity:.67;background-image:linear-gradient(90deg,#b89b6a31 1px,transparent 1px),linear-gradient(#b89b6a32 1px,transparent 1px);background-size:69px 69px;mask-image:radial-gradient(ellipse at 50% 54%,#0008,transparent 73%)}
.stage-gold-rings{pointer-events:none;position:absolute;border:1px solid #cfac7542;width:390px;height:390px;left:48%;top:44%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 70px #cea96e08,0 0 0 135px #cea96e08}
.stage-thread{pointer-events:none;position:absolute;z-index:2;height:1px;background:linear-gradient(90deg,transparent,#d9bb8159,transparent);transform-origin:50% 50%;filter:drop-shadow(0 0 5px #d6a96788)}
.stage-thread-one{width:53%;top:51%;left:3%;transform:rotate(23deg)}.stage-thread-two{width:53%;top:41%;right:8%;transform:rotate(-22deg)}.stage-thread-three{width:40%;top:30%;left:34%;transform:rotate(83deg)}
.stage-document{color:#f1eee7;text-align:left;border:1px solid #c1aa865c;background:linear-gradient(130deg,rgba(113,126,124,.22),rgba(12,29,39,.78));box-shadow:0 15px 40px #0007,inset 0 1px 0 #fff2;backdrop-filter:blur(12px);width:192px;min-height:131px;padding:19px 20px;position:absolute;display:flex;flex-direction:column;gap:6px;z-index:3;border-radius:9px;cursor:pointer;transform:translateZ(0);transition:box-shadow .32s,background .32s,border-color .3s,scale .35s}
.stage-document:hover,.stage-document:focus-visible,.stage-document.is-selected{background:linear-gradient(130deg,rgba(139,132,105,.38),rgba(17,38,44,.86));border-color:#e1bd818c;box-shadow:0 18px 50px #0008,0 0 26px #cca87333,inset 0 1px 0 #ffe9c13a;scale:1.035}
.stage-document:focus-visible{outline:2px solid #e5d0ac;outline-offset:5px}
.sd-left{left:1%;top:45%;animation:docFloatLeft 8s ease-in-out infinite alternate}
.sd-top{left:32%;top:11%;animation:docFloatTop 9s ease-in-out infinite alternate}
.sd-right{right:-1%;top:35%;animation:docFloatRight 8.5s ease-in-out infinite alternate}
@keyframes docFloatLeft{from{translate:0 -5px}to{translate:0 10px}}
@keyframes docFloatTop{from{translate:0 -8px}to{translate:0 10px}}
@keyframes docFloatRight{from{translate:0 7px}to{translate:0 -10px}}
.stage-document .sd-overline{letter-spacing:.145em;font-size:8px;color:#dbd7c6;white-space:nowrap}
.sd-diamond{color:#edcf91;font-size:13px;padding-right:4px}.sd-rule{width:62%;height:1px;background:linear-gradient(90deg,#b49e7b,transparent);margin:6px 0}
.stage-document strong{font-family:Georgia,serif;font-weight:400;font-size:23px;letter-spacing:-.03em;white-space:nowrap;color:#f9f1e3}
.stage-document .sd-foot{font-size:10px;color:#aebdbd}
.brand-cube{z-index:4;position:absolute;width:217px;height:210px;left:46%;top:57%;transform:translate(-50%,-50%);filter:drop-shadow(0 15px 26px #000c);animation:cubeHover 7s ease-in-out infinite alternate;transform-style:preserve-3d;pointer-events:none}
@keyframes cubeHover{from{translate:0 -7px}to{translate:0 12px}}
.cube-wall{position:absolute;border:1px solid #bd995a9c}
.cube-wall-front{inset:30px 37px 0 5px;background:linear-gradient(145deg,rgba(34,56,64,.94),rgba(5,17,28,.98) 70%);box-shadow:inset -15px -18px 28px #030f18ac,inset 2px 2px 20px #e8c88924,0 0 37px #d2a56a1b;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.cube-wall-side{top:30px;right:0;bottom:0;width:39px;background:linear-gradient(120deg,#92784c 0%,#26343a 19%,#071924 77%);clip-path:polygon(0 0,100% -24px,100% 90%,0 100%);border-left:0}
.cube-cap{position:absolute;top:5px;left:5px;width:175px;height:58px;background:linear-gradient(125deg,#c4aa7f,#556063 38%,#101e29 87%);clip-path:polygon(0 45%,100% 45%,calc(100% + 37px) 0,37px 0);transform:skewX(-1deg);border-top:1px solid #dec48e;filter:drop-shadow(0 -3px 10px #cfab7455)}
.cube-glint{position:absolute;left:5px;top:26px;bottom:0;width:2px;background:linear-gradient(#fbddab,#d0a45c,transparent);box-shadow:0 0 18px 3px #ddaf64aa}
.cube-face-content{position:absolute;left:25px;right:53px;top:47px;bottom:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
.cube-face-content img{width:106px;height:88px;object-fit:contain;filter:drop-shadow(0 1px 8px #d8ae6750)}
.cube-label{font-family:Georgia,serif;letter-spacing:.165em;color:#efcf9d;font-size:15px}
.cube-subtitle{font-size:7px;letter-spacing:.34em;color:#c4ab82}
.stage-caption{position:absolute;z-index:4;top:19px;right:10px;display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.13em;color:#acb8b9}
.stage-caption-line{height:1px;width:27px;background:#b79564}
.stage-result{position:absolute;bottom:32px;right:1%;width:218px;min-height:104px;z-index:5;border-left:1px solid #d1b482a6;padding:8px 0 6px 19px;background:linear-gradient(90deg,rgba(15,34,42,.84),rgba(15,34,42,0));text-align:left}
.stage-result>span{display:block;font-size:9px;letter-spacing:.055em;color:#e3cfae;line-height:1.7}
.stage-result strong{display:block;color:#f6eddc;font-family:Georgia,serif;font-weight:400;font-size:40px;line-height:1.1;margin:4px 0}
.stage-result strong small{font-size:17px}
.stage-result>small{display:block;color:#a8b9b8;font-size:9px;letter-spacing:.02em}
.stage-tap-hint{position:absolute;z-index:5;bottom:6px;left:3%;letter-spacing:.12em;font-size:8px;color:#a4aea9}
.hero-signature .hero-bottom{width:min(1320px,calc(100% - 86px));border-color:#af94603a;color:#a6ada9;min-height:65px}
.hero-signature .hero-bottom i{color:#c49e68}
.hero-signature .hero-bottom a{color:#cbb48f}
/* Below the fold: warmer background, stronger typographic hierarchy, gold details */
.principle-ribbon{background:#e9e4da;border-bottom:1px solid #d0c6b5}
.ribbon-inner{color:#465359}.ribbon-inner b{color:#9c7d54}
.section-space{padding-top:116px;padding-bottom:116px}
.kicker{color:#9a7c53;letter-spacing:.18em}
.method{background:#f6f3ed}.method h2,.benefits h2,.faq h2{font-family:Georgia,serif}
.method h2 em,.benefits h2 em,.faq h2 em,.honesty h2 em{color:#977c59}
.section-lead{color:#5f6d72}
.method-nav .method-step.active{border-color:#b89865;background:linear-gradient(90deg,#eee8dd,#f7f4ef)}
.method-step.active .step-index{color:#92734a}
.method-step:hover{background:#eee9e1}
.method-preview{background:radial-gradient(ellipse at 60% 90%,#25424d,#102a37 70%);border:1px solid #aa916c77;box-shadow:0 32px 70px #0a263133}
.preview-kicker,.preview-overline,.preview-bottom,.preview-badge{color:#d6bd94}
.preview-document{background:#f8f4ec;border-top:3px solid #c0a071}
.document-row{border-color:#e0d6c5}
.preview-nav{border-color:#b59d76;color:#f6e7cf}.preview-nav:hover{background:#745e423c}
.statement{background:#eae3d7}.statement-mark{color:#c1a277}.statement em{color:#977a54}
/* Product experience: deep navy dashboard matching reference */
.demo-section{background:linear-gradient(150deg,#0b202d,#142e3b 57%,#071d29);color:#f3ede4;position:relative;overflow:hidden}
.demo-section:before{content:"";position:absolute;right:-300px;top:-240px;width:700px;height:700px;border:1px solid #b8955d25;border-radius:50%;box-shadow:0 0 0 120px #b8955d08,0 0 0 240px #b8955d07;pointer-events:none}
.demo-section .kicker,.demo-section .section-heading.light .kicker{color:#c6a77b}
.demo-section .section-heading h2{color:#f6f0e7}
.demo-section .section-heading h2 em{color:#ddc4a0}
.demo-section .section-heading>p{color:#bdc9c7}
.demo-frame{background:#0b2230;border:1px solid #ab906548;border-radius:13px;box-shadow:0 44px 105px #0008,inset 0 1px 0 #fff1;position:relative}
.demo-frame:hover{box-shadow:0 50px 125px #0009}
.demo-frame-header{background:#091b28;border-bottom:1px solid #c6aa7142;color:#eee7db}
.demo-frame-brand{color:#f4ede2}.demo-tag{color:#cbb590;border:1px solid #8c795958;background:#182c33}
.demo-tag i{background:#dab783}
.demo-intro{background:#122d3a;color:#f6f1e8;border-bottom:1px solid #b8a17829}
.demo-intro h3{color:#f8f1e5}.demo-intro>p{color:#aab8b8}
.demo-section .micro{color:#baa47e}
.scenario-tabs{background:#102c38;border:1px solid #987d564b;border-radius:8px;padding:5px}
.scenario{color:#bdc9c8;background:transparent;border:1px solid transparent;border-radius:6px}
.scenario:hover{background:#1f3b45;color:#f3e8d9}
.scenario.active{background:#c6a675;color:#102534;border-color:#dfc79e;box-shadow:0 9px 22px #0004}
.scenario small{color:inherit;opacity:.75}
.demo-main{background:#0b2230}
.demo-controls{background:linear-gradient(150deg,#122c38,#0c2532);color:#f1eadf}
.fixed-facts{border-color:#c0a8783b}.fixed-facts>div{border-color:#c0a87832}.fixed-facts span,.control-heading label,.range-ends{color:#a7b7b9}.fixed-facts strong,.control-heading output{color:#f5e6cb}
.demo-main .control-block input[type=range]{accent-color:#c6a675}
.demo-main input[type=range]{filter:sepia(.65)}
.reset-button{color:#dec49e;border-color:#a489634a}.reset-button:hover{color:#fff0da}
.demo-result{background:linear-gradient(152deg,#173441,#112c39);border-left:1px solid #af8f5a42;color:#f3ebde}
.result-amount{color:#f6e6c8}.result-amount span{color:#d6b580}.result-amount.no-amount{color:#f6e6c8}
.demo-result h4{color:#fff3e1}.result-explanation{color:#c2cfcb}
.compare-bars{border-color:#bca47845}.bar-meta{color:#c4ccca}.bar-meta strong{color:#f4e8d8}
.bar-track{background:#35515b}.bar-good{background:#c3b18b}.bar-billed{background:#7c9890}
.result-note{background:#0b2632;border:1px solid #a68d624a;color:#cdd4cd}
.report-toggle{color:#f4d7a2;border-color:#ae925c6a}.report-toggle:hover{color:#fff1d0}
.report-details{background:#102935;color:#e1ded4;border-color:#ba9b6d55}.calculation-row{border-color:#8c9e9b42}
.demo-footer{background:#091b28;color:#aeb9b8;border-top:1px solid #bda16f33}
.demo-footer a{color:#eccb97}.demo-footer a:hover{color:#fff0cc}
.benefits{background:#f6f2eb}.benefit{border-bottom:1px solid #d8d0c5}.benefit:hover{background:#ece5da}.benefit-no,.benefit-icon{color:#9a784d}
.benefit h3{color:#142934}
/* Architectural identity slice from the reference art, clearly labeled */
.signature-editorial{display:grid;grid-template-columns:1fr 1fr;background:#0b1f2b;color:#f5efe5;min-height:490px;overflow:hidden}
.signature-ed-image{min-height:490px;position:relative;overflow:hidden;background:#132c38}
.signature-ed-image img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;position:absolute;inset:0;filter:saturate(.75) contrast(1.05) brightness(.65);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.signature-ed-image:hover img{transform:scale(1.045)}
.signature-ed-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#0b1f2b80)}
.signature-ed-image>span{position:absolute;bottom:26px;left:32px;z-index:2;color:#e9dcc9;font-size:9px;letter-spacing:.11em;background:#081d28b8;padding:8px 12px;border:1px solid #e9d1a447}
.signature-ed-copy{padding:clamp(50px,7vw,112px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.signature-ed-copy .kicker{color:#d9b985;font-size:10px;letter-spacing:.14em}
.signature-ed-copy h2{font:normal clamp(37px,3.3vw,58px)/1.14 Georgia,serif;letter-spacing:-.04em;margin:25px 0}
.signature-ed-copy h2 em{color:#dfc69f}
.signature-ed-copy>p:not(.kicker){line-height:1.9;font-size:14px;color:#bac8c8;max-width:400px}
.editorial-link{color:#e5c697;border-bottom:1px solid #c4a674;padding-bottom:8px;margin-top:19px;font-size:12px}
.editorial-link:hover{color:#ffebc8}
.honesty{background:#152e38}.honesty .kicker{color:#d2b17c}.honesty-inner>div:last-child p{color:#c1cac9}.concept-pill{color:#dbc09b;border-color:#ad9059}
.faq{background:#f7f4ee}.faq-list details[open]{background:#eee8df}
.closing{background:linear-gradient(140deg,#071b28,#15313c 62%,#081d28)}.closing::before{border-color:#c9a97831;box-shadow:0 0 0 90px #c9a97807,0 0 0 180px #c9a97806}
.closing .kicker{color:#d4b78a}.closing h2 em{color:#e7cba6}.closing-glow{background:radial-gradient(ellipse at 55% 70%,#c3a57923,transparent 58%)}
.button-ivory{background:#c6a675;color:#102532;border-color:#eed4a8}.button-ivory:hover{background:#ead2ac;color:#0c2531}
.footer-bottom{border-color:#ad95632c}
/* interactive hero decoration and reduced motion */
.stage-document.is-selected .sd-overline:after{content:' · VALT';color:#dfb77e}
@media(min-width:801px){.signature-stage:hover .brand-cube{filter:drop-shadow(0 19px 39px #000d)}}
@media(max-width:1180px){.signature-hero-inner{gap:0}.hero-signature h1{font-size:clamp(55px,5.2vw,75px)}.signature-stage{max-width:600px;height:520px}.stage-document{width:169px;min-height:117px;padding:14px}.stage-document strong{font-size:20px}.sd-right{right:-1%}.stage-result{right:0;bottom:16px}.brand-cube{scale:.9}.sig-metrics{margin-top:51px}.signature-ed-copy{padding:64px}}
@media(max-width:800px){.site-header{height:68px}.mobile-nav:not([hidden]){background:#0b2532;border-top:1px solid #ac8f594b}.mobile-nav a{color:#f7efe3}.signature-hero-inner{width:min(650px,calc(100% - 38px));grid-template-columns:1fr;gap:0;min-height:0;padding-top:69px;padding-bottom:45px}.hero-signature h1{font-size:clamp(56px,8.5vw,75px);max-width:650px}.hero-signature .hero-copy{max-width:650px}.hero-signature .hero-lead{max-width:610px}.signature-stage{margin:36px auto 0;max-width:650px;height:500px}.sig-metrics{margin-top:46px}.hero-signature .hero-bottom{width:min(650px,calc(100% - 38px))}.signature-editorial{grid-template-columns:1fr}.signature-ed-image{min-height:390px}.signature-ed-copy{padding:58px 38px}.signature-ed-copy h2{font-size:clamp(37px,6vw,54px)}}
@media(max-width:520px){.brand{font-size:18px}.brand-mark{width:40px;height:36px}.hero-signature .hero-inner{padding-top:58px;padding-bottom:30px}.hero-signature .eyebrow{font-size:8px;letter-spacing:.08em}.hero-signature h1{font-size:clamp(41px,10.4vw,59px);line-height:1.09;letter-spacing:-.055em;margin:22px 0}.hero-signature h1 em{white-space:normal}.hero-signature .hero-lead{font-size:14px;line-height:1.77}.hero-signature .hero-actions{flex-direction:row;flex-wrap:wrap;gap:15px}.hero-signature .hero-actions .button{width:auto;min-width:185px}.sig-metrics{margin:42px 0 0;grid-template-columns:repeat(3,1fr);width:100%}.sig-metrics>div{padding:0 10px}.sig-metrics strong{font-size:27px}.sig-metrics span{font-size:8px;line-height:1.45;white-space:normal}.hero-signature .hero-disclaimer{margin:25px 0 0;font-size:9px}.signature-stage{margin:35px -10px 0;width:calc(100% + 20px);height:395px}.stage-gold-rings{width:260px;height:260px;top:43%}.stage-document{min-height:95px;padding:10px 12px;width:139px;border-radius:7px}.sd-left{left:0;top:40%}.sd-top{left:32%;top:6%}.sd-right{right:0;top:30%}.stage-document .sd-overline{font-size:6.6px;letter-spacing:.06em}.stage-document .sd-diamond{font-size:10px}.stage-document strong{font-size:16px}.stage-document .sd-foot{font-size:8px}.sd-rule{margin:2px 0}.brand-cube{scale:.69;left:47%;top:55%}.stage-result{bottom:3px;right:0;width:170px;min-height:82px;padding-left:13px}.stage-result strong{font-size:31px}.stage-result>span{font-size:7px}.stage-result>small{font-size:8px}.stage-tap-hint{font-size:6.5px;max-width:160px;bottom:4px}.stage-caption{top:0;font-size:7px}.hero-signature .hero-bottom{align-items:flex-start}.hero-signature .hero-bottom span{font-size:7px}.hero-signature .hero-bottom a{font-size:7px}.signature-ed-image{min-height:300px}.signature-ed-image>span{font-size:7px;left:18px;bottom:18px}.signature-ed-copy{padding:60px 21px}.signature-ed-copy h2{font-size:39px}.demo-section .section-heading>p{color:#bdc9c7}.demo-frame-header{padding:17px}.demo-intro{padding:22px 18px}.scenario-tabs{padding:4px}.scenario{font-size:10px;padding:12px 6px}.scenario small{font-size:7px}.demo-result{border-left:0;border-top:1px solid #c2a47850}}
@media(max-width:370px){.signature-stage{height:360px}.stage-document{width:123px}.stage-document strong{font-size:14px}.sd-left{top:40%}.sd-top{left:28%}.sd-right{top:30%}.brand-cube{scale:.60;left:49%;top:55%}.stage-result{width:155px}.hero-signature .hero-actions .button{font-size:11px}.sig-metrics strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.sig-aura,.stage-ambient,.stage-document,.brand-cube{animation:none!important;translate:0!important}.signature-ed-image img{transition:none}.stage-document{transition:none}}
/* Actionable document cards stay in place; lighting and center cube carry the motion. */
.stage-document{animation:none!important}
/* Readability passes: all financial figures retain legibility on the dark dashboard. */
.demo-controls .fixed-facts{background:#193642;color:#f4e9d9;border:1px solid #bda47655;border-radius:6px;padding:9px 16px;margin-bottom:30px}
.demo-controls .fixed-facts>div{background:transparent;border-color:#8e9a913b}
.demo-controls .fixed-facts span{color:#c9d3d0}
.demo-controls .fixed-facts strong{color:#f4dec0}
.demo-controls .control-heading label{color:#dae4e1}
.demo-controls .range-ends{color:#aabcb9}
.demo-controls .reset-button{color:#ebd1aa}