/* PulseQuant black-and-gold visual system. Presentation only. */
:root{--yellow:#f5df20;--surface:#0c0c0c;--line:#292929}
body{font-family:Arial,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
.art-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;mix-blend-mode:screen}
.topbar{height:78px;padding:0 42px;border-color:#232323;background:#030303;gap:58px}.brand{font-size:27px;letter-spacing:-1px}.topbar .brand img{width:39px;height:39px}.topbar nav{gap:36px}.topbar nav button{font-size:15px}.topbar nav button.nav-current:after{background:var(--yellow);width:28px;left:calc(50% - 14px)}
main{max-width:1440px;padding:34px 52px 30px}.panel,.strategy-panel,.account-layout{border-color:#2a2a2a;background:linear-gradient(130deg,#111 0%,#060606 60%);border-radius:24px}.primary{background:var(--yellow);padding:14px 28px}.primary:hover:enabled{background:#ffec58}.outline{padding:13px 28px}h1{font-weight:650}h2{font-size:23px}.title-line{margin-bottom:28px}
/* Wide sculptural login hero. */
.login-header{height:88px;padding:0 46px;border-bottom:1px solid #171717}.login-header .brand{font-size:29px}.login-layout{max-width:1360px;grid-template-columns:minmax(0,1fr) 450px;gap:100px;margin:45px auto 60px;padding:0 64px;min-height:640px}.login-art{position:relative;padding:0}.login-art-copy h2{font-size:46px;line-height:1.28;font-weight:650;letter-spacing:-1.8px}.login-art-copy h2 span{color:var(--yellow)}.login-art-copy p{color:#8c8c8c;margin-top:18px;font-size:15px}.login-sculpture{height:370px;width:calc(100% + 60px);margin:8px -30px 0}.login-art-bottom{display:flex;align-items:center;justify-content:center;gap:24px;font-size:12px;color:#a7a7a7}.login-art-bottom i{width:4px;height:4px;background:#75681e;border-radius:50%}.login form{padding:42px 35px 34px;min-height:510px;border:1px solid #303030;background:linear-gradient(145deg,#111,#060606 70%);border-radius:28px}.login h1{font-size:34px;margin-bottom:25px}.login-switch{margin-bottom:26px}.login input{background:#141414;border:1px solid #303030;min-height:56px}.login .primary{background:var(--yellow);margin-top:15px;min-height:54px}.login .primary:hover:enabled{background:#fff064}.login label{color:#aaa}
/* Home composition: hero, real performance, account views, illustrated navigation. */
.home-hero{min-height:330px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;margin:0 0 26px;padding:6px 30px 15px 8px;overflow:hidden}.hero-copy{position:relative;z-index:1}.market-pill{display:inline-flex;align-items:center;gap:10px;font-size:12px;border:1px solid #423d1d;border-radius:20px;padding:6px 12px;color:#d6cc89}.market-pill i{height:10px;width:1px;background:#625a30}.hero-copy h1{font-size:54px;line-height:1.16;letter-spacing:-1.7px;margin:22px 0 18px}.hero-copy h1 span{display:block;color:var(--yellow)}.hero-copy p{font-size:15px;color:#999}.hero-actions{display:flex;gap:14px;margin-top:26px}.hero-actions button{font-size:13px;min-height:46px}.hero-actions button span{margin-left:16px}.hero-art{height:340px;justify-self:end;width:100%;max-width:570px}.hero-art img{object-fit:contain}.strategy-panel{padding:32px 34px;margin-bottom:24px}.strategy-layout{grid-template-columns:320px minmax(0,1fr);gap:40px}.nav-value strong{font-size:52px;letter-spacing:-1.5px}.strategy-stats{gap:24px;margin-top:32px}.strategy-stats b{font-size:19px}.strategy-stats label{font-size:12px}.strategy-layout .chart{height:245px}#strategy-status{border:1px solid #323323;padding:5px 11px;border-radius:20px;font-size:11px;color:#c9c59f}.home-metrics strong{font-size:32px}.home-metrics label{font-size:12px}#home-account{padding:30px 34px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}.feature-card{display:block;white-space:normal;text-align:left;padding:0;border-radius:22px;border:1px solid #292929;background:#060606;overflow:hidden;transition:border-color .2s,transform .2s}.feature-card:hover:enabled{border-color:#655d2f;background:#0c0c0c;transform:translateY(-3px)}.feature-art{height:170px;background:#000;padding:4px 20px 0}.feature-copy{padding:20px 25px 24px;border-top:1px solid #1b1b1b}.feature-copy h3{font-size:19px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.feature-copy h3 span{color:var(--yellow);font-size:23px;font-weight:400}.feature-copy p{color:#888;font-size:12px;font-weight:400;margin-top:9px}.manager-overview{position:relative;padding:30px 34px 30px 265px;min-height:230px;overflow:hidden}.manager-art{position:absolute;width:230px;height:185px;left:18px;top:25px}.manager-overview .overview-strip{gap:20px}.manager-overview .overview-strip strong{font-size:30px}.manager-overview .overview-strip label{font-size:12px}
/* Client settings, API, and manager customer list get individual visual anchors. */
.section-hero{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:center;min-height:260px;padding:12px 30px 24px 6px;margin-bottom:18px;border-bottom:1px solid #282828}.section-hero-copy .title-line{display:block}.section-hero-copy h2{font-size:42px;letter-spacing:-1px;margin-bottom:22px}.section-hero-copy p{font-size:14px;color:#8b8b8b}.section-hero-copy .create-customer{font-size:13px}.section-hero-art{height:245px}.customer-search{margin:28px 0 26px}.customer-card{background:linear-gradient(140deg,#151515,#060606);border:1px solid #303030;border-radius:22px;padding:27px}.customer-avatar{background:#292615;color:#f5df20;border:1px solid #494124;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}.customer-card>button{border-color:#45412a;color:#eddf86}.customer-card>button:hover{background:#302c13}.api-hero{position:relative;display:grid;grid-template-columns:1fr 330px;grid-template-rows:auto auto;column-gap:50px;align-items:center;min-height:260px;border-bottom:1px solid #242424;padding:12px 25px 24px 6px;margin-bottom:34px}.api-hero>div:first-child{align-self:end}.api-hero h1{font-size:42px;margin-bottom:13px}.api-hero>button{grid-column:1;justify-self:start;align-self:start;margin-top:22px}.api-hero-art{grid-column:2;grid-row:1/3;height:230px}.api-connection{background:linear-gradient(120deg,#151515,#050505);border:1px solid #303030;border-radius:20px;padding:28px 32px;min-height:120px}.connection-brand{font-size:13px;letter-spacing:.2px;color:#f5df20}.api-help{padding:20px 28px;gap:22px;min-height:150px}.guide-mark{width:150px;height:115px;flex-shrink:0}.api-help>div:not(.guide-mark){flex:1}.api-help h2{font-size:21px}.api-help button{font-size:12px}.settings-layout{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:55px}.settings{padding:30px 32px}.settings-explanation{padding:0 24px 20px}.settings-art{height:255px;margin:-15px -15px 25px}.settings-explanation h3{font-size:19px}.settings-explanation p{font-size:13px;line-height:1.9;color:#909090}.settings-explanation .rule-divider{margin:25px 0}.settings .calculation{background:#19180e;border-color:#3a3419}.settings .calculation b{color:#eddd74}.settings input{background:#1b1b1b;border-color:#282828}.settings #toggle{min-height:48px}.settings #save-settings{min-height:46px}.account-page-heading{align-items:center;gap:16px;margin:0 0 22px}.account-symbol{width:92px;height:65px;flex-shrink:0}.account-heading{flex:1}.account-page-heading .buttons{margin-left:auto}.account-metrics{background:linear-gradient(105deg,#161510,#090909 55%);border-color:#343025;border-radius:24px;padding:30px 32px}.account-metrics strong{font-size:31px}.account-layout{padding:28px 32px;margin:26px 0 30px}.account-layout .chart{height:245px}.account-layout .inline-stats{padding-top:22px}.record-toolbar{border-bottom:1px solid #272727}.tabs button.selected{border-color:var(--yellow)}.table-wrap tbody tr:hover{background:#12110b}.dialog-art{width:62px;height:48px;margin-right:-2px;flex-shrink:0}#account-form>.title-line{gap:10px}#account-form>.title-line h2{font-size:21px;flex:1}#account-form>.title-line #close-dialog{margin-left:auto}
@media(min-width:1600px){.home-hero{min-height:380px}.hero-art{height:380px}.hero-copy h1{font-size:62px}}
@media(max-width:1100px){main{padding:28px 28px}.topbar{gap:28px;padding:0 26px}.topbar nav{gap:25px}.login-layout{grid-template-columns:1fr 410px;gap:40px;padding:0 35px}.login-art-copy h2{font-size:36px}.login-sculpture{height:310px;width:100%;margin:12px 0}.home-hero{padding-right:0;min-height:295px}.hero-copy h1{font-size:46px}.hero-art{height:300px}.strategy-layout{grid-template-columns:280px minmax(0,1fr);gap:25px}.nav-value strong{font-size:45px}.strategy-stats{gap:12px}.strategy-stats b{font-size:16px}.feature-art{height:145px}.feature-copy{padding:19px}.feature-copy h3{font-size:17px}.feature-copy p{font-size:11px}.manager-overview{padding-left:200px}.manager-art{width:170px;left:12px}.manager-overview .overview-strip strong{font-size:25px}.settings-layout{grid-template-columns:1fr 1fr;gap:24px}.section-hero{grid-template-columns:1fr 270px}.api-hero{grid-template-columns:1fr 280px}.settings-art{height:220px}.guide-mark{width:105px}.account-metrics strong{font-size:27px}}
@media(max-width:700px){.topbar{height:auto;min-height:65px;padding:16px 18px 0;gap:0}.topbar .brand{font-size:23px}.topbar .brand img{width:32px;height:32px}.topbar nav{gap:28px;height:48px}.topbar nav button{font-size:13px}.topbar .user-menu{gap:14px}.topbar .user-menu button{font-size:10px}main{padding:20px 18px}.login-header{height:72px;padding:0 22px}.login-header .brand{font-size:24px}.login-layout{display:flex;flex-direction:column;gap:0;margin:18px auto 30px;padding:0 25px;min-height:0;max-width:440px}.login-art{display:block;width:100%;height:150px;position:relative;overflow:hidden;margin-bottom:20px;border-bottom:1px solid #202020}.login-art-copy{position:absolute;left:0;top:26px;width:62%;z-index:1}.login-art-copy h2{font-size:23px;line-height:1.35;letter-spacing:-.7px}.login-art-copy p{font-size:10px;margin-top:12px;max-width:160px}.login-sculpture{position:absolute;right:-45px;top:0;margin:0;width:195px;height:145px}.login-art-bottom{display:none}.login form{width:100%;padding:10px 0 20px;border:0;background:none;min-height:0}.login h1{font-size:29px;margin-bottom:17px}.login-switch{margin-bottom:22px;gap:28px}.login-switch button{font-size:14px;padding:12px 0 15px}.login label{font-size:12px;margin-bottom:20px}.login input{min-height:52px;font-size:16px}.login .primary{min-height:50px;margin-top:9px}.home-hero{min-height:250px;display:block;padding:16px 0 12px;margin:0 0 20px;overflow:hidden}.market-pill{font-size:9px;padding:5px 9px;gap:8px}.hero-copy h1{font-size:35px;line-height:1.18;letter-spacing:-1px;margin:17px 0 13px;width:65%}.hero-copy p{font-size:11px;max-width:62%;line-height:1.8}.hero-art{position:absolute;right:-56px;top:20px;width:225px;height:215px;opacity:.9}.hero-actions{gap:9px;margin-top:23px}.hero-actions button{font-size:11px;padding:11px 18px;min-height:41px}.hero-actions button span{margin-left:9px}.strategy-panel,.panel{border-radius:20px;padding:23px 21px}.title-line{margin-bottom:24px}h2{font-size:19px}.strategy-layout{display:block}.nav-value strong{font-size:45px}.strategy-stats{margin:24px 0 28px;gap:16px}.strategy-stats b{font-size:16px}.strategy-stats label{font-size:10px}.strategy-layout .chart{height:185px}.chart-toolbar{font-size:9px}#strategy-status{font-size:9px;padding:4px 8px}#home-account{padding:23px 21px}.home-metrics{gap:24px 15px}.home-metrics strong{font-size:24px}.home-metrics>div:first-child strong{font-size:35px}.home-metrics label{font-size:11px}.feature-grid{grid-template-columns:1fr;gap:12px;margin:22px 0}.feature-card{display:flex;align-items:center;min-height:116px;border-radius:18px}.feature-art{width:118px;height:105px;padding:5px;flex-shrink:0}.feature-copy{border:0;padding:17px 17px 17px 7px;flex:1}.feature-copy h3{font-size:16px}.feature-copy h3 span{font-size:20px}.feature-copy p{font-size:10px;line-height:1.7;margin-top:5px}.manager-overview{padding:23px 21px;min-height:0;overflow:hidden}.manager-art{position:absolute;top:10px;left:auto;right:-20px;width:150px;height:105px;opacity:.85}.manager-overview>.title-line{position:relative;min-height:65px;align-items:flex-start;margin-bottom:16px;max-width:70%;gap:10px;flex-wrap:wrap}.manager-overview>.title-line h2{font-size:19px}.manager-overview>.title-line button{padding:7px 13px;font-size:10px}.manager-overview .overview-strip{grid-template-columns:1fr 1fr;gap:22px 15px;position:relative}.manager-overview .overview-strip strong{font-size:24px}.manager-overview .overview-strip label{font-size:10px}.section-hero{grid-template-columns:1fr;position:relative;min-height:230px;padding:20px 0 22px;margin-bottom:10px}.section-hero-copy{z-index:1;position:relative}.section-hero-copy h2{font-size:31px;margin-bottom:21px}.section-hero-copy .title-line{margin-bottom:17px}.section-hero-copy .create-customer{font-size:11px;padding:11px 20px}.section-hero-copy p{font-size:11px;width:65%;line-height:1.8}.section-hero-art{position:absolute;right:-25px;top:10px;width:195px;height:175px}.customer-search{margin:20px 0;gap:12px}.customer-search input{max-width:245px}.customer-card{padding:23px}.api-hero{display:block;min-height:250px;padding:24px 0 22px;margin-bottom:24px;overflow:hidden}.api-hero>div:first-child{position:relative;z-index:1}.api-hero h1{font-size:32px}.api-hero p{font-size:11px;max-width:62%;line-height:1.9}.api-hero>button{position:relative;z-index:1;font-size:12px;padding:12px 23px;margin-top:24px}.api-hero-art{position:absolute;right:-40px;top:18px;width:230px;height:210px}.api-connection{padding:23px 20px;min-height:110px}.api-help{display:block;position:relative;padding:25px 22px;min-height:205px;overflow:hidden}.guide-mark{position:absolute;width:145px;height:105px;right:-13px;bottom:6px;opacity:.8}.api-help h2{font-size:18px}.api-help p{max-width:240px;line-height:1.9;font-size:11px}.api-help button{margin-top:24px;font-size:11px;position:relative}.settings-layout{display:block}.settings{padding:26px 23px}.settings-explanation{padding:20px 6px}.settings-art{height:190px;margin:0 -6px 20px}.settings-explanation h3{font-size:17px}.settings-explanation p{font-size:12px}.account-symbol{display:none}.account-page-heading{gap:12px;margin-bottom:19px}.account-heading select{max-width:235px}.account-metrics{padding:24px 22px;border-radius:20px;gap:26px 18px}.account-metrics strong{font-size:24px}.account-layout{padding:24px 18px;border-radius:20px;margin:22px 0 25px}.account-layout .chart{height:190px}.account-layout .inline-stats{padding-top:19px}.account-layout .title-line h3{font-size:14px}.dialog-art{width:46px;height:38px}#account-form>.title-line{gap:7px}#account-form>.title-line h2{font-size:18px}#account-form>.title-line #close-dialog{font-size:11px}.record-toolbar{border:0}}
@media(prefers-reduced-motion:reduce){.feature-card{transition:none}.feature-card:hover:enabled{transform:none}}

.settings .calculation{border:1px solid #3a3419;border-radius:12px;padding:14px 16px;margin-bottom:16px}
/* Refined controls and artwork — presentation only. */
.login-art{isolation:isolate}
.login-art:before{
  content:'';position:absolute;inset:29% -5% 1%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 51% 59%,rgba(212,167,28,.105) 0%,rgba(156,116,12,.035) 39%,transparent 70%);
}
.login-art-copy{position:relative;z-index:2}
.login-sculpture{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 71%,rgba(0,0,0,.9) 81%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 71%,rgba(0,0,0,.9) 81%,transparent 100%);
}
.hero-art>.art-image{
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 78%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 78%,transparent);
}
button{font-weight:650;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}
.primary,.outline,.customer-card>button{
  min-height:48px;padding:13px 26px;border-radius:12px;font-size:14px;line-height:1.4;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.primary{
  border:1px solid #f7e64e;background:linear-gradient(180deg,#fae83b,#f0d81c);
  color:#111;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 3px 0 rgba(101,82,0,.28);
}
.primary:hover:enabled{
  background:linear-gradient(180deg,#fff263,#f9e636);border-color:#fff275;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 16px rgba(228,198,25,.12);
}
.outline,.customer-card>button{
  border:1px solid #474747;background:linear-gradient(180deg,#232323,#171717);
  color:#eee;box-shadow:inset 0 1px 0 #ffffff08;
}
.outline:hover:enabled,.customer-card>button:hover:enabled{
  border-color:#77705a;background:linear-gradient(180deg,#302e25,#24221b);color:#fff0a0;
}
.primary:active:enabled,.outline:active:enabled,.customer-card>button:active:enabled{transform:translateY(1px);box-shadow:none}
button:disabled{opacity:.48;box-shadow:none}
.login .primary,dialog .primary{min-height:52px;font-size:15px;border-radius:14px}
.login .primary{background:linear-gradient(180deg,#fae83b,#f0d81c)}
.login .primary:hover:enabled{background:linear-gradient(180deg,#fff263,#f9e636)}
.hero-actions button{min-height:48px;font-size:14px;padding:13px 24px}
.hero-actions button span{margin-left:9px}
.settings #toggle,.settings #save-settings{min-height:50px;font-size:14px}
.customer-card>button{min-height:44px;font-size:13px}
#customer-actions button{min-height:40px;padding:9px 16px;font-size:12px;border-color:#444;background:#1a1a1a;border-radius:10px}
#customer-actions button:hover:enabled{border-color:#6e6650;background:#28251c}
.user-menu button{min-height:36px;padding:7px 10px;color:#d1d1d1;font-size:12px;border-radius:8px}
.user-menu button:hover:enabled{background:#1c1c1c;color:#fff}
.topbar nav button{font-weight:600;color:#a5a5a5}
.tabs button{font-weight:600;color:#aaa}
.tabs button.selected:after{background:var(--yellow);width:28px;left:calc(50% - 14px)}
.page-controls button{width:38px;height:38px;border-radius:10px;border-color:#414141;background:#191919;font-size:22px}
.page-controls button:hover:enabled{background:#2a281e;border-color:#74683c}
.text-action{font-weight:600;color:#d8d8d8}
.plain{min-height:36px;padding:6px 10px;color:#b5b5b5;border-radius:8px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f5df20;outline-offset:4px}
/* Native select behavior, precise inset and a centered custom chevron. */
select{
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23d2d2d2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px;
}
#settings-account-select,#account-select{
  padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23d2d2d2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 17px center;background-size:12px;border:1px solid #343434;border-radius:12px;
}
.filters select{padding-right:29px;background-position:right 10px center;background-size:10px}
.chart-toolbar select{padding-right:29px;background-position:right 10px center;background-size:10px}
.page-controls select{padding-right:24px;background-position:right 8px center;background-size:9px}
.language-switch{width:116px;min-height:36px;margin:0;padding:7px 26px 7px 11px;font-size:12px;background-color:#101010;border:1px solid #303030;border-radius:8px;color:#ddd;background-position:right 10px center;background-size:10px}
.language-switch option{background:#191919;color:white}
.login-header .language-switch{border-color:#282828}
#account-form .api-permission-note{
  padding:16px 18px;border:1px solid #6c5c1d;border-left:3px solid #e4cb37;border-radius:10px;
  background:linear-gradient(105deg,#28230e,#19180f);color:#e9e5d3;font-size:13px;line-height:1.95;
}
#account-form .api-permission-note b{color:#ffe94a;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.2px}
#settings-empty{grid-column:1/-1;padding:48px 24px;border:1px solid #303030;border-radius:24px;background:radial-gradient(ellipse at 50% 5%,#24200d 0%,#0b0b0b 49%);text-align:center}
#settings-empty img{width:210px;height:140px;margin:0 auto 20px}
#settings-empty h2{font-size:24px;margin:0 0 12px;color:#f2f2f2}
#settings-empty p{font-size:14px;line-height:1.8;max-width:480px;margin:0 auto 24px;color:#aaa}
#settings-empty button{margin:0 auto;min-width:170px}
@media(max-width:1100px){.user-menu{gap:7px}.topbar{column-gap:28px}.topbar nav{gap:23px}}
@media(max-width:700px){
  .primary,.outline{min-height:46px;padding:12px 20px;font-size:13px;border-radius:11px}
  .hero-actions button{font-size:12px;min-height:44px;padding:11px 17px;gap:4px}
  .hero-actions button span{margin-left:4px}
  .login .primary{min-height:52px;font-size:15px}
  .topbar .user-menu{gap:5px;flex-wrap:wrap;justify-content:flex-end}
  .topbar .user-menu button{font-size:11px;min-height:34px;padding:6px 8px}
  .user-menu .language-switch{width:91px;font-size:10px;padding:6px 21px 6px 7px;min-height:32px}
  .topbar .brand{font-size:21px}.topbar .brand img{width:29px;height:29px}
  .login-header .language-switch{width:95px;font-size:11px}
  .page-controls button{width:35px;height:35px;border-radius:9px}
  .account-page-heading .buttons button{min-height:40px;font-size:12px;padding:9px 13px}
  #settings-account-select,#account-select{background-position:right 14px center;padding-right:37px}
  #account-form .api-permission-note{font-size:12px;padding:13px 14px;line-height:1.9}
  #account-form .api-permission-note b{font-size:14px}
  #settings-empty{padding:32px 22px}#settings-empty h2{font-size:21px}#settings-empty p{font-size:12px}
  .login-art-copy{position:absolute;z-index:2}
  .login-sculpture{position:absolute;right:-45px;top:0}
  .login-art:before{inset:0 0 5% 44%;background:radial-gradient(ellipse at 62% 55%,rgba(212,167,28,.09),transparent 67%)}
}
@media(prefers-reduced-motion:reduce){button{transition:none}.primary:active:enabled,.outline:active:enabled,.customer-card>button:active:enabled{transform:none}}
/* Personal account and public market views. */
.profile-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(240px,1fr);gap:42px;align-items:start}
.profile-card{padding:32px;border:1px solid #303030;border-radius:24px;background:linear-gradient(135deg,#131313,#070707)}
.profile-card h2{font-size:22px;margin-bottom:26px}
.profile-card label{color:#aaa}
.profile-card input{background:#1b1b1b;border-color:#333}
.profile-card .primary{min-width:160px;margin-top:6px}
.profile-avatar-preview{display:grid;place-items:center;width:88px;height:88px;margin:0 0 25px;border-radius:50%;border:1px solid #71652d;background:radial-gradient(circle at 35% 24%,#5b5120,#292719 65%,#161612);color:#f8df44;font-size:34px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff18,0 8px 28px #0008}
.profile-avatar-options{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 30px}
.profile-avatar-options button{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:2px solid #333;border-radius:50%;font-size:20px;background:#222;color:#d9d9d9}
.profile-avatar-options button:hover:enabled{border-color:#9b8c4c;background:#302c19}
.profile-avatar-options button.selected,.profile-avatar-options button[aria-pressed=true]{border-color:#f5df20;box-shadow:0 0 0 3px #f5df201f}
#profile-button.profile-trigger{display:flex;align-items:center;justify-content:center;padding:3px;min-width:38px;min-height:38px;border:1px solid #3c3926;border-radius:50%;background:#171610}
.avatar-badge{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:14px;font-weight:700;color:#f5df20;background:#292618}
#profile-button.profile-trigger:hover:enabled{border-color:#b6a134;background:#312b10}
.market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:25px 0 30px}
.market-card{min-width:0;text-align:left;white-space:normal;padding:22px 20px;border:1px solid #313131;border-radius:18px;background:linear-gradient(140deg,#181818,#080808);color:#eee}
.market-card:hover:enabled{background:linear-gradient(140deg,#27241a,#11100c);border-color:#827137}
.market-card.selected,.market-card[aria-pressed=true]{border-color:#dcc22c;background:linear-gradient(140deg,#292512,#100f09);box-shadow:inset 0 1px 0 #f5df2014}
.market-card h3,.market-card strong{font-size:15px;font-weight:650}
.market-card small{display:block;color:#939393;font-size:11px;margin-top:6px}
.market-price{font-size:25px;font-weight:650;letter-spacing:-.6px;line-height:1.35;font-variant-numeric:tabular-nums;margin:19px 0 8px}
.market-change{display:inline-flex;align-items:center;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
#market-chart{height:310px;min-height:250px;width:100%;margin-top:20px}
#markets-page>.panel{padding:30px 32px}
#markets-page .title-line{margin-bottom:15px}
#markets-page .market-meta{font-size:12px;color:#999}
#markets-page .market-note{font-size:12px;line-height:1.8;color:#929292;margin-top:18px}
@media(max-width:1100px){.profile-layout{grid-template-columns:minmax(0,1fr);max-width:760px}.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.market-card{padding:20px}.market-price{font-size:24px}}
@media(max-width:700px){
  .profile-layout{display:block}.profile-card{padding:26px 22px;border-radius:20px}.profile-card h2{font-size:20px}.profile-card input{font-size:16px}.profile-card .primary{width:100%}.profile-avatar-preview{width:76px;height:76px;font-size:29px}.profile-avatar-options{gap:12px}.profile-avatar-options button{width:44px;height:44px;font-size:19px}
  #profile-button.profile-trigger{padding:3px;min-width:34px;min-height:34px}.avatar-badge{width:26px;height:26px;font-size:13px}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.market-card{padding:18px 15px;border-radius:15px}.market-card h3,.market-card strong{font-size:13px}.market-price{font-size:22px;margin:15px 0 7px}.market-change{font-size:11px}#markets-page>.panel{padding:24px 17px}#market-chart{height:260px;min-height:220px}#markets-page .title-line{gap:15px;flex-wrap:wrap}
}
/* Blend every decorative sculpture into its surrounding surface. */
.art-image,.login-sculpture,.hero-art>.art-image{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 76%,transparent 100%),linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 76%,transparent 100%),linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.brand{position:relative;isolation:isolate;font-weight:800;gap:10px;letter-spacing:-1.15px}
.brand:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-18px;top:-15px;width:91px;height:80px;background:radial-gradient(ellipse,rgba(240,209,34,.11),transparent 69%)}
.brand img{filter:drop-shadow(0 0 9px rgba(241,213,52,.12))}
.topbar .brand{font-size:29px}.topbar .brand img{width:44px;height:44px}
.login-header .brand{font-size:31px}.login-header .brand img{width:45px;height:45px}
@keyframes pq-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes pq-brand-light{0%{opacity:.3;transform:scale(.86)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
  .page:not([hidden]),.login-layout{animation:pq-enter .36s ease-out both}
  .brand:before{animation:pq-brand-light 1.2s ease-out both}
  .feature-card .art-image,.section-hero-art .art-image{transition:transform .35s ease}
  .feature-card:hover:enabled .art-image{transform:translateY(-3px) scale(1.025)}
  .primary:hover:enabled{transform:translateY(-1px)}
  .primary:active:enabled{transform:translateY(1px)}
}
@media(max-width:1100px){.topbar .brand{font-size:25px}.topbar .brand img{width:38px;height:38px}}
@media(max-width:700px){.brand{gap:7px}.topbar .brand{font-size:22px}.topbar .brand img{width:32px;height:32px}.login-header .brand{font-size:24px}.login-header .brand img{width:34px;height:34px}.brand:before{width:74px;height:64px;top:-13px;left:-17px}}
@media(prefers-reduced-motion:reduce){.page,.login-layout,.brand:before{animation:none}.feature-card .art-image,.section-hero-art .art-image{transition:none}.feature-card:hover:enabled .art-image,.primary:hover:enabled{transform:none}}
/* Public product overview, channel access and transparent activity. */
.telegram-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid #4b4420;border-radius:10px;color:#f0dc78;background:linear-gradient(130deg,#242113,#15140f);font-size:12px;font-weight:600;white-space:nowrap;transition:background .18s,border-color .18s}
.telegram-link svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:currentColor}
.telegram-link:hover{background:#322c14;border-color:#9a8636;color:#fff0a0}
#login-open{min-height:38px;padding:8px 18px;font-size:12px}
.public-view .topbar{gap:36px}
.public-view .topbar .user-menu{gap:12px}
#home-page .hero-copy h1{max-width:660px;font-size:46px;line-height:1.28;letter-spacing:-1.25px;text-wrap:balance;overflow-wrap:break-word}
#home-page .home-hero{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
.public-view #home-page .hero-actions{margin-top:28px}
#public-activity{margin:28px 0;padding:32px 34px;background:linear-gradient(130deg,#111,#060606 60%);border-radius:24px}
#public-activity>.title-line{margin-bottom:28px;align-items:flex-start}
#public-activity>.title-line small{color:#929292;font-size:11px;line-height:1.8;text-align:right}
.public-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.public-activity-grid>section,.public-activity-grid>div{min-width:0;padding:22px 24px;border:1px solid #2b2b2b;border-radius:16px;background:#0a0a0a}
.public-activity-grid>:last-child{grid-column:auto}
#public-activity>section{margin-top:24px;padding:24px;border:1px solid #2b2b2b;border-radius:16px;background:#0a0a0a}
#public-activity>section h3{font-size:17px}
.public-activity-grid h3{font-size:17px;margin-bottom:22px;font-weight:600}
.public-table{min-width:0;max-width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#444 #111}
.public-table table{font-size:12px;width:100%}
.public-table th{font-size:11px;color:#969696;padding:11px 10px 16px}
.public-table td{font-size:12px;padding:18px 10px;border-color:#242424;font-variant-numeric:tabular-nums}
.public-table td:first-child,.public-table th:first-child{padding-left:0}
.public-table td:last-child,.public-table th:last-child{padding-right:0}
.public-table tr:last-child td{border-bottom:0}
.public-table .empty{padding:30px 15px;color:#a4a4a4}
.public-table tbody tr:hover{background:#12110c}
@media(min-width:1600px){#home-page .hero-copy h1{font-size:52px}}
@media(min-width:701px) and (max-width:1250px){
 .topbar{height:auto;min-height:78px;flex-wrap:wrap;justify-content:space-between;gap:0;padding-top:16px}
 .topbar nav{order:3;width:100%;height:54px;gap:30px;margin-top:8px;overflow:auto;scrollbar-width:none}
 .topbar nav button{flex-shrink:0}
 .topbar .user-menu{margin-left:auto;gap:8px}
 .public-view .topbar{gap:0}
}
@media(max-width:1100px){#home-page .hero-copy h1{font-size:37px;line-height:1.3}.public-activity-grid{gap:16px}.public-activity-grid>section,.public-activity-grid>div{padding:20px}#public-activity{padding:27px 26px}}
@media(max-width:700px){
 .telegram-link{min-height:34px;padding:7px 9px;font-size:11px;gap:5px;border-radius:8px}.telegram-link svg{width:15px;height:15px;flex-basis:15px}
 #login-open{min-height:34px;padding:7px 12px;font-size:11px}
 .public-view .topbar{gap:0}.public-view .topbar .user-menu{gap:7px}
 .public-view .topbar .language-switch{width:84px;padding-left:6px;font-size:10px}
 #home-page .hero-copy h1{font-size:30px;line-height:1.32;letter-spacing:-.6px;width:72%;max-width:310px}
 #home-page .home-hero{min-height:305px;padding-top:14px}
 #home-page .hero-art{top:64px;width:210px;height:200px;right:-75px;opacity:.82}
 #home-page .hero-copy p{max-width:72%;font-size:12px}
 #home-page .hero-actions{flex-wrap:wrap;margin-top:23px}
 #public-activity{padding:24px 19px;border-radius:20px;margin-top:23px}
 #public-activity>.title-line{flex-wrap:wrap;gap:8px;margin-bottom:24px}
 #public-activity>.title-line small{text-align:left;font-size:10px}
 .public-activity-grid{grid-template-columns:1fr;gap:18px}
 .public-activity-grid>section,.public-activity-grid>div{padding:18px 15px;border-radius:13px}
 .public-activity-grid>:last-child{grid-column:auto}
 .public-activity-grid h3{font-size:16px;margin-bottom:18px}
 .public-table th{font-size:10px}.public-table td{font-size:11px;padding:16px 10px}
}
@media(prefers-reduced-motion:reduce){.telegram-link{transition:none}}

@media(max-width:700px){#public-activity>section{padding:18px 15px;border-radius:13px;margin-top:18px}#public-activity>section h3{font-size:16px}}
/* Graphite cards: bright hairline, inset finish and a quiet gold lower edge. */
:root{--pq-card:#252525;--pq-card-line:#55544e;--pq-card-low:#121212}
.strategy-panel,#home-account,.account-metrics,.account-layout,.manager-overview{
  border:1px solid #4b4a44;
  background:radial-gradient(ellipse at 50% 115%,rgba(189,151,24,.13) 0%,rgba(113,90,14,.045) 30%,transparent 60%),linear-gradient(150deg,#282828 0%,#202020 50%,#161616 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 30px rgba(0,0,0,.1);
}
.nav-value strong,.home-metrics strong,.overview-strip strong{color:#f5df37}
.home-metrics strong.negative,.overview-strip strong.negative{color:var(--red)!important}
.home-metrics strong.positive,.overview-strip strong.positive{color:var(--green)!important}
.strategy-stats label,.home-metrics label,.overview-strip label,.account-metrics label{color:#b0afa9}
.feature-card,.customer-card,.api-connection,.market-card{
  border:1px solid #514f46;
  background:radial-gradient(ellipse at 50% 116%,rgba(205,166,33,.17),transparent 62%),linear-gradient(150deg,#282828,#1d1d1d 70%,#191919);
  box-shadow:inset 0 1px 0 #ffffff09,0 6px 18px #0002;
}
.feature-art{background:transparent}
.feature-copy{border-top-color:#46443b}
.feature-copy p,.customer-card small,.api-connection p{color:#aba9a0}
.feature-card:hover:enabled,.customer-card:hover{
  border-color:#8c815a;
  background:radial-gradient(ellipse at 50% 113%,rgba(218,180,48,.22),transparent 66%),linear-gradient(150deg,#30302c,#24231e 75%,#1a1915);
}
.market-card.selected,.market-card[aria-pressed=true]{border-color:#c5ab43;background:radial-gradient(ellipse at 50% 112%,rgba(225,183,32,.22),transparent 64%),linear-gradient(140deg,#343125,#211f17);box-shadow:inset 0 1px 0 #fbe88a18}
.market-price{color:#f2db4b}
.outline,.customer-card>button,#customer-actions button{
  border-color:#636158;background:radial-gradient(ellipse at 50% 120%,rgba(214,174,35,.12),transparent 68%),linear-gradient(180deg,#30302d,#252523);
  box-shadow:inset 0 1px 0 #ffffff09;color:#eee;
}
.outline:hover:enabled,.customer-card>button:hover:enabled,#customer-actions button:hover:enabled{
  border-color:#b3a269;background:radial-gradient(ellipse at 50% 118%,rgba(225,187,47,.19),transparent 68%),linear-gradient(180deg,#3a382e,#29271f);color:#ffed93;
}
.primary{box-shadow:inset 0 1px 0 #ffffff40,0 2px 0 #77630a44,0 8px 20px #b0930010}
.feature-card{border-radius:18px}.feature-copy h3 span{color:#f5df37}
.settings .calculation{background:radial-gradient(ellipse at 50% 120%,#aa87141f,transparent 72%),#24231c;border-color:#615c3c}
@media(max-width:700px){
  .feature-card{border-radius:16px;min-height:120px}
  .feature-copy{border-top:0}
  .strategy-panel,#home-account,.account-metrics,.account-layout{border-color:#49473f}
}
.account-metrics>div:first-child strong{color:#f5df37}
.market-card-symbol{display:block;font-size:14px;font-weight:650;color:#e9e8e2}
.market-card .market-price{display:block;font-size:25px;font-weight:650;margin:19px 0 8px;line-height:1.35}
.market-card .market-change{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.6}
.market-card .market-price small{display:inline;margin-left:6px;font-size:11px;font-weight:400;color:#a9a79e;letter-spacing:0}
@media(max-width:700px){.market-card .market-price{font-size:22px;margin:15px 0 7px}.market-card-symbol{font-size:13px}.market-card .market-change{font-size:11px;gap:4px}}
.rebate-card{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;margin:0 0 28px;padding:29px 34px;border:1px solid #68604a;border-radius:20px;background:radial-gradient(ellipse at 50% 115%,rgba(223,180,43,.18),transparent 64%),linear-gradient(140deg,#2d2c27,#20201e 70%);box-shadow:inset 0 1px 0 #ffffff0b}
.rebate-card>div{min-width:0}.rebate-eyebrow{display:block;color:#b7b2a0;font-size:12px;margin-bottom:9px}
.rebate-card h2{font-size:23px;font-weight:600;line-height:1.5}
.rebate-card h2 strong{color:#f5df37;font-size:40px;font-weight:700;letter-spacing:-1.2px;margin:0 6px;font-variant-numeric:tabular-nums}
.rebate-card button{flex-shrink:0;min-height:48px}
#api-check-results{margin-top:25px;padding:28px 30px}
.api-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.api-check-item{min-width:0;padding:22px;border:1px solid #47443a;border-radius:15px;background:radial-gradient(ellipse at 50% 120%,#c7a52612,transparent 68%),linear-gradient(145deg,#282825,#1a1a18)}
.api-check-item h3{font-size:13px;color:#b3b0a5;font-weight:500;margin-bottom:15px}
.api-check-item strong{display:block;font-size:24px;color:#f2dd50;font-weight:650;font-variant-numeric:tabular-nums;margin-bottom:10px}
.api-check-item p{font-size:12px;line-height:1.75;color:#a9a69b;margin:0;overflow-wrap:anywhere}
.api-connection button[data-check-api]{min-height:40px;padding:9px 17px;font-size:12px}
@media(max-width:700px){.rebate-card{display:block;margin-bottom:22px;padding:24px 23px;border-radius:17px}.rebate-card h2{font-size:20px}.rebate-card h2 strong{font-size:35px}.rebate-card button{margin-top:20px;min-height:44px}.rebate-eyebrow{font-size:11px}#api-check-results{padding:23px 20px}.api-check-grid{grid-template-columns:1fr;gap:13px}.api-check-item{padding:20px}.api-check-item strong{font-size:23px}}
/* Long performance amounts get their own rows without widening the chart. */
.strategy-layout>div{min-width:0}
.strategy-stats>div{min-width:0}
.strategy-stats>div:has(#strategy-peak),.strategy-stats>div:has(#strategy-volume){grid-column:1/-1;min-width:0}
#strategy-peak,#strategy-volume{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.5;font-variant-numeric:tabular-nums}
.strategy-stats>div:has(#strategy-peak) label,.strategy-stats>div:has(#strategy-volume) label{white-space:normal;line-height:1.5}
/* V6 — a focused gold-and-graphite market terminal, no external assets. */
:root{--terminal-border:#38382f;--terminal-soft:#10110e;--terminal-gold:#f2d94b}
html{scroll-padding-top:150px}
body{background:#050605}
.topbar{position:sticky;top:0;z-index:40;background:rgba(6,7,6,.96);border-color:#2b2d24;box-shadow:0 8px 28px #0002}
.market-ticker{position:relative;background:#0c0e0b;border-bottom:1px solid #292c22;overflow:hidden;padding:0 max(24px,calc((100vw - 1350px)/2));}
.market-ticker:after{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(90deg,#0c0e0b,transparent 30px,transparent calc(100% - 30px),#0c0e0b)}
.market-ticker-track{display:flex;align-items:center;justify-content:space-between;gap:0;max-width:1380px;margin:auto;overflow:auto;scrollbar-width:none}
.market-ticker-track::-webkit-scrollbar{display:none}
.ticker-item{display:flex;align-items:center;justify-content:center;gap:11px;flex:1 0 auto;min-height:45px;padding:10px 24px;border:0;border-right:1px solid #272a20;border-radius:0;background:transparent;font-size:11px;line-height:1.4;font-weight:500;font-variant-numeric:tabular-nums;color:#b5b8aa}
.ticker-item:first-child{padding-left:12px}.ticker-item:last-child{border-right:0}
.ticker-item:hover:enabled{background:#242419;color:#faf4cd}
.ticker-item .ticker-price{color:#e9ebdf;font-weight:600;font-size:12px}
.ticker-item .ticker-change{font-size:10px}
main{max-width:1370px;padding-top:0}
#home-page{position:relative;isolation:isolate}
#home-page .home-hero{
  display:flex;align-items:center;justify-content:center;min-height:600px;padding:78px 32px 104px;margin:0 -36px 0;
  position:relative;overflow:hidden;border-bottom:1px solid #393823;
  background:radial-gradient(ellipse at 50% 30%,#74631516,transparent 60%),linear-gradient(180deg,#0a0c09,#050605);
}
#home-page .home-hero:before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(#a3a0770a 1px,transparent 1px),linear-gradient(90deg,#a3a0770a 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 48%,#000 15%,transparent 73%);mask-image:radial-gradient(ellipse at 50% 48%,#000 15%,transparent 73%);
}
#home-page .home-hero:after{content:'';position:absolute;bottom:0;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,#e0c947aa,transparent);box-shadow:0 -6px 35px #e4c62f22}
#home-page .hero-copy{width:100%;max-width:1030px;text-align:center;z-index:2}
#home-page .market-pill{background:#14160fb3;border-color:#5b5733;color:#dbd39a;padding:8px 16px;font-size:11px;letter-spacing:1px;border-radius:7px;box-shadow:inset 0 1px 0 #ffffff06}
#home-page .hero-copy h1{width:100%;max-width:1000px;margin:27px auto 24px;font-size:76px;line-height:1.06;letter-spacing:-2.5px;color:#f2f3e8;font-weight:700;text-wrap:balance}
#home-page .hero-copy h1 span{font-size:52px;line-height:1.32;letter-spacing:-1.15px;margin-top:15px;background:linear-gradient(105deg,#b6982c 5%,#fff5ae 36%,#f3d540 65%,#a89542 98%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 42px #ddc13212}
#home-page .hero-copy p{max-width:590px;margin:0 auto;font-size:15px;color:#a5aa99;line-height:1.9;letter-spacing:.1px}
#home-page .hero-actions{justify-content:center;margin-top:33px;gap:14px;position:relative;z-index:2}
#home-page .hero-actions button{min-height:51px;padding:14px 27px;font-size:14px;border-radius:9px}
#home-page .hero-art{position:absolute;z-index:1;right:-95px;top:164px;width:450px;max-width:none;height:335px;opacity:.23;pointer-events:none;transform:rotate(-10deg)}
#home-page .hero-art .art-image{mix-blend-mode:screen}
#home-page>.rebate-card{margin:32px 0 27px}
#home-page>.strategy-panel{margin-top:32px}
#home-page>.rebate-card+.strategy-panel{margin-top:0}
.strategy-panel,#home-account,.account-metrics,.account-layout,.manager-overview{
  border-color:#434538;border-radius:16px;
  background:radial-gradient(ellipse at 40% 120%,#8d761019,transparent 65%),linear-gradient(130deg,#20221b,#11130f 80%);
  box-shadow:inset 0 1px 0 #ecedac06,0 18px 45px #0002;
}
.strategy-panel{position:relative;padding:31px 34px;overflow:hidden}
.strategy-panel>.title-line{border-bottom:1px solid #3b3d2d;padding-bottom:23px;margin-bottom:30px}
.strategy-panel>.title-line h2{font-size:20px;letter-spacing:.2px}
.strategy-panel>.title-line h2:before{content:'';display:inline-block;vertical-align:middle;width:3px;height:18px;background:#ebd44a;margin-right:12px;box-shadow:0 0 12px #e9cf3844}
#strategy-status{border-color:#525b2d;background:#242b1544;color:#cdd69d;border-radius:6px}
.strategy-layout{grid-template-columns:320px minmax(0,1fr);gap:35px}
.nav-value strong{font-size:49px;letter-spacing:-1.6px}
.strategy-stats{gap:20px 14px;margin-top:25px}.strategy-stats label{color:#9ca38c}
.strategy-stats>div:has(#strategy-peak),.strategy-stats>div:has(#strategy-volume){border-top:1px solid #363b29;padding-top:14px}
.strategy-stats b{font-size:17px}.strategy-layout .chart{height:300px}
.chart-toolbar{color:#89927b}.chart-toolbar select{border:1px solid #3c432e;background-color:#21261a;border-radius:6px}
.feature-grid{gap:19px;margin:29px 0}
.feature-card,.customer-card,.api-connection,.market-card{border-color:#484a3e;border-radius:15px;background:radial-gradient(ellipse at 50% 125%,#b5a0381c,transparent 65%),linear-gradient(140deg,#24261f,#161812 75%);box-shadow:inset 0 1px 0 #ffffff08,0 12px 30px #0002}
.feature-card:hover:enabled,.customer-card:hover{border-color:#9b914f;background:radial-gradient(ellipse at 50% 105%,#c8b44926,transparent 70%),linear-gradient(140deg,#2e3024,#1b1e14 78%);box-shadow:0 10px 32px #bea5210a,inset 0 1px 0 #ffffaa0a}
.feature-copy{padding:22px 24px 26px;border-color:#3c402e}.feature-copy h3{font-size:18px}.feature-copy p{color:#a0a58f;line-height:1.8;font-size:12px}
.feature-art{height:175px}
.rebate-card{border-color:#625d3a;border-radius:15px;background:radial-gradient(ellipse at 50% 115%,#a995312b,transparent 65%),linear-gradient(130deg,#26281f,#181b12 80%)}
#public-activity{margin-top:31px;padding:32px 34px;border-radius:16px;border-color:#3d4232;background:linear-gradient(130deg,#11140e,#090b08)}
#public-activity>.title-line{padding-bottom:22px;border-bottom:1px solid #303624}
#public-activity>.title-line h2{font-size:21px}
.public-activity-grid>section,#public-activity>section{background:#10140db8;border-color:#333b29;border-radius:11px}
.public-activity-grid h3,#public-activity>section h3{color:#dddcca;font-size:15px}
.public-table th{color:#8d987e;background:#141a0f66}.public-table td{border-color:#283021;color:#c5cbb8}
.public-table td:first-child{color:#f0efcf;font-weight:600}
.public-table tbody tr:hover{background:#a7a14108}
footer{border-color:#303623;color:#777f69;padding:26px 0 5px;margin-top:44px}
/* Progressive motion: content stays visible when scripting or animation is unavailable. */
.reveal{opacity:1;transform:none}
@keyframes pq-value-flash{0%{text-shadow:0 0 16px #ffe47355}100%{text-shadow:none}}
@media(prefers-reduced-motion:no-preference){
 .motion-enabled .reveal:not(.is-visible){opacity:0;transform:translateY(17px)}
 .motion-enabled .reveal{transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
 .data-updated{animation:pq-value-flash .65s ease-out}
 .market-card:hover:enabled{transform:translateY(-2px)}
}
@media(min-width:1600px){#home-page .home-hero{min-height:640px}#home-page .hero-copy h1{font-size:84px}#home-page .hero-copy h1 span{font-size:58px}}
@media(max-width:1100px){
 #home-page .home-hero{min-height:550px;padding:65px 30px 90px;margin-left:-20px;margin-right:-20px}
 #home-page .hero-copy h1{font-size:66px}#home-page .hero-copy h1 span{font-size:44px}
 #home-page .hero-art{width:350px;height:285px;right:-100px;top:180px;opacity:.18}
 .strategy-layout{grid-template-columns:270px minmax(0,1fr);gap:25px}.strategy-layout .chart{height:285px}
 .ticker-item{padding:10px 20px;gap:9px;font-size:10px}.ticker-item .ticker-price{font-size:11px}
}
@media(max-width:700px){
 html{scroll-padding-top:160px}.topbar{background:#080a07f7;border-color:#2f3425}.market-ticker{padding:0 8px}.ticker-item{min-height:39px;padding:8px 18px;gap:8px;flex:0 0 auto}
 main{padding-top:0}
 #home-page .home-hero{display:flex;min-height:475px;margin:0 -18px;padding:48px 23px 70px;border-bottom-color:#3e3e22}
 #home-page .home-hero:before{background-size:40px 40px}
 #home-page .hero-copy h1{width:100%;max-width:420px;font-size:43px;line-height:1.08;letter-spacing:-1.2px;margin:25px auto 21px}
 #home-page .hero-copy h1 span{font-size:30px;line-height:1.38;letter-spacing:-.5px;margin-top:15px}
 #home-page .market-pill{font-size:9px;padding:7px 12px;letter-spacing:.7px}
 #home-page .hero-copy p{max-width:285px;font-size:12px;line-height:1.9}
 #home-page .hero-art{width:260px;height:230px;top:217px;right:-113px;opacity:.12}
 #home-page .hero-actions{gap:10px;margin-top:27px;flex-wrap:wrap}
 #home-page .hero-actions button{min-height:47px;padding:12px 18px;font-size:12px;border-radius:8px}
 #home-page>.rebate-card{margin:23px 0}.rebate-card{padding:23px}
 #home-page>.strategy-panel{margin-top:23px}.strategy-panel,#home-account{padding:25px 21px;border-radius:14px}
 .strategy-panel>.title-line{padding-bottom:19px;margin-bottom:23px;gap:8px}.strategy-panel>.title-line h2{font-size:17px}.strategy-panel>.title-line h2:before{height:15px;margin-right:8px}
 .strategy-layout{display:block}.nav-value strong{font-size:43px}.strategy-stats{gap:19px 14px;margin:23px 0 29px}.strategy-stats b{font-size:17px}.strategy-stats label{font-size:11px}.strategy-layout .chart{height:213px}
 .feature-grid{margin:24px 0;gap:13px}.feature-card{border-radius:13px}.feature-art{width:120px;height:115px}.feature-copy{padding:19px 17px 19px 7px;border:0}.feature-copy h3{font-size:16px}.feature-copy p{font-size:11px;line-height:1.7}
 #public-activity{padding:24px 18px;border-radius:14px;margin-top:25px}#public-activity>.title-line{padding-bottom:20px}#public-activity>.title-line h2{font-size:18px}
 .public-activity-grid>section,#public-activity>section{padding:18px 14px;border-radius:10px}
 footer{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.motion-enabled .reveal:not(.is-visible){opacity:1;transform:none}.reveal,.ticker-item{transition:none}.data-updated{animation:none}.market-card:hover:enabled{transform:none}}
.market-ticker{display:flex;align-items:center;gap:10px}.market-ticker-track{flex:1;min-width:0}
.ticker-status{flex:0 0 auto;color:#7e8971;font:10px/1.4 Arial,sans-serif;letter-spacing:.5px;padding:0 8px 0 15px;border-left:1px solid #333b27;white-space:nowrap}
.ticker-item b{font-size:11px;font-weight:600;color:#d8ddce}.ticker-item b small{font-size:9px;font-weight:400;color:#758068;margin-left:3px}
@media(max-width:1100px){.ticker-status{display:none}}
/* Profile actions and desktop column alignment. */
.profile-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto auto;gap:24px;max-width:1100px;align-items:start}
#profile-form{grid-column:1;grid-row:1/span 2;min-width:0}
.profile-layout>aside{grid-column:2;grid-row:1;min-width:0}
#invite-panel{grid-column:2;grid-row:2;min-width:0}
#profile-form>button[type=submit],#profile-password{
  display:flex;align-items:center;justify-content:center;float:none;
  width:fit-content;min-width:210px;max-width:100%;min-height:48px;
  margin:24px auto 0;padding:13px 26px;line-height:1.4;text-align:center;
}
@media(max-width:700px){
 .profile-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:20px;max-width:none}
 #profile-form,.profile-layout>aside,#invite-panel{grid-column:1;grid-row:auto}
 #profile-form>button[type=submit],#profile-password{width:100%;min-width:0;max-width:100%;margin:22px auto 0;min-height:48px}
}
/* Mask the image's intrinsic 3:2 rectangle, not a letterboxed container. */
.hero-art,.manager-art,.feature-art,.section-hero-art,.account-symbol,.settings-art,.api-hero-art,.guide-mark,.dialog-art{
  display:flex;align-items:center;justify-content:center;
}
.art-image,.hero-art>.art-image{
  width:auto;height:auto;max-width:100%;max-height:100%;object-fit:fill;aspect-ratio:3/2;flex:0 1 auto;
}
.login-sculpture{
  display:block;width:100%;height:auto;max-width:600px;max-height:none;aspect-ratio:3/2;
  margin:12px auto 0;object-fit:fill;
}
.art-image,.login-sculpture,.hero-art>.art-image{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 6%,#000 14%,#000 58%,rgba(0,0,0,.94) 66%,rgba(0,0,0,.62) 78%,rgba(0,0,0,.12) 92%,transparent 100%),linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 7%,#000 17%,#000 83%,rgba(0,0,0,.6) 93%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 6%,#000 14%,#000 58%,rgba(0,0,0,.94) 66%,rgba(0,0,0,.62) 78%,rgba(0,0,0,.12) 92%,transparent 100%),linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 7%,#000 17%,#000 83%,rgba(0,0,0,.6) 93%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
@media(max-width:1100px){.login-sculpture{height:auto;width:100%;max-width:520px;margin:12px auto 0}}
@media(max-width:700px){.login-sculpture{position:absolute;right:-45px;top:0;width:195px;height:130px;max-width:none;max-height:none;margin:0;aspect-ratio:3/2}}
/* Give the isolated login blend group the same opaque canvas as the page. */
.login-art{background:#050605}