/* ========================================================================
 * OcuBit AI — Theme CSS
 * Design system v1: dark-first, bento-grid, mono-data, angular sections.
 * Entirely new visual language — intentionally distinct from any reference
 * template. Hashed class prefix: obx-h7k9-
 * Logo palette: deep indigo wordmark + orange gradient mark.
 * ======================================================================== */

:root{
  --obx-ink:#0F1424;
  --obx-ink-2:#161C34;
  --obx-ink-3:#1E2644;
  --obx-ink-4:#2A3458;
  --obx-flare:#F7941D;
  --obx-flare-2:#FFB04A;
  --obx-flare-dark:#C6700A;
  --obx-ember:#FF5A1F;
  --obx-cream:#F6F1E6;
  --obx-paper:#FFFFFF;
  --obx-paper-2:#F3F0EA;
  --obx-paper-3:#E8E3D6;
  --obx-line-dark:rgba(255,255,255,.08);
  --obx-line-dark-2:rgba(255,255,255,.14);
  --obx-line:#DCD6C4;
  --obx-muted-dark:#9BA4C4;
  --obx-muted:#5B5542;
  --obx-ok:#22C98F;
  --obx-warn:#FF5A5A;
  --obx-radius:4px;
  --obx-radius-md:14px;
  --obx-radius-lg:28px;
  --obx-shadow-dark:0 30px 80px -30px rgba(0,0,0,.6), 0 0 0 1px var(--obx-line-dark);
  --obx-glow:0 0 40px rgba(247,148,29,.35);
  --obx-maxw:1240px;
  --obx-pad:28px;
  --obx-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --obx-display:'Playfair Display','Fraunces',Georgia,serif;
  --obx-mono:'JetBrains Mono','SF Mono',ui-monospace,Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--obx-sans);background:var(--obx-ink);color:var(--obx-paper);line-height:1.55;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--obx-flare-2);text-decoration:none}
a:hover{color:var(--obx-flare)}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
h1,h2,h3,h4{font-family:var(--obx-display);font-weight:600;line-height:1.03;letter-spacing:-.02em;margin:0 0 .4em 0}
h1{font-size:clamp(2.4rem,5vw,4.4rem)}
h2{font-size:clamp(2rem,3.8vw,3.2rem)}
h3{font-size:clamp(1.2rem,1.9vw,1.5rem)}
p{margin:0 0 1em 0}

.obx-h7k9-skip{position:absolute;left:-9999px;top:auto;background:var(--obx-flare);color:var(--obx-ink);padding:12px 18px;z-index:9999;font-weight:700}
.obx-h7k9-skip:focus{left:12px;top:12px}

/* ----- backgrounds helpers ----- */
.obx-h7k9-body{
  background:
    radial-gradient(ellipse 50% 35% at 85% 0%,rgba(247,148,29,.14),transparent 60%),
    radial-gradient(ellipse 40% 30% at 10% 20%,rgba(42,52,88,.5),transparent 60%),
    var(--obx-ink);
}

/* ===== LAYOUT ===== */
.obx-h7k9-wrap{max-width:var(--obx-maxw);margin:0 auto;padding:0 var(--obx-pad);position:relative}
.obx-h7k9-sec{padding:112px 0;position:relative}
.obx-h7k9-sec.obx-cream{background:var(--obx-cream);color:var(--obx-ink);
  clip-path:polygon(0 36px,100% 0,100% calc(100% - 36px),0 100%)}
.obx-h7k9-sec.obx-cream + .obx-h7k9-sec.obx-cream{clip-path:none}
.obx-h7k9-sec.obx-tight{padding:72px 0}
.obx-h7k9-sec.obx-cream h1,.obx-h7k9-sec.obx-cream h2,.obx-h7k9-sec.obx-cream h3,.obx-h7k9-sec.obx-cream h4{color:var(--obx-ink)}
.obx-h7k9-sec.obx-cream p{color:var(--obx-muted)}

/* Dot matrix background on dark sections */
.obx-h7k9-dots{background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px}

/* ===== HEADER / COMMAND BAR ===== */
.obx-h7k9-hdr{position:sticky;top:0;z-index:100;background:rgba(15,20,36,.85);backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--obx-line-dark)}
.obx-h7k9-nav{display:flex;align-items:center;gap:18px;padding:14px 0;flex-wrap:wrap}
.obx-h7k9-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.06rem;letter-spacing:-.01em;color:var(--obx-paper);font-family:var(--obx-sans)}
.obx-h7k9-brand .obx-mark{width:28px;height:28px;display:block;border-radius:6px;background:linear-gradient(135deg,var(--obx-ink-4) 0%,var(--obx-ink-4) 50%,var(--obx-flare) 50%,var(--obx-flare-2) 100%);position:relative;overflow:hidden;flex:none}
.obx-h7k9-brand .obx-mark::after{content:"";position:absolute;inset:5px;border-left:3px solid var(--obx-cream);border-right:3px solid var(--obx-cream);transform:skewX(-18deg)}
.obx-h7k9-links{display:flex;list-style:none;margin:0;padding:4px;gap:2px;background:rgba(255,255,255,.04);border:1px solid var(--obx-line-dark);border-radius:999px}
.obx-h7k9-links li a{color:var(--obx-muted-dark);padding:8px 14px;border-radius:999px;font-weight:500;font-size:.88rem;display:inline-flex;align-items:center;transition:background .18s ease,color .18s ease}
.obx-h7k9-links li a:hover,.obx-h7k9-links li.current-menu-item a{background:var(--obx-paper);color:var(--obx-ink);opacity:1}
.obx-h7k9-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.obx-h7k9-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--obx-mono);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--obx-flare-2);padding:5px 10px;border:1px solid rgba(247,148,29,.4);border-radius:4px;background:rgba(247,148,29,.08)}
.obx-h7k9-tag::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--obx-flare);box-shadow:0 0 10px var(--obx-flare);animation:obxPulse 1.6s ease-in-out infinite}
@keyframes obxPulse{0%,100%{opacity:1}50%{opacity:.4}}
.obx-h7k9-burger{display:none;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--obx-paper);align-items:center;justify-content:center;border:1px solid var(--obx-line-dark)}

/* ===== BUTTONS ===== */
.obx-h7k9-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:4px;background:var(--obx-paper);color:var(--obx-ink);font-weight:600;font-size:.9rem;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;border:1px solid transparent;font-family:var(--obx-sans)}
.obx-h7k9-btn:hover{transform:translateY(-2px);color:var(--obx-ink);opacity:1}
.obx-h7k9-btn.obx-flame{background:linear-gradient(135deg,var(--obx-flare) 0%,var(--obx-ember) 100%);color:var(--obx-ink);box-shadow:0 10px 24px -10px rgba(247,148,29,.6)}
.obx-h7k9-btn.obx-flame:hover{box-shadow:0 14px 32px -8px rgba(247,148,29,.7);color:var(--obx-ink)}
.obx-h7k9-btn.obx-ghost{background:transparent;color:var(--obx-paper);border:1px solid var(--obx-line-dark-2)}
.obx-h7k9-btn.obx-ghost:hover{background:rgba(255,255,255,.06);color:var(--obx-paper)}
.obx-h7k9-sec.obx-cream .obx-h7k9-btn.obx-ghost{color:var(--obx-ink);border-color:var(--obx-line)}
.obx-h7k9-btn .obx-arrow{width:16px;height:16px;transition:transform .18s ease}
.obx-h7k9-btn:hover .obx-arrow{transform:translate(3px,-3px)}

/* ===== HERO : BENTO GRID ===== */
.obx-h7k9-hero{padding:52px 0 48px;position:relative}
.obx-h7k9-hero-ribbon{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--obx-line-dark-2);border-radius:999px;font-family:var(--obx-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--obx-muted-dark);margin-bottom:28px;background:rgba(255,255,255,.03)}
.obx-h7k9-hero-ribbon strong{color:var(--obx-flare-2)}
.obx-h7k9-hero-title{font-family:var(--obx-display);font-weight:600;font-size:clamp(2.6rem,7vw,6rem);line-height:.98;letter-spacing:-.035em;margin:0 0 28px;max-width:1000px}
.obx-h7k9-hero-title i{font-style:italic;color:var(--obx-flare);background:linear-gradient(90deg,var(--obx-flare) 0%,var(--obx-ember) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.obx-h7k9-hero-sub{font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--obx-muted-dark);max-width:620px;margin-bottom:40px}

/* Bento grid */
.obx-h7k9-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(140px,auto);gap:14px;margin-top:36px}
.obx-h7k9-cell{background:linear-gradient(140deg,var(--obx-ink-2) 0%,var(--obx-ink-3) 100%);border:1px solid var(--obx-line-dark);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:border-color .3s ease,transform .3s ease}
.obx-h7k9-cell:hover{border-color:var(--obx-line-dark-2);transform:translateY(-3px)}
.obx-h7k9-cell .obx-label{font-family:var(--obx-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--obx-muted-dark);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.obx-h7k9-cell .obx-label::before{content:"";width:5px;height:5px;border-radius:999px;background:var(--obx-flare)}
.obx-h7k9-cell h3{color:var(--obx-paper);font-family:var(--obx-sans);font-size:1.1rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.obx-h7k9-cell p{color:var(--obx-muted-dark);font-size:.9rem;margin:8px 0 0}
.obx-h7k9-cell.obx-c-wide{grid-column:span 8}
.obx-h7k9-cell.obx-c-tall{grid-column:span 4;grid-row:span 2}
.obx-h7k9-cell.obx-c-sq{grid-column:span 4}
.obx-h7k9-cell.obx-c-h{grid-column:span 6}
.obx-h7k9-cell.obx-c-3{grid-column:span 3}

/* Bento variants */
.obx-h7k9-cell.obx-c-engine{background:linear-gradient(140deg,#1E2644 0%,#2A3458 100%);display:flex;flex-direction:column;justify-content:space-between;min-height:360px}
.obx-h7k9-cell.obx-c-engine .obx-ticker{position:absolute;left:0;right:0;bottom:0;padding:14px 20px;background:rgba(0,0,0,.3);border-top:1px solid var(--obx-line-dark);font-family:var(--obx-mono);font-size:.78rem;color:var(--obx-muted-dark);display:flex;gap:22px;overflow:hidden;white-space:nowrap}
.obx-h7k9-cell.obx-c-engine .obx-ticker span{display:inline-flex;gap:8px;align-items:center}
.obx-h7k9-cell.obx-c-engine .obx-ticker span b{color:var(--obx-paper);font-weight:600}
.obx-h7k9-cell.obx-c-engine .obx-ticker span .obx-up{color:var(--obx-ok)}
.obx-h7k9-cell.obx-c-engine .obx-ticker span .obx-dn{color:var(--obx-warn)}
.obx-h7k9-cell.obx-c-engine .obx-engine-vis{display:flex;align-items:flex-end;gap:4px;height:120px;margin-top:20px}
.obx-h7k9-cell.obx-c-engine .obx-engine-vis span{flex:1;background:linear-gradient(180deg,var(--obx-flare),var(--obx-flare-dark));border-radius:2px;transform-origin:bottom;animation:obxGrow 1.2s cubic-bezier(.2,.9,.3,1.1) forwards;transform:scaleY(.1)}
.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(odd){background:linear-gradient(180deg,var(--obx-ink-4),var(--obx-ink-3))}
.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(1){animation-delay:0s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(2){animation-delay:.04s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(3){animation-delay:.08s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(4){animation-delay:.12s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(5){animation-delay:.16s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(6){animation-delay:.2s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(7){animation-delay:.24s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(8){animation-delay:.28s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(9){animation-delay:.32s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(10){animation-delay:.36s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(11){animation-delay:.4s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(12){animation-delay:.44s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(13){animation-delay:.48s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(14){animation-delay:.52s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(15){animation-delay:.56s}.obx-h7k9-cell.obx-c-engine .obx-engine-vis span:nth-child(16){animation-delay:.6s}
@keyframes obxGrow{to{transform:scaleY(1)}}

.obx-h7k9-cell.obx-c-metric{display:flex;flex-direction:column;justify-content:space-between}
.obx-h7k9-cell.obx-c-metric strong{font-family:var(--obx-display);font-size:3.4rem;line-height:1;color:var(--obx-paper);display:block;letter-spacing:-.02em;background:linear-gradient(135deg,var(--obx-paper),var(--obx-flare-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.obx-h7k9-cell.obx-c-metric small{display:block;color:var(--obx-muted-dark);font-size:.82rem;margin-top:4px}

.obx-h7k9-cell.obx-c-flare{background:linear-gradient(140deg,var(--obx-ember) 0%,var(--obx-flare) 100%);color:var(--obx-ink);border-color:transparent}
.obx-h7k9-cell.obx-c-flare h3,.obx-h7k9-cell.obx-c-flare p{color:var(--obx-ink)}
.obx-h7k9-cell.obx-c-flare .obx-label{color:var(--obx-ink);opacity:.75}
.obx-h7k9-cell.obx-c-flare .obx-label::before{background:var(--obx-ink)}

.obx-h7k9-cell.obx-c-signal{display:flex;flex-direction:column;gap:6px}
.obx-h7k9-cell.obx-c-signal .obx-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--obx-line-dark);font-family:var(--obx-mono);font-size:.84rem}
.obx-h7k9-cell.obx-c-signal .obx-row:last-child{border-bottom:none}
.obx-h7k9-cell.obx-c-signal .obx-row span{color:var(--obx-muted-dark)}
.obx-h7k9-cell.obx-c-signal .obx-row strong{color:var(--obx-paper);font-weight:500}
.obx-h7k9-cell.obx-c-signal .obx-row .obx-pos{color:var(--obx-ok)}
.obx-h7k9-cell.obx-c-signal .obx-row .obx-neg{color:var(--obx-warn)}

/* ===== TICKER MARQUEE ===== */
.obx-h7k9-marquee{background:var(--obx-cream);color:var(--obx-ink);border-top:1px solid var(--obx-paper-3);border-bottom:1px solid var(--obx-paper-3);overflow:hidden;padding:16px 0;font-family:var(--obx-mono);font-size:.86rem;position:relative}
.obx-h7k9-marquee::before,.obx-h7k9-marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.obx-h7k9-marquee::before{left:0;background:linear-gradient(90deg,var(--obx-cream),transparent)}
.obx-h7k9-marquee::after{right:0;background:linear-gradient(-90deg,var(--obx-cream),transparent)}
.obx-h7k9-marquee-track{display:flex;gap:60px;white-space:nowrap;animation:obxMarquee 40s linear infinite;will-change:transform}
.obx-h7k9-marquee-track span{display:inline-flex;align-items:center;gap:8px;color:var(--obx-ink)}
.obx-h7k9-marquee-track span b{color:var(--obx-flare-dark);font-weight:600}
.obx-h7k9-marquee-track i{font-style:normal;color:var(--obx-muted);opacity:.6}
@keyframes obxMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== PAGE HERO (interior) ===== */
.obx-h7k9-phero{padding:72px 0 56px;background:
  radial-gradient(ellipse 55% 70% at 92% 10%,rgba(247,148,29,.12),transparent 60%),
  var(--obx-ink);
  border-bottom:1px solid var(--obx-line-dark);position:relative}
.obx-h7k9-crumbs{color:var(--obx-muted-dark);font-size:.82rem;margin-bottom:16px;font-family:var(--obx-mono)}
.obx-h7k9-crumbs a{color:var(--obx-muted-dark);text-decoration:underline;text-decoration-color:var(--obx-line-dark-2)}
.obx-h7k9-crumbs a:hover{color:var(--obx-flare-2)}
.obx-h7k9-phero h1{color:var(--obx-paper);max-width:860px}
.obx-h7k9-phero p.obx-lede{color:var(--obx-muted-dark);max-width:640px;font-size:1.1rem;margin-top:14px}

/* ===== CODE-CARD GRID (sections) ===== */
.obx-h7k9-cgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:stretch}
.obx-h7k9-cgrid > *{grid-column:span 4}
.obx-h7k9-cgrid.obx-c-2 > *{grid-column:span 6}
.obx-h7k9-code{background:var(--obx-ink-2);border:1px solid var(--obx-line-dark);border-radius:14px;padding:28px;position:relative;overflow:hidden}
.obx-h7k9-code .obx-tag{position:absolute;top:16px;right:16px;font-family:var(--obx-mono);font-size:.68rem;color:var(--obx-flare-2);background:rgba(247,148,29,.1);padding:3px 8px;border-radius:4px;border:1px solid rgba(247,148,29,.3)}
.obx-h7k9-code .obx-num{font-family:var(--obx-mono);font-size:.76rem;color:var(--obx-flare-2);letter-spacing:.15em;margin-bottom:12px}
.obx-h7k9-code h3{color:var(--obx-paper);font-family:var(--obx-sans);font-weight:600;font-size:1.15rem;line-height:1.3;letter-spacing:-.01em}
.obx-h7k9-code p{color:var(--obx-muted-dark);font-size:.94rem;margin:10px 0 0}
.obx-h7k9-code .obx-icon{display:inline-flex;width:40px;height:40px;border-radius:10px;background:rgba(247,148,29,.14);color:var(--obx-flare);align-items:center;justify-content:center;margin-bottom:14px;border:1px solid rgba(247,148,29,.25)}
.obx-h7k9-code .obx-icon svg{width:20px;height:20px}

/* ===== STACK (vertical storyboard) ===== */
.obx-h7k9-stack{display:grid;gap:0;margin-top:28px}
.obx-h7k9-stack-row{display:grid;grid-template-columns:160px 1fr 1fr;gap:40px;padding:40px 0;border-top:1px solid var(--obx-line);position:relative;align-items:flex-start}
.obx-h7k9-stack-row:last-child{border-bottom:1px solid var(--obx-line)}
.obx-h7k9-stack-row .obx-step{font-family:var(--obx-mono);font-size:.78rem;letter-spacing:.14em;color:var(--obx-flare-dark);text-transform:uppercase;padding-top:8px}
.obx-h7k9-stack-row h3{font-size:clamp(1.4rem,2.2vw,1.9rem);color:var(--obx-ink);margin:0}
.obx-h7k9-stack-row p{color:var(--obx-muted);margin:0}

/* ===== TWO-UP ===== */
.obx-h7k9-two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.obx-h7k9-two.obx-flip > div:first-child{order:2}

/* ===== PRICING STRIP ===== */
.obx-h7k9-pstrip{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--obx-ink);border:1px solid var(--obx-line-dark);border-radius:28px;overflow:hidden}
.obx-h7k9-pstrip > *{padding:48px}
.obx-h7k9-pstrip-l{background:linear-gradient(135deg,var(--obx-ink-2),var(--obx-ink-3));border-right:1px solid var(--obx-line-dark)}
.obx-h7k9-pstrip-l .obx-label{font-family:var(--obx-mono);font-size:.72rem;letter-spacing:.14em;color:var(--obx-flare-2);text-transform:uppercase;margin-bottom:14px;display:block}
.obx-h7k9-pstrip-l h2{color:var(--obx-paper)}
.obx-h7k9-pstrip-l p{color:var(--obx-muted-dark)}
.obx-h7k9-price-big{font-family:var(--obx-display);font-weight:700;font-size:clamp(4rem,8vw,7rem);line-height:1;letter-spacing:-.03em;background:linear-gradient(135deg,var(--obx-paper) 0%,var(--obx-flare) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:16px 0}
.obx-h7k9-price-big sub{font-size:.3em;color:var(--obx-paper);background:none;-webkit-text-fill-color:var(--obx-paper);margin-left:8px;vertical-align:baseline;font-family:var(--obx-sans);font-weight:400;letter-spacing:0}
.obx-h7k9-pstrip-r{background:var(--obx-cream);color:var(--obx-ink)}
.obx-h7k9-pstrip-r label{display:block;font-family:var(--obx-mono);font-size:.74rem;color:var(--obx-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.obx-h7k9-money{display:flex;align-items:center;background:var(--obx-paper);border:1px solid var(--obx-line);border-radius:8px;padding:0 14px}
.obx-h7k9-money span{color:var(--obx-muted);font-weight:600;font-family:var(--obx-mono)}
.obx-h7k9-money input{border:none;background:transparent;padding:14px 10px;font-size:1.3rem;font-weight:600;color:var(--obx-ink);flex:1;outline:none;font-family:var(--obx-display)}
.obx-h7k9-range{width:100%;margin:16px 0;accent-color:var(--obx-flare)}
.obx-h7k9-calc-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px dashed var(--obx-line);font-size:.95rem;color:var(--obx-muted);font-family:var(--obx-mono)}
.obx-h7k9-calc-row strong{color:var(--obx-ink);font-family:var(--obx-mono)}
.obx-h7k9-calc-row.obx-total{border-top:2px solid var(--obx-ink);margin-top:8px;padding-top:14px;font-size:1.05rem;color:var(--obx-ink)}
.obx-h7k9-calc-row.obx-total strong{color:var(--obx-flare-dark);font-family:var(--obx-display);font-size:1.6rem}
.obx-h7k9-fine{color:var(--obx-muted);font-size:.78rem;margin-top:14px;line-height:1.5;font-family:var(--obx-sans)}

/* ===== TESTIMONIALS WALL ===== */
.obx-h7k9-twall{columns:3;column-gap:18px}
@media (max-width:980px){.obx-h7k9-twall{columns:2}}
@media (max-width:620px){.obx-h7k9-twall{columns:1}}
.obx-h7k9-tcard{break-inside:avoid;margin-bottom:18px;background:var(--obx-paper);border:1px solid var(--obx-line);border-radius:14px;padding:24px;transition:transform .25s ease,box-shadow .25s ease}
.obx-h7k9-tcard:hover{transform:translateY(-3px);box-shadow:0 20px 40px -20px rgba(0,0,0,.08)}
.obx-h7k9-tcard .obx-stars{color:var(--obx-flare);font-size:.95rem;margin-bottom:10px;letter-spacing:3px}
.obx-h7k9-tcard p{color:var(--obx-ink);font-size:1rem;line-height:1.55}
.obx-h7k9-tcard p.obx-quote{font-family:var(--obx-display);font-size:1.08rem;font-style:italic;line-height:1.4;margin-bottom:14px}
.obx-h7k9-tcard .obx-tauth{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--obx-line)}
.obx-h7k9-tcard .obx-tavatar{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,var(--obx-flare),var(--obx-ink));color:var(--obx-paper);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--obx-display);font-size:.95rem}
.obx-h7k9-tcard .obx-tname{font-weight:600;color:var(--obx-ink);display:block;font-size:.9rem}
.obx-h7k9-tcard .obx-trole{color:var(--obx-muted);font-size:.78rem;display:block}

/* ===== FAQ ===== */
.obx-h7k9-faq{display:grid;gap:10px;max-width:860px;margin:0 auto}
.obx-h7k9-faq details{background:var(--obx-paper);border:1px solid var(--obx-line);border-radius:10px;overflow:hidden;transition:border-color .2s ease}
.obx-h7k9-faq details[open]{border-color:var(--obx-flare)}
.obx-h7k9-faq summary{cursor:pointer;padding:20px 24px;list-style:none;font-weight:600;color:var(--obx-ink);display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:var(--obx-sans)}
.obx-h7k9-faq summary::after{content:"+";font-size:1.6rem;color:var(--obx-flare);font-weight:300;transition:transform .2s ease;flex:none;font-family:var(--obx-mono)}
.obx-h7k9-faq details[open] summary::after{content:"−"}
.obx-h7k9-faq summary::-webkit-details-marker{display:none}
.obx-h7k9-faq details > p,.obx-h7k9-faq details > div{padding:0 24px 20px;color:var(--obx-muted);margin:0}

/* ===== CTA PANEL ===== */
.obx-h7k9-cta{background:
  radial-gradient(ellipse 80% 100% at 100% 100%,rgba(247,148,29,.5),transparent 60%),
  linear-gradient(135deg,var(--obx-ink-2),var(--obx-ink));border-radius:28px;padding:68px;color:var(--obx-paper);position:relative;overflow:hidden;border:1px solid var(--obx-line-dark)}
.obx-h7k9-cta h2{color:var(--obx-paper);max-width:620px;font-size:clamp(1.8rem,3vw,2.6rem)}
.obx-h7k9-cta p{color:var(--obx-muted-dark);max-width:520px;margin:0 0 24px}
.obx-h7k9-cta .obx-cta-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ===== FORMS ===== */
.obx-h7k9-form{display:grid;gap:16px;background:var(--obx-ink-2);border:1px solid var(--obx-line-dark);border-radius:18px;padding:36px}
.obx-h7k9-sec.obx-cream .obx-h7k9-form{background:var(--obx-paper);border-color:var(--obx-line)}
.obx-h7k9-form label{font-family:var(--obx-mono);font-weight:500;color:var(--obx-paper);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:6px}
.obx-h7k9-sec.obx-cream .obx-h7k9-form label{color:var(--obx-ink)}
.obx-h7k9-form input[type="text"],.obx-h7k9-form input[type="email"],.obx-h7k9-form input[type="tel"],.obx-h7k9-form select,.obx-h7k9-form textarea{width:100%;padding:14px 16px;border:1px solid var(--obx-line-dark-2);border-radius:8px;background:rgba(0,0,0,.2);font-family:inherit;font-size:1rem;color:var(--obx-paper);transition:border-color .2s ease,background .2s ease;outline:none}
.obx-h7k9-sec.obx-cream .obx-h7k9-form input,.obx-h7k9-sec.obx-cream .obx-h7k9-form select,.obx-h7k9-sec.obx-cream .obx-h7k9-form textarea{background:var(--obx-cream);border-color:var(--obx-line);color:var(--obx-ink)}
.obx-h7k9-form input:focus,.obx-h7k9-form select:focus,.obx-h7k9-form textarea:focus{border-color:var(--obx-flare);background:rgba(0,0,0,.35)}
.obx-h7k9-sec.obx-cream .obx-h7k9-form input:focus,.obx-h7k9-sec.obx-cream .obx-h7k9-form select:focus,.obx-h7k9-sec.obx-cream .obx-h7k9-form textarea:focus{background:var(--obx-paper)}
.obx-h7k9-form textarea{resize:vertical;min-height:140px}
.obx-h7k9-field-err{color:var(--obx-warn);font-size:.78rem;margin-top:4px;display:none;font-family:var(--obx-mono)}
.obx-h7k9-field.obx-err input,.obx-h7k9-field.obx-err textarea,.obx-h7k9-field.obx-err select{border-color:var(--obx-warn)}
.obx-h7k9-field.obx-err .obx-h7k9-field-err{display:block}
.obx-h7k9-checklbl{display:flex;gap:10px;align-items:flex-start;cursor:pointer;color:var(--obx-muted-dark);font-size:.88rem;font-weight:400;text-transform:none;letter-spacing:0;font-family:var(--obx-sans)}
.obx-h7k9-sec.obx-cream .obx-h7k9-form .obx-h7k9-checklbl{color:var(--obx-muted)}
.obx-h7k9-checklbl input{margin-top:3px;flex:none;accent-color:var(--obx-flare)}

/* ===== FOOTER ===== */
.obx-h7k9-rbanner{background:var(--obx-ink);color:var(--obx-muted-dark);padding:14px 0;font-size:.82rem;text-align:center;border-top:1px solid var(--obx-line-dark);font-family:var(--obx-mono)}
.obx-h7k9-rbanner a{color:var(--obx-flare-2)}
.obx-h7k9-foot{background:var(--obx-ink);color:var(--obx-muted-dark);padding:72px 0 32px;border-top:1px solid var(--obx-line-dark)}
.obx-h7k9-foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}
.obx-h7k9-foot h4{color:var(--obx-paper);font-family:var(--obx-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-weight:500}
.obx-h7k9-foot a{color:var(--obx-muted-dark);display:block;padding:6px 0;font-size:.9rem}
.obx-h7k9-foot a:hover{color:var(--obx-flare-2)}
.obx-h7k9-foot-brand p{color:var(--obx-muted-dark);font-size:.9rem;max-width:300px;margin-top:16px}
.obx-h7k9-foot-brand .obx-h7k9-brand{color:var(--obx-paper)}
.obx-h7k9-foot-bot{border-top:1px solid var(--obx-line-dark);padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:.78rem;color:var(--obx-muted-dark);font-family:var(--obx-mono)}

/* ===== ARTICLES / SINGLE ===== */
.obx-h7k9-article{max-width:780px;margin:0 auto}
.obx-h7k9-article .obx-art-cat{color:var(--obx-flare-2);font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-size:.74rem;font-family:var(--obx-mono);display:block;margin-bottom:14px}
.obx-h7k9-article .obx-art-meta{display:flex;align-items:center;gap:14px;color:var(--obx-muted-dark);font-size:.82rem;margin-bottom:0;font-family:var(--obx-mono)}
.obx-h7k9-article .obx-art-hero{aspect-ratio:16/8;border-radius:16px;background:linear-gradient(135deg,var(--obx-ink-3),var(--obx-flare));margin:28px 0 40px;position:relative;overflow:hidden}
.obx-h7k9-article .obx-art-hero img{width:100%;height:100%;object-fit:cover}

/* ===== PROSE (page body) ===== */
.obx-h7k9-prose{max-width:800px;color:var(--obx-ink)}
.obx-h7k9-sec:not(.obx-cream) .obx-h7k9-prose{color:var(--obx-muted-dark)}
.obx-h7k9-prose h2{margin-top:40px;font-size:clamp(1.6rem,2.6vw,2.2rem)}
.obx-h7k9-prose h3{margin-top:28px;font-size:1.3rem;font-family:var(--obx-sans);font-weight:600;letter-spacing:-.01em}
.obx-h7k9-prose p,.obx-h7k9-prose li{font-size:1.05rem;line-height:1.7}
.obx-h7k9-sec.obx-cream .obx-h7k9-prose p,.obx-h7k9-sec.obx-cream .obx-h7k9-prose li{color:var(--obx-ink)}
.obx-h7k9-sec.obx-cream .obx-h7k9-prose h2,.obx-h7k9-sec.obx-cream .obx-h7k9-prose h3{color:var(--obx-ink)}
.obx-h7k9-prose ul,.obx-h7k9-prose ol{padding-left:22px}
.obx-h7k9-prose ul li{list-style:none;position:relative;padding-left:4px;margin-bottom:10px}
.obx-h7k9-prose ul li::before{content:"◆";color:var(--obx-flare);position:absolute;left:-20px;font-size:.7em;top:.3em}
.obx-h7k9-prose ol li{margin-bottom:10px}
.obx-h7k9-prose blockquote{border-left:3px solid var(--obx-flare);padding:14px 0 14px 22px;margin:28px 0;font-family:var(--obx-display);font-size:1.3rem;font-style:italic;line-height:1.4;color:var(--obx-ink)}
.obx-h7k9-sec.obx-cream .obx-h7k9-prose blockquote{color:var(--obx-ink)}
.obx-h7k9-prose .obx-highlight{background:var(--obx-paper);border:1px solid var(--obx-line);border-left:4px solid var(--obx-flare);padding:20px 24px;border-radius:0 10px 10px 0;margin:24px 0;color:var(--obx-ink)}
.obx-h7k9-prose table{width:100%;border-collapse:collapse;margin:24px 0;background:var(--obx-paper);border:1px solid var(--obx-line);border-radius:10px;overflow:hidden}
.obx-h7k9-prose th{background:var(--obx-cream);text-align:left;padding:14px 16px;color:var(--obx-ink);font-weight:600;font-size:.88rem;letter-spacing:.03em;border-bottom:1px solid var(--obx-line);font-family:var(--obx-sans)}
.obx-h7k9-prose td{padding:14px 16px;border-top:1px solid var(--obx-line);color:var(--obx-muted);font-size:.95rem}
.obx-h7k9-prose td strong{color:var(--obx-ink)}
.obx-h7k9-prose a{color:var(--obx-flare-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.obx-h7k9-prose .obx-divider{height:1px;background:linear-gradient(90deg,transparent,var(--obx-line),transparent);margin:40px 0;border:none}

/* ===== POST LIST ===== */
.obx-h7k9-plist{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.obx-h7k9-pcard{background:var(--obx-ink-2);border:1px solid var(--obx-line-dark);border-radius:14px;overflow:hidden;transition:transform .25s ease,border-color .25s ease;display:flex;flex-direction:column}
.obx-h7k9-pcard:hover{transform:translateY(-4px);border-color:var(--obx-flare)}
.obx-h7k9-pcard .obx-pthumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--obx-ink-3),var(--obx-ink-4));position:relative;overflow:hidden;display:block}
.obx-h7k9-pcard .obx-pthumb::after{content:"";position:absolute;bottom:-30px;right:-30px;width:140px;height:140px;background:radial-gradient(circle,var(--obx-flare),transparent 60%);opacity:.5;filter:blur(14px)}
.obx-h7k9-pcard img{width:100%;height:100%;object-fit:cover}
.obx-h7k9-pcard .obx-pbody{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.obx-h7k9-pcard .obx-pcat{color:var(--obx-flare-2);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-family:var(--obx-mono)}
.obx-h7k9-pcard h3{font-size:1.15rem;line-height:1.3;margin:0;font-family:var(--obx-sans);font-weight:600;letter-spacing:-.01em}
.obx-h7k9-pcard h3 a{color:var(--obx-paper)}
.obx-h7k9-pcard h3 a:hover{color:var(--obx-flare-2)}
.obx-h7k9-pcard p{color:var(--obx-muted-dark);font-size:.9rem;margin:0;flex:1}
.obx-h7k9-pcard .obx-pread{color:var(--obx-flare-2);font-weight:600;font-size:.84rem;margin-top:10px;font-family:var(--obx-mono)}

/* ===== THANK YOU ===== */
.obx-h7k9-ty{text-align:center;padding:120px 0 100px;max-width:620px;margin:0 auto}
.obx-h7k9-ty .obx-ty-circle{width:96px;height:96px;border-radius:999px;background:linear-gradient(135deg,var(--obx-flare),var(--obx-ember));margin:0 auto 28px;display:flex;align-items:center;justify-content:center;color:var(--obx-ink);box-shadow:0 0 60px rgba(247,148,29,.4)}
.obx-h7k9-ty .obx-ty-circle svg{width:40px;height:40px}
.obx-h7k9-ty h1{font-size:clamp(2.2rem,4vw,3.2rem);color:var(--obx-paper)}
.obx-h7k9-ty p{color:var(--obx-muted-dark);font-size:1.1rem}

/* ===== 404 ===== */
.obx-h7k9-404{text-align:center;padding:100px 20px}
.obx-h7k9-404 .obx-big{font-family:var(--obx-display);font-size:11rem;line-height:1;background:linear-gradient(135deg,var(--obx-paper),var(--obx-flare));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;margin-bottom:14px;letter-spacing:-.04em}

/* ===== SECTION HEADS ===== */
.obx-h7k9-shead{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-end;margin-bottom:56px}
.obx-h7k9-shead .obx-label{font-family:var(--obx-mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--obx-flare);margin-bottom:14px;display:block}
.obx-h7k9-sec.obx-cream .obx-h7k9-shead .obx-label{color:var(--obx-flare-dark)}
.obx-h7k9-shead h2{margin:0;max-width:600px}
.obx-h7k9-shead > p{color:var(--obx-muted-dark);font-size:1.02rem;max-width:420px;margin:0;align-self:flex-end}
.obx-h7k9-sec.obx-cream .obx-h7k9-shead > p{color:var(--obx-muted)}

/* ===== STAT BAND (strip of 4 stats) ===== */
.obx-h7k9-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--obx-ink-2);border:1px solid var(--obx-line-dark);border-radius:16px;overflow:hidden;margin-top:28px}
.obx-h7k9-stats > div{padding:28px;border-right:1px solid var(--obx-line-dark);text-align:left}
.obx-h7k9-stats > div:last-child{border-right:none}
.obx-h7k9-stats strong{display:block;font-family:var(--obx-display);font-size:2.2rem;line-height:1;color:var(--obx-paper);letter-spacing:-.02em}
.obx-h7k9-stats small{display:block;color:var(--obx-muted-dark);font-size:.82rem;margin-top:6px;font-family:var(--obx-mono);text-transform:uppercase;letter-spacing:.08em}

/* ===== UTIL ===== */
.obx-h7k9-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.obx-h7k9-center{text-align:center}
.obx-h7k9-mt-sm{margin-top:12px}
.obx-h7k9-mt-md{margin-top:28px}
.obx-h7k9-mt-lg{margin-top:48px}

/* ===== RESPONSIVE ===== */
@media (max-width:1080px){
  .obx-h7k9-bento{grid-template-columns:repeat(6,1fr)}
  .obx-h7k9-cell.obx-c-wide{grid-column:span 6}
  .obx-h7k9-cell.obx-c-tall{grid-column:span 3;grid-row:span 2}
  .obx-h7k9-cell.obx-c-sq{grid-column:span 3}
  .obx-h7k9-cell.obx-c-h{grid-column:span 3}
  .obx-h7k9-cell.obx-c-3{grid-column:span 2}
  .obx-h7k9-cgrid > *{grid-column:span 6}
  .obx-h7k9-stats{grid-template-columns:repeat(2,1fr)}
  .obx-h7k9-stats > div:nth-child(even){border-right:none}
  .obx-h7k9-stats > div:nth-child(-n+2){border-bottom:1px solid var(--obx-line-dark)}
}
@media (max-width:860px){
  .obx-h7k9-pstrip{grid-template-columns:1fr}
  .obx-h7k9-pstrip > *{padding:36px}
  .obx-h7k9-pstrip-l{border-right:none;border-bottom:1px solid var(--obx-line-dark)}
  .obx-h7k9-two{grid-template-columns:1fr;gap:36px}
  .obx-h7k9-two.obx-flip > div:first-child{order:0}
  .obx-h7k9-stack-row{grid-template-columns:1fr;gap:14px;padding:28px 0}
  .obx-h7k9-sec{padding:72px 0}
  .obx-h7k9-cta{padding:40px}
  .obx-h7k9-shead{grid-template-columns:1fr;gap:16px;align-items:flex-start}
  .obx-h7k9-shead > p{align-self:auto}
}
@media (max-width:620px){
  .obx-h7k9-burger{display:inline-flex}
  .obx-h7k9-links{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:8px;border-radius:14px;margin-top:10px;background:rgba(0,0,0,.4)}
  .obx-h7k9-links.obx-open{display:flex}
  .obx-h7k9-links li a{padding:12px 14px}
  .obx-h7k9-tag{display:none}
  .obx-h7k9-plist{grid-template-columns:1fr}
  .obx-h7k9-cgrid > *{grid-column:span 12}
  .obx-h7k9-foot-top{grid-template-columns:1fr;gap:28px}
  .obx-h7k9-hero{padding:36px 0 20px}
  .obx-h7k9-sec{padding:56px 0}
  .obx-h7k9-bento{gap:10px}
  .obx-h7k9-cell{padding:20px}
  .obx-h7k9-cell.obx-c-wide,.obx-h7k9-cell.obx-c-tall,.obx-h7k9-cell.obx-c-sq,.obx-h7k9-cell.obx-c-h,.obx-h7k9-cell.obx-c-3{grid-column:span 6}
  .obx-h7k9-cell.obx-c-tall{grid-row:span 1}
  .obx-h7k9-stats{grid-template-columns:1fr}
  .obx-h7k9-stats > div{border-right:none;border-bottom:1px solid var(--obx-line-dark)}
  .obx-h7k9-stats > div:last-child{border-bottom:none}
}