:root{
  --bg: oklch(0.985 0.01 233);
  --surface: oklch(0.965 0.012 233);
  --text: oklch(0.18 0.02 233);
  --muted: oklch(0.42 0.02 233);
  --border: oklch(0.86 0.01 233);
  --brand: oklch(0.55 0.15 233);
  --accent: oklch(0.62 0.15 53);
  --accent-strong: oklch(0.48 0.15 53);
  --on-accent: #0b0b0c;
  --font-head: 'Oswald', Georgia, serif;
  --font-body: 'Pt Sans', system-ui, sans-serif;
  --fs-base: 17px;
  --type-ratio: 1.618;
  --space: 6px;
  --radius: 8px;
  --shadow: 0 2px 8px rgba(0,0,0,.08);
  --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 */
.un99-nav{background:var(--surface);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:100;}
.un99-nav-inner{display:flex;align-items:center;gap:calc(var(--space)*4);padding-top:calc(var(--space)*2);padding-bottom:calc(var(--space)*2);}
.un99-logo{font-family:var(--font-head);font-size:1.2rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:.03em;white-space:nowrap;}
.un99-logo:hover{color:var(--accent-strong);}
.un99-nav-links{display:flex;gap:calc(var(--space)*4);flex:1;flex-wrap:wrap;}
.un99-nav-links a{font-size:.88rem;color:var(--muted);text-decoration:none;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.un99-nav-links a:hover{color:var(--accent-strong);text-decoration:underline;}
.un99-nav-phone{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--accent-strong);text-decoration:underline;white-space:nowrap;}

/* HERO */
.un99-hero{background:var(--surface);padding:calc(var(--space)*9) 0 calc(var(--space)*7);}
.un99-hero-inner{display:grid;grid-template-columns:1fr 220px;gap:calc(var(--space)*8);align-items:start;}
.un99-kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);background:color-mix(in oklch,var(--accent) 12%,transparent);padding:calc(var(--space)*.6) calc(var(--space)*1.5);border-radius:var(--radius);margin-bottom:calc(var(--space)*2);}
.un99-h1{margin:0 0 calc(var(--space)*3);font-size:calc(var(--fs-base)*var(--type-ratio)*var(--type-ratio)*var(--type-ratio));color:var(--text);line-height:1.05;}
.un99-hero-sub{color:var(--muted);max-width:520px;margin-bottom:calc(var(--space)*4);}
.un99-hero-actions{display:flex;flex-wrap:wrap;gap:calc(var(--space)*2);margin-bottom:calc(var(--space)*3);}
.un99-btn-primary{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:4px 4px 0 var(--accent-strong);text-decoration:none;font-weight:700;font-family:var(--font-head);font-size:1rem;letter-spacing:.03em;transition:transform .15s,box-shadow .15s;}
.un99-btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent-strong);}
.un99-btn-ghost{display:inline-block;color:var(--accent-strong);text-decoration:underline;font-weight:700;padding:calc(var(--space)*2) 0;font-size:.95rem;}
.un99-age-badge{font-size:.8rem;color:var(--muted);margin-top:calc(var(--space)*1.5);}
.un99-hero-stat-col{display:flex;flex-direction:column;gap:calc(var(--space)*2);padding-top:calc(var(--space)*2);}
.un99-stat-card{background:var(--bg);border:2px solid var(--border);border-radius:calc(var(--radius)*3);padding:calc(var(--space)*2.5) calc(var(--space)*3);box-shadow:3px 3px 0 var(--border);text-align:center;}
.un99-stat-num{display:block;font-family:var(--font-head);font-size:2rem;font-weight:700;color:var(--brand);line-height:1;}
.un99-stat-label{font-size:.78rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;}

/* SEO TEXT */
.un99-seo-text{padding:calc(var(--space)*8) 0;border-top:1px solid var(--border);}
.un99-seo-grid{display:grid;grid-template-columns:1fr 220px;gap:calc(var(--space)*8);align-items:start;}
.un99-seo-main h2{margin-bottom:calc(var(--space)*3);}
.un99-seo-main p{color:var(--muted);margin-bottom:calc(var(--space)*2);}
.un99-seo-aside{display:flex;flex-direction:column;gap:calc(var(--space)*1.5);padding-top:calc(var(--space)*1);}
.un99-aside-chip{background:var(--surface);border:1.5px solid var(--border);border-radius:calc(var(--radius)*3);padding:calc(var(--space)*1.2) calc(var(--space)*2);font-size:.82rem;font-weight:700;color:var(--text);box-shadow:2px 2px 0 var(--border);}

/* ASSORTMENT TEASER */
.un99-assortment{background:var(--text);padding:calc(var(--space)*7) 0;margin:0;}
.un99-assortment-header{display:flex;align-items:baseline;gap:calc(var(--space)*4);margin-bottom:calc(var(--space)*4);}
.un99-assortment-header h2{color:var(--bg);margin:0;}
.un99-assortment-sub{font-size:.85rem;color:color-mix(in oklch,var(--bg) 60%,transparent);font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;}
.un99-assortment-chips{display:flex;flex-wrap:wrap;gap:calc(var(--space)*1.5);margin-bottom:calc(var(--space)*4);}
.un99-chip-item{background:color-mix(in oklch,var(--bg) 90%,transparent);color:var(--bg);border:1.5px solid color-mix(in oklch,var(--bg) 40%,transparent);padding:calc(var(--space)) calc(var(--space)*2.5);border-radius:calc(var(--radius)*4);font-size:.85rem;font-weight:700;}
.un99-assortment-desc{color:color-mix(in oklch,var(--bg) 65%,transparent);max-width:600px;font-size:.92rem;}

/* FINAL CTA */
.un99-final-cta{background:var(--accent);padding:calc(var(--space)*7) 0;margin:0;}
.un99-cta-grid{display:grid;grid-template-columns:1fr auto;gap:calc(var(--space)*8);align-items:center;}
.un99-cta-copy h2{color:var(--on-accent);margin-bottom:calc(var(--space)*2);}
.un99-cta-copy p{color:color-mix(in oklch,var(--on-accent) 72%,transparent);}
.un99-cta-action{display:flex;flex-direction:column;align-items:center;gap:calc(var(--space)*1.5);}
.un99-btn-cta{display:inline-block;background:var(--on-accent);color:var(--accent);padding:calc(var(--space)*2.5) calc(var(--space)*4);border-radius:var(--radius);box-shadow:4px 4px 0 var(--accent-strong);text-decoration:none;font-weight:700;font-family:var(--font-head);font-size:1.1rem;white-space:nowrap;transition:transform .15s,box-shadow .15s;}
.un99-btn-cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent-strong);}
.un99-cta-note{font-size:.78rem;color:color-mix(in oklch,var(--on-accent) 60%,transparent);text-align:center;}

/* HOW */
.un99-how{padding:calc(var(--space)*8) 0;border-top:1px solid var(--border);}
.un99-section-title{margin-bottom:calc(var(--space)*6);}
.un99-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--space)*4);margin-bottom:calc(var(--space)*4);}
.un99-step{display:flex;flex-direction:column;gap:calc(var(--space)*2);background:var(--surface);border:1.5px solid var(--border);border-radius:calc(var(--radius)*3);padding:calc(var(--space)*3.5);box-shadow:3px 3px 0 var(--border);}
.un99-step-n{font-family:var(--font-head);font-size:2.2rem;font-weight:700;color:var(--accent);line-height:1;}
.un99-step-body strong{display:block;font-family:var(--font-head);font-size:1.05rem;margin-bottom:calc(var(--space)*1);}
.un99-step-body p{font-size:.88rem;color:var(--muted);margin:0;}
.un99-how-note{color:var(--muted);font-size:.9rem;max-width:520px;}

/* TRUST */
.un99-trust{padding:calc(var(--space)*7) 0;background:var(--surface);}
.un99-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--space)*4);}
.un99-trust-item{display:flex;gap:calc(var(--space)*2);align-items:flex-start;}
.un99-trust-icon{font-size:1.6rem;line-height:1;flex-shrink:0;margin-top:2px;}
.un99-trust-item strong{display:block;font-family:var(--font-head);font-size:.95rem;margin-bottom:calc(var(--space)*1);}
.un99-trust-item p{font-size:.82rem;color:var(--muted);margin:0;}

/* PAIN */
.un99-pain{padding:calc(var(--space)*8) 0;border-top:2px solid var(--border);}
.un99-pain-inner{max-width:680px;}
.un99-pain-label{font-family:var(--font-head);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:calc(var(--space)*3);}
.un99-pain-grid{display:flex;flex-direction:column;gap:calc(var(--space)*2);margin-bottom:calc(var(--space)*4);}
.un99-pain-point{font-size:1.05rem;font-weight:700;color:var(--text);padding-left:calc(var(--space)*2.5);border-left:3px solid var(--accent);line-height:1.3;}
.un99-pain-resolve{color:var(--muted);margin-bottom:calc(var(--space)*4);font-size:.95rem;}

/* FAQ */
.un99-faq{padding:calc(var(--space)*8) 0;border-top:1px solid var(--border);}
.un99-faq-list{display:flex;flex-direction:column;gap:calc(var(--space)*1.5);}
.un99-faq-item{background:var(--surface);border:1.5px solid var(--border);border-radius:calc(var(--radius)*2);overflow:hidden;}
.un99-faq-q{padding:calc(var(--space)*3) calc(var(--space)*3.5);font-family:var(--font-head);font-size:1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text);}
.un99-faq-q::-webkit-details-marker{display:none;}
.un99-faq-q::after{content:'＋';font-size:1.1rem;color:var(--accent-strong);flex-shrink:0;}
details[open] .un99-faq-q::after{content:'－';}
.un99-faq-a{padding:0 calc(var(--space)*3.5) calc(var(--space)*3);color:var(--muted);font-size:.9rem;border-top:1px solid var(--border);}

/* BENEFITS */
.un99-benefits{padding:calc(var(--space)*8) 0;background:var(--surface);border-top:1px solid var(--border);}
.un99-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--space)*4);}
.un99-benefit-card{background:var(--bg);border:1.5px solid var(--border);border-radius:calc(var(--radius)*3);padding:calc(var(--space)*4);box-shadow:3px 3px 0 var(--border);}
.un99-benefit-card h3{font-size:1rem;margin-bottom:calc(var(--space)*1.5);}
.un99-benefit-card p{font-size:.88rem;color:var(--muted);margin:0;}

/* ABOUT */
.un99-about{padding:calc(var(--space)*8) 0;border-top:1px solid var(--border);}
.un99-about-wrap h2{margin-bottom:calc(var(--space)*3);}
.un99-about-wrap p{color:var(--muted);margin-bottom:calc(var(--space)*2);max-width:640px;}

/* FOOTER */
.un99-footer{background:var(--text);padding:calc(var(--space)*8) 0 calc(var(--space)*4);}
.un99-footer-inner{display:grid;grid-template-columns:1fr 160px 200px;gap:calc(var(--space)*8);margin-bottom:calc(var(--space)*6);}
.un99-footer-logo{font-family:var(--font-head);font-size:1.15rem;font-weight:700;color:var(--bg);display:block;margin-bottom:calc(var(--space)*2);}
.un99-footer-desc{font-size:.85rem;color:color-mix(in oklch,var(--bg) 60%,transparent);margin-bottom:calc(var(--space)*2);}
.un99-footer-18{font-size:.78rem;color:color-mix(in oklch,var(--bg) 50%,transparent);}
.un99-footer-nav{display:flex;flex-direction:column;gap:calc(var(--space)*1.5);}
.un99-footer-nav strong{font-family:var(--font-head);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklch,var(--bg) 50%,transparent);margin-bottom:calc(var(--space)*1);}
.un99-footer-nav a{font-size:.88rem;color:color-mix(in oklch,var(--bg) 80%,transparent);text-decoration:none;}
.un99-footer-nav a:hover{color:var(--accent);text-decoration:underline;}
.un99-footer-contacts{display:flex;flex-direction:column;gap:calc(var(--space)*1.5);}
.un99-footer-contacts strong{font-family:var(--font-head);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklch,var(--bg) 50%,transparent);margin-bottom:calc(var(--space)*1);}
.un99-footer-phone{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--accent);text-decoration:underline;}
.un99-footer-contacts span{font-size:.82rem;color:color-mix(in oklch,var(--bg) 60%,transparent);}
.un99-footer-bottom{display:flex;justify-content:space-between;padding-top:calc(var(--space)*3);border-top:1px solid color-mix(in oklch,var(--bg) 20%,transparent);font-size:.78rem;color:color-mix(in oklch,var(--bg) 45%,transparent);}

/* STICKY MOBILE */
.un99-sticky-mob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;padding:calc(var(--space)*1.5);background:var(--surface);border-top:2px solid var(--border);}
.un99-sticky-btn{display:block;text-align:center;background:var(--accent);color:var(--on-accent);padding:calc(var(--space)*2.2) calc(var(--space)*3);border-radius:var(--radius);font-weight:700;font-family:var(--font-head);text-decoration:none;box-shadow:3px 3px 0 var(--accent-strong);}

/* RESPONSIVE */
@media(max-width:720px){
  .un99-hero-inner{grid-template-columns:1fr;}
  .un99-hero-stat-col{flex-direction:row;flex-wrap:wrap;}
  .un99-stat-card{flex:1;min-width:90px;}
  .un99-seo-grid{grid-template-columns:1fr;}
  .un99-seo-aside{flex-direction:row;flex-wrap:wrap;}
  .un99-assortment-header{flex-direction:column;gap:calc(var(--space)*1);}
  .un99-cta-grid{grid-template-columns:1fr;}
  .un99-how-steps{grid-template-columns:1fr;}
  .un99-trust-row{grid-template-columns:1fr 1fr;}
  .un99-benefits-grid{grid-template-columns:1fr;}
  .un99-footer-inner{grid-template-columns:1fr;}
  .un99-footer-bottom{flex-direction:column;gap:calc(var(--space)*1);}
  .un99-sticky-mob{display:block;}
  body{padding-bottom:72px;}
  .un99-nav-links{display:none;}
}