:root{
  --bg: oklch(0.985 0.01 241);
  --surface: oklch(0.965 0.012 241);
  --text: oklch(0.18 0.02 241);
  --muted: oklch(0.42 0.02 241);
  --border: oklch(0.86 0.01 241);
  --brand: oklch(0.55 0.15 241);
  --accent: oklch(0.62 0.16 31);
  --accent-strong: oklch(0.48 0.16 31);
  --on-accent: #0b0b0c;
  --font-head: 'Playfair Display', Georgia, serif;
  --font-body: 'Karla', system-ui, sans-serif;
  --fs-base: 16px;
  --type-ratio: 1.25;
  --space: 6px;
  --radius: 4px;
  --shadow: 0 2px 8px rgba(0,0,0,.08);
  --container: 720px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;}
h1,h2,h3{font-family:var(--font-head);line-height:1.1;color:var(--text);}
h1{font-size:calc(var(--fs-base)*var(--type-ratio)*var(--type-ratio)*var(--type-ratio));}
h2{font-size:calc(var(--fs-base)*var(--type-ratio)*var(--type-ratio));}
a{color:var(--accent-strong);}
.ai-wrap{max-width:var(--container);margin:0 auto;padding:0 calc(var(--space)*2);}
.ai-btn{display:inline-block;background:var(--accent);color:var(--on-accent);padding:calc(var(--space)*1.6) calc(var(--space)*3);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;font-weight:700;}

/* WRAP & UTILS */
.otqc-wrap{max-width:var(--container);margin:0 auto;padding:0 calc(var(--space)*4);}
.otqc-btn{display:inline-block;background:var(--accent);color:var(--on-accent);padding:calc(var(--space)*2) calc(var(--space)*4);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:underline;font-weight:700;font-family:var(--font-body);font-size:1rem;transition:background .2s,box-shadow .2s;white-space:nowrap;}
.otqc-btn:hover{background:var(--accent-strong);color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.14);}
.otqc-btn--lg{font-size:1.1rem;padding:calc(var(--space)*2.5) calc(var(--space)*5);}
.otqc-rule{border:none;border-top:1px solid var(--border);margin:calc(var(--space)*3) 0;}

/* NAV */
.otqc-nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);}
.otqc-nav__inner{max-width:var(--container);margin:0 auto;padding:calc(var(--space)*2) calc(var(--space)*4);display:flex;align-items:center;gap:calc(var(--space)*4);}
.otqc-nav__logo{font-family:var(--font-head);font-size:1.15rem;font-weight:800;color:var(--text);text-decoration:none;flex-shrink:0;letter-spacing:.01em;}
.otqc-nav__links{display:flex;gap:calc(var(--space)*4);flex:1;}
.otqc-nav__links a{font-size:.88rem;color:var(--muted);text-decoration:none;font-family:var(--font-body);}
.otqc-nav__links a:hover{color:var(--accent-strong);text-decoration:underline;}
.otqc-nav__call{font-weight:700;font-size:.9rem;color:var(--accent-strong);text-decoration:underline;white-space:nowrap;}

/* HERO */
.otqc-hero{background:var(--surface);border-bottom:1px solid var(--border);}
.otqc-hero__split{max-width:var(--container);margin:0 auto;padding:calc(var(--space)*10) calc(var(--space)*4) calc(var(--space)*8);display:grid;grid-template-columns:1fr 280px;gap:calc(var(--space)*8);align-items:start;}
.otqc-hero__eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 calc(var(--space)*3);font-family:var(--font-body);}
.otqc-hero__h1{font-size:calc(var(--fs-base)*var(--type-ratio)*var(--type-ratio)*var(--type-ratio));margin:0 0 calc(var(--space)*4);font-weight:800;border-bottom:3px solid var(--accent);padding-bottom:calc(var(--space)*2);}
.otqc-hero__sub{font-size:1.08rem;color:var(--muted);margin:0 0 calc(var(--space)*5);}
.otqc-hero__actions{display:flex;align-items:center;gap:calc(var(--space)*4);flex-wrap:wrap;margin-bottom:calc(var(--space)*4);}
.otqc-hero__hint{font-size:.85rem;color:var(--muted);}
.otqc-age{font-size:.78rem;color:var(--muted);border-top:1px solid var(--border);padding-top:calc(var(--space)*2);margin-top:calc(var(--space)*2);}

/* CONSOLE SIDEBAR */
.otqc-hero__console{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);padding:calc(var(--space)*5);position:sticky;top:calc(var(--space)*14);}
.otqc-console__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 calc(var(--space)*2);}
.otqc-console__phone{margin:0 0 calc(var(--space)*4);}
.otqc-console__phone a{font-family:var(--font-head);font-size:1.3rem;font-weight:700;color:var(--accent-strong);text-decoration:underline;}
.otqc-chips{list-style:none;padding:0;margin:0 0 calc(var(--space)*4);display:flex;flex-direction:column;gap:calc(var(--space)*2);}
.otqc-chips li{font-size:.82rem;background:var(--surface);border:1px solid var(--border);padding:calc(var(--space)*1.5) calc(var(--space)*2);color:var(--text);}
.otqc-console__disclaimer{font-size:.74rem;color:var(--muted);line-height:1.4;}
.otqc-console__geo{font-size:.8rem;color:var(--muted);}

/* SECTIONS */
.otqc-section{padding:calc(var(--space)*10) 0;}
.otqc-section:nth-child(even){background:var(--surface);}
.otqc-section__title{margin:0 0 calc(var(--space)*7);font-weight:800;}

/* SPLIT 2-COL */
.otqc-split2{display:grid;grid-template-columns:200px 1fr;gap:calc(var(--space)*8);align-items:start;}
.otqc-split2__label h2{font-size:calc(var(--fs-base)*var(--type-ratio));margin:0;font-weight:800;border-left:3px solid var(--accent);padding-left:calc(var(--space)*2);}
.otqc-split2__body{}
.otqc-prose p{margin:0 0 calc(var(--space)*4);}
.otqc-prose h3{font-size:calc(var(--fs-base)*var(--type-ratio));margin:calc(var(--space)*5) 0 calc(var(--space)*2);}

/* FAQ */
.otqc-faq__item{border-top:1px solid var(--border);padding:calc(var(--space)*3) 0;}
.otqc-faq__item:last-child{border-bottom:1px solid var(--border);}
.otqc-faq__item summary{font-weight:700;cursor:pointer;font-family:var(--font-head);font-size:1rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;}
.otqc-faq__item summary::after{content:'＋';color:var(--accent-strong);flex-shrink:0;}
.otqc-faq__item[open] summary::after{content:'－';}
.otqc-faq__item p{margin:calc(var(--space)*3) 0 0;color:var(--muted);font-size:.95rem;}

/* PAYMENT/DELIVERY */
.otqc-pd__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--space)*4);}
.otqc-pd__cell{padding:calc(var(--space)*5);background:var(--bg);box-shadow:var(--shadow);}
.otqc-pd__mark{font-family:var(--font-head);font-size:2rem;color:var(--border);font-weight:800;display:block;line-height:1;margin-bottom:calc(var(--space)*2);}
.otqc-pd__cell strong{display:block;margin-bottom:calc(var(--space)*2);font-size:1rem;}
.otqc-pd__cell p{font-size:.88rem;color:var(--muted);margin:0;}

/* BENEFITS LEDGER */
.otqc-benefits__ledger{display:flex;flex-direction:column;}
.otqc-benefits__row{display:grid;grid-template-columns:48px 1fr;gap:calc(var(--space)*4);padding:calc(var(--space)*4) 0;border-top:1px solid var(--border);}
.otqc-benefits__row:last-child{border-bottom:1px solid var(--border);}
.otqc-benefits__num{font-family:var(--font-head);font-size:1.4rem;color:var(--border);font-weight:800;line-height:1;padding-top:3px;}
.otqc-benefits__text strong{display:block;font-size:1rem;margin-bottom:calc(var(--space)*1.5);}
.otqc-benefits__text p{color:var(--muted);font-size:.9rem;margin:0;}

/* REVIEWS */
.otqc-quote{margin:0 0 calc(var(--space)*5);padding:calc(var(--space)*4);background:var(--bg);border-left:3px solid var(--accent);box-shadow:var(--shadow);}
.otqc-quote p{margin:0 0 calc(var(--space)*2);font-style:italic;color:var(--text);}
.otqc-quote cite{font-size:.82rem;color:var(--muted);font-style:normal;}

/* HOW TO ORDER */
.otqc-how__track{display:flex;flex-direction:column;gap:0;}
.otqc-how__step{display:grid;grid-template-columns:32px 1fr;gap:calc(var(--space)*4);padding:calc(var(--space)*4) 0;position:relative;}
.otqc-how__step+.otqc-how__step{border-top:1px dashed var(--border);}
.otqc-how__dot{width:14px;height:14px;background:var(--accent);border-radius:50%;margin-top:5px;flex-shrink:0;}
.otqc-how__step strong{display:block;margin-bottom:calc(var(--space)*1.5);}
.otqc-how__step p{color:var(--muted);font-size:.9rem;margin:0;}

/* FINAL CTA */
.otqc-finalcta{background:var(--text);}
.otqc-finalcta h2{color:var(--bg);}
.otqc-finalcta p{color:oklch(0.75 0.02 241);margin:calc(var(--space)*3) 0 0;}
.otqc-finalcta__inner{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space)*6);flex-wrap:wrap;padding-top:calc(var(--space)*10);padding-bottom:calc(var(--space)*10);}

/* TRUST */
.otqc-trust__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--space)*6);}
.otqc-trust__grid h3{font-size:1rem;margin:0 0 calc(var(--space)*2);}
.otqc-trust__grid p{font-size:.88rem;color:var(--muted);margin:0;}
.otqc-trust__grid a{color:var(--accent-strong);}

/* ASSORTMENT CHIPS */
.otqc-assort__chips{display:flex;flex-wrap:wrap;gap:calc(var(--space)*2);margin-bottom:calc(var(--space)*4);}
.otqc-chip{font-size:.85rem;padding:calc(var(--space)*1.5) calc(var(--space)*3);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);}
.otqc-assort__note{font-size:.82rem;color:var(--muted);}

/* FOOTER */
.otqc-footer{background:var(--surface);border-top:1px solid var(--border);padding:calc(var(--space)*6) 0;}
.otqc-footer__inner{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--space)*6);}
.otqc-footer__brand{display:flex;flex-direction:column;gap:calc(var(--space)*1);}
.otqc-footer__brand strong{font-family:var(--font-head);font-size:1rem;}
.otqc-footer__brand span{font-size:.8rem;color:var(--muted);}
.otqc-footer__info{display:flex;flex-direction:column;gap:calc(var(--space)*1);}
.otqc-footer__info a{font-weight:700;color:var(--accent-strong);}
.otqc-footer__info span{font-size:.8rem;color:var(--muted);}
.otqc-footer__legal{font-size:.75rem;color:var(--muted);flex:1;line-height:1.4;}

/* STICKY CALL BAR */
.otqc-callbar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--text);display:flex;align-items:center;justify-content:center;gap:calc(var(--space)*5);padding:calc(var(--space)*3) calc(var(--space)*4);box-shadow:0 -2px 16px rgba(0,0,0,.15);}
.otqc-callbar span{color:var(--bg);font-size:.9rem;}
.otqc-callbar .otqc-btn{background:var(--accent);color:var(--on-accent);}

/* MOBILE */
@media(max-width:680px){
  .otqc-hero__split{grid-template-columns:1fr;padding:calc(var(--space)*6) calc(var(--space)*3);}
  .otqc-hero__console{position:static;order:2;}
  .otqc-split2{grid-template-columns:1fr;}
  .otqc-split2__label h2{border-left:none;border-bottom:2px solid var(--accent);padding-left:0;padding-bottom:calc(var(--space)*2);}
  .otqc-pd__grid{grid-template-columns:1fr;}
  .otqc-trust__grid{grid-template-columns:1fr;}
  .otqc-finalcta__inner{flex-direction:column;align-items:flex-start;}
  .otqc-nav__links{display:none;}
  .otqc-callbar span{display:none;}
  body{padding-bottom:64px;}
}