/* ============================================================
   inner-v6.css — shared v6 design system for inner pages
   Matches v6 homepage: warm near-black + copper, Inter + JetBrains
   Mono, glass cards, browser/phone frames, status pills, FAQ, CTA.
   Load with base.css + nav.css. Scope: body.v6-inner
   ============================================================ */

.v6-inner {
  --ink: #070605;
  --ink-2: #0c0a08;
  --panel: #131010;
  --panel-2: #1a1510;
  --glass: rgba(24,20,17,0.72);
  --line: rgba(255,255,255,0.09);
  --line-soft: rgba(255,255,255,0.055);
  --cu: #C97B4A;
  --cu-bright: #E89A5F;
  --cu-pale: #F0B989;
  --green: #34d17f;
  --txt: #f4efe8;
  --dim: #9c9188;
  --dimmer: #6a6057;

  background: var(--ink);
  color: var(--txt);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.v6-inner .mono { font-family: 'JetBrains Mono', monospace; font-feature-settings:'tnum'; }
.v6-inner ::selection { background: var(--cu); color: #140d07; }
.v6-inner .cu { color: var(--cu); }
.v6-inner .container { max-width: 1180px; margin: 0 auto; padding: 0 40px; }

/* reveal */
.v6-inner .rv { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.v6-inner .rv.in { opacity: 1; transform: none; }
.v6-inner .rv-stagger > * { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.v6-inner .rv-stagger.in > * { opacity: 1; transform: none; }
.v6-inner .rv-stagger.in > *:nth-child(2){ transition-delay:.06s } .v6-inner .rv-stagger.in > *:nth-child(3){ transition-delay:.12s }
.v6-inner .rv-stagger.in > *:nth-child(4){ transition-delay:.18s } .v6-inner .rv-stagger.in > *:nth-child(5){ transition-delay:.24s }
.v6-inner .rv-stagger.in > *:nth-child(6){ transition-delay:.30s } .v6-inner .rv-stagger.in > *:nth-child(n+7){ transition-delay:.36s }

/* buttons */
.v6-inner .btn-lg {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 14px; font-weight: 600; letter-spacing: .005em;
  padding: 14px 24px; border-radius: 999px;
  border: 1px solid var(--line); color: var(--txt); text-decoration: none;
  transition: transform .2s, border-color .2s, color .2s, background .2s, box-shadow .2s; cursor: pointer;
}
.v6-inner .btn-lg .arr { transition: transform .2s; }
.v6-inner .btn-lg:hover { transform: translateY(-2px); border-color: var(--cu); color: var(--cu-pale); }
.v6-inner .btn-lg:hover .arr { transform: translateX(3px); }
.v6-inner .btn-fill {
  background: linear-gradient(135deg, var(--cu-pale), var(--cu) 55%, #a2582f);
  color: #180f08; border-color: transparent; box-shadow: 0 8px 26px rgba(201,123,74,.32);
}
.v6-inner .btn-fill:hover { color: #180f08; box-shadow: 0 12px 34px rgba(201,123,74,.46); }

/* section scaffolding */
.v6-inner .sec { padding: 96px 0; border-top: 1px solid var(--line-soft); }
.v6-inner .sec-tight { padding: 72px 0; }
.v6-inner .sec-head { max-width: 760px; margin: 0 0 46px; }
.v6-inner .sec-head.center { margin-left: auto; margin-right: auto; text-align: center; }
.v6-inner .kicker { font-family:'JetBrains Mono',monospace; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--cu); margin: 0 0 16px; }
.v6-inner .sec-title { font-weight: 700; font-size: clamp(28px,4vw,46px); letter-spacing: -.03em; line-height: 1.05; margin: 0 0 16px; color: #fff; }
.v6-inner .sec-sub { font-size: clamp(15px,1.6vw,18px); color: var(--dim); margin: 0; line-height: 1.6; }

/* status pill */
.v6-inner .pill { display:inline-flex; align-items:center; gap:7px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; padding:5px 11px; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid var(--line); color:var(--dim); }
.v6-inner .pill.live { color:var(--green); border-color:rgba(52,209,127,.32); background:rgba(52,209,127,.08); }
.v6-inner .pill .dot { width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 8px currentColor; }

/* ===== HERO (.ph6) ===== */
.v6-inner .ph6 { position: relative; padding: 150px 0 80px; overflow: hidden; }
.v6-inner .ph6-bg { position:absolute; inset:0; pointer-events:none; }
.v6-inner .ph6-bg::before { content:''; position:absolute; top:-240px; right:-140px; width:820px; height:820px; border-radius:50%;
  background: radial-gradient(circle, rgba(201,123,74,.18), rgba(201,123,74,.04) 45%, transparent 68%); filter: blur(40px); }
.v6-inner .ph6-inner { position: relative; display: grid; grid-template-columns: 1.02fr .98fr; gap: 48px; align-items: center; }
.v6-inner .ph6-solo { grid-template-columns: 1fr; max-width: 900px; }
.v6-inner .eyebrow { display:inline-flex; align-items:center; gap:10px; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--dim); margin:0 0 22px; }
.v6-inner .eyebrow b { color: var(--cu-pale); font-weight: 500; }
.v6-inner .ph6-title { font-weight: 700; font-size: clamp(38px,5.4vw,68px); line-height: 1.04; letter-spacing: -.035em; margin: 0 0 22px; color: var(--txt); }
.v6-inner .ph6-lede { font-size: clamp(16px,1.7vw,19px); color: var(--dim); max-width: 46ch; margin: 0 0 30px; line-height: 1.55; }
.v6-inner .ph6-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin: 0 0 34px; }
.v6-inner .ph6-proof { display: flex; flex-wrap: wrap; gap: 28px; padding-top: 26px; border-top: 1px solid var(--line-soft); }
.v6-inner .ph6-proof div { display: flex; flex-direction: column; gap: 4px; }
.v6-inner .ph6-proof b { font-size: clamp(20px,2.4vw,28px); font-weight: 700; letter-spacing: -.02em; color: var(--cu-pale); line-height: 1; }
.v6-inner .ph6-proof span { font-size: 11px; letter-spacing: .07em; text-transform: uppercase; color: var(--dimmer); }

/* ===== browser frame ===== */
.v6-inner .frame { border-radius: 12px; overflow: hidden; background: var(--panel-2); border: 1px solid var(--line); box-shadow: 0 30px 66px rgba(0,0,0,.55); }
.v6-inner .frame-bar { display:flex; align-items:center; gap:10px; padding:9px 14px; background:#100c09; border-bottom:1px solid var(--line-soft); }
.v6-inner .frame-bar .dots { display:flex; gap:5px; } .v6-inner .frame-bar .dots i { width:7px; height:7px; border-radius:50%; background:var(--line); }
.v6-inner .frame-bar .url { font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--dim); }
.v6-inner .frame img { display:block; width:100%; height:auto; }
.v6-inner .frame.light { background: #ece6da; }

/* floating glass caption on hero media */
.v6-inner .ph6-media { position: relative; }
.v6-inner .glass { position:absolute; z-index:5; display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:14px; background:var(--glass); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid var(--line); box-shadow:0 20px 44px rgba(0,0,0,.5); max-width:230px; }
.v6-inner .glass .gc-ic { flex:0 0 auto; width:32px; height:32px; border-radius:9px; display:grid; place-items:center; font-size:14px; color:var(--cu-bright); background:rgba(201,123,74,.14); border:1px solid rgba(201,123,74,.3); }
.v6-inner .glass .gc-k { margin:0 0 3px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--cu); }
.v6-inner .glass .gc-v { margin:0; font-size:12.5px; line-height:1.4; color:var(--txt); }
.v6-inner .glass.gc-tl { top:-14px; left:-14px; } .v6-inner .glass.gc-br { bottom:-16px; right:-14px; }

/* ===== proof marquee ===== */
.v6-inner .marquee { padding: 26px 0; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); background: var(--ink-2); overflow: hidden; }
.v6-inner .marquee-lbl { text-align:center; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--dimmer); margin-bottom: 16px; }
.v6-inner .marquee-track { display:flex; gap:26px; white-space:nowrap; width:max-content; animation: mq 26s linear infinite; }
.v6-inner .marquee-track span { font-size:14px; font-weight:600; color:var(--dim); letter-spacing:.02em; }
.v6-inner .marquee-track span.sep { color:var(--cu); }
@keyframes mq { to { transform: translateX(-50%); } }

/* ===== feature grid (static, replaces scroll-jack) ===== */
.v6-inner .feat-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:16px; }
.v6-inner .feat-card { padding:26px 24px; border-radius:16px; background:var(--panel); border:1px solid var(--line-soft); transition: border-color .2s, transform .2s, background .2s; }
.v6-inner .feat-card:hover { border-color: rgba(201,123,74,.4); transform: translateY(-3px); background:#17120d; }
.v6-inner .feat-ico { width:40px; height:40px; border-radius:11px; display:grid; place-items:center; margin-bottom:16px; color:var(--cu-bright); background:rgba(201,123,74,.12); border:1px solid rgba(201,123,74,.28); }
.v6-inner .feat-ico svg { width:20px; height:20px; }
.v6-inner .feat-card h3 { margin:0 0 8px; font-size:17px; font-weight:700; letter-spacing:-.01em; color:#fff; }
.v6-inner .feat-card p { margin:0 0 14px; font-size:13.5px; color:var(--dim); line-height:1.55; }
.v6-inner .feat-card p:last-child { margin-bottom:0; }
.v6-inner .feat-card a { color:var(--cu-pale); text-decoration:none; border-bottom:1px solid var(--line); }
.v6-inner .feat-card a:hover { color:var(--cu-bright); border-color:var(--cu); }
.v6-inner .feat-chips { display:flex; flex-wrap:wrap; gap:6px; }
.v6-inner .feat-chips span { font-family:'JetBrains Mono',monospace; font-size:9.5px; letter-spacing:.04em; color:var(--dim); padding:4px 8px; border-radius:999px; border:1px solid var(--line-soft); background:rgba(255,255,255,.02); }

/* ===== media showcase band ===== */
.v6-inner .showband { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.v6-inner .showband.reverse .showband-media { order:-1; }
.v6-inner .showband-copy h3 { font-size:clamp(24px,3vw,36px); font-weight:700; letter-spacing:-.025em; line-height:1.06; margin:0 0 14px; color:#fff; }
.v6-inner .showband-copy p { font-size:15.5px; color:var(--dim); line-height:1.6; margin:0 0 18px; max-width:46ch; }

/* phone device mockup */
.v6-inner .device { position:relative; width:270px; aspect-ratio:424/928; border-radius:44px; padding:9px; margin:0 auto;
  background:linear-gradient(160deg,#201a15,#0a0807 60%); border:1px solid rgba(240,185,137,.14); box-shadow:0 40px 90px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,225,190,.10); }
.v6-inner .device-scr { position:relative; width:100%; height:100%; border-radius:36px; overflow:hidden; background:#000; }
.v6-inner .device-scr img { display:block; width:100%; height:100%; object-fit:cover; object-position:top center; }
.v6-inner .device-island { position:absolute; top:18px; left:50%; transform:translateX(-50%); width:86px; height:24px; background:#000; border-radius:999px; z-index:2; }
.v6-inner .device.tilt-l { transform:perspective(1700px) rotateY(14deg) rotateX(4deg) rotateZ(-2deg); }
.v6-inner .device.tilt-r { transform:perspective(1700px) rotateY(-14deg) rotateX(4deg) rotateZ(2deg); }

/* ===== video band ===== */
.v6-inner .videoband { position:relative; border-radius:16px; overflow:hidden; border:1px solid var(--line); background:#000; box-shadow:0 30px 70px rgba(0,0,0,.55); }
.v6-inner .videoband video { display:block; width:100%; height:auto; }
.v6-inner .videoband-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; background:#100c09; border-top:1px solid var(--line-soft); }
.v6-inner .videoband-bar span { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; color:var(--dim); }

/* ===== how it works ===== */
.v6-inner .hw { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; counter-reset:hw; }
.v6-inner .hw-step { position:relative; padding:28px 24px; border-radius:16px; background:var(--panel); border:1px solid var(--line-soft); }
.v6-inner .hw-num { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--cu); letter-spacing:.1em; margin-bottom:12px; }
.v6-inner .hw-step h3 { margin:0 0 8px; font-size:18px; font-weight:700; color:#fff; }
.v6-inner .hw-step p { margin:0; font-size:13.5px; color:var(--dim); line-height:1.55; }

/* ===== pricing ===== */
.v6-inner .pr-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:start; }
.v6-inner .pr-tier { display:flex; flex-direction:column; padding:30px 26px; border-radius:18px; background:var(--panel); border:1px solid var(--line-soft); }
.v6-inner .pr-tier.feat { border-color:rgba(201,123,74,.45); background:linear-gradient(180deg,rgba(201,123,74,.10),transparent 40%),var(--panel); box-shadow:0 20px 50px rgba(0,0,0,.4); }
.v6-inner .pr-tier .badge { align-self:flex-start; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--cu); padding:4px 10px; border:1px solid rgba(201,123,74,.3); border-radius:999px; margin-bottom:16px; }
.v6-inner .pr-tier h3 { margin:0 0 8px; font-size:24px; font-weight:800; letter-spacing:-.02em; color:#fff; }
.v6-inner .pr-tier .blurb { margin:0 0 16px; font-size:13.5px; color:var(--dim); line-height:1.5; }
.v6-inner .pr-tier .price { font-size:18px; font-weight:700; color:var(--cu-pale); margin:0 0 18px; }
.v6-inner .pr-tier ul { list-style:none; margin:0 0 22px; padding:0; display:flex; flex-direction:column; gap:10px; flex:1; }
.v6-inner .pr-tier li { position:relative; padding-left:22px; font-size:13.5px; color:var(--dim); line-height:1.45; }
.v6-inner .pr-tier li::before { content:''; position:absolute; left:0; top:7px; width:6px; height:6px; border-radius:50%; background:var(--cu); }
.v6-inner .pr-tier .btn-lg { justify-content:center; }

/* ===== FAQ ===== */
.v6-inner .faq-list { max-width:820px; }
.v6-inner .faq-list details { border-top:1px solid var(--line-soft); }
.v6-inner .faq-list details:last-child { border-bottom:1px solid var(--line-soft); }
.v6-inner .faq-list summary { cursor:pointer; list-style:none; padding:20px 40px 20px 0; position:relative; font-size:17px; font-weight:600; color:var(--txt); }
.v6-inner .faq-list summary::-webkit-details-marker { display:none; }
.v6-inner .faq-list summary::after { content:'+'; position:absolute; right:6px; top:15px; font-size:24px; font-weight:400; color:var(--cu); transition:transform .2s; }
.v6-inner .faq-list details[open] summary::after { transform:rotate(45deg); }
.v6-inner .faq-list details p { margin:0 0 20px; font-size:15px; color:var(--dim); line-height:1.6; max-width:70ch; }

/* ===== plat download row ===== */
.v6-inner .plat-row { display:flex; flex-wrap:wrap; gap:14px; }
.v6-inner .plat-btn { display:inline-flex; align-items:center; gap:14px; padding:14px 22px; border-radius:14px; background:var(--panel); border:1px solid var(--line); text-decoration:none; color:var(--txt); transition:border-color .2s, transform .2s; }
.v6-inner .plat-btn:hover { border-color:var(--cu); transform:translateY(-2px); }
.v6-inner .plat-btn.primary { background:linear-gradient(135deg,rgba(201,123,74,.18),transparent),var(--panel); border-color:rgba(201,123,74,.4); }
.v6-inner .plat-ico svg { width:24px; height:24px; color:var(--cu-pale); }
.v6-inner .plat-txt { display:flex; flex-direction:column; }
.v6-inner .plat-txt .s { font-size:10.5px; color:var(--dimmer); letter-spacing:.04em; }
.v6-inner .plat-txt .t { font-size:15px; font-weight:600; }

/* ===== disclaimer ===== */
.v6-inner .disclaimer { text-align:center; max-width:64ch; margin:20px auto 0; font-family:'JetBrains Mono',monospace; font-size:11px; line-height:1.5; letter-spacing:.04em; color:var(--dimmer); }

/* ===== final CTA ===== */
.v6-inner .cta6 { padding:120px 0 130px; text-align:center; border-top:1px solid var(--line-soft);
  background: radial-gradient(120% 100% at 50% 100%, rgba(201,123,74,.14), transparent 60%), var(--ink); }
.v6-inner .cta6-cap { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim); margin:0 0 22px; }
.v6-inner .cta6 h2 { font-weight:800; font-size:clamp(34px,6vw,68px); letter-spacing:-.035em; line-height:1.0; margin:0 0 18px; color:#fff; }
.v6-inner .cta6 p { font-size:16px; color:var(--dim); max-width:52ch; margin:0 auto 32px; }
.v6-inner .cta6 .ph6-ctas { justify-content:center; }

/* ===== responsive ===== */
@media (max-width: 940px){
  .v6-inner .ph6-inner, .v6-inner .showband { grid-template-columns:1fr; gap:32px; }
  .v6-inner .showband.reverse .showband-media { order:0; }
  .v6-inner .feat-grid, .v6-inner .hw, .v6-inner .pr-grid { grid-template-columns:1fr 1fr; }
  .v6-inner .device.tilt-l, .v6-inner .device.tilt-r { transform:none; }
}
@media (max-width: 640px){
  .v6-inner .container { padding:0 22px; }
  .v6-inner .ph6 { padding:120px 0 60px; }
  .v6-inner .feat-grid, .v6-inner .hw, .v6-inner .pr-grid { grid-template-columns:1fr; }
  .v6-inner .ph6-proof { gap:20px 28px; }
}
@media (prefers-reduced-motion: reduce){
  .v6-inner .rv, .v6-inner .rv-stagger > * { opacity:1 !important; transform:none !important; transition:none; }
  .v6-inner .marquee-track { animation:none; }
  .v6-inner .device { transition:none !important; }
}