/* Reference-led product system. Presentation only; state belongs to feature modules. */
:root{--p-bg:#f7f8fc;--p-surface:#fff;--p-ink:#202338;--p-muted:#626980;--p-line:#e5e8f1;--p-soft:#f0f2fa;--p-accent:#5042d9;--p-accent-soft:#eeecff;--p-blue:#3e39e8;--p-shadow:0 20px 70px #30275c0b;color-scheme:light}
:root[data-theme=dark]{--p-bg:#101320;--p-surface:#1a1e30;--p-ink:#f0f2ff;--p-muted:#acb4cf;--p-line:#30374f;--p-soft:#22283e;--p-accent:#b5aaff;--p-accent-soft:#2d2851;--p-shadow:0 20px 70px #0002;color-scheme:dark}
html{background:var(--p-bg)}.product-home,.product-auth-page{margin:0;padding:0;background:var(--p-bg);color:var(--p-ink);font:15px/1.65 'DM Sans',sans-serif;min-width:320px}.product-home *,.product-auth-page *{box-sizing:border-box}.product-home a,.product-auth-page a{color:inherit;text-decoration:none}.product-home h1,.product-home h2,.product-home h3,.product-auth-page h1{font-family:inherit;line-height:1.12;letter-spacing:-.045em;color:inherit}.product-home p{color:var(--p-muted)}.product-home button,.product-auth-page button{font:inherit;cursor:pointer}.product-home :focus-visible,.product-auth-page :focus-visible{outline:3px solid var(--p-accent);outline-offset:4px}.product-brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.product-brand b{display:grid;place-items:center;background:#5042df;color:#fff;width:34px;height:36px;border-radius:11px;font-size:25px;box-shadow:0 5px 12px #5042df20}.product-header{max-width:1240px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.product-header nav,.product-footer nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.product-home .button,.product-auth-page .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 22px;border-radius:9px;border:1px solid #5042d9;background:#5042d9;color:#fff;font:650 13px/1.5 'DM Sans',sans-serif;box-shadow:0 4px 9px #5042d91a;text-decoration:none;transition:background .2s,box-shadow .2s}.product-home .button:hover,.product-auth-page .button:hover{background:#4032be;box-shadow:0 5px 15px #5042d92a}.product-home .secondary,.product-auth-page .secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border:1px solid var(--p-line);border-radius:9px;background:var(--p-surface);color:var(--p-ink);font-weight:600;font-size:13px}.product-home .secondary:hover,.product-auth-page .secondary:hover{border-color:var(--p-accent);background:var(--p-accent-soft)}
/* Landing: a quiet editorial heading and one wide product illustration. */
.product-home{background:var(--p-surface);overflow-x:clip}.product-hero{max-width:1240px;margin:auto;padding:62px 32px 65px;display:grid;grid-template-columns:1fr;gap:48px;text-align:center;position:relative}.product-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 65%,#d8effc60,transparent 42%),radial-gradient(ellipse at 75% 35%,#ded8ff60,transparent 48%);z-index:0}.product-hero>*{position:relative}.hero-editorial{max-width:840px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:7px;font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.015em;color:var(--p-accent);margin:0 0 22px;border:1px solid var(--p-line);border-radius:30px;padding:6px 12px;background:var(--p-surface)}.orange-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7262e5}.product-hero h1{font-size:clamp(38px,5vw,67px);font-weight:650;letter-spacing:-.055em;margin:0 auto 22px;max-width:18ch;text-wrap:balance}.product-hero h1 em{font-style:normal;color:inherit}.hero-editorial>p{max-width:61ch;margin:0 auto;font-size:16px;line-height:1.8}.product-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:27px 0 16px}.hero-editorial>small{display:block;color:var(--p-muted);font-size:11px}.preview-shell{width:100%;max-width:1080px;margin:auto;background:var(--p-surface);border:1px solid var(--p-line);border-radius:17px;box-shadow:0 24px 70px #3a309819,0 0 0 8px #aba5f00a;display:grid;grid-template-columns:150px minmax(0,1fr);text-align:left;overflow:hidden}.preview-rail{padding:23px 18px;border-right:1px solid var(--p-line);font-size:11px;display:flex;flex-direction:column;gap:18px;color:var(--p-muted)}.preview-rail strong{color:var(--p-ink);font-size:12px;margin-bottom:15px}.preview-rail .selected{background:var(--p-accent-soft);color:var(--p-accent);padding:9px;margin:-8px;border-radius:7px}.preview-main{padding:23px 26px}.preview-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.preview-heading strong{font-size:15px}.preview-heading small{font-size:10px;color:var(--p-muted);border:1px solid var(--p-line);padding:4px 8px;border-radius:5px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.preview-metrics>div{border:1px solid var(--p-line);border-radius:8px;padding:13px 16px}.preview-metrics small{display:block;color:var(--p-muted);font-size:10px}.preview-metrics strong{display:block;font-size:19px;margin-top:5px;font-weight:650}.preview-metrics span{font-size:10px;color:var(--p-accent)}.preview-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px}.market-art{min-width:0;color:var(--p-ink);padding:12px 0;background:var(--p-surface)}.art-heading,.art-title,.art-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.art-heading>span:first-child{display:flex;align-items:center;gap:8px;font-weight:650;font-size:13px}.coin-small{font-size:21px;color:var(--p-accent)}.art-heading small{color:var(--p-muted);font-size:10px}.art-label{font-size:9px;color:var(--p-muted)}.art-title{margin:12px 0 0}.art-title h2{font-size:16px;font-weight:600;margin:0}.round-duration{font-size:22px;line-height:1.3;font-variant-numeric:tabular-nums;text-align:right;color:var(--p-accent)}.round-duration small{display:block;font-size:9px;color:var(--p-muted);margin-top:4px}.market-line{width:100%;height:auto;max-height:178px;overflow:visible;margin:12px 0}.chart-grid{stroke:var(--p-line);fill:none;stroke-width:.65}.chart-trace{fill:none;stroke:#7e68e7;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:chart-draw 1.8s ease forwards}.direction-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.direction-pair>div{padding:10px 13px;background:#eaf8f2;border:1px solid #c8ebdb;border-radius:7px;font-weight:600;color:#21694d;font-size:11px}.direction-pair>div+div{background:#fff0f0;border-color:#f2d9df;color:#9a3955}.direction-pair small{display:block;font-weight:400;font-size:9px;margin-top:3px}.direction-pair span{margin-right:5px}.art-footer{font-size:9px;color:var(--p-muted);margin-top:16px}.preview-checklist{background:var(--p-soft);padding:18px 15px;border-radius:10px;font-size:10px;align-self:start}.preview-checklist strong{font-size:12px;display:block;margin-bottom:15px}.preview-checklist p{margin:13px 0;padding-bottom:13px;border-bottom:1px solid var(--p-line)}.preview-checklist p:before{content:'✓';display:inline-grid;place-items:center;background:var(--p-accent-soft);color:var(--p-accent);height:18px;width:18px;border-radius:50%;margin-right:6px}.preview-checklist small{color:var(--p-muted);line-height:1.7;display:block}.product-strip{display:flex;justify-content:center;gap:65px;padding:24px 32px;font-size:11px;color:var(--p-muted);border-bottom:1px solid var(--p-line);max-width:1100px;margin:auto}.product-section{max-width:1200px;margin:auto;padding:85px 32px;scroll-margin-top:30px}.section-intro{max-width:660px;margin:0 auto 40px;text-align:center}.section-intro h2,.product-faq h2{font-size:clamp(29px,3.3vw,43px);font-weight:650;margin:0 0 18px;text-wrap:balance}.section-intro p{max-width:57ch;margin:0 auto;font-size:14px;line-height:1.85}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--p-line);border-radius:16px;overflow:hidden}.feature-grid article{padding:32px;background:var(--p-surface)}.feature-grid article+article{border-left:1px solid var(--p-line)}.feature-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--p-accent-soft);color:var(--p-accent);font-size:12px}.feature-grid h3{font-size:21px;font-weight:650;margin:24px 0 14px}.feature-grid p{font-size:13px;min-height:82px;line-height:1.85}.feature-grid a{font-size:12px;font-weight:650;color:var(--p-accent);display:inline-flex;align-items:center;min-height:44px}.journey{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--p-bg);border-radius:22px;margin-block:20px;padding:60px;max-width:1136px}.journey .section-intro{text-align:left;margin:0}.journey .section-intro .button{margin-top:24px}.journey-steps{list-style:none;margin:0;padding:0}.journey-steps li{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid var(--p-line)}.journey-steps li:first-child{padding-top:0}.journey-steps li>span{font-size:11px;background:var(--p-accent-soft);color:var(--p-accent);border-radius:50%;height:29px;min-width:29px;display:grid;place-items:center}.journey-steps h3{font-size:17px;font-weight:650;margin:0 0 7px}.journey-steps p{font-size:12px;margin:0;line-height:1.85}.product-plans{display:flex;flex-wrap:wrap;gap:20px;max-width:900px;margin:auto}.product-plans article{flex:1 1 280px;border:1px solid var(--p-line);border-radius:16px;padding:32px;background:var(--p-surface);box-shadow:var(--p-shadow)}.product-plans h3{font-size:23px;margin:0 0 18px}.product-plans>p{width:100%}.product-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-top:20px}.product-faq details{border-bottom:1px solid var(--p-line);padding:20px 0}.product-faq summary{cursor:pointer;font-weight:600;min-height:32px;font-size:14px}.product-faq details p{font-size:13px}.product-closing{margin:20px auto 60px;max-width:1136px;padding:60px 32px;text-align:center;background:#eeedff;border:1px solid #e0ddfa;border-radius:22px;color:#28244c}.product-closing h2{font-size:clamp(30px,3.8vw,45px);font-weight:650;margin:16px 0 24px}.product-closing .eyebrow{background:transparent;border:0;margin:0;padding:0;color:#5042d9}.product-closing p{color:#645f87;font-size:11px;margin-top:22px}.product-footer{max-width:none;padding:44px max(32px,calc((100vw - 1136px)/2));display:flex;align-items:center;flex-wrap:wrap;gap:22px;background:#17142f;color:#fff}.product-footer p{font-size:11px;flex:1;color:#bab5d4}.product-footer nav{font-size:11px;gap:20px}.appearance-slot{width:100%}.appearance-controls{display:flex;gap:10px;justify-content:flex-end}.appearance-button{min-height:44px;border:1px solid var(--p-line);border-radius:8px;padding:8px 13px;background:var(--p-surface);color:var(--p-muted);font-size:11px!important}.product-footer .appearance-button{background:#25203f;border-color:#443b65;color:#ddd8ef}.public-menu{display:none}.skip-link{position:absolute;top:-100px}.skip-link:focus{top:10px;left:10px;z-index:999;background:var(--p-surface);padding:10px}.product-home [hidden]{display:none!important}
/* Authentication: form first, blue product story second. No credential flow changes. */
.product-auth-page::before{display:none}.product-auth-page .product-auth{max-width:1180px;min-height:760px;margin:40px auto;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;border:1px solid var(--p-line);border-radius:22px;background:var(--p-surface);box-shadow:var(--p-shadow)}.auth-story{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;min-height:710px;background:#4437ec;color:#fff;border-radius:15px;padding:34px 36px;overflow:hidden;position:relative}.auth-story:before,.auth-story:after{content:'';position:absolute;width:340px;height:340px;border:70px solid #ffffff05;border-radius:50%;pointer-events:none;right:-150px;top:-110px}.auth-story:after{top:auto;bottom:-170px;right:100px;width:260px;height:260px;border-width:55px}.auth-story>*{position:relative}.auth-story>.product-brand{font-size:15px}.auth-story .product-brand b{background:#ffffff19;box-shadow:none}.auth-story h1{font-size:clamp(29px,3vw,38px);font-weight:550;letter-spacing:-.035em;line-height:1.2;margin:16px 0}.auth-story p{color:#dfdbff;font-size:13px;line-height:1.8;max-width:38ch}.auth-story .eyebrow{color:#eeebff;background:#ffffff0d;border-color:#ffffff26;font-size:10px;margin:32px 0 4px}.auth-story>small{color:#dedaff;font-size:10px;margin-top:30px}.auth-orbit{display:none}.auth-product-preview{background:#fff;border:1px solid #ffffff60;border-radius:12px;padding:20px;color:#29263e;box-shadow:0 20px 50px #1c16722e;transform:perspective(1000px) rotateY(-5deg);margin:30px 0 8px}.auth-product-preview header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;padding-bottom:15px;border-bottom:1px solid #eeedf6}.auth-product-preview header span{font-size:9px;color:#746e91;font-weight:400}.auth-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.auth-preview-stats>div{border:1px solid #eeedf6;border-radius:7px;padding:10px}.auth-preview-stats small{font-size:8px;color:#756f8b;display:block}.auth-preview-stats strong{font-size:13px;display:block;margin-top:4px}.auth-product-preview svg{width:100%;height:90px}.auth-preview-row{display:flex;justify-content:space-between;gap:10px;font-size:9px;padding:10px 0;border-top:1px solid #eeedf6;color:#746e91}.auth-preview-row b{color:#5042d9;font-weight:600}.product-auth-page .login-box,.product-auth-page .auth-owner>.card{grid-column:1;grid-row:1;width:100%;max-width:410px;padding:38px 24px;background:transparent;border:0;box-shadow:none;border-radius:0;margin:auto;color:var(--p-ink)}.product-auth-page .login-box>.auth-form-brand,.product-auth-page .auth-owner>.card>.auth-form-brand{display:flex;font-size:17px;color:var(--p-ink);margin-bottom:54px}.product-auth-page .login-logo,.product-auth-page .logo,.product-auth-page .badge{display:none}.product-auth-page h2.login-title,.product-auth-page .card>h2{font:650 30px/1.2 'DM Sans',sans-serif;letter-spacing:-1px;color:var(--p-ink);margin:0 0 12px;text-align:left}.auth-subtitle{color:var(--p-muted);font-size:12px;margin:0 0 30px;line-height:1.8}.product-auth-page form{display:grid;gap:17px}.product-auth-page label{display:flex;flex-direction:column;gap:7px;color:var(--p-ink);font-size:12px;font-weight:550;margin:0}.product-auth-page input:not([type=checkbox]){width:100%;height:46px;padding:11px 13px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface);color:var(--p-ink);font:14px 'DM Sans',sans-serif;box-sizing:border-box;box-shadow:0 1px 2px #24203a03}.product-auth-page input:not([type=checkbox]):focus{border-color:var(--p-accent);outline:3px solid var(--p-accent-soft)}.product-auth-page input::placeholder{color:var(--p-muted)}.product-auth-page .remember-option,.product-auth-page .checkbox{flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;min-height:30px}.product-auth-page input[type=checkbox]{width:17px;height:17px;accent-color:#5042d9;flex-shrink:0}.product-auth-page .quiet,.product-auth-page .auth-links{color:var(--p-muted);font-size:11px;line-height:1.8}.product-auth-page .quiet{margin:0 0 5px}.product-auth-page form>.button{width:100%;margin:4px 0 15px}.product-auth-page #resume-enrollment{width:100%;margin-bottom:22px}.product-auth-page .form-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12px}.product-auth-page .form-links a,.product-auth-page .login-box>a{color:var(--p-accent);font-size:12px;font-weight:550;min-height:30px;display:inline-flex;align-items:center}.product-auth-page .auth-links{margin-top:35px;text-align:left}.product-auth-page .appearance-controls{position:absolute;right:calc(max(24px,(100vw - 1180px)/2));top:5px}.product-auth-page #message:not(:empty){padding:12px;border:1px solid var(--p-line);border-radius:9px;overflow-wrap:anywhere;font-size:12px}.product-auth-page [hidden]{display:none!important}.product-auth-page #access-code-panel{padding:20px;border:1px solid var(--p-line);border-radius:12px;overflow-wrap:anywhere}.product-auth-page #access-code{display:block;margin:15px 0}.product-auth-page #continue-setup.disabled{opacity:.45;pointer-events:none}.product-auth-page .policy-acceptance{align-items:flex-start;font-weight:400}.product-auth-page .policy-acceptance a{color:var(--p-accent);text-decoration:underline;text-underline-offset:3px}
/* Workspace tokens override the legacy palette without touching feature behavior. */
body[data-page=member],body[data-page=admin]{--ui-canvas:var(--p-bg);--ui-shell:var(--p-surface);--ui-surface:var(--p-surface);--ui-soft:var(--p-soft);--ui-ink:var(--p-ink);--ui-muted:var(--p-muted);--ui-line:var(--p-line);--ui-accent:var(--p-accent);--ui-accent-soft:var(--p-accent-soft);--ui-active:var(--p-accent-soft);--ui-on-active:var(--p-accent);--ui-good:#237454;--ui-bad:#ac3453;--red:var(--p-accent);--dred:#4032be;--gold:var(--p-accent);--lgold:var(--p-accent);padding:24px;background:var(--p-bg);font-family:'DM Sans',sans-serif}
:root[data-theme=dark] body[data-page]{--ui-good:#8bdbbc;--ui-bad:#ffabc0}
body[data-page] .dashboard-shell{border-radius:18px;background:var(--p-surface);border-color:var(--p-line);box-shadow:var(--p-shadow)}body[data-page] .main{padding:28px 32px 40px;background:var(--p-bg)}body[data-page] .main h1{font-size:26px;font-weight:650;letter-spacing:-.8px;margin-bottom:26px}body[data-page] .topbar{height:78px;min-height:78px;background:var(--p-surface);border-bottom:1px solid var(--p-line);padding:16px 24px}body[data-page] .tb-logo,body[data-page] .brand-symbol{background:#5042d9;border-radius:11px;color:#fff}body[data-page] .topbar-badge{border-radius:7px}body[data-page] .nav-icon,body[data-page] .active .nav-icon{color:inherit}body[data-page] .sidebar,body[data-page] .nav-tabs{background:var(--p-surface);border-right:1px solid var(--p-line)}body[data-page] .sb-item.active,body[data-page] .nav-tab.active{background:var(--p-accent-soft);color:var(--p-accent);font-weight:650;box-shadow:none}body[data-page] :is(.sb-item,.nav-tab):hover{background:var(--p-soft);color:var(--p-accent)}body[data-page] :is(.button,.btn-red,.gw-primary,.save-keys-btn){background:#5042d9;border-color:#5042d9;color:#fff;box-shadow:none}body[data-page] :is(.button,.btn-red,.gw-primary,.save-keys-btn):hover{background:#4032be;border-color:#4032be;color:#fff}body[data-page] .secondary,body[data-page] .btn:not(.btn-red):not(.btn-danger):not(.btn-green){background:var(--p-surface);border-color:var(--p-line);color:var(--p-ink)}body[data-page] :is(.button,.secondary,.btn,.gw-button,.save-keys-btn){min-height:44px;border-radius:8px;transition:background .18s,border-color .18s,box-shadow .18s}body[data-page] :focus-visible{outline:3px solid var(--p-accent);outline-offset:3px}body[data-page] input:focus,body[data-page] select:focus,body[data-page] textarea:focus{border-color:var(--p-accent);box-shadow:0 0 0 3px var(--p-accent-soft)}body[data-page] input[type=checkbox],body[data-page] input[type=radio]{accent-color:#6551e4}body[data-page] .dashboard-hero{background:linear-gradient(110deg,#eeedff,#e5edff 65%,#d5f1f7)!important;border:1px solid #e0e3f7!important;border-radius:14px;padding:32px;min-height:235px;color:#272344!important;overflow:hidden}body[data-page] .dashboard-hero .hero-kicker{background:transparent!important;border:0!important;padding:0;color:#5c50a6!important;font:550 11px 'DM Sans',sans-serif;letter-spacing:0}body[data-page] .dashboard-hero .hero-title{color:#272344;font-weight:650;font-size:clamp(28px,2.6vw,38px);max-width:20ch;letter-spacing:-1.2px}body[data-page] .dashboard-hero .hero-description{color:#5e6083!important;font-size:13px;max-width:50ch}body[data-page] .dashboard-hero .button{background:#5042d9;color:#fff;border-color:#5042d9}body[data-page] .dashboard-hero .secondary{background:#ffffffa8!important;border-color:#d1d1ef!important;color:#403772!important}body[data-page] .dashboard-hero .btc-emblem{background:linear-gradient(135deg,#fff,#c5bdf7);color:#7561d7;border:1px solid #c9c4ec;box-shadow:0 0 0 20px #fff3,0 0 0 45px #fff2,0 10px 35px #7e72b91a;transform:rotate(-15deg);width:104px;height:104px;font-size:66px}body[data-page] :is(.panel,.paper-card,.card,.member-card,.subscriber-card,.risk-section,.gw-card){border-radius:12px;box-shadow:0 2px 5px #30265f03}body[data-page] .metric,body[data-page] .stat-card{border-radius:10px;padding:20px;border-color:var(--p-line)}body[data-page] :is(.metric strong,.stat-val){font-family:'DM Sans',sans-serif!important;font-weight:650;font-variant-numeric:tabular-nums}body[data-page] .metric span{font-size:11px}body[data-page] .metric strong{font-size:25px;letter-spacing:-.8px}body[data-page] .dashboard-status{border-radius:12px}body[data-page] .dashboard-status .status-item{padding:14px 0}body[data-page] .dashboard-activity .panel{padding:22px}body[data-page] .main .panel h2{font-weight:650;font-size:16px}body[data-page] .main th{font-size:10px;letter-spacing:.025em;color:var(--p-muted);background:var(--p-soft)}body[data-page] .main td{font-size:12px}body[data-page] .main .plan-price,body[data-page] .main .plan-price small{color:var(--p-accent)!important}body[data-page] .risk-preview{border-top-color:var(--p-accent)}body[data-page] .paper-hero{background:linear-gradient(115deg,var(--p-surface),var(--p-accent-soft));border-color:var(--p-line)}body[data-page] .paper-pill{background:var(--p-accent-soft);color:var(--p-accent)}body[data-page] .trading-tabs a[aria-current=page],body[data-page] .health-tabs [aria-pressed=true]{background:var(--p-accent-soft);color:var(--p-accent);border-color:var(--p-accent)}body[data-page] .member-avatar{color:var(--p-ink)!important}body[data-page] .theme-switch{min-width:44px;min-height:44px;border-radius:9px}body[data-page] .main input,body[data-page] .main select,body[data-page] .main textarea{border-radius:8px}body[data-page] .main :is(.risk-back,.member-invite-link){color:var(--p-accent)}body[data-page] .workspace-shortcuts{display:none!important}
:root[data-theme=dark] .product-hero:before{opacity:.12}:root[data-theme=dark] .direction-pair>div{background:#203d35;border-color:#315b4e;color:#98dfc4}:root[data-theme=dark] .direction-pair>div+div{background:#412a37;border-color:#664050;color:#f0acbc}:root[data-theme=dark] .product-closing{background:#272440;border-color:#403962;color:var(--p-ink)}:root[data-theme=dark] .product-closing p{color:var(--p-muted)}:root[data-theme=dark] .product-closing .eyebrow{color:var(--p-accent)}:root[data-theme=dark] body[data-page] .dashboard-hero{background:linear-gradient(110deg,#2e2852,#242e4e 65%,#213e48)!important;border-color:#48466b!important}:root[data-theme=dark] body[data-page] .dashboard-hero .hero-title{color:#f1edff}:root[data-theme=dark] body[data-page] .dashboard-hero .hero-description{color:#c4c1de!important}:root[data-theme=dark] body[data-page] .dashboard-hero .hero-kicker{color:#bfb2ef!important}:root[data-theme=dark] body[data-page] .dashboard-hero .secondary{background:#3b3557!important;border-color:#5b5279!important;color:#ede7ff!important}:root[data-theme=dark] body[data-page] .dashboard-hero .btc-emblem{background:linear-gradient(135deg,#7770b2,#454267);color:#e4dcff;border-color:#746993;box-shadow:0 0 0 20px #a9a3db08,0 0 0 45px #a9a3db05}
@media(min-width:901px){body[data-page] .layout,body[data-page] .dash.open{grid-template-columns:216px minmax(0,1fr)}body[data-page] .dash.open{grid-template-rows:78px 1fr}body[data-page] .sidebar,body[data-page] .nav-tabs{padding:24px 14px;gap:7px}body[data-page] .sb-item,body[data-page] .nav-tab,body[data-page] .sb-item.active,body[data-page] .nav-tab.active{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px;height:auto;min-height:46px;padding:11px 13px;font-size:12px;border-radius:8px}body[data-page] .nav-label{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;max-width:none;white-space:normal!important;font-size:12px}body[data-page] .nav-icon{width:20px;min-width:20px;height:20px}body[data-page] .nav-icon svg{width:20px;height:20px}body[data-page] .nav-tab .lock-icon{position:static;margin-left:auto}}
@media(max-width:1100px){body[data-page=member],body[data-page=admin]{padding:12px}body[data-page] .main{padding:24px}.product-auth-page .product-auth{margin:38px 24px;min-height:720px}.auth-story{padding:28px;min-height:670px}.auth-preview-stats strong{font-size:11px}.auth-product-preview{padding:15px}.product-closing,.journey{margin-inline:32px}.product-faq{gap:40px}.preview-main{padding:20px}.preview-body{grid-template-columns:minmax(0,1fr) 160px}}
@media(max-width:900px){body[data-page=member],body[data-page=admin]{padding:0}body[data-page] .dashboard-shell{border-radius:0;border:0}body[data-page] .topbar{min-height:76px;height:76px}body[data-page] .main{padding:24px 20px}body[data-page] .layout,body[data-page] .dash.open{grid-template-columns:minmax(0,1fr)}body[data-page] .dash.open{grid-template-rows:76px 1fr}body[data-page] .sidebar,body[data-page] .nav-tabs{width:250px;padding:18px;gap:8px}body[data-page] .sb-item,body[data-page] .nav-tab{min-height:48px;border-radius:8px;font-size:13px}body[data-page] .dashboard-grid{grid-template-columns:minmax(0,1fr)}body[data-page] .dashboard-activity{grid-template-columns:1fr 1fr}.product-header{flex-wrap:wrap;position:relative}.public-menu{display:block;min-height:44px;border:1px solid var(--p-line);background:var(--p-surface);color:var(--p-ink);border-radius:8px;padding:8px 16px}.product-header nav{display:none;width:100%;align-items:stretch;gap:0}.product-header nav.is-open{display:flex;flex-direction:column}.product-header nav a{padding:12px}.product-hero{padding-top:40px}.preview-shell{grid-template-columns:110px 1fr}.preview-rail{padding:20px 12px;gap:17px;font-size:10px}.preview-body{grid-template-columns:1fr}.preview-checklist{display:none}.product-auth-page .product-auth{grid-template-columns:1fr;max-width:550px;margin:62px auto 28px;min-height:0;padding:18px}.auth-story{grid-column:1;grid-row:2;min-height:0;padding:24px}.auth-story>.product-brand,.auth-story .eyebrow,.auth-story>small,.auth-product-preview{display:none}.auth-story h1{font-size:25px;margin:0 0 12px}.auth-story p{max-width:none;margin:0;font-size:12px}.product-auth-page .login-box,.product-auth-page .auth-owner>.card{padding:25px 18px;max-width:none}.auth-form-brand{margin-bottom:36px}.product-auth-page .appearance-controls{right:24px}.feature-grid article{padding:24px}.feature-grid p{min-height:110px}.product-strip{gap:30px}.journey{padding:36px;gap:35px}.product-closing{padding:45px 25px}}
@media(max-width:600px){.product-header{padding:18px 6%}.product-hero{padding:30px 6% 35px;gap:35px}.product-hero h1{font-size:clamp(34px,9vw,47px)}.hero-editorial>p{font-size:14px}.eyebrow{font-size:10px;margin-bottom:18px}.product-actions{gap:10px}.product-actions>a{flex:1 1 auto}.preview-shell{grid-template-columns:1fr;border-radius:12px}.preview-rail{display:none}.preview-main{padding:16px}.preview-heading strong{font-size:12px}.preview-heading small{font-size:8px}.preview-metrics{gap:7px;margin-bottom:12px}.preview-metrics>div{padding:10px 8px}.preview-metrics small{font-size:8px}.preview-metrics strong{font-size:14px}.preview-metrics span{font-size:8px}.art-heading small{display:none}.art-title h2{font-size:14px}.round-duration{font-size:20px}.art-footer{font-size:8px}.direction-pair>div{padding:9px;font-size:10px}.direction-pair small{font-size:8px}.product-strip{gap:12px;flex-wrap:wrap;font-size:9px;padding:20px 6%}.product-section{padding:55px 6%}.feature-grid,.journey,.product-faq{grid-template-columns:1fr}.feature-grid article+article{border-left:0;border-top:1px solid var(--p-line)}.feature-grid h3{margin-top:18px}.feature-grid p{min-height:0}.section-intro{margin-bottom:27px}.journey{margin-inline:6%;padding:26px;gap:32px}.journey .section-intro{margin:0}.product-plans article{padding:24px}.product-closing{margin:10px 6% 35px;padding:35px 22px}.product-footer{padding:35px 6%;align-items:flex-start}.product-footer p{flex-basis:100%;margin:0}.product-footer nav{flex-wrap:wrap;gap:20px}.appearance-controls{justify-content:flex-start}.product-auth-page .product-auth{margin:58px 12px 20px;padding:12px;gap:8px;border-radius:16px}.product-auth-page .login-box,.product-auth-page .auth-owner>.card{padding:24px 12px}.product-auth-page h2.login-title,.product-auth-page .card>h2{font-size:27px}.auth-form-brand{font-size:15px;margin-bottom:30px}.auth-story{padding:22px}.auth-story h1{font-size:22px}.product-auth-page .appearance-controls{right:15px}.product-auth-page .appearance-button{padding:7px 10px;font-size:10px!important}body[data-page] .main{padding:22px 14px}body[data-page] .topbar{padding:10px 12px;gap:8px}body[data-page] .topbar-right,body[data-page] .tb-right{gap:6px}body[data-page] .mobile-menu-btn,body[data-page] .theme-switch{min-width:44px;width:44px;min-height:44px;height:44px}body[data-page] .dashboard-hero{padding:24px;min-height:230px}body[data-page] .dashboard-hero .btc-emblem{display:none}body[data-page] .dashboard-hero .hero-copy{max-width:100%;padding:0}body[data-page] .dashboard-hero .hero-title{font-size:29px;max-width:19ch}body[data-page] .dashboard-activity{grid-template-columns:1fr}body[data-page] .metrics{gap:10px}body[data-page] .metric{padding:16px}body[data-page] .metric strong{font-size:23px}body[data-page] .main h1{font-size:24px}}
@keyframes chart-draw{to{stroke-dashoffset:0}}html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation-play-state:paused!important}html[data-motion=paused] .chart-trace{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chart-trace{stroke-dashoffset:0}}
/* Enrollment and recovery belong to the same visual and security journey. */
.product-auth-page .qr{display:block;width:180px;height:180px;max-width:100%;padding:10px;background:#fff;border:1px solid var(--p-line);border-radius:12px;margin:20px auto}.product-auth-page #authenticator>p,.product-auth-page #backup-panel>p,.product-auth-page .login-box>p:not(.auth-subtitle){color:var(--p-muted);font-size:12px;line-height:1.8}.product-auth-page #authenticator details{padding:12px 0;font-size:12px;margin-bottom:15px}.product-auth-page #authenticator details summary{cursor:pointer;min-height:30px;color:var(--p-accent)}.product-auth-page #manual-key,.product-auth-page #backup-codes{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--p-ink);font-size:12px}.product-auth-page #backup-panel{padding-top:22px}.product-auth-page #backup-panel h2{font-size:22px;color:var(--p-ink)}.product-auth-page #backup-panel .button,.product-auth-page #backup-panel .secondary{margin-block:12px}

/* Consent remains beside its checkbox in wallet and trading approval forms. */
body[data-page] .risk-field:has(>input[type=checkbox]){flex-direction:row;align-items:flex-start;gap:12px;line-height:1.7}body[data-page] .risk-field>input[type=checkbox]{width:18px;min-width:18px;height:18px;margin:4px 0 0;flex:0 0 18px}body[data-page] .wallet-workspace .paper-card p{overflow-wrap:anywhere}

/* Connectivity notice stays reachable above both responsive dashboard shells. */
.connection-notice{position:fixed;z-index:10000;inset:auto 16px 16px;max-width:680px;margin-inline:auto;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #0003}.connection-notice[hidden]{display:none}.connection-notice p{margin:0;min-width:0}.connection-notice button{min-height:44px;flex-shrink:0}@media(max-width:600px){.connection-notice{flex-direction:column;align-items:stretch;bottom:max(12px,env(safe-area-inset-bottom))}}
.readiness-checks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.readiness-checks li{min-width:0;padding:14px;border:1px solid var(--p-line);border-radius:12px;background:var(--p-soft);overflow-wrap:anywhere}.readiness-checks li p{margin:.5em 0;color:var(--p-muted)}