/* Secondary page refresh aligned with the new IsTradeable landing. */
:root{
  --bg:#061018;
  --bg-2:#091923;
  --bg-3:#0e202c;
  --panel:#0b1b25;
  --line:rgba(151,213,235,.18);
  --line-2:rgba(151,213,235,.28);
  --fg:#f3f8fb;
  --fg-2:#c8d8df;
  --fg-3:#9eb4c0;
  --gold:#f6b938;
  --gold-2:#ffd36e;
  --cyan:#34d6f3;
  --cyan-2:#88f0ff;
  --ok:#57d68d;
  --bad:#ff6b58;
  --radius:8px;
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 12% 4%, rgba(52,214,243,.16), transparent 30%),
    radial-gradient(circle at 88% 14%, rgba(246,185,56,.08), transparent 28%),
    linear-gradient(180deg,#041019 0%,#07131b 52%,#051019 100%);
  color:var(--fg);
  padding-bottom:0 !important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(136,240,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(136,240,255,.055) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 5%, #000 0%, transparent 70%);
  opacity:.48;
}

.wrap{max-width:1180px}
.nav{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(4,16,25,.84);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(16px);
}
.nav-in{min-height:70px;padding:10px 0}
.brand-name{color:var(--gold-2)}
.brand-logo{
  background:url('../assets/logo-photoroom.png') center/contain no-repeat;
  filter:drop-shadow(0 0 12px rgba(52,214,243,.25));
}
.lang-pill{
  border-color:var(--line-2);
  background:rgba(255,255,255,.025);
}
.lang-pill button.on,.lang-pill a.on{background:var(--cyan);color:#041019}
.btn{border-radius:6px;font-weight:700}
.btn-primary{
  background:linear-gradient(180deg,var(--cyan-2),var(--cyan));
  color:#041019;
  border:0;
  box-shadow:0 18px 46px -22px rgba(52,214,243,.85);
}
.btn-primary:hover{box-shadow:0 20px 52px -22px rgba(52,214,243,.9)}
.btn-ghost{
  background:rgba(255,255,255,.03);
  border-color:var(--line-2);
  color:var(--fg);
}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan-2)}
.eye{color:var(--cyan);letter-spacing:.18em}
.h2{font-size:clamp(34px,4.2vw,58px);letter-spacing:-.035em}
.lead{color:#d4e4eb}
.gold{color:var(--gold-2)}
.small{color:var(--fg-3)}

.lg,.co,.demo-wrap,.legal{
  position:relative;
  z-index:1;
}
.lg,.co{
  max-width:500px !important;
  margin:72px auto 96px !important;
  padding:30px !important;
  border:1px solid var(--line-2);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
  box-shadow:0 30px 90px -48px rgba(0,0,0,.95);
}
.lg .diamond-wrap{width:74px !important}
.lg input[type=email],
.lg input[type=password],
input.email{
  width:100%;
  background:#07131b !important;
  border:1px solid var(--line-2) !important;
  color:var(--fg) !important;
  padding:14px 16px !important;
  border-radius:8px !important;
  font-family:inherit;
  font-size:15px;
}
.lg input:focus,
input.email:focus{
  outline:none;
  border-color:var(--cyan) !important;
  box-shadow:0 0 0 3px rgba(52,214,243,.14);
}
.lg label.fld{
  display:block;
  margin-top:16px;
  color:var(--fg-3);
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.lg .body,.co .lead{color:var(--fg-2)}

.co{max-width:560px !important}
.plan-card{
  border-color:rgba(246,185,56,.45) !important;
  background:linear-gradient(180deg,rgba(246,185,56,.1),rgba(246,185,56,.025)) !important;
  border-radius:8px !important;
}
.amount{color:var(--gold-2) !important}

.demo-wrap{
  width:min(980px,calc(100% - 48px));
  max-width:none !important;
  padding:70px 0 96px !important;
}
.demo-card{
  border:1px solid var(--line-2) !important;
  border-radius:8px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018)) !important;
  box-shadow:0 30px 90px -48px rgba(0,0,0,.95);
}
.demo-card .h2{line-height:1.15;padding-bottom:4px}
.demo-card .lead{color:var(--fg-2)}
.checklist li{color:var(--fg-2) !important}
.checklist li:before{
  content:"" !important;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ok);
  box-shadow:0 0 12px rgba(87,214,141,.5);
  flex:0 0 auto;
}
.demo-wrap a[href="concierge.html"]{display:none !important}

.legal{
  width:min(920px,calc(100% - 48px));
  max-width:none !important;
  margin:0 auto !important;
  padding:64px 0 92px !important;
}
.legal:before{
  content:"";
  display:block;
  height:1px;
}
.legal > *{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.legal h1,.legal .h2{max-width:760px}
.legal h2{
  border-top:1px solid var(--line);
  padding-top:24px;
}
.legal p,.legal li{color:var(--fg-2) !important}
.legal strong{color:var(--fg) !important}
.legal table{
  width:100%;
  border-collapse:collapse;
  display:block;
  overflow-x:auto;
}
.legal th,.legal td{
  border:1px solid var(--line-2) !important;
  padding:12px 14px !important;
  color:var(--fg-2);
}
.legal th{background:rgba(52,214,243,.06) !important;color:var(--fg)}
.notice{
  border-color:rgba(246,185,56,.5) !important;
  background:rgba(246,185,56,.07) !important;
  border-radius:8px !important;
}
body:has(.legal) .lang-pill{display:none}

.footer,
.bottom-nav{
  display:none !important;
}

@media (max-width:680px){
  .wrap{padding:0 18px}
  .nav-in{min-height:64px}
  .nav-right .btn{display:none}
  .lg,.co{width:min(100% - 28px,520px);margin:34px auto 78px !important;padding:22px !important}
  .demo-wrap,.legal{width:min(100% - 28px,520px);padding:36px 0 78px !important}
  .demo-card{padding:24px !important}
  .h2{font-size:38px}
}