:root{
  --font-display:"Heebo","Arial",sans-serif;
  --font-body:"Assistant","Arial",sans-serif;
  --font-mono:"IBM Plex Mono","Courier New",monospace;

  --c-bg:#0b0908;
  --c-bg-soft:#121010;
  --c-card:#17130f;
  --c-card-2:#1d1814;
  --c-line:#2c2420;
  --c-ink:#f8f2e9;
  --c-ink-2:#cabfb2;
  --c-muted:#8d8177;
  --c-accent:oklch(0.80 0.15 66);
  --c-accent-2:oklch(0.72 0.15 46);
  --c-accent-ink:#1a1006;
  --c-glow:oklch(0.80 0.15 66 / 0.16);
  --c-glow-soft:oklch(0.80 0.15 66 / 0.07);
  --c-overlay:rgba(6,5,4,0.78);
  --c-ph-a:#191411;
  --c-ph-b:#221b16;
  --c-shell:#1a1a1a;
  --c-stage:#080706;
  --c-white-06:rgba(248,242,233,0.06);
  --c-white-10:rgba(248,242,233,0.10);

  --fs-mono:11px;
  --fs-xs:13px;
  --fs-sm:15px;
  --fs-base:17px;
  --fs-md:19px;
  --fs-lg:22px;
  --fs-xl:26px;
  --fs-2xl:31px;
  --fs-hero:34px;
  --fs-mark:26px;
  --fs-price:38px;

  --sp-0:0px;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:22px;
  --sp-6:28px;
  --sp-7:36px;
  --sp-8:48px;
  --sp-9:64px;
  --sp-10:88px;
  --sp-11:120px;

  --lh-tight:1.12;
  --lh-mid:1.3;
  --lh-body:1.65;
  --ls-wide:0.18em;

  --r-sm:6px;
  --r-md:12px;
  --r-lg:20px;
  --r-pill:999px;

  --bw:1px;
  --bw-2:2px;
  --w-line:2px;
  --w-dot:14px;
  --w-mark:44px;
  --w-card:280px;
  --w-content:1120px;
  --w-mobile:390px;
  --h-nav:64px;
  --pad-x:var(--sp-5);
  --gap-cards:var(--sp-4);
  --shadow-1:0 18px 60px rgba(0,0,0,0.55);
  --shadow-glow:0 0 90px var(--c-glow);
}

/* scope: neutralise Astra container + page chrome on this template */
.oree-landing-page #content{background:var(--c-bg);}
.oree-landing-page .site-content .ast-container{max-width:100%;padding-left:0;padding-right:0;}
.oree-landing-page #primary,.oree-landing-page #main{padding:0;margin:0;}
.oree-landing-page .entry-header,.oree-landing-page .page-title,.oree-landing-page .ast-archive-description{display:none;}
.oree-landing-page .entry-content{margin-top:0;}
.oree-landing-page .entry-content > .oree-landing{margin-block:0;}

.oree-landing *{box-sizing:border-box;}
.oree-landing{display:flex;flex-direction:column;width:100%;background:var(--c-bg);color:var(--c-ink);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;}
.oree-landing a{color:var(--c-accent);text-decoration:none;}
.oree-landing a:hover{color:var(--c-accent-2);}

/* sections */
.oree-landing .section{display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-9) var(--pad-x);border-bottom:var(--bw) solid var(--c-line);}
.oree-landing .section-soft{background:var(--c-bg-soft);}
.oree-landing .inner{display:flex;flex-direction:column;gap:var(--sp-6);width:100%;max-width:var(--w-content);margin:var(--sp-0) auto;}
.oree-landing .eyebrow{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--ls-wide);color:var(--c-accent);text-transform:uppercase;}
.oree-landing .h2{font-family:var(--font-display);font-weight:900;font-size:var(--fs-2xl);line-height:var(--lh-tight);color:var(--c-ink);margin:var(--sp-0);}
.oree-landing .lead{font-size:var(--fs-md);color:var(--c-ink-2);margin:var(--sp-0);max-width:var(--w-content);text-wrap:pretty;}
.oree-landing .mark{font-family:var(--font-display);font-weight:900;font-size:var(--fs-mark);line-height:var(--lh-tight);color:var(--c-accent);margin:var(--sp-0);}

/* hero */
.oree-landing .hero{display:flex;flex-direction:column;gap:var(--sp-8);padding:var(--sp-8) var(--pad-x) var(--sp-9);background:radial-gradient(120% 70% at 50% 0%, var(--c-glow) 0%, var(--c-glow-soft) 45%, var(--c-bg) 78%);}
.oree-landing .hero-in{display:flex;flex-direction:column;gap:var(--sp-8);width:100%;max-width:var(--w-content);margin:var(--sp-0) auto;}
.oree-landing .hero-copy{display:flex;flex-direction:column;gap:var(--sp-5);flex:1 1 auto;}
.oree-landing .hero-media{display:flex;flex-direction:column;flex:1 1 auto;}
.oree-landing .h1{font-family:var(--font-display);font-weight:900;font-size:var(--fs-hero);line-height:var(--lh-tight);color:var(--c-ink);margin:var(--sp-0);display:flex;flex-direction:column;gap:var(--sp-1);}
.oree-landing .h1-accent{color:var(--c-accent);}
.oree-landing .hero-sub{font-size:var(--fs-md);color:var(--c-ink-2);margin:var(--sp-0);text-wrap:pretty;}
.oree-landing .price-line{display:flex;flex-direction:row;align-items:baseline;gap:var(--sp-3);}
.oree-landing .price{font-family:var(--font-display);font-weight:900;font-size:var(--fs-price);color:var(--c-ink);line-height:var(--lh-tight);}
.oree-landing .price-note{font-size:var(--fs-sm);color:var(--c-muted);}
.oree-landing .reassure{display:flex;flex-direction:row;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-muted);}
.oree-landing .cta-wrap{display:flex;flex-direction:column;gap:var(--sp-3);align-items:stretch;}

/* buttons */
.oree-landing .btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-body);font-weight:700;border-radius:var(--r-pill);border:var(--bw) solid transparent;cursor:pointer;line-height:var(--lh-mid);}
.oree-landing .btn-primary{background:var(--c-accent);color:var(--c-accent-ink);font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-5);box-shadow:var(--shadow-glow);}
.oree-landing .btn-primary:hover{background:var(--c-accent-2);color:var(--c-accent-ink);}
.oree-landing .btn-big{font-size:var(--fs-md);padding:var(--sp-4) var(--sp-8);}
.oree-landing .btn-block{width:100%;}

/* placeholder */
.oree-landing .ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;border:var(--bw) dashed var(--c-line);border-radius:var(--r-md);background:repeating-linear-gradient(135deg,var(--c-ph-a) var(--sp-0) var(--sp-2),var(--c-ph-b) var(--sp-2) var(--sp-4));padding:var(--sp-5);text-align:center;}
.oree-landing .ph-4x3{aspect-ratio:4/3;}
.oree-landing .ph-16x9{aspect-ratio:16/9;}
.oree-landing .ph-1x1{aspect-ratio:1/1;}
.oree-landing .ph-9x16{aspect-ratio:9/16;}
.oree-landing .ph-label{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--ls-wide);color:var(--c-accent);text-transform:uppercase;}
.oree-landing .ph-text{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-muted);line-height:var(--lh-mid);max-width:var(--w-content);}
.oree-landing .media-row{display:flex;flex-direction:column;gap:var(--gap-cards);}
.oree-landing .media-col{display:flex;flex-direction:column;flex:1 1 var(--w-card);gap:var(--sp-2);}

/* timeline */
.oree-landing .tl{display:flex;flex-direction:column;gap:var(--sp-0);}
.oree-landing .tl-item{display:flex;flex-direction:row;align-items:stretch;gap:var(--sp-4);}
.oree-landing .tl-rail{display:flex;flex-direction:column;align-items:center;gap:var(--sp-0);width:var(--w-mark);flex:0 0 var(--w-mark);}
.oree-landing .dot{width:var(--w-dot);height:var(--w-dot);border-radius:var(--r-pill);background:var(--c-line);margin-top:var(--sp-2);flex:0 0 auto;}
.oree-landing .dot-on{background:var(--c-accent);box-shadow:var(--shadow-glow);}
.oree-landing .rail-line{width:var(--w-line);flex:1 1 auto;background:var(--c-line);}
.oree-landing .tl-body{display:flex;flex-direction:column;gap:var(--sp-2);padding-bottom:var(--sp-7);flex:1 1 auto;}
.oree-landing .tl-time{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--c-accent);letter-spacing:var(--ls-wide);}
.oree-landing .tl-text{font-size:var(--fs-md);color:var(--c-ink);margin:var(--sp-0);text-wrap:pretty;}
.oree-landing .note{display:flex;flex-direction:column;gap:var(--sp-2);border-right:var(--bw-2) solid var(--c-accent);padding:var(--sp-4) var(--sp-5);background:var(--c-card);border-radius:var(--r-md);}
.oree-landing .note-text{font-size:var(--fs-md);color:var(--c-ink-2);margin:var(--sp-0);text-wrap:pretty;}

/* features */
.oree-landing .cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-cards);}
.oree-landing .feature-card{display:flex;flex-direction:column;gap:var(--sp-3);flex:1 1 var(--w-card);min-width:var(--sp-0);background:var(--c-card);border:var(--bw) solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-6);}
.oree-landing .pain{display:flex;flex-direction:row;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-muted);}
.oree-landing .pain-x{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--sp-5);height:var(--sp-5);border-radius:var(--r-pill);background:var(--c-white-06);color:var(--c-muted);font-size:var(--fs-xs);flex:0 0 auto;}
.oree-landing .feat-title{font-family:var(--font-display);font-weight:900;font-size:var(--fs-xl);line-height:var(--lh-mid);color:var(--c-ink);margin:var(--sp-0);}
.oree-landing .feat-text{font-size:var(--fs-sm);color:var(--c-ink-2);margin:var(--sp-0);text-wrap:pretty;}

/* faq */
.oree-landing .faq{display:flex;flex-direction:column;gap:var(--sp-3);}
.oree-landing .faq-item{display:flex;flex-direction:column;background:var(--c-card);border:var(--bw) solid var(--c-line);border-radius:var(--r-md);overflow:hidden;}
.oree-landing .faq-q{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;text-align:right;background:transparent;border:none;cursor:pointer;padding:var(--sp-5);font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);color:var(--c-ink);line-height:var(--lh-mid);}
.oree-landing .faq-q:hover{color:var(--c-accent);}
.oree-landing .faq-sign{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--sp-6);height:var(--sp-6);border-radius:var(--r-pill);background:var(--c-white-06);color:var(--c-accent);font-size:var(--fs-md);flex:0 0 auto;}
.oree-landing .faq-a{display:none;flex-direction:column;padding:var(--sp-0) var(--sp-5) var(--sp-5);}
.oree-landing .faq-item.is-open{border-color:var(--c-accent);}
.oree-landing .faq-item.is-open .faq-a{display:flex;}
.oree-landing .faq-text{font-size:var(--fs-base);color:var(--c-ink-2);margin:var(--sp-0);text-wrap:pretty;}

/* final */
.oree-landing .final{display:flex;flex-direction:column;gap:var(--sp-6);align-items:center;text-align:center;padding:var(--sp-10) var(--pad-x);background:radial-gradient(100% 80% at 50% 100%, var(--c-glow) 0%, var(--c-bg) 70%);}
.oree-landing .final-h{font-family:var(--font-display);font-weight:900;font-size:var(--fs-2xl);line-height:var(--lh-tight);color:var(--c-ink);margin:var(--sp-0);max-width:var(--w-content);text-wrap:pretty;}
.oree-landing .trust{font-size:var(--fs-sm);color:var(--c-muted);margin:var(--sp-0);}

/* mobile bottom cta */
.oree-landing .mobilebar{display:flex;position:sticky;bottom:var(--sp-0);z-index:4;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--c-bg-soft);border-top:var(--bw) solid var(--c-line);}
.oree-landing .bar-price{display:flex;flex-direction:column;}
.oree-landing .bar-now{font-family:var(--font-display);font-weight:900;font-size:var(--fs-lg);color:var(--c-ink);line-height:var(--lh-tight);}
.oree-landing .bar-note{font-size:var(--fs-xs);color:var(--c-muted);}

/* modal */
.oree-modal{position:fixed;inset:0;z-index:100000;display:none;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-5);background:var(--c-overlay);backdrop-filter:blur(6px);font-family:var(--font-body);}
.oree-modal.is-open{display:flex;}
.oree-modal .modal-card{display:flex;flex-direction:column;gap:var(--sp-4);width:var(--w-mobile);max-width:100%;background:var(--c-card-2);border:var(--bw) solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-7);box-shadow:var(--shadow-1);}
.oree-modal .modal-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-4);}
.oree-modal .badge{display:flex;flex-direction:row;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--ls-wide);color:var(--c-accent);border:var(--bw) solid var(--c-accent);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-3);}
.oree-modal .close{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--sp-7);height:var(--sp-7);border-radius:var(--r-pill);background:var(--c-white-06);color:var(--c-ink-2);border:none;cursor:pointer;font-size:var(--fs-md);flex:0 0 auto;}
.oree-modal .close:hover{color:var(--c-ink);}
.oree-modal .modal-h{font-family:var(--font-display);font-weight:900;font-size:var(--fs-xl);line-height:var(--lh-tight);color:var(--c-ink);margin:var(--sp-0);}
.oree-modal .modal-text{font-size:var(--fs-sm);color:var(--c-ink-2);margin:var(--sp-0);text-wrap:pretty;}
.oree-modal .price-row{display:flex;flex-direction:row;align-items:baseline;gap:var(--sp-3);}
.oree-modal .price-old{font-size:var(--fs-md);color:var(--c-muted);text-decoration:line-through;}
.oree-modal .price-now{font-family:var(--font-display);font-weight:900;font-size:var(--fs-xl);color:var(--c-accent);}
.oree-modal .mock-tag{display:flex;flex-direction:row;align-items:center;align-self:flex-start;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--ls-wide);color:var(--c-muted);text-transform:uppercase;}
.oree-modal .field{display:flex;flex-direction:row;align-items:center;width:100%;background:var(--c-bg);border:var(--bw) solid var(--c-line);border-radius:var(--r-pill);padding:var(--sp-4) var(--sp-5);font-family:var(--font-body);font-size:var(--fs-base);color:var(--c-ink);}
.oree-modal .field:focus{outline:var(--bw-2) solid var(--c-accent);}
.oree-modal .fine{font-size:var(--fs-xs);color:var(--c-muted);margin:var(--sp-0);line-height:var(--lh-mid);}
.oree-modal .modal-state{display:none;flex-direction:column;gap:var(--sp-4);}
.oree-modal .modal-state.is-active{display:flex;}
.oree-modal .success{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center;padding:var(--sp-5) var(--sp-0);}
.oree-modal .tick{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--sp-9);height:var(--sp-9);border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-accent-ink);font-size:var(--fs-xl);font-weight:700;}

/* responsive */
@media (min-width:700px){
  .oree-landing{--fs-hero:52px;--fs-2xl:38px;--fs-xl:28px;--fs-mark:38px;--fs-price:46px;--pad-x:var(--sp-8);--w-card:300px;}
  .oree-landing .hero-in{flex-direction:row;align-items:center;}
  .oree-landing .hero-copy{flex:1 1 50%;}
  .oree-landing .hero-media{flex:1 1 50%;}
  .oree-landing .hero-media .ph{aspect-ratio:16/10;}
  .oree-landing .media-row{flex-direction:row;align-items:flex-start;}
  .oree-landing .cta-wrap{flex-direction:row;align-items:center;gap:var(--sp-5);flex-wrap:wrap;}
  .oree-landing .section{padding:var(--sp-10) var(--pad-x);}
  .oree-landing .mobilebar{display:none;}
}
@media (min-width:1100px){
  .oree-landing{--fs-hero:68px;--fs-2xl:44px;--fs-xl:30px;--fs-mark:52px;--fs-base:18px;--pad-x:var(--sp-9);}
  .oree-landing .tl{flex-direction:row;gap:var(--sp-6);}
  .oree-landing .tl-item{flex-direction:column;flex:1 1 var(--w-card);gap:var(--sp-3);}
  .oree-landing .tl-rail{flex-direction:row;width:auto;flex:0 0 auto;align-items:center;}
  .oree-landing .tl-rail .rail-line{width:auto;height:var(--w-line);}
  .oree-landing .tl-body{padding-bottom:var(--sp-0);}
  .oree-landing .h2{max-width:var(--w-content);}
}
