:root{
  --bg:#050505;
  --panel:#0d0d0d;
  --line:rgba(255,255,255,.08);
  --text:#f5f1e8;
  --muted:#a8a49b;
  --muted2:#7f7a71;
  --gold:#c7a76a;
  --gold2:#e0c58b;
  --shadow:0 30px 100px rgba(0,0,0,.46);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 20% 10%, rgba(199,167,106,.10), transparent 24%),
    radial-gradient(circle at 80% 0%, rgba(255,255,255,.06), transparent 18%),
    linear-gradient(180deg, #050505 0%, #040404 100%);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","SF Pro Display","Helvetica Neue",Arial,sans-serif;
  line-height:1.78;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{text-decoration:none;color:inherit}
button{font:inherit}
.noise{
  position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='white' fill-opacity='0.55'%3E%3Ccircle cx='10' cy='10' r='1'/%3E%3Ccircle cx='25' cy='35' r='1'/%3E%3Ccircle cx='58' cy='14' r='1'/%3E%3Ccircle cx='77' cy='44' r='1'/%3E%3Ccircle cx='93' cy='18' r='1'/%3E%3Ccircle cx='122' cy='60' r='1'/%3E%3Ccircle cx='143' cy='28' r='1'/%3E%3Ccircle cx='30' cy='92' r='1'/%3E%3Ccircle cx='65' cy='118' r='1'/%3E%3Ccircle cx='95' cy='108' r='1'/%3E%3Ccircle cx='128' cy='136' r='1'/%3E%3C/g%3E%3C/svg%3E");
  background-size:160px 160px;
  mix-blend-mode:screen;
}
.grid-overlay{
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.06;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at center, black 18%, transparent 92%);
  transform:perspective(900px) rotateX(66deg) translateY(12vh) scale(1.25);
  transform-origin:center;
}
.ambient{
  position:fixed;width:50vw;height:50vw;border-radius:50%;
  filter:blur(46px);opacity:.22;pointer-events:none;z-index:0;
}
.ambient-a{top:-18vw;left:-14vw;background:rgba(199,167,106,.18)}
.ambient-b{bottom:-20vw;right:-16vw;background:rgba(255,255,255,.05)}
.site-nav,.hero,.section,.footer,.auth-shell{position:relative;z-index:1}
.site-nav{
  position:sticky;top:0;z-index:10;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;
  padding:20px 5.6%;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(5,5,5,.72);
  backdrop-filter:blur(20px);
}
.brand{letter-spacing:.42rem;font-weight:700;font-size:1rem}
.nav-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
.nav-links a{color:var(--muted);font-size:.95rem;transition:.28s ease}
.nav-links a:hover{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:12px;justify-self:end}
.lang-switch,.solid-btn,.ghost-btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;min-height:46px;padding:12px 20px;
  transition:.28s ease;white-space:nowrap;
}
.lang-switch{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.02);
  color:var(--text);
  cursor:pointer;
  min-width:62px;
}
.solid-btn{
  background:linear-gradient(180deg,#fff,#e9e0d0);
  color:#0a0a0a;
  font-weight:700;
}
.ghost-btn{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.012);
}
.solid-btn:hover,.ghost-btn:hover,.lang-switch:hover{transform:translateY(-1px)}
.menu-btn{
  display:none;
  width:46px;height:46px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.02);
  padding:0 11px;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.menu-btn span{display:block;height:1.6px;width:100%;background:#f0eadf;border-radius:999px}
.mobile-drawer{
  display:none;
  position:fixed;
  inset:84px 0 auto 0;
  z-index:9;
  padding:0 5.6%;
  pointer-events:none;
}
.mobile-drawer.open{display:block;pointer-events:auto}
.drawer-inner{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(8,8,8,.94);
  backdrop-filter:blur(20px);
  border-radius:26px;
  box-shadow:var(--shadow);
  padding:18px;
  display:grid;
  gap:14px;
}
.drawer-inner a{
  color:var(--text);
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
}
.drawer-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding-top:6px;
}
.hero{
  min-height:calc(100vh - 86px);
  padding:8.2rem 5.6% 4.2rem;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:30px;
  align-items:center;
}
.hero-copy{max-width:760px}
.eyebrow{
  color:var(--muted2);
  text-transform:uppercase;
  letter-spacing:.34rem;
  font-size:.84rem;
  margin-bottom:1.6rem;
}
.eyebrow.small{margin-bottom:.85rem}
.hero h1{
  font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;
  font-size:clamp(4rem,8vw,7.8rem);
  line-height:1.08;
  letter-spacing:-.02em;
  font-weight:600;
  margin-bottom:1.4rem;
  text-wrap:balance;
}
.hero-text{
  max-width:680px;
  font-size:1.12rem;
  color:var(--muted);
  line-height:1.95;
}
.hero-actions{
  margin-top:2.1rem;display:flex;gap:14px;flex-wrap:wrap;
}
.hero-meta{
  margin-top:2.8rem;display:flex;gap:26px;flex-wrap:wrap;
}
.hero-meta > div{
  min-width:132px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}
.hero-meta strong{display:block;font-size:1.45rem;margin-bottom:4px}
.hero-meta span{color:var(--muted2);font-size:.92rem}
.hero-visual{display:flex;justify-content:flex-end;align-items:flex-start}
.hero-visual-inner{
  width:min(100%, 560px);
  border-radius:30px;
  padding:1.9rem;
  background:
    radial-gradient(circle at top, rgba(199,167,106,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    rgba(12,12,12,.92);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.hero-visual-inner::before{
  content:"";
  position:absolute;inset:-2px;
  background:
    linear-gradient(130deg, transparent 14%, rgba(199,167,106,.14) 44%, transparent 64%),
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.08), transparent 28%);
  opacity:.55;
  pointer-events:none;
}
.hero-visual-inner > *{position:relative;z-index:1}
.visual-top{
  display:flex;align-items:center;gap:10px;
  color:var(--gold2);
  letter-spacing:.24rem;text-transform:uppercase;font-size:.76rem;
  margin-bottom:1.5rem;
}
.pulse{
  width:10px;height:10px;border-radius:50%;
  background:var(--gold2);
  box-shadow:0 0 0 0 rgba(224,197,139,.45);
  animation:pulse 1.7s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(224,197,139,.42)}
  70%{box-shadow:0 0 0 14px rgba(224,197,139,0)}
  100%{box-shadow:0 0 0 0 rgba(224,197,139,0)}
}
.small-kicker{
  color:var(--gold2);
  letter-spacing:.28rem;
  text-transform:uppercase;
  font-size:.78rem;
  margin-bottom:.9rem;
}
.visual-core h2{
  font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;
  font-size:clamp(2.1rem,3.3vw,3.3rem);
  line-height:1.05;
  margin-bottom:1rem;
  font-weight:600;
}
.visual-core p{color:var(--muted);font-size:1rem;line-height:1.9}
.visual-stats{
  margin-top:1.8rem;display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.visual-stats div{
  padding:1rem 1.05rem;border-radius:18px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
}
.visual-stats span{display:block;color:var(--muted2);font-size:.86rem;margin-bottom:6px}
.visual-stats strong{font-size:1.04rem;letter-spacing:.04em}
.ticker{
  margin-top:1.6rem;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);padding-top:1rem;
}
.ticker-track{
  display:inline-block;white-space:nowrap;
  animation:marquee 18s linear infinite;
  color:#ddd4c4;letter-spacing:.28rem;text-transform:uppercase;font-size:.75rem;
}
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.section{padding:5rem 5.6%}
.section-head{margin-bottom:2rem}
.section-head p{
  color:var(--gold2);
  letter-spacing:.28rem;
  text-transform:uppercase;
  font-size:.8rem;
  margin-bottom:.75rem;
}
.section-head h2{
  font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1.02;
  font-weight:600;
}
.feature-grid,.pricing-grid,.steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.feature-card,.pricing-card,.about-box,.step{
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.014)),
    var(--panel);
  border:1px solid rgba(255,255,255,.07);
  border-radius:28px;
  box-shadow:var(--shadow);
}
.feature-card{position:relative;min-height:310px;padding:1.8rem;overflow:hidden}
.card-rule{
  width:54px;height:2px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.9));
  margin-bottom:1.15rem;
}
.card-rule.gold{background:linear-gradient(90deg, rgba(199,167,106,.12), rgba(199,167,106,.95))}
.card-tag{
  color:var(--muted2);
  text-transform:uppercase;
  letter-spacing:.2rem;
  font-size:.72rem;
  margin-bottom:1rem;
}
.gold-text{color:var(--gold2)}
.feature-card h3{
  font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;
  font-size:1.82rem;
  line-height:1.1;
  margin-bottom:1rem;
}
.feature-card p{color:var(--muted);max-width:32rem}
.feature-card a{display:inline-block;margin-top:1.2rem;color:#fff}
.locked{position:relative}
.lock-badge{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  padding:1.6rem;text-align:center;
  background:linear-gradient(180deg, rgba(3,3,3,.44), rgba(3,3,3,.82));
  color:#efe5d1;
  backdrop-filter:blur(5px);
}
.pricing-card{position:relative;padding:1.9rem}
.featured{
  border-color:rgba(199,167,106,.28);
  background:
    radial-gradient(circle at top, rgba(199,167,106,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.014)),
    var(--panel);
}
.featured-badge{
  position:absolute;top:18px;right:18px;
  padding:.42rem .7rem;border-radius:999px;
  border:1px solid rgba(199,167,106,.2);
  background:rgba(199,167,106,.12);
  color:#f4ddb3;font-size:.75rem;
}
.tier{
  display:inline-flex;
  text-transform:uppercase;
  letter-spacing:.22rem;
  color:var(--gold2);
  font-size:.76rem;
}
.price{
  margin:1.05rem 0 1.15rem;
  font-size:clamp(3rem,5vw,4rem);
  line-height:1;
  font-weight:700;
  letter-spacing:-.05em;
}
.price span{font-size:1rem;color:var(--muted2)}
.price-unit{font-size:.72rem !important;letter-spacing:.06em;text-transform:uppercase}
.price em{
  font-style:normal;font-size:.95rem;color:var(--muted2);margin-left:.2rem
}
/* ── Hero right stack ── */
.hero-right-stack{
  display:flex;flex-direction:column;gap:16px;
  width:min(100%,560px);
}

.office-spotlight{
  position:relative;
  z-index:1;
  padding:1.15rem 5.6% 0;
}
.office-card-full{
  width:min(100%, 1400px);
  margin:0 auto;
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:1.5rem 1.5rem 1.25rem;
  background:
    radial-gradient(circle at 18% 0%, rgba(199,167,106,.15), transparent 22%),
    radial-gradient(circle at 82% 6%, rgba(115,180,255,.10), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.014)),
    rgba(12,12,12,.94);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:var(--shadow);
}
.office-card-full::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    linear-gradient(135deg, transparent 18%, rgba(255,255,255,.05) 38%, transparent 58%),
    radial-gradient(circle at 50% -8%, rgba(255,255,255,.18), transparent 24%);
  opacity:.55;
  pointer-events:none;
}
.office-card-full::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='white' stroke-opacity='.04'%3E%3Cpath d='M0 30H180'/%3E%3Cpath d='M0 90H180'/%3E%3Cpath d='M0 150H180'/%3E%3Cpath d='M40 0V180'/%3E%3Cpath d='M100 0V180'/%3E%3Cpath d='M160 0V180'/%3E%3C/g%3E%3C/svg%3E");
  opacity:.16;
  pointer-events:none;
}
.office-card-full > *{position:relative;z-index:1}
.office-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.office-head h2{
  font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;
  font-size:clamp(2.1rem,3.3vw,3.3rem);
  line-height:1.02;
  margin-top:.25rem;
  font-weight:600;
  letter-spacing:-.02em;
}
.office-status{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:.7rem .95rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#efe8dc;
  font-size:.76rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  white-space:nowrap;
}
.office-status.is-alert{
  background:rgba(255,72,72,.12);
  border-color:rgba(255,72,72,.22);
  color:#ffd1d1;
}
.office-copy{
  margin-top:.75rem;
  max-width:1020px;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.86;
}
.office-floor{
  position:relative;
  margin-top:1.1rem;
  padding:1rem;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    rgba(255,255,255,.02);
  overflow:hidden;
}
.office-floor::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, transparent 0 59%, rgba(0,0,0,.22) 59% 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.03) 0 1px, transparent 1px 18px);
  opacity:.18;
  pointer-events:none;
}
.office-floor::after{
  content:"";
  position:absolute;
  inset:-20% -10% auto -10%;
  height:42%;
  background:radial-gradient(circle at 24% 42%, rgba(199,167,106,.16), transparent 18%), radial-gradient(circle at 80% 35%, rgba(114,180,255,.12), transparent 16%);
  pointer-events:none;
}
.office-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.workstation{
  position:relative;
  min-height:186px;
  padding:10px 10px 12px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.workstation::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 14%, rgba(var(--accent-rgb),.16), transparent 36%);
  opacity:.92;
  pointer-events:none;
}
.workstation::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:13px;
  width:74%;
  height:16px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(0,0,0,.28);
  filter:blur(10px);
  opacity:.55;
}
.workstation[data-seat="market"]{--accent-rgb:199,167,106}
.workstation[data-seat="flow"]{--accent-rgb:114,180,255}
.workstation[data-seat="strategy"]{--accent-rgb:255,208,132}
.workstation[data-seat="news"]{--accent-rgb:161,140,255}
.workstation[data-seat="risk"]{--accent-rgb:255,113,113}
.workstation[data-seat="macro"]{--accent-rgb:102,224,191}
.workstation[data-seat="chief"]{--accent-rgb:232,202,145}
.workstation[data-seat="chief"]{grid-column:2 / span 2}
.workstation[data-state="alert"]{
  border-color:rgba(255,96,96,.26);
  box-shadow:0 0 0 1px rgba(255,96,96,.12), inset 0 0 30px rgba(255,96,96,.12);
}
.workstation-scene{
  position:relative;
  height:138px;
}
.ws-monitor{
  position:absolute;
  left:50%;
  top:4px;
  transform:translateX(-50%);
  width:84px;
  height:56px;
  border-radius:10px;
  background:linear-gradient(180deg, rgba(24,24,24,.98), rgba(9,9,9,.98));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 0 1px rgba(0,0,0,.45), 0 18px 30px rgba(0,0,0,.24);
}
.ws-monitor::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:7px;
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb),.28), rgba(0,0,0,.22)),
    radial-gradient(circle at 70% 24%, rgba(255,255,255,.16), transparent 18%),
    linear-gradient(90deg, transparent 0 12%, rgba(255,255,255,.18) 12% 14%, transparent 14% 100%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01));
  overflow:hidden;
}
.ws-monitor::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:12px;
  height:10px;
  transform:translateX(-50%);
  border-radius:3px;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.06));
  box-shadow:0 0 0 1px rgba(255,255,255,.05);
}
.ws-desk{
  position:absolute;
  left:8px;
  right:8px;
  bottom:34px;
  height:28px;
  border-radius:11px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.ws-desk::before,
.ws-desk::after{
  content:"";
  position:absolute;
  bottom:-18px;
  width:2px;
  height:22px;
  background:rgba(255,255,255,.09);
}
.ws-desk::before{left:12px}
.ws-desk::after{right:12px}
.ws-chair{
  position:absolute;
  left:50%;
  bottom:28px;
  width:54px;
  height:40px;
  transform:translateX(-50%);
  border-radius:16px 16px 12px 12px;
  background:linear-gradient(180deg, rgba(24,24,24,.98), rgba(9,9,9,.98));
  box-shadow:0 0 0 1px rgba(255,255,255,.04);
}
.ws-chair::before{
  content:"";
  position:absolute;
  left:50%;
  top:-12px;
  width:18px;
  height:18px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(255,255,255,.05);
}
.ws-person{
  position:absolute;
  left:50%;
  bottom:32px;
  width:56px;
  height:72px;
  transform:translateX(-50%);
  animation:office-bob 4.8s ease-in-out infinite;
}
.workstation[data-state="working"] .ws-person{animation-duration:3.4s}
.workstation[data-state="thinking"] .ws-person{animation-duration:5.6s}
.workstation[data-state="reviewing"] .ws-person{animation-duration:4.8s}
.workstation[data-state="monitoring"] .ws-person{animation-duration:6s}
.workstation[data-state="coffee"] .ws-person{animation-duration:7s}
.workstation[data-state="alert"] .ws-person{animation-duration:1.05s}
.ws-head{
  position:absolute;
  left:50%;
  top:0;
  width:26px;
  height:26px;
  transform:translateX(-50%);
  border-radius:50%;
  background:linear-gradient(180deg, #f0c9a8, #d9a981 72%, #b5805e);
  box-shadow:0 0 0 1px rgba(255,255,255,.12);
}
.ws-head::before{
  content:"";
  position:absolute;
  left:-1px;
  right:-1px;
  top:-1px;
  height:14px;
  border-radius:50% 50% 44% 44%;
  background:linear-gradient(180deg, #2a201c, #15100e);
}
.ws-head::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  top:16px;
  height:5px;
  border-radius:50%;
  background:rgba(0,0,0,.16);
}
.ws-torso{
  position:absolute;
  left:50%;
  top:24px;
  width:38px;
  height:30px;
  transform:translateX(-50%);
  border-radius:13px 13px 11px 11px;
  background:linear-gradient(180deg, rgba(32,32,36,.98), rgba(13,13,14,.98));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.workstation[data-seat="flow"] .ws-torso{background:linear-gradient(180deg, rgba(21,32,38,.98), rgba(10,13,15,.98))}
.workstation[data-seat="strategy"] .ws-torso{background:linear-gradient(180deg, rgba(34,30,20,.98), rgba(13,11,8,.98))}
.workstation[data-seat="news"] .ws-torso{background:linear-gradient(180deg, rgba(24,22,35,.98), rgba(10,9,14,.98))}
.workstation[data-seat="risk"] .ws-torso{background:linear-gradient(180deg, rgba(38,18,20,.98), rgba(13,7,8,.98))}
.workstation[data-seat="macro"] .ws-torso{background:linear-gradient(180deg, rgba(18,34,30,.98), rgba(8,14,12,.98))}
.workstation[data-seat="chief"] .ws-torso{background:linear-gradient(180deg, rgba(40,33,18,.98), rgba(14,11,7,.98))}
.ws-arm{
  position:absolute;
  top:28px;
  width:11px;
  height:24px;
  border-radius:999px;
  background:linear-gradient(180deg, #e7b994, #c98f66);
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
  transform-origin:top center;
}
.ws-arm-left{left:10px;transform:rotate(22deg)}
.ws-arm-right{right:10px;transform:rotate(-22deg)}
.workstation[data-state="working"] .ws-arm-left{animation:type-left 1.4s ease-in-out infinite}
.workstation[data-state="working"] .ws-arm-right{animation:type-right 1.55s ease-in-out infinite}
.workstation[data-state="thinking"] .ws-arm-left,
.workstation[data-state="thinking"] .ws-arm-right{animation:none;opacity:.9}
.workstation[data-state="reviewing"] .ws-arm-left{animation:page-left 2.8s ease-in-out infinite}
.workstation[data-state="reviewing"] .ws-arm-right{animation:page-right 2.9s ease-in-out infinite}
.workstation[data-state="alert"] .ws-arm-left,
.workstation[data-state="alert"] .ws-arm-right{animation:type-left .52s ease-in-out infinite}
.ws-cup{
  position:absolute;
  right:12px;
  bottom:40px;
  width:14px;
  height:16px;
  border-radius:4px 4px 6px 6px;
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.12));
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
  opacity:.45;
}
.workstation[data-state="coffee"] .ws-cup{
  opacity:1;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.2));
  animation:coffee-float 2.6s ease-in-out infinite;
}
.ws-cup::before,
.ws-cup::after{
  content:"";
  position:absolute;
  left:50%;
  width:2px;
  height:12px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.2);
  top:-12px;
  border-radius:999px;
  opacity:0;
}
.workstation[data-state="coffee"] .ws-cup::before{opacity:.55;left:40%}
.workstation[data-state="coffee"] .ws-cup::after{opacity:.35;left:60%;height:14px}
.workstation[data-state="alert"] .ws-cup{
  opacity:.9;
  background:linear-gradient(180deg, rgba(255,93,93,.82), rgba(255,93,93,.16));
}
.workstation-meta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-top:4px;
  padding:0 2px;
}
.workstation-meta strong{
  display:block;
  font-size:.84rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#f3ead9;
}
.workstation-meta span{
  display:block;
  color:var(--muted2);
  font-size:.74rem;
  white-space:nowrap;
}
.workstation[data-state="alert"] .workstation-meta span{color:#ffcece}
.workstation[data-state="alert"] .ws-monitor{
  border-color:rgba(255,112,112,.34);
  box-shadow:0 0 0 1px rgba(255,90,90,.12), 0 0 24px rgba(255,90,90,.14);
}
.workstation[data-state="alert"] .ws-monitor::before{
  background:
    linear-gradient(180deg, rgba(255,79,79,.44), rgba(0,0,0,.24)),
    linear-gradient(90deg, transparent 0 14%, rgba(255,255,255,.16) 14% 16%, transparent 16% 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.12) 0 1px, transparent 1px 8px);
}
.workstation[data-state="alert"]::before{
  background:radial-gradient(circle at 50% 12%, rgba(255,79,79,.28), transparent 38%);
}
.office-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:.9rem;
  color:var(--muted2);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.16em;
}

@keyframes office-bob{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-2px)}
}
@keyframes type-left{
  0%,100%{transform:rotate(22deg) translateY(0)}
  50%{transform:rotate(18deg) translateY(-1px)}
}
@keyframes type-right{
  0%,100%{transform:rotate(-22deg) translateY(0)}
  50%{transform:rotate(-18deg) translateY(-1px)}
}
@keyframes page-left{
  0%,100%{transform:rotate(22deg) translateY(0)}
  50%{transform:rotate(14deg) translateY(-2px)}
}
@keyframes page-right{
  0%,100%{transform:rotate(-22deg) translateY(0)}
  50%{transform:rotate(-14deg) translateY(-2px)}
}
@keyframes coffee-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}

@media (min-width: 1181px){
  .hero{
    min-height:calc(100vh - 86px);
    padding:6.1rem 5.6% 3.8rem;
    grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);
    gap:clamp(36px,3vw,56px);
    align-items:start;
    overflow:hidden;
  }

  .hero-copy{
    min-width:0;
    max-width:760px;
    padding-top:.35rem;
  }

  .hero h1{
    font-size:clamp(3.6rem,5.05vw,6.1rem);
    line-height:.98;
    max-width:none;
    width:100%;
    text-wrap:balance;
  }

  .hero-text{
    max-width:62ch;
    font-size:1.06rem;
    line-height:1.9;
  }

  .hero-actions{
    margin-top:1.8rem;
  }

  .hero-meta{
    margin-top:2.2rem;
  }

  .hero-visual{
    min-width:0;
    justify-self:end;
    width:100%;
    overflow:hidden;
    padding-top:.25rem;
  }

  .hero-right-stack{
    width:min(100%,500px);
    max-width:500px;
    margin-left:0;
    margin-right:0;
    gap:18px;
  }

  .btc-price-card,
  .hero-visual-inner,
  .daily-summary-card{
    width:100%;
    max-width:100%;
  }

  html[lang="en"] .hero-copy{
    max-width:760px;
  }

  html[lang="zh-CN"] .hero-copy{
    max-width:740px;
  }

  html[lang="en"] .hero h1,
  html[lang="zh-CN"] .hero h1{
    max-width:none;
  }
}

@media (min-width: 1440px){
  .hero{
    grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);
  }

  .hero h1{
    font-size:clamp(3.9rem,4.8vw,6.45rem);
  }
}

/* ── BTC price card ── */
.btc-price-card{
  border-radius:30px;
  padding:1.4rem 1.9rem;
  background:
    radial-gradient(circle at top, rgba(199,167,106,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    rgba(12,12,12,.92);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.btc-price-card::before{
  content:"";position:absolute;inset:-2px;
  background:linear-gradient(130deg, transparent 14%, rgba(199,167,106,.14) 44%, transparent 64%);
  opacity:.55;pointer-events:none;
}
.btc-price-card > *{position:relative;z-index:1}
.btc-header{
  display:flex;align-items:center;gap:10px;
  margin-bottom:1rem;
}
.btc-label{
  color:var(--gold2);letter-spacing:.24rem;
  text-transform:uppercase;font-size:.76rem;
}
.btc-pair{
  color:var(--muted2);font-size:.75rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  padding:2px 8px;
}
.btc-src{
  color:var(--muted2);font-size:.72rem;margin-left:auto;
  opacity:.7;
}
.btc-main-price{
  font-size:clamp(1.9rem,3.5vw,2.7rem);
  font-weight:700;
  letter-spacing:-.04em;
  line-height:1;
  margin-bottom:1rem;
}
.btc-main-price span{font-size:inherit;color:inherit}
.btc-stats-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.btc-stats-grid div{
  padding:.75rem 1rem;border-radius:14px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
}
.btc-stats-grid span{
  display:block;color:var(--muted2);font-size:.78rem;margin-bottom:4px;
}
.btc-stats-grid strong{font-size:.94rem}
.btc-pos{color:#4ade80}
.btc-neg{color:#f87171}
.pricing-card ul{list-style:none;margin-bottom:1.5rem}
.pricing-card li{
  position:relative;padding-left:1rem;margin-bottom:.85rem;color:var(--muted);
}
.pricing-card li::before{
  content:"";position:absolute;left:0;top:.8rem;width:.34rem;height:.34rem;border-radius:50%;
  background:var(--gold2);
}
.access .step{padding:1.6rem}
.step span{
  display:inline-block;color:var(--gold2);
  letter-spacing:.2rem;font-size:.8rem;margin-bottom:1rem;
}
.step h3{
  font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;
  font-size:1.55rem;
  margin-bottom:.75rem;
}
.step p{color:var(--muted)}
.about-box{max-width:980px;padding:2rem}
.about-box h2{
  font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;
  font-size:2.45rem;margin-bottom:.85rem;
}
.about-box p{color:var(--muted);max-width:760px}
.footer{
  padding:1.9rem 5.6% 2.8rem;
  border-top:1px solid rgba(255,255,255,.06);
  color:var(--muted2);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .75s ease, transform .75s ease;
}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.auth-page{
  background:
    radial-gradient(circle at 20% 8%, rgba(199,167,106,.10), transparent 24%),
    linear-gradient(180deg, #050505, #040404);
  min-height:100vh;
}
.auth-shell{
  position:relative;z-index:1;
  min-height:100vh;
  padding:2rem 5.6%;
  display:flex;
  flex-direction:column;
  gap:1.2rem;
}
.back-link{
  display:inline-flex;width:fit-content;
  color:var(--muted);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  border-radius:999px;
  padding:12px 18px;
}
.auth-card{
  width:min(100%, 560px);
  margin:auto;
  padding:2rem;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.014)),
    rgba(12,12,12,.94);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
}
.auth-card h1{
  font-family:"Iowan Old Style","Baskerville","Times New Roman",serif;
  font-size:clamp(2.2rem,4.5vw,3.6rem);
  line-height:1.02;
  margin-bottom:.8rem;
}
.auth-card p{color:var(--muted)}
.form-stack{margin-top:1.4rem}
input{
  width:100%;
  padding:15px 16px;
  margin-bottom:14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#070707;
  color:var(--text);
  outline:none;
}
input::placeholder{color:#6f6b63}
.auth-actions{
  margin-top:1rem;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.notice{
  margin-top:1rem;
  color:var(--muted2);
  font-size:.92rem;
  line-height:1.72;
}
.wallet-grid{
  margin-top:1.4rem;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.wallet{
  padding:1rem 1.05rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.wallet strong{
  display:block;
  color:var(--gold2);
  text-transform:uppercase;
  letter-spacing:.18rem;
  font-size:.76rem;
  margin-bottom:.55rem;
}
.wallet code{
  color:#e7decd;
  word-break:break-all;
}
.plan-strip{
  margin-top:1rem;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.plan-strip span{
  display:inline-flex;
  border-radius:999px;
  padding:9px 14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  color:#e6ddcb;
}
.reveal-delay-1{transition-delay:.06s}
.reveal-delay-2{transition-delay:.12s}
.reveal-delay-3{transition-delay:.18s}
.desktop-only{display:inline-flex}
.mobile-only{display:none}

@media (max-width: 1180px){
  .feature-grid,.pricing-grid,.steps{grid-template-columns:1fr}
  .hero{grid-template-columns:1fr; padding-top:7.8rem}
  .hero-visual{justify-content:flex-start}
  .site-nav{grid-template-columns:1fr; text-align:center}
  .brand,.nav-links,.nav-actions{justify-self:center}
  .footer{flex-direction:column}
  .office-spotlight{padding:1rem 4.8% 0}
  .office-card-full{padding:1.25rem}
  .office-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workstation[data-seat="chief"]{grid-column:auto}
}

@media (max-width: 860px){
  .site-nav{
    padding:16px 4.8%;
    gap:12px;
    grid-template-columns:auto 1fr auto;
    text-align:left;
  }
  .office-spotlight{padding:0.9rem 4.8% 0}
  .brand{
    font-size:.92rem;
    letter-spacing:.3rem;
  }
  .nav-links{display:none}
  .nav-actions{
    gap:8px;
    justify-self:end;
    flex-wrap:nowrap;
  }
  .desktop-only{display:none}
  .mobile-only{display:inline-flex}
  .menu-btn{display:flex}
  .lang-switch,.solid-btn,.ghost-btn{
    min-height:42px;
    padding:10px 16px;
    font-size:.88rem;
  }
  .hero{
    padding:5.8rem 4.8% 2.8rem;
    gap:18px;
    grid-template-columns:1fr;
  }
  .hero-copy{max-width:100%}
  .hero h1{
    font-size:clamp(2.9rem, 10vw, 4.45rem);
    line-height:1.1;
    max-width:7.3ch;
  }
  html[lang="en"] .hero h1{
    font-size:clamp(2.55rem, 9vw, 4rem);
    max-width:9.2ch;
  }
  html[lang="zh-CN"] .hero h1{
    font-size:clamp(3rem, 10.4vw, 4.65rem);
    line-height:1.12;
    max-width:7ch;
  }
  .hero-text{
    max-width:38ch;
    font-size:.98rem;
    line-height:1.78;
  }
  .hero-actions{width:100%}
  .hero-actions a{width:100%}
  .hero-meta{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
    margin-top:2rem;
  }
  .hero-meta > div{
    min-width:0;
    padding-top:12px;
  }
  .hero-meta strong{font-size:1.15rem}
  .hero-meta span{
    font-size:.8rem;
    line-height:1.3;
  }
  .hero-visual-inner{
    width:100%;
    max-width:100%;
    padding:1.3rem;
    border-radius:24px;
    margin-inline:0;
  }
  .office-card-full{
    padding:1rem;
    border-radius:26px;
  }
  .office-head h2{
    font-size:clamp(1.65rem, 6.8vw, 2.35rem);
  }
  .office-copy{
    font-size:.92rem;
    line-height:1.72;
  }
  .office-floor{padding:.8rem}
  .office-grid{gap:10px}
  .workstation{min-height:168px}
  .workstation-meta strong{font-size:.8rem}
  .workstation-meta span{font-size:.7rem}
  .visual-core h2{
    font-size:clamp(1.55rem, 7vw, 2.4rem);
  }
  .visual-core p{font-size:.95rem}
  .visual-stats{grid-template-columns:1fr}
  .visual-stats div{border-radius:16px}
  .ticker{padding-top:.85rem}
  .ticker-track{
    letter-spacing:.18rem;
    font-size:.68rem;
  }
  .section{padding:3.8rem 4.8%}
  .section-head h2{
    font-size:clamp(1.8rem, 8vw, 3rem);
  }
  .feature-card,.pricing-card,.about-box,.step,.auth-card{
    border-radius:22px;
  }
  .feature-card{
    min-height:auto;
    padding:1.35rem;
  }
  .feature-card h3{
    font-size:1.55rem;
  }
  .lock-badge{
    font-size:.92rem;
    padding:1rem;
  }
  .pricing-card{
    padding:1.5rem;
  }
  .price{
    font-size:clamp(2.6rem, 12vw, 3.4rem);
  }
  .about-box{padding:1.45rem}
  .about-box h2{font-size:2rem}
  .auth-shell{
    padding:1.2rem 4.8% 2.2rem;
  }
  .auth-card{
    padding:1.4rem;
  }
  .auth-card h1{
    font-size:clamp(2rem, 9vw, 3rem);
  }
  .auth-actions a,
  .auth-actions button{width:100%}
}

@media (max-width: 520px){
  .hero{
    padding-top:5.2rem;
  }
  .office-spotlight{padding:0.8rem 4.4% 0}
  .office-card-full{padding:.9rem;border-radius:24px}
  .office-head{gap:10px}
  .office-status{padding:.58rem .8rem;font-size:.7rem;letter-spacing:.12em}
  .office-copy{font-size:.88rem}
  .office-floor{padding:.7rem;border-radius:22px}
  .office-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .workstation{min-height:162px;padding:8px 8px 10px}
  .hero h1{
    font-size:clamp(2.5rem, 11vw, 3.9rem);
    max-width:7.1ch;
  }
  html[lang="en"] .hero h1{
    font-size:clamp(2.25rem, 8.7vw, 3.45rem);
    max-width:10ch;
  }
  html[lang="zh-CN"] .hero h1{
    font-size:clamp(2.8rem, 10vw, 4rem);
    line-height:1.12;
    max-width:6.8ch;
  }
  .hero-text{max-width:100%}
  .hero-meta{grid-template-columns:1fr}
  .grid-overlay{
    opacity:.025;
    transform:perspective(900px) rotateX(68deg) translateY(16vh) scale(1.15);
  }
  .footer{font-size:.9rem}
  .plan-strip span{
    padding:8px 12px;
    font-size:.84rem;
  }
  .drawer-actions{grid-template-columns:1fr}
}

/* further tighten the daily summary in portrait */
@media (max-width: 860px) and (orientation: portrait){
  .office-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .workstation[data-seat="chief"]{grid-column:auto}
  .office-card-full{width:min(100%, 92vw)}
  .daily-summary-card .visual-core h2{
    font-size:clamp(1.35rem, 5.8vw, 2.05rem);
    line-height:1.02;
    max-width:16ch;
    text-wrap:balance;
  }
  .daily-summary-card .visual-core p{
    font-size:.88rem;
    line-height:1.72;
    max-width:100%;
  }
  .daily-summary-card .visual-top{
    margin-bottom:1rem;
  }
  .daily-summary-card .visual-stats{
    margin-top:1.2rem;
    gap:10px;
  }
  .daily-summary-card .ticker{
    margin-top:1rem;
    padding-top:.8rem;
  }
}

@media (max-width: 520px) and (orientation: portrait){
  .daily-summary-card{
    width:min(100%, 84vw);
    padding:.92rem;
  }
  .daily-summary-card .visual-core h2{
    font-size:clamp(1.22rem, 5.4vw, 1.72rem);
    max-width:14.5ch;
  }
  .daily-summary-card .visual-core p{
    font-size:.82rem;
    line-height:1.65;
  }
}



@media (max-width: 860px) and (orientation: portrait){
  .hero{
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }

  .hero-copy,
  .hero-visual{
    width:100%;
    max-width:100%;
  }

  .hero-visual{
    display:block;
    justify-content:initial;
  }

  .hero-visual-inner,
  .daily-summary-card{
    width:100%;
    max-width:100%;
    margin-inline:0;
    transform:none;
  }

  .daily-summary-card{
    padding:.92rem;
  }

  .daily-summary-card .visual-core h2{
    font-size:clamp(1.18rem, 5vw, 1.78rem);
    line-height:1.02;
    max-width:100%;
    text-wrap:balance;
  }

  .daily-summary-card .visual-core p{
    font-size:.82rem;
    line-height:1.6;
    max-width:100%;
  }

  .daily-summary-card .visual-stats{
    grid-template-columns:1fr;
  }

  .daily-summary-card .ticker-track{
    letter-spacing:.14rem;
    font-size:.64rem;
  }
}