:root{
  --bg:#030403;
  --bg-soft:#070907;
  --panel:#0a0c0b;
  --panel-2:#0d100e;
  --line:rgba(223,163,24,.24);
  --line-soft:rgba(255,255,255,.09);
  --gold:#e8ad22;
  --gold-2:#ffcb4f;
  --gold-dark:#7f5400;
  --text:#f5f5f3;
  --muted:#9b9e9a;
  --green:#5de342;
  --red:#ff5d5d;
  --radius:16px;
  --shadow:0 18px 80px rgba(0,0,0,.72),0 0 42px rgba(232,173,34,.08);
}
*{box-sizing:border-box}
html,body{shape-rendering:geometricPrecision;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);background:
radial-gradient(circle at 70% 14%,rgba(181,113,0,.08),transparent 34%),
radial-gradient(circle at 8% 60%,rgba(136,92,0,.045),transparent 25%),
linear-gradient(180deg,#010201 0%,#040604 46%,#020302 100%);
font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(1440px,calc(100% - 48px));margin:0 auto}
.topbar{position:relative;z-index:20;height:84px;display:flex;align-items:center;border-bottom:1px solid rgba(232,173,34,.06)}
.nav{display:grid;grid-template-columns:220px 1fr 190px;align-items:center;gap:28px;width:100%}
.brand{display:flex;align-items:center}
.brand img{display:block;width:172px;height:auto;filter:none;image-rendering:auto;-webkit-user-drag:none}
.navlinks{display:flex;align-items:center;justify-content:center;gap:30px;color:#c2c4c0;font-size:13px}
.navlinks a{transition:.2s ease;white-space:nowrap}
.navlinks a:hover{color:var(--gold-2)}
.chev{display:inline-block;margin-left:5px;font-size:10px;opacity:.7}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:13px}
.login{color:#c7c7c4}
.btn{border:1px solid rgba(232,173,34,.56);border-radius:8px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.22s ease;line-height:1;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(232,173,34,.15)}
.btn.gold{background:linear-gradient(180deg,#d99d18,#8b5a00);color:#fff;border-color:#f2bd35;box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 28px rgba(172,107,0,.2)}
.btn.dark{background:rgba(8,9,8,.7);color:#f0bb32}
.hero{position:relative;padding:26px 0 58px;min-height:560px;border-bottom:1px solid rgba(232,173,34,.28)}
.hero:before{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(180deg,transparent,rgba(194,124,0,.07));pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);gap:34px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#d29a1d;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.eyebrow-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px var(--gold)}
h1{font-size:clamp(52px,5.2vw,79px);line-height:.99;letter-spacing:-.045em;margin:0 0 22px;font-weight:760}
h1 .gold-text{display:block;background:linear-gradient(180deg,#ffd56b 0%,#e3a621 58%,#9f6400 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 32px rgba(255,180,26,.08)}
.hero-copy{max-width:530px;color:#aaaead;font-size:18px;line-height:1.55;margin:0 0 26px}
.hero-actions{display:flex;gap:14px;margin-bottom:28px}
.trust-row{display:flex;align-items:center;gap:29px;flex-wrap:wrap;margin-bottom:24px}
.trust-item{display:flex;align-items:center;gap:10px;color:#b7bab6;font-size:12px;line-height:1.15}
.trust-icon{width:31px;height:31px;border-radius:50%;border:1px solid rgba(232,173,34,.34);display:grid;place-items:center;color:#e9ad27;font-size:15px;box-shadow:inset 0 0 14px rgba(232,173,34,.04)}
.stats-card{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(232,173,34,.28);background:linear-gradient(180deg,rgba(12,14,12,.84),rgba(4,5,4,.86));border-radius:10px;overflow:hidden;max-width:610px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.stat{padding:17px 20px;position:relative}
.stat:not(:last-child):after{content:"";position:absolute;right:0;top:19%;height:62%;width:1px;background:rgba(255,255,255,.08)}
.stat strong{display:block;color:#efb52c;font-size:25px;letter-spacing:-.03em;margin-bottom:5px}
.stat span{color:#8f938f;font-size:10px}
.device-stage{position:relative;min-height:560px;display:flex;align-items:center;justify-content:flex-end}
.device-cluster{position:relative;width:min(100%,800px);height:560px;margin-left:auto}
.hero-glow{position:absolute;inset:auto 3% 5% 16%;height:40%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(232,173,34,.26) 0%,rgba(134,80,0,.16) 38%,rgba(0,0,0,0) 72%);filter:blur(24px);transform:perspective(300px) rotateX(64deg)}
.device{position:absolute;will-change:transform;filter:drop-shadow(0 18px 32px rgba(0,0,0,.48))}
.screen-img{display:block;width:100%;height:auto;image-rendering:auto}
.monitor{width:535px;right:138px;top:4px;z-index:1;animation:float-monitor 8.2s ease-in-out infinite}
.monitor-frame{position:relative;padding:14px;border-radius:24px;background:linear-gradient(180deg,rgba(18,20,18,.98),rgba(5,6,6,.98));border:1px solid rgba(232,173,34,.62);box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(255,201,79,.08),0 0 28px rgba(232,173,34,.14)}
.monitor-frame:before{content:"";position:absolute;inset:-2px;border-radius:24px;background:linear-gradient(135deg,rgba(255,210,92,.32),rgba(255,210,92,0) 38%,rgba(255,210,92,.18) 100%);opacity:.52;pointer-events:none}
.screen-wrap{position:relative;overflow:hidden;border-radius:14px;background:#020303;border:1px solid rgba(255,255,255,.04)}
.monitor-stand{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);width:84px;height:44px;background:linear-gradient(180deg,#171a19,#080908);clip-path:polygon(35% 0,65% 0,88% 100%,12% 100%);border-left:1px solid rgba(232,173,34,.28);border-right:1px solid rgba(232,173,34,.28);box-shadow:0 10px 20px rgba(0,0,0,.32)}
.monitor-base{position:absolute;left:50%;bottom:-50px;transform:translateX(-50%);width:214px;height:16px;border-radius:999px;background:linear-gradient(180deg,rgba(34,36,34,.95),rgba(9,10,9,.98));border:1px solid rgba(232,173,34,.30);box-shadow:0 12px 30px rgba(0,0,0,.34)}
.tablet{width:220px;right:18px;top:136px;z-index:3;animation:float-tablet 6.4s ease-in-out infinite .6s}
.tablet-frame{position:relative;padding:10px;border-radius:30px;background:linear-gradient(180deg,#0d0f10,#040505);border:1px solid rgba(232,173,34,.64);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 22px rgba(232,173,34,.14)}
.tablet-frame .screen-img{border-radius:22px}
.phone{width:160px;left:305px;top:250px;z-index:4;animation:float-phone 5.8s ease-in-out infinite .2s}
.phone-frame{position:relative;padding:16px 10px 18px;border-radius:32px;background:linear-gradient(180deg,#121416,#050607);border:1px solid rgba(232,173,34,.70);box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 20px rgba(232,173,34,.16)}
.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:78px;height:10px;border-radius:999px;background:#050607;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.phone-frame .screen-img{border-radius:22px}
@keyframes float-monitor{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes float-tablet{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes float-phone{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
.media-strip{border-bottom:1px solid rgba(232,173,34,.22);background:#030403}
.media-inner{min-height:84px;display:grid;grid-template-columns:230px repeat(5,1fr);align-items:center}
.media-title{font-size:11px;line-height:1.35;letter-spacing:.08em;color:#9ea19f;text-transform:uppercase;padding-right:30px;border-right:1px solid rgba(255,255,255,.08)}
.media-logo{text-align:center;color:#808481;font-weight:700;letter-spacing:.02em;font-size:16px;opacity:.86}
.media-logo small{display:block;font-size:10px;letter-spacing:.12em;font-weight:600}
.section{padding:66px 0 22px}
.section-heading{text-align:center;margin-bottom:34px}
.section-heading h2{font-size:38px;letter-spacing:-.035em;margin:0 0 10px}
.section-heading p{color:#8f938f;margin:0;font-size:15px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.feature-card{min-height:340px;border:1px solid rgba(232,173,34,.25);border-radius:14px;padding:20px;background:linear-gradient(180deg,rgba(12,15,12,.92),rgba(5,7,5,.96));box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.25);position:relative;overflow:hidden;transition:.24s ease}
.feature-card:hover{transform:translateY(-4px);border-color:rgba(232,173,34,.52);box-shadow:0 18px 58px rgba(0,0,0,.48),0 0 30px rgba(232,173,34,.07)}
.feature-card:after{content:"";position:absolute;inset:auto -20% -40% 20%;height:55%;background:radial-gradient(circle,rgba(232,173,34,.06),transparent 68%);pointer-events:none}
.feature-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:13px}
.feature-icon{flex:0 0 40px;width:40px;height:40px;border-radius:10px;border:1px solid rgba(232,173,34,.35);display:grid;place-items:center;color:var(--gold);font-size:19px;background:rgba(232,173,34,.025)}
.feature-card h3{font-size:17px;margin:4px 0 0;font-weight:650}
.feature-card>p{color:#929692;font-size:13px;line-height:1.5;margin:0 0 18px;min-height:58px}
.mini-panel{position:absolute;left:16px;right:16px;bottom:16px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:linear-gradient(180deg,#0b0e0c,#070907);padding:13px;min-height:132px;overflow:hidden}
.mini-top{display:flex;justify-content:space-between;align-items:center;color:#a6aaa6;font-size:11px;margin-bottom:9px}
.mini-top strong{font-size:18px;color:#ebeeeb}
.green{color:var(--green)!important}
.gold{color:var(--gold)!important}
/* Gold/orange CTA buttons must always use white text. This appears after the generic .gold utility so it cannot be overridden. */
.btn.gold, a.btn.gold, button.btn.gold{color:#fff!important}
.btn.gold *, a.btn.gold *, button.btn.gold *{color:inherit!important}
.chart-svg{width:100%;height:66px;display:block;overflow:visible}
.chart-grid line{stroke:rgba(255,255,255,.055);stroke-width:1}
.chart-line{fill:none;stroke:#55dd3d;stroke-width:2.1;filter:drop-shadow(0 0 4px rgba(85,221,61,.3));stroke-linecap:round;stroke-linejoin:round}
.chart-line.goldline{stroke:#e7ad22;filter:drop-shadow(0 0 5px rgba(231,173,34,.35))}
.chart-fill{fill:url(#fillGreen);opacity:.18}
.candles{height:72px;display:flex;align-items:flex-end;gap:5px;padding:7px 4px 2px;border-top:1px solid rgba(255,255,255,.04)}
.candle{width:5px;position:relative;border-radius:1px;background:#57d93d}
.candle:before{content:"";position:absolute;width:1px;background:inherit;left:2px;top:-7px;bottom:-7px}
.candle.down{background:#ef5656}
.signal-layout{display:grid;grid-template-columns:1fr 74px;gap:8px;align-items:center}
.ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 86%,#222 86%);position:relative;font-size:18px}
.ring:after{content:"";position:absolute;inset:7px;background:#0a0d0b;border-radius:50%}
.ring span{position:relative;z-index:1}
.community-user{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.avatar{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#c78451,#5e2e16 60%,#141414 61%);border:1px solid rgba(232,173,34,.5)}
.user-copy strong{font-size:12px;display:block}
.user-copy span{font-size:10px;color:#8c908c}
.avatars{display:flex;margin:9px 0 8px}
.avatars i{width:25px;height:25px;border-radius:50%;margin-left:-4px;border:1px solid #1c1c1c;background:linear-gradient(135deg,#be7b40,#2d1a11);display:block}
.avatars i:nth-child(2n){background:linear-gradient(135deg,#567da0,#191f27)}
.avatars i:nth-child(3n){background:linear-gradient(135deg,#a9534a,#231314)}
.metric-row{display:flex;gap:20px;color:#7f837f;font-size:10px}
.bitcoin-row{display:flex;gap:11px;align-items:center}
.coin-badge{width:38px;height:38px;border-radius:50%;background:#f7931a;display:grid;place-items:center;color:white;font-weight:800;font-size:20px;box-shadow:0 0 18px rgba(247,147,26,.25)}
.risk-wrap{display:flex;align-items:end;justify-content:center;height:96px;position:relative}
.risk-arc{width:140px;height:72px;border-radius:140px 140px 0 0;background:conic-gradient(from 270deg at 50% 100%,#49dc3f 0 26%,#1e2220 26% 50%,transparent 50%);position:absolute;bottom:0}
.risk-arc:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:53px;background:#090b09;border-radius:110px 110px 0 0}
.risk-number{position:relative;z-index:1;font-size:24px;margin-bottom:7px}
.broker-icons{display:flex;justify-content:space-between;align-items:center;padding:12px 3px 4px}
.broker-icons span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;border:1px solid rgba(255,255,255,.09)}
.broker-icons span:nth-child(1){color:#f2bd16}
.broker-icons span:nth-child(2){color:#4c82f7}
.broker-icons span:nth-child(3){color:#9455ff}
.broker-icons span:nth-child(4){color:#e7e7e7}
.platform-strip{margin:26px 0 20px;border:1px solid rgba(232,173,34,.24);background:linear-gradient(180deg,rgba(12,14,12,.92),rgba(5,6,5,.92));border-radius:14px;padding:24px 28px;display:grid;grid-template-columns:220px repeat(5,1fr);gap:12px;align-items:center}
.platform-intro{font-size:20px;line-height:1.37;font-weight:600}
.platform-item{display:flex;gap:11px;align-items:flex-start}
.platform-item .ico{font-size:27px;color:#efbc4a;line-height:1}
.platform-item strong{display:block;font-size:12px;margin-bottom:4px}
.platform-item span{color:#858985;font-size:10px;line-height:1.35;display:block}
.pricing-wrap{padding:0 0 28px}
.pricing-panel{border:1px solid rgba(232,173,34,.27);border-radius:15px;background:linear-gradient(180deg,rgba(11,14,11,.95),rgba(4,6,4,.96));padding:28px;display:grid;grid-template-columns:1.05fr repeat(3,.94fr);gap:18px;align-items:stretch}
.pricing-intro{padding:8px 18px 8px 10px}
.pricing-intro h2{font-size:31px;line-height:1.05;margin:0 0 13px}
.pricing-intro p{color:#8e928e;font-size:12px;line-height:1.5;margin:0 0 16px}
.checks{list-style:none;padding:0;margin:0 0 20px;font-size:11px;color:#c3c6c2;line-height:1.9}
.checks li:before{content:"✓";color:#efb52c;margin-right:9px;font-weight:800}
.micro{font-size:9px;color:#777c77;margin-top:8px}
.price-card{border:1px solid rgba(232,173,34,.2);border-radius:12px;padding:21px;background:rgba(8,10,8,.82);position:relative;display:flex;flex-direction:column;min-height:280px}
.price-card.popular{border-color:rgba(255,192,44,.66);box-shadow:0 0 30px rgba(232,173,34,.08)}
.ribbon{position:absolute;top:0;right:0;left:0;text-align:center;transform:translateY(-50%);font-size:9px;font-weight:800;color:#201300}
.ribbon span{display:inline-block;background:linear-gradient(180deg,#ffd05c,#e5a720);padding:5px 31px;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%)}
.plan{font-size:14px;margin-bottom:3px}
.price{font-size:23px;color:#edb02a;margin-bottom:14px}
.price small{font-size:10px}
.price-card p{font-size:11px;line-height:1.42;color:#949894;margin:0 0 14px;min-height:48px}
.price-card .checks{font-size:10px;margin-bottom:18px;flex:1}
.price-card .btn{padding:11px 16px;font-size:11px;width:100%}
.final-cta{padding:0 0 54px}
.cta-box{border:1px solid rgba(232,173,34,.27);border-radius:14px;min-height:116px;background:linear-gradient(180deg,rgba(11,14,11,.92),rgba(4,5,4,.95));display:grid;grid-template-columns:120px 1fr auto;align-items:center;padding:10px 28px 10px 16px;gap:20px}
.cta-emblem{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(232,173,34,.56);background:radial-gradient(circle at 35% 35%,rgba(255,216,116,.18),rgba(8,9,8,.06) 60%,transparent 100%);font-size:58px;font-weight:800;line-height:1;color:#efb52c;text-shadow:0 0 18px rgba(232,173,34,.18);box-shadow:inset 0 0 26px rgba(232,173,34,.08),0 0 26px rgba(232,173,34,.10)}
.cta-copy h2{font-size:28px;margin:0 0 4px}
.cta-copy p{color:#8a8e8a;font-size:11px;margin:0}
.cta-box .btn{min-width:210px}
.reveal{opacity:0;transform:translateY(18px);transition:.8s ease}
.reveal.show{opacity:1;transform:none}
@media (max-width:1180px){
  .container{width:min(100% - 34px,1100px)}
  .nav{grid-template-columns:190px 1fr 170px}.navlinks{gap:18px;font-size:12px}
  .hero-grid{grid-template-columns:1fr 1fr}.hero-copy{font-size:16px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .platform-strip{grid-template-columns:180px repeat(3,1fr)}
  .platform-item:nth-child(n+5){margin-top:10px}
  .pricing-panel{grid-template-columns:1fr 1fr}.pricing-intro{grid-row:span 1}
}
@media (max-width:880px){
  .topbar{height:74px}.nav{grid-template-columns:1fr auto}.navlinks{display:none}
  .brand img{width:150px}
  .hero{padding-top:28px}.hero-grid{grid-template-columns:1fr}.device-stage{min-height:auto;justify-content:center}.device-cluster{width:min(100%,740px);height:520px;margin:18px auto 0}.monitor{width:500px;right:108px;top:0}.tablet{width:210px;right:8px;top:128px}.phone{width:150px;left:220px;top:246px}
  .stats-card{max-width:none}
  .media-inner{grid-template-columns:1fr 1fr 1fr;gap:20px;padding:22px 0}.media-title{grid-column:1/-1;border-right:0;padding:0;text-align:center}
  .platform-strip{grid-template-columns:1fr 1fr}.platform-intro{grid-column:1/-1}
  .cta-box{grid-template-columns:94px 1fr}.cta-emblem{width:78px;height:78px;font-size:50px}.cta-box .btn{grid-column:1/-1;width:100%}
}
@media (max-width:600px){
  .container{width:min(100% - 24px,560px)}
  .nav-actions .login{display:none}.nav-actions .btn{padding:11px 16px}
  h1{font-size:49px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}
  .trust-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .stats-card{grid-template-columns:1fr 1fr}.stat:nth-child(2):after{display:none}.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}
  .feature-grid{grid-template-columns:1fr}.feature-card{min-height:330px}
  .section-heading h2{font-size:30px}
  .device-cluster{height:470px}.monitor{width:100%;max-width:430px;left:0;right:auto;top:0}.tablet{width:42%;max-width:190px;right:0;top:176px}.phone{width:31%;max-width:135px;left:34%;top:248px}.hero-glow{inset:auto 0 10% 10%}
  .platform-strip{grid-template-columns:1fr;padding:22px}.platform-intro{grid-column:auto}
  .pricing-panel{grid-template-columns:1fr;padding:18px}.price-card{min-height:260px}
  .cta-box{grid-template-columns:1fr;text-align:center;padding:18px}.cta-emblem{margin:auto}.cta-box .btn{grid-column:auto}
  .media-inner{grid-template-columns:1fr 1fr}.media-logo{font-size:13px}
}

/* High-resolution transparent branding */
.brand{gap:12px;min-width:215px;isolation:isolate}
.brand img.brand-emblem{width:50px;height:50px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 8px rgba(232,173,34,.32));flex:none;display:block;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0)}
.brand-type{display:flex;flex-direction:column;gap:4px;line-height:1}
.brand-name{font-size:17px;font-weight:670;letter-spacing:.30em;color:#f4ecda;text-shadow:0 0 12px rgba(232,173,34,.12);text-rendering:geometricPrecision}
.brand-tagline{font-size:5.8px;letter-spacing:.31em;color:#a99c82;white-space:nowrap;text-rendering:geometricPrecision}
.cta-logo{object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 0 14px rgba(232,173,34,.22));image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0)}

/* Crisp, fully HTML-rendered product showcase */
.device-stage{min-height:535px;overflow:visible;isolation:isolate;perspective:1500px}
.device-stage:after{content:"";position:absolute;right:3%;bottom:1%;width:88%;height:18%;background:radial-gradient(ellipse,rgba(255,187,38,.24),rgba(119,72,0,.06) 48%,transparent 73%);filter:blur(17px);transform:perspective(280px) rotateX(66deg);z-index:0}
.device-showcase{position:relative;width:min(100%,815px);height:535px;margin-left:auto;z-index:2;transform:translateZ(0);transform-style:preserve-3d}
.product-device{position:absolute;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;transform-origin:center center;contain:layout style paint}
.desktop-device{width:77%;right:7%;top:18px;z-index:1;animation:floatDesktop 8.6s cubic-bezier(.45,.05,.55,.95) infinite}
.monitor-shell{position:relative;width:100%;filter:drop-shadow(0 30px 34px rgba(0,0,0,.78)) drop-shadow(0 0 20px rgba(229,168,34,.13));backface-visibility:hidden}
.monitor-screen{position:relative;aspect-ratio:1.54;border:1.2px solid rgba(255,202,78,.9);border-radius:15px;background:#050706;padding:5px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 0 28px rgba(232,173,34,.045),0 0 26px rgba(232,173,34,.13);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.monitor-screen:before{content:"";position:absolute;inset:1px;border-radius:13px;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.075),transparent 22%,transparent 77%,rgba(232,173,34,.055));mix-blend-mode:screen}
.monitor-neck{position:absolute;left:45%;bottom:-34px;width:12%;height:36px;background:linear-gradient(90deg,#171917,#484034 48%,#141614);clip-path:polygon(27% 0,73% 0,100% 100%,0 100%);z-index:-1}
.monitor-base{position:absolute;left:32%;bottom:-39px;width:38%;height:8px;border-radius:50%;background:linear-gradient(90deg,#100f0d,#8c6a30 48%,#100f0d);box-shadow:0 5px 15px rgba(0,0,0,.8)}
.desk-topbar{height:9%;display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.055);font-size:5.8px;color:#b5b7b4}
.desk-mini-brand{display:flex;align-items:center;gap:5px;letter-spacing:.2em;color:#d7cfbf;font-weight:700}.desk-s{display:grid;place-items:center;border:1px solid rgba(232,173,34,.5);border-radius:5px;color:#f7d87b;background:radial-gradient(circle at 50% 35%,#4f432b,#0c0d0c 67%);box-shadow:0 0 8px rgba(232,173,34,.17);font-weight:800}.desk-mini-brand .desk-s{width:15px;height:15px;font-size:8px}.desk-search{height:18px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#090b0a;padding:5px 8px;color:#646965}.desk-user{display:flex;justify-content:flex-end;align-items:center;gap:5px}.desk-avatar{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8b4c28,#21140d);border:1px solid #a06b25;color:#f6d2a5}.desk-bell{font-size:9px;color:#e8ad22}
.desk-layout{height:91%;display:grid;grid-template-columns:17% 83%}
.desk-sidebar{border-right:1px solid rgba(255,255,255,.055);padding:7px 6px 5px;display:flex;flex-direction:column;gap:2px;background:linear-gradient(180deg,#060807,#040504)}
.desk-nav{height:20px;display:flex;align-items:center;gap:5px;border-radius:4px;padding:0 5px;color:#9a9d99;font-size:5.8px}.desk-nav i{font-style:normal;color:#c2c5c1;width:9px;text-align:center}.desk-nav.active{background:linear-gradient(90deg,rgba(232,173,34,.26),rgba(232,173,34,.05));border:1px solid rgba(232,173,34,.38);color:#ffd364}.desk-ai{margin-top:auto;border:1px solid rgba(232,173,34,.18);border-radius:5px;padding:5px;display:flex;align-items:center;gap:5px;color:#d7d9d6}.desk-ai>.desk-s{width:19px;height:19px;font-size:10px}.desk-ai div{display:flex;flex-direction:column;font-size:5.5px}.desk-ai small{color:#777d78;font-size:4.5px;margin-top:2px}
.desk-main{padding:8px;background:radial-gradient(circle at 48% 15%,rgba(232,173,34,.035),transparent 45%),#050706}.desk-greeting{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;font-size:7px}.desk-greeting small{font-size:5px;color:#8d918d}.desk-greeting span{font-size:7px}
.desk-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1.55fr 1fr .92fr;gap:5px;height:calc(100% - 27px)}
.desk-card{position:relative;border:1px solid rgba(255,255,255,.085);border-radius:6px;background:linear-gradient(150deg,rgba(15,18,16,.96),rgba(5,7,6,.96));overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025)}.desk-card:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.025),transparent 22%);pointer-events:none}
.portfolio-overview{padding:8px 9px;grid-column:1}.desk-card-label{font-size:5px;color:#9da19d}.desk-balance{font-size:16px;letter-spacing:-.04em;font-weight:700;margin-top:3px}.desk-gain{font-size:5.8px;color:#62e34c;font-weight:700;margin-top:1px}.desk-chart{position:absolute;right:8px;top:11px;width:56%;height:58px;overflow:visible}.desk-line{fill:none;stroke:#f0b326;stroke-width:1.4;filter:drop-shadow(0 0 3px rgba(240,179,38,.48));stroke-linejoin:round}.desk-area{fill:url(#desktopArea)}.desk-metrics{position:absolute;left:0;right:0;bottom:0;height:29%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.06)}.desk-metrics>div{padding:5px 6px;border-right:1px solid rgba(255,255,255,.055);display:flex;flex-direction:column;gap:1px}.desk-metrics>div:last-child{border:none}.desk-metrics small{font-size:3.8px;color:#818681}.desk-metrics b{font-size:5.7px}.desk-metrics em{font-style:normal;font-size:4.3px;color:#5ee344}
.coin-rooms{padding:7px}.desk-card-heading{display:flex;justify-content:space-between;align-items:center;font-size:4.7px;color:#d1d4d0;margin-bottom:5px}.desk-card-heading span{color:#edb329}.coin-room-row{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.coin-room{border:1px solid rgba(255,255,255,.065);border-radius:5px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#090b0a;min-width:0}.coin{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;flex:none}.coin-room .coin{width:22px;height:22px}.coin-room b{font-size:4.3px;white-space:nowrap}.coin-room small{font-size:3.8px;color:#9ca09c}.coin-room em{font-size:4px;color:#5ce246;font-style:normal}.btc{background:linear-gradient(145deg,#ffbd25,#f28c00);color:white;box-shadow:0 0 9px rgba(244,145,0,.35)}.eth{background:linear-gradient(145deg,#d9dcdf,#535961);color:#111}.sol{background:linear-gradient(145deg,#65f4ca,#824cff 62%,#e44bff);color:#0a0a0a}.xrp{background:#e9ecec;color:#141515}.ai{background:linear-gradient(145deg,#aa63ff,#5b21bc);color:white;font-size:8px}.bnb{background:#f4bb20;color:#17130a}.doge{background:#c8a13d;color:white}.link{background:#3866e7;color:white}
.allocation-panel{padding:7px;grid-column:1}.allocation-content{display:flex;align-items:center;gap:12px;height:calc(100% - 14px)}.allocation-ring{width:58px;height:58px;border-radius:50%;background:conic-gradient(#f2b52d 0 45.2%,#b7b9bb 45.2% 70%,#7451ef 70% 82.8%,#2ec4c5 82.8% 91%,#333 91%);display:grid;place-items:center;position:relative;box-shadow:0 0 15px rgba(232,173,34,.08)}.allocation-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#080a09}.allocation-ring span{position:relative;z-index:1;display:flex;flex-direction:column;text-align:center;font-size:5px}.allocation-ring span b{font-size:5px}.allocation-list{flex:1;display:grid;gap:4px}.allocation-list div{display:grid;grid-template-columns:7px 1fr auto;align-items:center;font-size:4.5px}.dot{width:5px;height:5px;border-radius:50%}.btc-dot{background:#f2b52d}.eth-dot{background:#b7b9bb}.sol-dot{background:#7451ef}.xrp-dot{background:#2ec4c5}
.ai-summary{padding:7px}.ai-summary>strong{font-size:9px;color:#5ee246;display:block;margin:4px 0}.ai-summary>small{font-size:4.3px;color:#9da19d}.ai-orb{position:absolute;width:58px;height:58px;right:9px;bottom:7px;border:1px solid rgba(232,173,34,.5);border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 6px,rgba(232,173,34,.19) 6px 7px),radial-gradient(circle,#17150f,#050706 68%);box-shadow:0 0 20px rgba(232,173,34,.13)}.ai-orb:before,.ai-orb:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(232,173,34,.5);animation:orbSpin 9s linear infinite}.ai-orb:before{inset:6px}.ai-orb:after{inset:14px;animation-direction:reverse;animation-duration:6s}.ai-orb span{font-size:20px;font-weight:800;color:#d7d0be;text-shadow:0 0 6px #c89220;z-index:2}
.performance-panel{grid-column:1/-1;padding:7px}.desk-tabs{display:flex;gap:2px}.desk-tabs i{font-style:normal;color:#8c908c;border:1px solid rgba(255,255,255,.06);padding:2px 4px;border-radius:3px}.desk-tabs i.active{color:#f3b529;border-color:rgba(232,173,34,.4)}.performance-chart{position:absolute;left:8px;right:8px;bottom:5px;width:calc(100% - 16px);height:66px}.perf-line{fill:none;stroke:#f0b326;stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(240,179,38,.4))}.perf-area{fill:url(#performanceArea)}

.phone-device{z-index:4;filter:drop-shadow(0 24px 28px rgba(0,0,0,.72))}
.phone-device:after{content:"";position:absolute;left:12%;right:12%;bottom:-7%;height:11%;border-radius:50%;background:rgba(232,173,34,.18);filter:blur(12px);z-index:-1;opacity:.72;animation:phoneGlow 4.8s ease-in-out infinite}
.markets-device:after{animation-delay:1.1s}.signal-device{width:26%;left:25%;bottom:0;z-index:5;animation:floatSignal 6.7s cubic-bezier(.45,.05,.55,.95) infinite}.markets-device{width:29%;right:-1%;bottom:20px;z-index:4;animation:floatMarkets 7.5s cubic-bezier(.45,.05,.55,.95) infinite .35s}.phone-frame{position:relative;width:100%;aspect-ratio:.51;border-radius:21px;padding:5px;background:linear-gradient(145deg,#2b2e2b,#070807 28%,#171817 74%,#090a09);border:1px solid rgba(255,198,63,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 21px 35px rgba(0,0,0,.75),0 0 22px rgba(232,173,34,.18)}.phone-screen{position:relative;height:100%;border-radius:16px;overflow:hidden;padding:8px 8px 7px;background:radial-gradient(circle at 55% 15%,rgba(232,173,34,.055),transparent 36%),#070908;color:#f4f5f3;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.phone-speaker{position:absolute;z-index:5;left:37%;top:5px;width:26%;height:7px;border-radius:0 0 6px 6px;background:#030403}.phone-status{height:14px;display:flex;justify-content:space-between;align-items:center;font-size:4.2px;color:#dfe1de;padding:1px 3px 0}.phone-title{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;text-align:center;height:20px;border-bottom:1px solid rgba(255,255,255,.055);font-size:5.2px}.phone-title span:first-child{text-align:left;font-size:10px}.phone-title span:last-child{text-align:right}.signal-heading{display:flex;align-items:center;gap:6px;margin:7px 0 4px}.coin.large{width:27px;height:27px;font-size:15px}.signal-heading>div:last-child{display:flex;flex-direction:column;font-size:6px}.signal-heading small{font-size:4.2px;color:#777d78;margin-top:1px}.signal-state{font-size:15px;color:#5be243;font-weight:600;margin-top:7px}.signal-change{font-size:5px;color:#5be243;margin:1px 0 4px}.phone-chart{width:100%;height:47px}.phone-chart-line{fill:none;stroke:#52dd40;stroke-width:1.5;filter:drop-shadow(0 0 3px rgba(82,221,64,.35));stroke-linejoin:round}.phone-chart-fill{fill:rgba(82,221,64,.09)}.signal-stat{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.055);height:18px;font-size:4.4px}.signal-stat span{color:#858a85}.signal-stat b{font-size:4.6px}.phone-cta{position:absolute;left:9px;right:9px;bottom:8px;height:24px;border-radius:5px;border:1px solid #ffc23c;color:#fff;background:linear-gradient(180deg,#d9a01d,#8c5a00);font-size:5.5px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 6px 12px rgba(168,104,0,.24)}
.markets-heading{display:flex;justify-content:space-between;align-items:center;height:25px;font-size:10px}.markets-heading span{font-size:9px;color:#9ca09c}.market-tabs{height:20px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.06);font-size:4.2px;white-space:nowrap;color:#7e837f}.market-tabs b{color:#f0b32a;border-bottom:1px solid #f0b32a;height:20px;display:flex;align-items:center}.market-list{padding-top:3px}.market-row{display:grid;grid-template-columns:22px 1fr auto;grid-template-rows:1fr 1fr;column-gap:5px;min-height:30px;align-items:center;border-bottom:1px solid rgba(255,255,255,.045)}.market-row .coin{grid-row:1/3;width:18px;height:18px;font-size:10px}.market-row>div{grid-row:1/3;display:flex;flex-direction:column}.market-row b{font-size:4.7px}.market-row small{font-size:3.6px;color:#737874;margin-top:1px}.market-row strong{font-size:4.4px;font-weight:500;align-self:end}.market-row em{font-style:normal;font-size:4px;color:#59e142;align-self:start;text-align:right}.phone-nav{position:absolute;left:0;right:0;bottom:0;height:25px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid rgba(255,255,255,.06);background:#080a09;font-size:8px;color:#818681}.phone-nav span.active{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(232,173,34,.55);color:#f1bc37;box-shadow:0 0 12px rgba(232,173,34,.15)}

@keyframes floatDesktop{0%,100%{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg)}35%{transform:translate3d(-1px,-7px,0) rotateX(.28deg) rotateY(-.18deg)}70%{transform:translate3d(1px,-3px,0) rotateX(-.18deg) rotateY(.16deg)}}
@keyframes floatSignal{0%,100%{transform:translate3d(0,0,42px) rotate(-1deg)}32%{transform:translate3d(-3px,-13px,48px) rotate(.35deg)}68%{transform:translate3d(2px,-7px,45px) rotate(.9deg)}}
@keyframes floatMarkets{0%,100%{transform:translate3d(0,0,58px) rotate(.9deg)}38%{transform:translate3d(4px,-9px,64px) rotate(-.35deg)}72%{transform:translate3d(-2px,-15px,61px) rotate(-.85deg)}}
@keyframes phoneGlow{0%,100%{opacity:.42;transform:scale(.9)}50%{opacity:.82;transform:scale(1.08)}}
@keyframes orbSpin{to{transform:rotate(360deg)}}

@media (max-width:1180px){
  .device-showcase{height:510px;width:min(100%,770px);margin:auto}.desktop-device{width:77%;right:7%}.signal-device{width:26.5%;left:24%}.markets-device{width:29.5%;right:-1%}
}
@media (max-width:880px){
  .brand-name{font-size:15px}.device-stage{min-height:515px}.device-showcase{height:505px;max-width:735px}.desktop-device{width:79%;right:8%;top:17px}.signal-device{width:28%;left:22%}.markets-device{width:31%;right:0}
}
@media (max-width:600px){
  .brand{min-width:auto;gap:9px}.brand img.brand-emblem{width:42px;height:42px}.brand-name{font-size:13px}.brand-tagline{font-size:4.5px}.device-stage{min-height:438px;margin-top:8px}.device-showcase{height:418px;width:100%}.desktop-device{width:94%;right:3%;top:8px}.signal-device{width:35%;left:9%;bottom:0}.markets-device{width:37%;right:1%;bottom:5px}.monitor-neck{bottom:-25px;height:27px}.monitor-base{bottom:-30px}.desk-sidebar{padding:5px 3px}.desk-nav{height:17px;padding:0 3px}.desk-ai{display:none}.desk-main{padding:5px}.desk-greeting{margin-bottom:4px}.desk-grid{gap:3px}.monitor-screen{padding:3px;border-radius:11px}.phone-frame{border-radius:16px;padding:4px}.phone-screen{border-radius:12px;padding:6px}.market-row{min-height:25px}.signal-stat{height:15px}.phone-cta{height:20px;bottom:6px}
}
@media (prefers-reduced-motion:reduce){.desktop-device,.signal-device,.markets-device,.phone-device:after,.ai-orb:before,.ai-orb:after{animation:none!important}}

/* Desktop sticky tab navigation */
.topbar{position:sticky;top:0;z-index:120;background:rgba(3,4,3,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav{grid-template-columns:220px 1fr auto}
.desktop-status{justify-self:center;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(93,227,66,.18);border-radius:999px;background:rgba(8,12,8,.62);color:#aeb5ae;font-size:11px;letter-spacing:.035em;white-space:nowrap}
.status-pulse{width:7px;height:7px;border-radius:50%;background:#5de342;box-shadow:0 0 0 4px rgba(93,227,66,.08),0 0 14px rgba(93,227,66,.55);animation:statusPulse 2.2s ease-in-out infinite}
@keyframes statusPulse{0%,100%{opacity:.72;transform:scale(.88)}50%{opacity:1;transform:scale(1.14)}}
.desktop-tabbar{position:sticky;top:84px;z-index:110;height:62px;border-bottom:1px solid rgba(232,173,34,.16);background:linear-gradient(180deg,rgba(7,9,7,.96),rgba(3,4,3,.91));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 36px rgba(0,0,0,.24)}
.desktop-tabs-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:8px}
.desktop-tab{position:relative;min-width:112px;height:42px;padding:0 16px;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8f9690;font-size:12px;font-weight:650;letter-spacing:.015em;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.desktop-tab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.desktop-tab:hover{color:#f0c158;background:rgba(232,173,34,.055);border-color:rgba(232,173,34,.14);transform:translateY(-1px)}
.desktop-tab.active{color:#fff4d1;border-color:rgba(232,173,34,.34);background:linear-gradient(180deg,rgba(232,173,34,.16),rgba(126,81,0,.11));box-shadow:inset 0 1px rgba(255,255,255,.06),0 6px 18px rgba(0,0,0,.28),0 0 24px rgba(232,173,34,.06)}
.desktop-tab.active:after{content:"";position:absolute;left:22%;right:22%;bottom:-11px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#f2bd35,transparent);box-shadow:0 0 10px rgba(242,189,53,.65)}
section[id]{scroll-margin-top:154px}
@media(max-width:1180px){.desktop-tab{min-width:96px;padding:0 12px}.desktop-tabs-inner{gap:5px}}
@media(max-width:980px){.desktop-tab{min-width:82px;padding:0 9px;font-size:11px}.desktop-tab svg{width:15px;height:15px}.desktop-status{display:none}}
@media(max-width:880px){.topbar{top:0}.desktop-tabbar{display:none}.desktop-status{display:none}.nav{grid-template-columns:1fr auto auto}section[id]{scroll-margin-top:86px}}



/* --- Complete landing-page update --- */
.topbar{position:sticky;top:0;background:rgba(3,4,3,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:100;border-bottom-color:rgba(232,173,34,.12)}
section[id]{scroll-margin-top:92px}
/* One floating market phone only; signal-details phone intentionally removed. */
.desktop-device{width:79%;right:12%;top:18px}
.markets-device{width:31%;right:0;bottom:10px;z-index:5;animation:floatMarkets 7.5s cubic-bezier(.45,.05,.55,.95) infinite .35s}
.device-showcase{height:520px}
.device-stage{min-height:520px}
.deep-section{padding:82px 0;border-top:1px solid rgba(232,173,34,.12);position:relative;overflow:hidden}
.deep-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(232,173,34,.06),transparent 67%);pointer-events:none;right:-250px;top:-260px}
.section-kicker{font-size:11px;letter-spacing:.18em;color:#d8a124;font-weight:800;margin-bottom:14px}
.section-copy h2,.deep-section .section-heading h2{font-size:clamp(36px,4vw,57px);line-height:1.04;letter-spacing:-.045em;margin:0 0 20px}
.section-copy h2 span{color:#e4aa22}
.section-copy>p{color:#969b97;font-size:16px;line-height:1.7;max-width:610px;margin:0 0 22px}
.split-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}
.detail-list{display:grid;gap:16px;margin:30px 0}
.detail-list>div{display:flex;gap:15px;align-items:flex-start}
.detail-list i{font-style:normal;color:#e8ad22;font-size:11px;border:1px solid rgba(232,173,34,.32);border-radius:7px;padding:7px 8px;background:rgba(232,173,34,.04)}
.detail-list span{display:flex;flex-direction:column;gap:5px}.detail-list b{font-size:14px}.detail-list small{font-size:12px;line-height:1.45;color:#858a86}
.text-link{display:inline-flex;gap:10px;align-items:center;color:#f0bc3b;font-size:13px;font-weight:700}.text-link:hover{color:#ffdb78}
.market-board,.community-preview,.mission-panel{border:1px solid rgba(232,173,34,.28);border-radius:18px;background:linear-gradient(155deg,rgba(14,17,15,.98),rgba(4,6,5,.98));box-shadow:0 26px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.03);overflow:hidden}
.market-board{padding:18px}
.board-head{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 17px;border-bottom:1px solid rgba(255,255,255,.07);font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5de342;box-shadow:0 0 10px rgba(93,227,66,.72);margin-right:8px}.board-tabs{display:flex;gap:19px;font-size:10px;color:#7f847f}.board-tabs b{color:#efb52c}
.board-columns,.board-row{display:grid;grid-template-columns:1.5fr .9fr .55fr .9fr;gap:15px;align-items:center}.board-columns{font-size:9px;color:#6f746f;text-transform:uppercase;letter-spacing:.11em;padding:15px 7px 7px}.board-row{padding:12px 7px;border-bottom:1px solid rgba(255,255,255,.055)}.asset{display:flex;gap:10px;align-items:center}.asset .coin,.room-row .coin{width:34px;height:34px;font-size:14px}.asset span{display:flex;flex-direction:column;gap:2px}.asset b{font-size:12px}.asset small{font-size:9px;color:#767b76}.board-row>strong{font-size:12px}.board-row>em{font-style:normal;color:#59df43;font-size:11px}.board-row svg{width:100%;height:30px}.board-row svg path{fill:none;stroke:#55dd3d;stroke-width:2;filter:drop-shadow(0 0 3px rgba(85,221,61,.25))}.board-footer{display:flex;justify-content:space-between;padding:14px 7px 2px;font-size:9px;color:#747974}.board-footer b{color:#dfaa2d}
.signal-section{background:radial-gradient(circle at 50% 30%,rgba(232,173,34,.055),transparent 44%)}
.signal-grid{display:grid;grid-template-columns:1.3fr 1fr .72fr;gap:17px;align-items:stretch}.signal-card,.council-card,.reason-card{border:1px solid rgba(232,173,34,.23);border-radius:17px;background:linear-gradient(155deg,#0d100e,#050705);padding:22px;box-shadow:0 22px 65px rgba(0,0,0,.34)}.signal-card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#929792}.status{font-size:9px;letter-spacing:.09em;padding:6px 9px;border-radius:999px}.status.bullish{color:#63e74d;background:rgba(93,227,66,.08);border:1px solid rgba(93,227,66,.23)}.signal-price{font-size:31px;font-weight:750;margin:15px 0 6px}.signal-price small{font-size:11px;color:#5de342}.wide-chart{width:100%;height:140px}.wide-chart .area{fill:url(#sigfill)}.wide-chart .line{fill:none;stroke:#55dd3d;stroke-width:2.5;filter:drop-shadow(0 0 5px rgba(85,221,61,.28));stroke-linecap:round;stroke-linejoin:round}.signal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.signal-metrics div{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:9px;display:flex;flex-direction:column;gap:4px}.signal-metrics span{font-size:8px;color:#747974}.signal-metrics b{font-size:11px}.council-card{display:grid;grid-template-rows:180px 1fr}.council-card h3,.reason-card h3{font-size:21px;margin:5px 0 11px}.council-card p{font-size:12px;color:#8f948f;line-height:1.6}.council-orbit{position:relative;width:170px;height:170px;margin:auto}.orbit{position:absolute;border-radius:50%;inset:10px;border:1px dashed rgba(232,173,34,.5);animation:spin 18s linear infinite}.orbit-b{inset:29px;animation-direction:reverse;animation-duration:12s;border-style:solid;border-color:rgba(232,173,34,.24)}.core-s{position:absolute;inset:54px;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:900;background:radial-gradient(circle at 35% 30%,#6a5938,#0a0b0a 66%);color:#f2c65e;border:1px solid rgba(232,173,34,.52);box-shadow:0 0 24px rgba(232,173,34,.16)}.node{position:absolute;width:8px;height:8px;border-radius:50%;background:#efb52c;box-shadow:0 0 12px #efb52c}.n1{top:7px;left:78px}.n2{right:11px;top:78px}.n3{bottom:13px;left:80px}.n4{left:12px;top:84px}.council-votes{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.council-votes span{font-size:9px;color:#8c918c}.council-votes i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5de342;margin-right:5px}.council-votes span:nth-child(2) i{background:#d5a62a}.council-votes span:nth-child(3) i{background:#ff6262}@keyframes spin{to{transform:rotate(360deg)}}
.reason-card{display:flex;flex-direction:column}.reason-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.065)}.reason-row span{font-size:10px;color:#858a85}.reason-row b{font-size:10px;text-align:right}.reason-note{margin-top:auto;padding:12px;border:1px solid rgba(232,173,34,.16);border-radius:9px;color:#7e837e;font-size:9px;line-height:1.55;background:rgba(232,173,34,.025)}
.community-section{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(232,173,34,.025),rgba(0,0,0,0))}.community-preview{padding:18px}.community-head{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding:2px 2px 14px;font-size:11px}.community-head>span{color:#6f746f;font-size:9px}.post-card{border:1px solid rgba(255,255,255,.07);background:#090b09;border-radius:13px;padding:15px;margin:15px 0}.post-user{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.post-user b{display:block;font-size:11px}.post-user b i{font-style:normal;color:#e9b02a}.post-user small{display:block;font-size:8px;color:#747974;margin-top:2px}.score{font-size:8px;color:#5de342;border:1px solid rgba(93,227,66,.2);border-radius:999px;padding:5px 7px}.post-card p{font-size:11px;line-height:1.55;color:#a7aba7}.post-chart{height:76px;border-radius:8px;background:linear-gradient(180deg,rgba(93,227,66,.03),transparent);overflow:hidden}.post-chart svg{width:100%;height:100%}.post-chart path{fill:none;stroke:#55dd3d;stroke-width:2}.post-actions{display:flex;gap:22px;color:#6f746f;font-size:9px;margin-top:10px}.room-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid rgba(255,255,255,.055)}.room-row div{display:flex;flex-direction:column}.room-row b{font-size:11px}.room-row small{font-size:8px;color:#777c77;margin-top:3px}.room-row strong{font-size:9px;color:#dbaa32}.stat-pills{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.stat-pills span{font-size:9px;color:#8b908b;border:1px solid rgba(232,173,34,.19);padding:9px 10px;border-radius:8px;background:rgba(232,173,34,.02)}.stat-pills b{color:#e7b334;margin-right:4px}
.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.security-card{border:1px solid rgba(232,173,34,.2);border-radius:15px;padding:22px;background:linear-gradient(160deg,#0d100e,#050705);min-height:210px}.security-icon{width:42px;height:42px;border:1px solid rgba(232,173,34,.34);border-radius:11px;display:grid;place-items:center;color:#edb42d;font-size:20px;margin-bottom:17px}.security-card h3{font-size:15px;margin:0 0 10px}.security-card p{font-size:11px;line-height:1.6;color:#888d88;margin:0}.broker-band{margin-top:18px;border:1px solid rgba(232,173,34,.2);border-radius:15px;padding:20px 22px;text-align:center;background:#070907}.broker-band>span{display:block;color:#a7aba7;font-size:11px;margin-bottom:14px}.broker-band>div{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;color:#d6d7d4}.broker-band b{font-size:13px}.broker-band small{display:block;margin-top:12px;color:#626762;font-size:8px}
.company-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.company-actions{display:flex;gap:12px;margin-top:27px}.mission-panel{padding:28px}.mission-number{color:#d6a12b;font-size:10px;letter-spacing:.12em;margin-top:19px}.mission-number:first-child{margin-top:0}.mission-panel h3{font-size:17px;margin:7px 0}.mission-panel p{font-size:11px;color:#8b908b;line-height:1.55;margin:0 0 15px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.06)}.mission-panel p:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.faq-list{border-top:1px solid rgba(232,173,34,.26)}.faq-list details{border-bottom:1px solid rgba(255,255,255,.085);padding:18px 2px}.faq-list summary{cursor:pointer;list-style:none;font-size:14px;font-weight:650;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:#e7ad22;font-size:18px}.faq-list details[open] summary:after{content:"–"}.faq-list p{font-size:11px;color:#8c918c;line-height:1.65;margin:12px 0 0;max-width:680px}
.site-footer{border-top:1px solid rgba(232,173,34,.18);padding:52px 0 24px;background:#020302}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,.7fr);gap:50px}.footer-logo{min-width:0}.footer-s{width:48px;height:48px;border-radius:12px;border:1px solid rgba(232,173,34,.52);display:grid;place-items:center;font-size:31px;font-weight:900;color:#efbd47;background:radial-gradient(circle at 35% 30%,#5b4c30,#080908 66%)}.footer-brand p{font-size:11px;line-height:1.6;color:#737873;max-width:360px}.site-footer h4{font-size:11px;color:#d3d6d2;margin:0 0 15px}.site-footer>div>div:not(.footer-brand) a{display:block;color:#7d827d;font-size:10px;margin:0 0 11px}.site-footer a:hover{color:#e7ad22}.footer-bottom{border-top:1px solid rgba(255,255,255,.055);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#5f645f;font-size:8px}
.modal-shell{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.modal-shell.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}.modal-card{position:relative;z-index:1;width:min(560px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(232,173,34,.36);border-radius:18px;background:linear-gradient(155deg,#101310,#050705);box-shadow:0 35px 100px rgba(0,0,0,.8),0 0 35px rgba(232,173,34,.08);padding:34px}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;color:#a4a8a4;font-size:28px;cursor:pointer}.modal-content{display:none}.modal-content.active{display:block}.modal-kicker{font-size:9px;letter-spacing:.18em;color:#d7a128;font-weight:800}.modal-content h2{font-size:30px;margin:9px 0 10px}.modal-content>p{color:#8d928d;font-size:12px;line-height:1.6}.modal-content label{display:block;color:#a6aaa6;font-size:9px;margin:15px 0}.modal-content input{display:block;width:100%;margin-top:6px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#060806;color:#f3f4f2;padding:13px 14px;outline:none}.modal-content input:focus{border-color:rgba(232,173,34,.58);box-shadow:0 0 0 3px rgba(232,173,34,.07)}.modal-submit{width:100%;margin-top:4px}.modal-content>small{display:block;color:#696e69;font-size:8px;text-align:center;margin-top:12px}.legal-copy h3{font-size:14px;margin:20px 0 6px}.support-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.support-options button{border:1px solid rgba(232,173,34,.22);background:#080a08;color:#d5d7d4;border-radius:10px;padding:14px;text-align:left;cursor:pointer}.support-options button:hover{border-color:rgba(232,173,34,.5);color:#f1bd3f}
@media(max-width:1180px){.signal-grid{grid-template-columns:1fr 1fr}.reason-card{grid-column:1/-1}.security-grid{grid-template-columns:1fr 1fr}.split-layout,.company-grid,.faq-layout{gap:38px}.footer-grid{grid-template-columns:1.3fr repeat(3,.7fr)}}
@media(max-width:880px){.desktop-device{width:82%;right:14%}.markets-device{width:32%;right:1%}.deep-section{padding:66px 0}.split-layout,.company-grid,.faq-layout{grid-template-columns:1fr}.reverse-on-mobile .community-preview{order:2}.signal-grid{grid-template-columns:1fr}.reason-card{grid-column:auto}.security-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.navlinks{display:none}}
@media(max-width:600px){.device-showcase{height:400px}.device-stage{min-height:410px}.desktop-device{width:96%;right:2%;top:6px}.markets-device{width:40%;right:0;bottom:0}.section-copy h2,.deep-section .section-heading h2{font-size:35px}.market-board{padding:12px}.board-tabs span{display:none}.board-columns,.board-row{grid-template-columns:1.45fr .85fr .55fr}.board-columns span:last-child,.board-row svg{display:none}.signal-metrics{grid-template-columns:1fr}.council-card{grid-template-rows:160px 1fr}.security-grid{grid-template-columns:1fr}.company-actions{flex-direction:column}.company-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.support-options{grid-template-columns:1fr}.modal-card{padding:28px 20px}.broker-band>div{gap:16px}.stat-pills{display:grid;grid-template-columns:1fr 1fr}.post-user{grid-template-columns:auto 1fr}.score{grid-column:1/-1;width:max-content}.nav-actions .btn{display:inline-flex}}


.mobile-menu-btn{display:none;width:38px;height:38px;border:1px solid rgba(232,173,34,.32);border-radius:8px;background:#080a08;color:#e9b12d;cursor:pointer;font-size:19px;align-items:center;justify-content:center}
.mobile-drawer{display:none;position:sticky;top:74px;z-index:99;background:rgba(4,6,4,.97);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,173,34,.18);padding:10px 17px 16px;grid-template-columns:repeat(2,1fr);gap:7px}
.mobile-drawer.open{display:grid}.mobile-drawer a{border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:11px 12px;color:#b8bcb8;font-size:11px;background:#070907}.mobile-drawer a:hover{color:#efb52c;border-color:rgba(232,173,34,.28)}
@media(max-width:880px){.nav{grid-template-columns:1fr auto auto}.mobile-menu-btn{display:flex}.nav-actions{gap:9px}.nav-actions .btn{padding:11px 14px}}
@media(min-width:881px){.mobile-drawer{display:none!important}}

/* === Updated product-device screenshots: exact new laptop + phone UI === */
.device-showcase{height:555px;max-width:860px}
.device-stage{min-height:555px}
.updated-laptop-device{width:82%;right:12%;top:12px;z-index:2;animation:floatDesktop 8.6s cubic-bezier(.45,.05,.55,.95) infinite}
.laptop-shell{position:relative;width:100%;padding-bottom:7.8%;filter:drop-shadow(0 32px 38px rgba(0,0,0,.82)) drop-shadow(0 0 24px rgba(229,168,34,.14));transform-style:preserve-3d}
.laptop-screen-frame{position:relative;width:100%;padding:7px;border-radius:17px;background:linear-gradient(145deg,#272a28 0%,#090b0a 24%,#171916 72%,#060706 100%);border:1px solid rgba(255,202,78,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 0 22px rgba(232,173,34,.045),0 0 30px rgba(232,173,34,.14);overflow:hidden}
.laptop-camera{position:absolute;top:2px;left:50%;width:4px;height:4px;transform:translateX(-50%);border-radius:50%;background:#020302;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 4px rgba(232,173,34,.22);z-index:4}
.screenshot-monitor-screen{aspect-ratio:3/2;padding:0!important;border:0!important;border-radius:11px!important;background:#020405!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important}
.device-ui-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}
.desktop-ui-image{border-radius:10px}
.laptop-hinge{position:absolute;left:13%;right:13%;bottom:5.3%;height:4.4%;border-radius:0 0 9px 9px;background:linear-gradient(180deg,#65502a 0%,#1a1c19 34%,#050605 100%);border:1px solid rgba(255,198,63,.32);box-shadow:inset 0 1px rgba(255,255,255,.07),0 3px 10px rgba(0,0,0,.7);z-index:-1}
.laptop-deck{position:absolute;left:-5%;right:-5%;bottom:0;height:7.2%;clip-path:polygon(7% 0,93% 0,100% 86%,96% 100%,4% 100%,0 86%);background:linear-gradient(180deg,#34362f 0%,#151714 36%,#060706 100%);border-top:1px solid rgba(255,210,91,.52);box-shadow:0 10px 18px rgba(0,0,0,.74),inset 0 1px rgba(255,255,255,.08)}
.laptop-deck span{position:absolute;left:42%;right:42%;top:17%;height:17%;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#20221e,#080908);border:1px solid rgba(255,255,255,.04)}
.updated-phone-device{width:27.5%;right:-.5%;bottom:1px;z-index:5;animation:floatMarkets 7.5s cubic-bezier(.45,.05,.55,.95) infinite .35s}
.screenshot-phone-frame{aspect-ratio:916/1644!important;padding:7px!important;border-radius:28px!important;background:linear-gradient(145deg,#343735,#080a09 25%,#1b1d1a 73%,#070807)!important;border:1px solid rgba(255,198,63,.9)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),0 25px 39px rgba(0,0,0,.8),0 0 26px rgba(232,173,34,.2)!important}
.screenshot-phone-screen{height:100%!important;padding:0!important;border-radius:21px!important;background:#020405!important;overflow:hidden!important}
.screenshot-phone-frame .phone-speaker{top:5px!important;left:39%!important;width:22%!important;height:6px!important;border-radius:0 0 7px 7px!important;background:#030403!important;box-shadow:0 0 0 1px rgba(255,255,255,.025)!important;opacity:.92}
.phone-ui-image{object-fit:cover;object-position:center;border-radius:20px}
.updated-phone-device:before{content:"";position:absolute;inset:-4%;border-radius:34px;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.06) 32%,transparent 45%);pointer-events:none;z-index:7;mix-blend-mode:screen}
@media(max-width:1100px){
  .device-showcase{height:525px}.device-stage{min-height:525px}
  .updated-laptop-device{width:83%;right:13%;top:17px}
  .updated-phone-device{width:29%;right:0;bottom:4px}
}
@media(max-width:880px){
  .device-showcase{height:505px;max-width:760px}.device-stage{min-height:505px}
  .updated-laptop-device{width:86%;right:12%;top:16px}
  .updated-phone-device{width:31%;right:0;bottom:2px}
}
@media(max-width:620px){
  .device-stage{min-height:455px;margin-top:10px}.device-showcase{height:440px;width:100%}
  .updated-laptop-device{width:96%;right:4%;top:8px}
  .updated-phone-device{width:36%;right:0;bottom:0}
  .laptop-screen-frame{padding:4px;border-radius:12px}.screenshot-monitor-screen{border-radius:8px!important}.desktop-ui-image{border-radius:7px}
  .screenshot-phone-frame{padding:4px!important;border-radius:20px!important}.screenshot-phone-screen{border-radius:16px!important}.phone-ui-image{border-radius:15px}
}



.auth-error{min-height:18px;margin:2px 0 5px;color:#ff6a6a;font-size:10px;line-height:1.45}
.modal-submit.is-loading,.reset-password-submit.is-loading{pointer-events:none;opacity:.88}
.modal-submit.is-loading::before,.reset-password-submit.is-loading::before{content:"";width:14px;height:14px;margin-right:8px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:synAuthSpin .7s linear infinite}
.syntriem-app-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(238,176,37,.12),transparent 28%),#010203;opacity:0;pointer-events:none;transition:opacity .22s ease}
.syntriem-app-transition.show{opacity:1;pointer-events:auto}
.syntriem-app-transition-inner{text-align:center;color:#fff}
.syntriem-app-transition-mark{width:84px;height:84px;margin:0 auto 18px;border:1px solid rgba(241,185,75,.65);border-radius:24px;display:grid;place-items:center;color:#f1b94b;font-size:52px;font-weight:900;font-style:italic;box-shadow:0 0 34px rgba(241,185,75,.18),inset 0 0 22px rgba(241,185,75,.07);animation:synAuthPulse 1.15s ease-in-out infinite}
.syntriem-app-transition-title{font-size:15px;font-weight:800;letter-spacing:.2em}
.syntriem-app-transition-copy{margin-top:8px;color:#909790;font-size:10px}
@keyframes synAuthSpin{to{transform:rotate(360deg)}}
@keyframes synAuthPulse{50%{transform:scale(1.045);filter:brightness(1.18);box-shadow:0 0 48px rgba(241,185,75,.34),inset 0 0 26px rgba(241,185,75,.11)}}


.header-utility{color:#8d928d;font-size:12px;transition:.2s ease}
.header-utility:hover{color:#f1bd3f}
.hero-actions{max-width:225px}
.core-s{padding:5px;overflow:hidden;background:#050607}
.core-s img{width:100%;height:100%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 10px rgba(243,189,78,.35))}
.footer-logo-image{object-fit:contain!important;background:#050607!important;padding:2px!important}
.syntriem-app-transition-mark{padding:5px;font-size:0!important}
.syntriem-app-transition-mark img{width:100%;height:100%;object-fit:contain;border-radius:19px}
.avatar{display:block;object-fit:cover;background:#08090b!important}
.avatars i{background-size:cover!important;background-position:center!important}
.avatars i:nth-child(1){background-image:url("/site/img_0.svg")!important}
.avatars i:nth-child(2){background-image:url("/site/img_1.svg")!important}
.avatars i:nth-child(3){background-image:url("/site/img_2.svg")!important}
.avatars i:nth-child(4){background-image:url("/site/img_3.svg")!important}
.avatars i:nth-child(5){background-image:url("/site/img_4.svg")!important}
.avatars i:nth-child(6){background-image:url("/site/img_5.svg")!important}
.avatars i:nth-child(7){background-image:url("/site/img_6.svg")!important}
.avatars i:nth-child(8){background-image:url("/site/img_7.svg")!important}
.broker-logo-set{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}
.broker-logo-set.compact{justify-content:space-between;gap:7px;padding:12px 1px 3px}
.broker-brand{display:flex;align-items:center;gap:7px;color:#d8dbd8}
.broker-brand>span:last-child{font-size:11px;font-weight:750}
.broker-logo-set.compact .broker-brand>span:last-child{display:none}
.broker-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;box-shadow:0 6px 14px rgba(0,0,0,.34)}
.broker-mark svg{width:100%;height:100%;display:block}
.broker-logo-set.full{gap:21px 26px}
.broker-logo-set.full .broker-mark{width:34px;height:34px}
.broker-band>div.broker-logo-set{display:flex}
.legal-links{display:grid;gap:10px;margin-top:20px}
.legal-links button{display:grid;gap:5px;text-align:left;border:1px solid rgba(232,173,34,.22);background:#080a08;color:#d5d7d4;border-radius:11px;padding:15px;cursor:pointer}
.legal-links button:hover{border-color:rgba(232,173,34,.55);transform:translateY(-1px)}
.legal-links b{font-size:12px;color:#f0c45b}
.legal-links span{font-size:9px;color:#818681;line-height:1.45}
.support-feedback{min-height:18px;margin:8px 0;color:#63dc54;font-size:10px}
@media(max-width:1040px){.header-utility{display:none}}
@media(max-width:600px){.hero-actions{max-width:none}.broker-logo-set.full{gap:15px}.broker-brand>span:last-child{font-size:9px}}


/* Landing-page profiles now use the exact avatar choices available inside Syntriem. */
.avatar{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#050607!important;
  border:1px solid rgba(241,185,75,.78)!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.82),0 0 14px rgba(241,185,75,.24)!important;
}
.avatars i{
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  background-color:#050607!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
  border:1px solid rgba(241,185,75,.62)!important;
  box-shadow:0 0 0 2px #090b09,0 0 10px rgba(241,185,75,.16)!important;
}
.avatars i:nth-child(1),
.avatars i:nth-child(4){
  background-image:url("/site/img_8.png")!important;
}
.avatars i:nth-child(2),
.avatars i:nth-child(5){
  background-image:url("/site/img_9.png")!important;
}
.avatars i:nth-child(3),
.avatars i:nth-child(6){
  background-image:url("/site/img_10.png")!important;
}


/* One unified broker-connectivity panel instead of two separate boxes. */
.broker-connect-card{
  margin-top:18px;
  border:1px solid rgba(232,173,34,.25);
  border-radius:18px;
  padding:28px 30px;
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(500px,1.18fr);
  gap:38px;
  align-items:center;
  background:
    radial-gradient(circle at 8% 15%,rgba(232,173,34,.08),transparent 30%),
    linear-gradient(155deg,#0c100d 0%,#070907 54%,#050705 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 46px rgba(0,0,0,.24);
  overflow:hidden;
  position:relative;
}
.broker-connect-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 42%,rgba(239,181,45,.035) 50%,transparent 58%);
}
.broker-connect-copy{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:17px;
  align-items:start;
  position:relative;
  z-index:1;
}
.broker-connect-copy .security-icon{
  width:48px;
  height:48px;
  margin:0;
  border-radius:13px;
  font-size:22px;
  background:rgba(232,173,34,.035);
  box-shadow:inset 0 0 18px rgba(232,173,34,.035);
}
.broker-connect-kicker{
  display:block;
  color:#dba82d;
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:1.7px;
  margin:3px 0 10px;
}
.broker-connect-card h3{
  margin:0 0 10px;
  color:#f5f6f4;
  font-size:23px;
  line-height:1.16;
  letter-spacing:-.45px;
}
.broker-connect-card p{
  margin:0;
  max-width:440px;
  color:#929792;
  font-size:11.5px;
  line-height:1.65;
}
.broker-connect-platforms{
  min-width:0;
  padding-left:34px;
  border-left:1px solid rgba(232,173,34,.16);
  position:relative;
  z-index:1;
}
.broker-connect-platforms>span{
  display:block;
  margin:0 0 16px;
  color:#aeb2ad;
  font-size:11px;
  text-align:left;
}
.broker-connect-card .broker-logo-set.full{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px 18px;
  justify-content:stretch;
  align-items:center;
}
.broker-connect-card .broker-brand{
  min-width:0;
  justify-content:flex-start;
  gap:9px;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:12px;
  background:rgba(255,255,255,.012);
}
.broker-connect-card .broker-brand>span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e0e2df;
  font-size:10px;
  font-weight:780;
}
.broker-connect-card .broker-logo-set.full .broker-mark{
  width:36px;
  height:36px;
  flex:0 0 36px;
}
.broker-connect-platforms small{
  display:block;
  margin-top:15px;
  color:#696e69;
  font-size:8px;
  text-align:left;
}
@media(max-width:980px){
  .broker-connect-card{
    grid-template-columns:1fr;
    gap:24px;
  }
  .broker-connect-platforms{
    padding:22px 0 0;
    border-left:0;
    border-top:1px solid rgba(232,173,34,.16);
  }
}
@media(max-width:600px){
  .broker-connect-card{
    margin-top:14px;
    padding:22px 20px;
    border-radius:17px;
    gap:21px;
  }
  .broker-connect-copy{
    grid-template-columns:45px minmax(0,1fr);
    gap:14px;
  }
  .broker-connect-copy .security-icon{
    width:43px;
    height:43px;
    border-radius:12px;
    font-size:20px;
  }
  .broker-connect-kicker{
    font-size:8px;
    letter-spacing:1.35px;
    margin-bottom:9px;
  }
  .broker-connect-card h3{
    font-size:20px;
    line-height:1.2;
  }
  .broker-connect-card p{
    font-size:10.5px;
    line-height:1.62;
  }
  .broker-connect-platforms{
    padding-top:19px;
  }
  .broker-connect-platforms>span{
    font-size:10px;
    line-height:1.45;
    margin-bottom:14px;
  }
  .broker-connect-card .broker-logo-set.full{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .broker-connect-card .broker-brand{
    padding:7px;
    gap:8px;
  }
  .broker-connect-card .broker-logo-set.full .broker-mark{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
  .broker-connect-card .broker-brand>span:last-child{
    font-size:9px;
  }
  .broker-connect-platforms small{
    font-size:7.5px;
    line-height:1.45;
  }
}


/* Final broker card: one section, no blank "Connected 4 Brokers" panel. */
.feature-card.broker-unified{
  grid-column:1 / -1;
  min-height:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(520px,1.35fr);
  align-items:stretch;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 20%,rgba(232,173,34,.08),transparent 38%),
    linear-gradient(135deg,rgba(14,17,14,.98),rgba(5,7,6,.99));
  border-color:rgba(232,173,34,.31);
}
.feature-card.broker-unified:after{display:none}
.broker-unified-copy{
  padding:28px 30px;
  border-right:1px solid rgba(232,173,34,.18);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.broker-unified-head{align-items:center;margin-bottom:16px}
.broker-unified-head .feature-icon{
  width:52px;height:52px;flex:0 0 52px;
  border-radius:15px;
  font-size:24px;
  box-shadow:inset 0 0 22px rgba(232,173,34,.05),0 0 24px rgba(232,173,34,.05);
}
.broker-unified-kicker{
  display:block;
  color:#dba52e;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.5px;
  margin-bottom:7px;
}
.feature-card.broker-unified h3{margin:0;font-size:22px;line-height:1.1}
.feature-card.broker-unified .broker-unified-copy>p{
  min-height:0;
  margin:0;
  max-width:490px;
  color:#a1a6a1;
  font-size:13px;
  line-height:1.7;
}
.broker-unified-points{display:grid;gap:9px;margin-top:19px}
.broker-unified-points span{color:#c9cdc9;font-size:10px;line-height:1.35}
.broker-unified-points i{font-style:normal;color:#5ee657;margin-right:8px;font-weight:900}
.broker-unified-platforms{
  padding:26px 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  background:linear-gradient(180deg,rgba(8,11,9,.84),rgba(4,6,5,.92));
}
.broker-unified-label{
  color:#8f958f;
  font-size:11px;
  text-align:center;
  margin-bottom:18px;
}
.broker-unified-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.broker-unified-brand{
  min-width:0;
  min-height:68px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #232923;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(14,17,15,.95),rgba(7,9,8,.98));
  color:#ecefec;
  font-size:11px;
  font-weight:750;
  box-shadow:inset 0 1px rgba(255,255,255,.018);
}
.broker-unified-brand:hover{border-color:rgba(232,173,34,.42);transform:translateY(-1px)}
.broker-unified-mark{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;filter:drop-shadow(0 5px 10px rgba(0,0,0,.35))}
.broker-unified-mark svg{width:100%;height:100%;display:block}
@media(max-width:1000px){
  .feature-card.broker-unified{grid-template-columns:1fr}
  .broker-unified-copy{border-right:0;border-bottom:1px solid rgba(232,173,34,.18)}
}
@media(max-width:600px){
  .feature-card.broker-unified{border-radius:16px}
  .broker-unified-copy{padding:24px 20px 20px}
  .broker-unified-head{display:grid;grid-template-columns:58px 1fr;gap:13px;margin-bottom:15px}
  .broker-unified-head .feature-icon{width:58px;height:58px}
  .feature-card.broker-unified h3{font-size:20px}
  .feature-card.broker-unified .broker-unified-copy>p{font-size:12px;line-height:1.65}
  .broker-unified-points{margin-top:16px;gap:8px}
  .broker-unified-platforms{padding:21px 18px 22px}
  .broker-unified-label{font-size:10px;line-height:1.45;margin-bottom:15px}
  .broker-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .broker-unified-brand{min-height:62px;padding:9px 10px;gap:8px;font-size:9px;border-radius:11px}
  .broker-unified-mark{width:36px;height:36px;flex-basis:36px}
}
@media(max-width:360px){
  .broker-unified-grid{grid-template-columns:1fr}
}


.auth-social-stack{display:grid;gap:10px;margin:20px 0 16px}
.auth-social-btn{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:linear-gradient(180deg,#121512,#090b09);color:#f6f7f4;display:flex;align-items:center;justify-content:center;gap:11px;font-weight:750;font-size:12px;letter-spacing:.01em;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.auth-social-btn:hover{border-color:rgba(232,173,34,.42);background:linear-gradient(180deg,#171b17,#0b0d0b);box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 18px rgba(232,173,34,.05);transform:translateY(-1px)}
.auth-social-btn:active{transform:translateY(0) scale(.992)}
.auth-social-btn svg{width:19px;height:19px;flex:0 0 auto;display:block}
.auth-social-btn.apple svg{width:20px;height:20px;fill:#fff}
.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;color:#666d66;font-size:8px;letter-spacing:.14em;text-transform:uppercase;margin:15px 0 4px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:rgba(255,255,255,.09)}
.auth-password-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:11px 0 13px}
.save-password{display:inline-flex;align-items:center;gap:8px;color:#a9aea9;font-size:9px;cursor:pointer;user-select:none;margin:0!important}
.save-password input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important;margin:0!important;padding:0!important}
.save-password-box{width:17px;height:17px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#080a08;display:grid;place-items:center;transition:.2s ease}
.save-password-box:after{content:"✓";font-size:11px;font-weight:900;color:#080704;opacity:0;transform:scale(.7);transition:.18s ease}
.save-password input:checked+.save-password-box{border-color:#e8ad22;background:linear-gradient(180deg,#f2bd3a,#b97700);box-shadow:0 0 12px rgba(232,173,34,.2)}
.save-password input:checked+.save-password-box:after{opacity:1;transform:scale(1)}
.forgot-password-link{border:0;background:none;padding:2px 0;color:#e8ad22;font-size:9px;font-weight:750;cursor:pointer}
.forgot-password-link:hover{color:#ffd567;text-decoration:underline;text-underline-offset:3px}
.auth-security-note{display:flex;align-items:flex-start;gap:8px;color:#6f756f;font-size:8px;line-height:1.45;margin:10px 0 0}
.auth-security-note svg{width:13px;height:13px;fill:none;stroke:#9f7620;stroke-width:1.8;flex:0 0 auto;margin-top:1px}
.password-reset-state{min-height:18px;margin:12px 0 0;color:#63dc54;font-size:10px;line-height:1.45}
.modal-content[data-modal-panel="forgot-password"] .reset-password-submit{margin-top:15px}
@media(max-width:520px){.auth-password-row{align-items:flex-start}.auth-social-btn{min-height:46px}.modal-card{padding:28px 22px}.forgot-password-link{font-size:8.5px}.save-password{font-size:8.5px}}


/* Stage 1 of the 10/10 pass: dedicated mobile foundation for the public site. */
:root{
  --syn-safe-top:env(safe-area-inset-top,0px);
  --syn-safe-bottom:env(safe-area-inset-bottom,0px);
  --syn-mobile-gutter:clamp(12px,4vw,18px);
}
button,a,input,textarea,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--gold-2);outline-offset:3px
}
@media(max-width:880px){
  html,body{min-height:100%;overflow-x:clip}
  body{padding:0!important}
  .container{width:calc(100% - (var(--syn-mobile-gutter) * 2))!important}
  .topbar{
    height:auto!important;min-height:calc(66px + var(--syn-safe-top));
    padding-top:var(--syn-safe-top);position:sticky;top:0;z-index:110;
    background:rgba(2,4,2,.93);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .nav{min-height:66px;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px}
  .brand{min-width:0}.brand img{width:min(142px,42vw)!important}
  .nav-actions{gap:7px!important}.nav-actions .login{display:none}
  .nav-actions .btn{min-height:44px;padding:0 13px!important;font-size:11px}
  .mobile-menu-btn{min-width:44px!important;width:44px!important;height:44px!important;border-radius:11px}
  .mobile-drawer{
    top:calc(66px + var(--syn-safe-top))!important;max-height:calc(100dvh - 66px - var(--syn-safe-top));
    overflow:auto;overscroll-behavior:contain;padding:10px var(--syn-mobile-gutter) calc(16px + var(--syn-safe-bottom))!important
  }
  .mobile-drawer a{min-height:44px;display:flex;align-items:center;padding:11px 13px!important}
  .hero{padding:34px 0 52px!important;min-height:0!important}
  .hero-grid{grid-template-columns:1fr!important;gap:26px!important}
  .hero h1{font-size:clamp(39px,12vw,58px)!important;line-height:.98!important;letter-spacing:-.045em!important}
  .hero-copy{font-size:14px!important;line-height:1.68!important;max-width:36rem}
  .hero-actions,.company-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .hero-actions .btn,.company-actions .btn,.cta-box .btn{width:100%!important;min-height:48px!important}
  .trust-row{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important}
  .trust-item{min-width:0!important;padding:10px!important}
  .stats-card,.stat-pills{grid-template-columns:1fr 1fr!important}
  .device-showcase{height:auto!important;min-height:390px!important;margin-top:4px}
  .device-stage{min-height:390px!important}
  .updated-laptop-device{width:95%!important;right:4%!important;top:8px!important}
  .updated-phone-device{width:31%!important;right:-1%!important;bottom:2px!important}
  .deep-section{padding:58px 0!important}
  .section-copy h2,.deep-section .section-heading h2,.section-heading h2{font-size:clamp(31px,9vw,42px)!important;line-height:1.06!important}
  .section-copy p,.section-heading p{font-size:13px!important;line-height:1.65!important}
  .feature-grid,.signal-grid,.security-grid,.pricing-panel,.split-layout,.company-grid,.faq-layout{
    grid-template-columns:1fr!important;gap:16px!important
  }
  .feature-card,.signal-card,.security-card,.pricing-card,.mission-panel{padding:20px!important}
  .platform-strip{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .platform-strip>div:first-child{grid-column:1/-1}
  .broker-band>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .broker-band .broker-item{min-width:0!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 20px!important}
  .footer-brand{grid-column:1/-1!important}
  .footer-bottom{padding-bottom:calc(18px + var(--syn-safe-bottom));align-items:flex-start!important}
  .modal-shell{
    padding:max(10px,var(--syn-safe-top)) var(--syn-mobile-gutter) max(0px,var(--syn-safe-bottom))!important;
    align-items:flex-end!important
  }
  .modal-card{
    width:100%!important;max-height:calc(100dvh - max(10px,var(--syn-safe-top)))!important;
    border-radius:22px 22px 0 0!important;padding:30px 20px calc(24px + var(--syn-safe-bottom))!important;
    overscroll-behavior:contain
  }
  .modal-content h2{font-size:27px!important;line-height:1.08}
  .modal-content input,.modal-content textarea,.modal-content select{font-size:16px!important;min-height:48px}
  .modal-submit,.social-auth-button,.reset-password-submit{min-height:48px!important}
  .support-options{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .nav-actions .btn{padding:0 10px!important;font-size:10px}
  .hero h1{font-size:clamp(37px,12.5vw,50px)!important}
  .device-showcase,.device-stage{min-height:350px!important}
  .updated-phone-device{width:34%!important}
  .platform-strip{grid-template-columns:1fr!important}
  .platform-strip>div:first-child{grid-column:auto}
  .footer-grid{grid-template-columns:1fr!important}.footer-brand{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .updated-laptop-device,.updated-phone-device,.reveal,.btn{animation:none!important;transition-duration:.01ms!important}
}


/* ===== Stage 4: Syntriem brand-system consistency ===== */
:root{
  --syn-gold-300:#ffda79;
  --syn-gold-400:#f6c454;
  --syn-gold-500:#e8ad22;
  --syn-gold-600:#b77a08;
  --syn-gold-700:#7f5400;
  --syn-bg-950:#020302;
  --syn-bg-900:#060806;
  --syn-surface-1:#0a0d0b;
  --syn-surface-2:#0e120f;
  --syn-border:rgba(255,255,255,.085);
  --syn-border-gold:rgba(232,173,34,.30);
  --syn-text:#f7f7f4;
  --syn-muted:#9ca19c;
  --syn-radius-sm:10px;
  --syn-radius-md:16px;
  --syn-radius-lg:22px;
  --syn-shadow-card:0 16px 44px rgba(0,0,0,.34);
  --syn-shadow-focus:0 0 0 3px rgba(232,173,34,.18);
  --gold:var(--syn-gold-500);
  --gold-2:var(--syn-gold-400);
  --gold-dark:var(--syn-gold-700);
  --text:var(--syn-text);
  --muted:var(--syn-muted);
  --line:var(--syn-border-gold);
  --line-soft:var(--syn-border);
}
html,body{background:var(--syn-bg-950);color:var(--syn-text);font-feature-settings:"tnum" 1,"liga" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{letter-spacing:-.006em}
:where(h1,h2,h3,h4,.brand-name,.price,.stat strong){font-variant-numeric:tabular-nums;letter-spacing:-.035em}
:where(p,.section-copy,.hero-copy,.legal-copy){line-height:1.62}
:where(.section-kicker,.eyebrow,.modal-kicker,.broker-unified-kicker){letter-spacing:.12em;text-transform:uppercase;font-weight:800}

/* One canonical mark and one wordmark treatment everywhere. */
:where(.brand-emblem,.cta-logo,.footer-logo-image,img[alt="Syntriem"],img[alt="Syntriem S logo"]){object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 0 12px rgba(232,173,34,.24))}
.brand{gap:12px}.brand-type{display:grid;gap:2px}.brand-name{font-weight:850;letter-spacing:.17em}.brand-tagline{letter-spacing:.09em;color:var(--syn-muted)}
.footer-brand .brand-name,.footer-brand strong{letter-spacing:.14em}

/* Consistent product surfaces. Gold is reserved for actions, active states and key data. */
:where(.feature-card,.security-card,.price-card,.stats-card,.signal-card,.council-card,.reason-card,.post-card,.market-board,.community-preview,.broker-unified,.modal-card,.mini-panel){
  border:1px solid var(--syn-border)!important;
  border-radius:var(--syn-radius-md)!important;
  background:linear-gradient(155deg,rgba(15,18,16,.98),rgba(6,8,7,.99))!important;
  box-shadow:var(--syn-shadow-card)!important;
}
:where(.feature-card,.security-card,.price-card,.signal-card,.council-card,.reason-card,.post-card,.mini-panel){transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
@media (hover:hover){:where(.feature-card,.security-card,.price-card,.signal-card,.council-card,.reason-card,.post-card,.mini-panel):hover{border-color:rgba(255,255,255,.14)!important;transform:translateY(-2px)}}
:where(.feature-icon,.security-icon,.trust-icon,.ico){
  display:grid;place-items:center;
  border:1px solid rgba(232,173,34,.22)!important;
  background:linear-gradient(180deg,rgba(232,173,34,.09),rgba(232,173,34,.025))!important;
  color:var(--syn-gold-400)!important;
  box-shadow:none!important;
}
:where(.feature-icon,.security-icon){border-radius:12px!important}
:where(.gold-text,.gold){color:var(--syn-gold-400)!important}
.deep-section{background:radial-gradient(circle at 50% 0,rgba(232,173,34,.045),transparent 29%),var(--syn-bg-950)!important}

/* Unified button hierarchy and state language. */
:where(.btn,.modal-submit){min-height:46px;border-radius:11px;font-weight:820;letter-spacing:.005em;transition:transform .16s ease,border-color .16s ease,filter .16s ease,box-shadow .16s ease}
:where(.btn:not(.dark):not(.login),.modal-submit){color:#fff!important;background:linear-gradient(180deg,var(--syn-gold-400),var(--syn-gold-600))!important;border-color:rgba(255,211,107,.58)!important;text-shadow:0 1px 1px rgba(0,0,0,.24);box-shadow:0 8px 24px rgba(183,122,8,.18),inset 0 1px rgba(255,255,255,.26)!important}
:where(.btn.dark,.btn.login){color:var(--syn-text)!important;background:rgba(255,255,255,.028)!important;border-color:var(--syn-border)!important;box-shadow:none!important}
:where(.btn,.modal-submit,.auth-social-btn,.mobile-menu-btn):hover{filter:brightness(1.06)}
:where(.btn,.modal-submit,.auth-social-btn,.mobile-menu-btn):active{transform:translateY(1px) scale(.992)}
:where(button,a,input,select,textarea):focus-visible{outline:0!important;box-shadow:var(--syn-shadow-focus)!important;border-color:rgba(246,196,84,.7)!important}
:where(button,[role="button"])[disabled]{opacity:.48!important;cursor:not-allowed!important;filter:saturate(.45)!important}

/* Navigation uses a single restrained active-state treatment. */
.topbar{background:rgba(2,3,2,.82)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(18px) saturate(125%)}
.desktop-tabbar{background:rgba(4,6,4,.88)!important;border-color:rgba(255,255,255,.07)!important;box-shadow:0 10px 34px rgba(0,0,0,.28)!important}
.desktop-tab{color:#a7aca7!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}
.desktop-tab.active{color:var(--syn-gold-400)!important;background:rgba(232,173,34,.075)!important;border-color:rgba(232,173,34,.22)!important}
.nav a{color:#b6bbb6}.nav a:hover{color:#fff}

/* Authentication, recovery and legal screens now share dashboard visual language. */
.modal-card{border-color:rgba(255,255,255,.10)!important;box-shadow:0 28px 90px rgba(0,0,0,.72)!important}
.modal-content :where(input,select,textarea){min-height:48px;border:1px solid var(--syn-border)!important;border-radius:11px!important;background:#080b09!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.015)}
.auth-social-btn{min-height:48px;border-radius:11px!important;border:1px solid var(--syn-border)!important;background:rgba(255,255,255,.025)!important;color:#f4f5f2!important;box-shadow:none!important}
.auth-divider{color:#7f857f}.auth-divider:before,.auth-divider:after{background:rgba(255,255,255,.08)!important}
.auth-security-note{border:1px solid rgba(93,227,66,.14)!important;background:rgba(93,227,66,.035)!important;color:#aeb5ae!important}
.auth-error:not(:empty){padding:10px 12px;border:1px solid rgba(255,93,93,.26);border-radius:10px;background:rgba(255,93,93,.055);color:#ff7f7f!important}
.forgot-password-link,.text-link{color:var(--syn-gold-400)!important}

/* Broker connection and pricing are branded but not over-glowing. */
.broker-unified{border-color:rgba(232,173,34,.20)!important;background:linear-gradient(145deg,rgba(17,18,15,.98),rgba(7,9,7,.99))!important}
.broker-unified-grid{gap:10px!important}
.broker-unified-brand{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.022)!important;box-shadow:none!important}
.broker-unified-mark{box-shadow:none!important}
.price-card{position:relative;overflow:hidden}.price-card.featured,.price-card:nth-child(2){border-color:rgba(232,173,34,.34)!important;background:radial-gradient(circle at 50% 0,rgba(232,173,34,.085),transparent 38%),linear-gradient(155deg,#12130f,#070907)!important}
.price-card .plan{letter-spacing:.11em;text-transform:uppercase}

/* Quiet branded motion: mark pulse and confirmation shimmer only. */
.brand-emblem{animation:synMarkBreathe 3.6s ease-in-out infinite}
:where(.cta-logo,.footer-logo-image){animation:none!important}
@keyframes synMarkBreathe{0%,100%{transform:scale(.985);filter:drop-shadow(0 0 8px rgba(232,173,34,.20))}50%{transform:scale(1.025);filter:drop-shadow(0 0 17px rgba(246,196,84,.38))}}
.reveal{transition-duration:.55s!important}

/* Intentional status language for empty, error and disconnected states. */
:where(.empty-state,.error-state,.disconnected-state,.restricted-state,[data-state="empty"],[data-state="error"],[data-state="disconnected"]){border:1px dashed rgba(255,255,255,.14)!important;border-radius:var(--syn-radius-md)!important;background:rgba(255,255,255,.018)!important;color:var(--syn-muted)!important}
:where(.error-state,[data-state="error"]){border-color:rgba(255,93,93,.28)!important;background:rgba(255,93,93,.045)!important}
:where(.disconnected-state,[data-state="disconnected"]){border-color:rgba(246,196,84,.24)!important;background:rgba(232,173,34,.035)!important}

@media(max-width:760px){
  .brand-name{letter-spacing:.13em}
  :where(.feature-card,.security-card,.price-card,.stats-card,.signal-card,.council-card,.reason-card,.post-card,.market-board,.community-preview,.broker-unified,.modal-card,.mini-panel){border-radius:14px!important}
  :where(.btn,.modal-submit,.auth-social-btn){min-height:48px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}


/* Stage 5: final regression, accessibility, performance, and launch-readiness pass. */
:root{--syn-launch-header:146px;--syn-launch-focus:0 0 0 3px rgba(232,173,34,.22)}
html{max-width:100%;overflow-x:clip;scroll-padding-top:var(--syn-launch-header)}
body{max-width:100%;min-width:320px;overflow-x:clip;overscroll-behavior-y:none}
main,section,article,header,footer,nav,.container,.hero-grid,.feature-grid{min-width:0;max-width:100%}
img,svg,canvas,video{max-width:100%}
section[id]{scroll-margin-top:var(--syn-launch-header)}
button,input,select,textarea,[role="button"]{touch-action:manipulation}
button[disabled],[aria-disabled="true"]{cursor:not-allowed!important;opacity:.5!important}
.syn-skip-link{position:fixed;z-index:20000;left:12px;top:12px;transform:translateY(-160%);padding:10px 14px;border:1px solid rgba(246,196,84,.55);border-radius:10px;background:#080a08;color:#ffda79;font-size:12px;font-weight:850;box-shadow:0 12px 35px rgba(0,0,0,.5);transition:transform .18s ease}
.syn-skip-link:focus{transform:translateY(0);outline:0;box-shadow:var(--syn-launch-focus)}
.syn-network-banner{position:fixed;z-index:19000;left:50%;top:12px;transform:translate(-50%,-140%);max-width:calc(100vw - 24px);padding:10px 14px;border:1px solid rgba(232,173,34,.38);border-radius:11px;background:rgba(7,9,7,.96);color:#f7f7f4;font-size:11px;font-weight:750;box-shadow:0 16px 42px rgba(0,0,0,.5);transition:transform .22s ease;pointer-events:none;text-align:center}
.syn-network-banner.show{transform:translate(-50%,0)}
body.syn-modal-open{overflow:hidden!important}
.modal-shell[aria-hidden="true"]{pointer-events:none}
.modal-card{overscroll-behavior:contain}
body.syn-document-hidden *,body.syn-document-hidden *::before,body.syn-document-hidden *::after{animation-play-state:paused!important}
[data-syn-offscreen="true"]{animation-play-state:paused!important}
@media(max-width:880px){
  :root{--syn-launch-header:78px}
  html{scroll-padding-top:var(--syn-launch-header)}
  body{min-width:0}
  .container{width:100%!important;padding-left:max(var(--syn-mobile-gutter,14px),env(safe-area-inset-left))!important;padding-right:max(var(--syn-mobile-gutter,14px),env(safe-area-inset-right))!important}
  section[id]{scroll-margin-top:var(--syn-launch-header)}
  .modal-shell{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important}
  .modal-card{max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))!important}
  .device-showcase,.device-stage,.device-cluster{overflow:clip!important}
  .syn-network-banner{top:max(10px,env(safe-area-inset-top))}
}
@media(max-width:380px){.nav-actions .btn{padding-inline:11px!important}.brand img{max-width:132px!important}.hero h1{font-size:clamp(36px,11.5vw,46px)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}