:root{
  --bg: oklch(0.985 0.01 66);
  --surface: oklch(0.965 0.012 66);
  --text: oklch(0.18 0.02 66);
  --muted: oklch(0.42 0.02 66);
  --border: oklch(0.86 0.01 66);
  --brand: oklch(0.55 0.1 66);
  --accent: oklch(0.62 0.13 246);
  --accent-strong: oklch(0.48 0.13 246);
  --on-accent: #0b0b0c;
  --font-head: 'Syne', Georgia, serif;
  --font-body: 'Inter Tight', system-ui, sans-serif;
  --fs-base: 18px;
  --type-ratio: 1.5;
  --space: 6px;
  --radius: 0px;
  --shadow: 6px 6px 0 var(--text);
  --container: 880px;
}
*{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;}

/* NAV */
.xboe-nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:2px solid var(--text);}
.xboe-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space)*3);padding-top:calc(var(--space)*2);padding-bottom:calc(var(--space)*2);}
.xboe-logo{font-family:var(--font-head);font-weight:800;font-size:1.1rem;color:var(--text);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;}
.xboe-nav-links{display:flex;gap:calc(var(--space)*4);}
.xboe-nav-links a{color:var(--text);text-decoration:none;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;}
.xboe-nav-links a:hover{text-decoration:underline;color:var(--accent-strong);}
.xboe-nav-phone{font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--text);text-decoration:underline;white-space:nowrap;}

/* HERO */
.xboe-hero{background:var(--surface);border-bottom:2px solid var(--text);position:relative;overflow:hidden;padding:calc(var(--space)*8) 0 calc(var(--space)*6);}
.xboe-hero-band{position:absolute;bottom:-2px;left:-5%;width:110%;height:64px;background:var(--bg);transform:skewY(-2deg);transform-origin:left;}
.xboe-hero-inner{display:grid;grid-template-columns:1fr 280px;gap:calc(var(--space)*6);align-items:start;}
.xboe-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:calc(var(--space)*2);}
.xboe-hero h1{margin:0 0 calc(var(--space)*3);font-size:calc(var(--fs-base)*var(--type-ratio)*var(--type-ratio));line-height:1.05;}
.xboe-hero-sub{color:var(--muted);max-width:520px;margin-bottom:calc(var(--space)*4);}
.xboe-hero-cta{display:flex;align-items:center;gap:calc(var(--space)*3);}
.xboe-btn-main{font-size:1.05rem;padding:calc(var(--space)*2) calc(var(--space)*4);}
.xboe-age-badge{border:2px solid var(--text);padding:calc(var(--space)*.5) calc(var(--space)*1.5);font-weight:700;font-size:.85rem;}

/* CONSIERGE CARD */
.xboe-hero-card{border:2px solid var(--text);box-shadow:var(--shadow);background:var(--bg);padding:calc(var(--space)*4);display:flex;flex-direction:column;gap:calc(var(--space)*2);}
.xboe-consierge-label{font-size:.72rem;letter-spacing:.15em;font-weight:700;text-transform:uppercase;color:var(--muted);}
.xboe-consierge-time{font-size:.85rem;color:var(--brand);font-weight:600;}
.xboe-consierge-phone{font-family:var(--font-head);font-size:1.1rem;font-weight:800;color:var(--text);text-decoration:underline;word-break:break-all;}
.xboe-consierge-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:calc(var(--space)*1);}
.xboe-consierge-list li{font-size:.85rem;color:var(--muted);padding-left:calc(var(--space)*2);position:relative;}
.xboe-consierge-list li::before{content:"—";position:absolute;left:0;}

/* BENEFITS / BENTO */
.xboe-benefits{padding:calc(var(--space)*10) 0 calc(var(--space)*8);background:var(--bg);}
.xboe-section-title{font-family:var(--font-head);font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--text);padding-bottom:calc(var(--space)*2);margin-bottom:calc(var(--space)*6);}
.xboe-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:calc(var(--space)*3);}
.xboe-bento-cell{border:2px solid var(--text);box-shadow:var(--shadow);background:var(--surface);padding:calc(var(--space)*4);display:flex;flex-direction:column;gap:calc(var(--space)*2);}
.xboe-bento-cell--1{grid-column:1/3;}
.xboe-bento-cell--3{grid-column:2/4;grid-row:2;}
.xboe-bento-ico{font-size:1.8rem;line-height:1;}
.xboe-bento-cell h3{font-family:var(--font-head);font-size:1rem;font-weight:700;text-transform:uppercase;margin:0;}
.xboe-bento-cell p{font-size:.9rem;color:var(--muted);margin:0;}

/* FINAL CTA */
.xboe-final-cta{background:var(--accent);border-top:2px solid var(--text);border-bottom:2px solid var(--text);padding:calc(var(--space)*8) 0;}
.xboe-final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space)*5);}
.xboe-final-cta h2{color:var(--on-accent);margin:0 0 calc(var(--space)*2);}
.xboe-final-cta p{color:var(--on-accent);opacity:.85;max-width:480px;}
.xboe-btn-large{background:var(--text);color:var(--bg);box-shadow:6px 6px 0 var(--on-accent);font-size:1.1rem;padding:calc(var(--space)*2.5) calc(var(--space)*5);white-space:nowrap;}

/* STATS */
.xboe-stats{background:var(--surface);border-bottom:2px solid var(--text);padding:calc(var(--space)*6) 0;}
.xboe-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.xboe-stat{border-right:2px solid var(--border);padding:calc(var(--space)*3) calc(var(--space)*4);display:flex;flex-direction:column;gap:calc(var(--space));}
.xboe-stat:last-child{border-right:none;}
.xboe-stat-num{font-family:var(--font-head);font-size:1.8rem;font-weight:800;line-height:1;}
.xboe-stat-label{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}

/* PAYMENT */
.xboe-payment{padding:calc(var(--space)*10) 0;background:var(--bg);}
.xboe-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--space)*6);}
.xboe-payment-block{border:2px solid var(--text);box-shadow:var(--shadow);padding:calc(var(--space)*5);background:var(--surface);}
.xboe-payment-block h2{font-size:1.2rem;margin-bottom:calc(var(--space)*3);}
.xboe-payment-block p{color:var(--muted);font-size:.92rem;}

/* SEO TEXT */
.xboe-seotext{padding:calc(var(--space)*10) 0;background:var(--surface);border-top:2px solid var(--border);}
.xboe-seotext h2{font-size:1.25rem;margin:calc(var(--space)*6) 0 calc(var(--space)*2);text-transform:uppercase;letter-spacing:.04em;}
.xboe-seotext h2:first-child{margin-top:0;}
.xboe-seotext p{color:var(--muted);max-width:720px;margin-bottom:0;}

/* URGENCY */
.xboe-urgency{background:var(--brand);border-top:2px solid var(--text);border-bottom:2px solid var(--text);padding:calc(var(--space)*6) 0;}
.xboe-urgency-inner{display:flex;align-items:center;gap:calc(var(--space)*5);flex-wrap:wrap;}
.xboe-urgency-badge{font-family:var(--font-head);font-weight:800;font-size:.78rem;letter-spacing:.14em;background:var(--text);color:var(--bg);padding:calc(var(--space)) calc(var(--space)*2);text-transform:uppercase;white-space:nowrap;}
.xboe-urgency p{color:var(--bg);font-size:.9rem;flex:1;min-width:200px;}
.xboe-urgency .ai-btn{background:var(--bg);color:var(--text);box-shadow:4px 4px 0 var(--text);white-space:nowrap;}

/* HOW TO ORDER */
.xboe-how{padding:calc(var(--space)*10) 0;background:var(--bg);}
.xboe-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:calc(var(--space)*4);}
.xboe-step{display:grid;grid-template-columns:72px 1fr;gap:calc(var(--space)*4);border:2px solid var(--text);box-shadow:var(--shadow);background:var(--surface);padding:calc(var(--space)*4);}
.xboe-step-num{font-family:var(--font-head);font-size:2.4rem;font-weight:800;line-height:1;color:var(--border);}
.xboe-step strong{display:block;font-family:var(--font-head);font-size:1rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:calc(var(--space)*1);}
.xboe-step p{color:var(--muted);font-size:.9rem;margin:0;}
.xboe-step a{color:var(--accent-strong);font-weight:700;}

/* ASSORTMENT */
.xboe-assortment{padding:calc(var(--space)*10) 0;background:var(--surface);border-top:2px solid var(--border);}
.xboe-assortment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--space)*3);margin-bottom:calc(var(--space)*4);}
.xboe-assortment-item{border:2px solid var(--text);box-shadow:4px 4px 0 var(--text);background:var(--bg);padding:calc(var(--space)*3) calc(var(--space)*4);font-family:var(--font-head);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;}
.xboe-assortment-item small{display:block;font-family:var(--font-body);font-weight:400;font-size:.8rem;text-transform:none;letter-spacing:0;color:var(--muted);margin-top:calc(var(--space));}
.xboe-assortment-note{font-size:.88rem;color:var(--muted);}

/* ABOUT */
.xboe-about{padding:calc(var(--space)*10) 0;background:var(--bg);border-top:2px solid var(--border);}
.xboe-about-inner{display:grid;grid-template-columns:1fr 260px;gap:calc(var(--space)*6);align-items:start;}
.xboe-about-text h2{margin-bottom:calc(var(--space)*3);}
.xboe-about-text p{color:var(--muted);font-size:.92rem;margin-bottom:calc(var(--space)*2);}
.xboe-about-card{border:2px solid var(--text);box-shadow:var(--shadow);background:var(--surface);padding:calc(var(--space)*4);display:flex;flex-direction:column;gap:calc(var(--space)*2);text-align:center;}
.xboe-about-card-label{font-size:.72rem;letter-spacing:.15em;font-weight:700;text-transform:uppercase;color:var(--muted);}
.xboe-about-phone{font-family:var(--font-head);font-size:1.2rem;font-weight:800;color:var(--text);text-decoration:underline;word-break:break-all;}
.xboe-about-card p{font-size:.88rem;color:var(--muted);margin:0;}

/* FAQ */
.xboe-faq{padding:calc(var(--space)*10) 0;background:var(--surface);border-top:2px solid var(--border);}
.xboe-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--space)*4);}
.xboe-faq-item{border:2px solid var(--text);box-shadow:4px 4px 0 var(--text);background:var(--bg);padding:calc(var(--space)*4);}
.xboe-faq-q{font-family:var(--font-head);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin:0 0 calc(var(--space)*2);}
.xboe-faq-a{color:var(--muted);font-size:.9rem;margin:0;}

/* REVIEWS */
.xboe-reviews{padding:calc(var(--space)*10) 0;background:var(--bg);border-top:2px solid var(--border);}
.xboe-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--space)*3);}
.xboe-review-item{border:2px solid var(--border);background:var(--surface);padding:calc(var(--space)*4);display:flex;flex-direction:column;gap:calc(var(--space)*2);}
.xboe-review-item p{font-size:.9rem;color:var(--text);font-style:italic;margin:0;flex:1;}
.xboe-reviewer{font-size:.8rem;color:var(--muted);font-weight:600;}

/* FOOTER */
.xboe-footer{background:var(--surface);border-top:2px solid var(--text);padding:calc(var(--space)*8) 0 calc(var(--space)*6);}
.xboe-footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:calc(var(--space)*6);align-items:start;}
.xboe-footer-brand strong{font-family:var(--font-head);font-size:1.1rem;font-weight:800;text-transform:uppercase;display:block;margin-bottom:calc(var(--space));}
.xboe-footer-brand p{font-size:.85rem;color:var(--muted);margin:0 0 calc(var(--space));}
.xboe-footer-brand a{font-weight:700;color:var(--text);font-size:.95rem;}
.xboe-footer-nav{display:flex;flex-direction:column;gap:calc(var(--space)*2);align-items:center;}
.xboe-footer-nav a{color:var(--muted);text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;}
.xboe-footer-nav a:hover{color:var(--text);}
.xboe-footer-legal{font-size:.8rem;color:var(--muted);text-align:right;}
.xboe-footer-legal p{margin-bottom:calc(var(--space));}
.xboe-footer-copy{font-weight:600;color:var(--text);}

/* RESPONSIVE */
@media(max-width:768px){
  .xboe-hero-inner{grid-template-columns:1fr;}
  .xboe-hero-card{display:none;}
  .xboe-bento{grid-template-columns:1fr;}
  .xboe-bento-cell--1,.xboe-bento-cell--3{grid-column:auto;grid-row:auto;}
  .xboe-final-cta-inner{flex-direction:column;align-items:flex-start;}
  .xboe-stats-grid{grid-template-columns:repeat(2,1fr);}
  .xboe-stat{border-right:none;border-bottom:2px solid var(--border);}
  .xboe-stat:last-child{border-bottom:none;}
  .xboe-payment-grid{grid-template-columns:1fr;}
  .xboe-about-inner{grid-template-columns:1fr;}
  .xboe-faq-list{grid-template-columns:1fr;}
  .xboe-reviews-grid{grid-template-columns:1fr;}
  .xboe-assortment-grid{grid-template-columns:repeat(2,1fr);}
  .xboe-footer-inner{grid-template-columns:1fr;gap:calc(var(--space)*4);}
  .xboe-footer-legal{text-align:left;}
  .xboe-footer-nav{align-items:flex-start;}
  .xboe-urgency-inner{flex-direction:column;align-items:flex-start;}
  .xboe-nav-links{display:none;}
  h1{font-size:calc(var(--fs-base)*var(--type-ratio)*var(--type-ratio));}
}