:root{
  --ink:#073e36;
  --deep:#0c4f45;
  --gold:#c88b2a;
  --gold-dark:#a96c17;
  --cream:#fbf7ef;
  --paper:#fffefb;
  --line:#e8dfcf;
  --muted:#66736f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
a{color:inherit}
img{display:block;max-width:100%}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.page-shell{width:min(1180px,100%);margin:0 auto;background:linear-gradient(180deg,#fff 0,#fff 44%,#fbf6ed 100%);overflow:hidden}
.hero{position:relative;height:610px;overflow:hidden;background:linear-gradient(90deg,#fff 0 29%,#f8f0e4 29% 100%)}
.hero-photo{position:absolute;z-index:0;right:-6px;top:92px;width:73%;height:518px;object-fit:cover;object-position:center center}
.hero-light{position:absolute;z-index:1;inset:0;background:
 linear-gradient(90deg,#fff 0%,#fff 28%,rgba(255,255,255,.94) 33%,rgba(255,255,255,.56) 40%,rgba(255,255,255,.08) 53%,rgba(255,255,255,0) 65%),
 linear-gradient(180deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.78) 10%,rgba(255,255,255,0) 23%)}
.site-head{position:absolute;z-index:5;left:0;right:0;top:0;height:118px;display:grid;grid-template-columns:255px 1fr auto;align-items:center;padding:0 28px}
.brand{position:relative;width:190px;height:142px;align-self:start;margin-top:0;display:flex;align-items:flex-start;justify-content:center}
.brand-halo{position:absolute;inset:-18px -34px -8px -30px;background:radial-gradient(ellipse at 45% 33%,rgba(255,255,255,1) 0 42%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.4) 72%,rgba(255,255,255,0) 83%);filter:blur(3px)}
.brand img{position:relative;z-index:2;width:172px;height:137px;object-fit:contain}
.site-head nav{display:flex;align-items:center;justify-content:center;gap:28px;padding-top:2px}
.site-head nav a{text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap;color:#173f3a}
.site-head nav a:hover{color:var(--gold-dark)}
.head-actions{display:flex;align-items:center;gap:15px;font-size:12px;color:#173f3a}
.lang{white-space:nowrap}
.signin{background:var(--deep);color:#fff;text-decoration:none;padding:12px 20px;border-radius:10px;font-weight:800;box-shadow:0 8px 22px rgba(12,79,69,.15)}
#menuToggle{display:none;border:0;background:#fff;border-radius:9px;padding:9px;font-size:22px;color:var(--ink)}
.hero-copy{position:absolute;z-index:4;left:60px;top:152px;width:355px}
.overline{font-size:11px;letter-spacing:.21em;font-weight:800;margin:0 0 18px;color:#183f39}
.overline:after{content:"";display:block;width:38px;height:2px;background:var(--gold);margin-top:13px}
.overline.compact{margin-bottom:12px}
.hero h1{font:700 60px/.91 Georgia,"Times New Roman",serif;letter-spacing:-.04em;margin:0;color:#073e36}
.hero h1 em{font-style:normal;color:#b97720}
.lead{font-size:18px;line-height:1.28;color:#364c49;margin:17px 0 0;max-width:340px}
.actions{display:flex;gap:13px;margin-top:22px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;font-weight:760;border-radius:999px;padding:12px 20px;font-size:13px}
.primary{background:var(--deep);color:white}
.secondary{border:1.5px solid var(--gold);background:rgba(255,255,255,.93)}
main{padding:0 20px}
.cards{position:relative;z-index:6;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-6px}
.audience-card{position:relative;min-height:320px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:13px;padding:18px 18px 14px;overflow:hidden;box-shadow:0 8px 24px rgba(72,48,20,.05)}
.card-visual{position:absolute;right:0;top:0;width:40%;height:145px;background-size:cover;background-position:center}
.card-owner-visual{background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.05)),url("/app/axg-hero.webp");background-position:18% 45%}
.card-clinic-visual{background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.06)),url("/app/axg-hero.webp");background-position:43% 45%;filter:saturate(.85) brightness(1.03)}
.card-product-visual{background:#f6efe4 url("/app/stop-alopecia-x-set.png") center/cover no-repeat}
.card-kicker{display:flex;align-items:center;gap:10px;min-height:42px;position:relative;z-index:2}
.circle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:white;flex:0 0 auto}
.circle.gold{background:linear-gradient(145deg,#d8ad67,#b77b25)}
.circle.green{background:linear-gradient(145deg,#39776c,#0b5549)}
.circle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.card-kicker small{font-size:10px;line-height:1.25;letter-spacing:.15em;font-weight:850;max-width:145px}
.audience-card h2{position:relative;z-index:2;font:700 24px/1.02 Georgia,"Times New Roman",serif;margin:14px 0 7px;max-width:69%}
.audience-card p{position:relative;z-index:2;margin:0;max-width:67%;font-size:11.5px;line-height:1.38;color:#697570}
.audience-card ul{list-style:none;padding:14px 0 0;margin:0;display:grid;gap:7px;max-width:86%}
.audience-card li{font-size:10.5px;line-height:1.25;padding-left:20px;position:relative}
.audience-card li:before{content:"";position:absolute;left:1px;top:3px;width:8px;height:8px;border:1.5px solid var(--gold);border-radius:50%}
.round-link{position:absolute;right:16px;bottom:15px;width:43px;height:43px;border-radius:50%;background:linear-gradient(145deg,#d5a752,#b87920);color:white;text-decoration:none;display:grid;place-items:center;font-size:22px}
.feature-strip{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden;background:rgba(255,255,255,.9);margin:10px 0}
.feature-strip a{text-decoration:none;text-align:center;padding:9px 7px 8px;display:grid;gap:2px;border-right:1px solid #e6d8c5;min-height:86px}
.feature-strip a:last-child{border-right:0}
.feature-icon{height:32px;display:grid;place-items:center}
.feature-icon svg{width:29px;height:29px;fill:none;stroke:#0b4d44;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.feature-strip strong{font-size:11px}
.feature-strip small{font-size:9px;color:#76817d}
.journey{display:grid;grid-template-columns:235px 1fr;gap:17px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:12px}
.section-label{font:700 22px/1.04 Georgia,"Times New Roman",serif;margin:0;color:#133f39;letter-spacing:.02em}
.gold-rule{display:block;width:31px;height:2px;background:var(--gold);margin:11px 0}
.journey-copy>p:not(.section-label){font-size:11px;line-height:1.38;color:#53645f;margin:0 0 12px}
.gold-btn{background:linear-gradient(135deg,#d6a24d,#b9781e);color:white;padding-inline:18px}
.timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:6px}
.timeline article{background:#fff;border:1px solid #eee4d5;border-radius:7px;overflow:hidden}
.timeline-photo{height:128px;background-image:url("/app/axg-hero.webp");background-size:230% auto;background-repeat:no-repeat}
.t0{background-position:7% 39%;filter:saturate(.78)}
.t15{background-position:25% 43%;filter:saturate(.86)}
.t30{background-position:36% 44%;filter:saturate(.96)}
.t60{background-position:18% 35%;filter:saturate(1.08)}
.timeline article>div:last-child{padding:7px 9px 9px}
.timeline b{display:block;font-size:11px}
.timeline small{display:block;font-size:9px;color:#6d7975;margin-top:2px}
.timeline-arrow{font:700 30px/1 Georgia,serif;color:var(--gold)}
.community{display:grid;grid-template-columns:365px 1fr auto;align-items:center;gap:32px;min-height:230px;border-radius:13px;overflow:hidden;background:linear-gradient(90deg,#f9f3e9,#fff);margin-bottom:10px}
.globe-art{position:relative;min-height:230px;display:flex;align-items:flex-end;padding:22px 30px;overflow:hidden}
.globe-lines{position:absolute;width:360px;height:360px;left:-72px;top:-62px;border-radius:50%;border:1px solid rgba(211,149,48,.45);background:
 radial-gradient(circle,rgba(216,204,182,.23) 0 42%,transparent 43%),
 repeating-radial-gradient(circle at 50% 50%,transparent 0 42px,rgba(211,149,48,.14) 43px 44px)}
.globe-lines:before,.globe-lines:after{content:"";position:absolute;inset:45px;border:1px solid rgba(211,149,48,.35);border-radius:50%;transform:rotate(28deg)}
.globe-lines:after{transform:rotate(-28deg)}
.globe-art strong{position:relative;z-index:2;font-size:10px;letter-spacing:.22em;line-height:1.5}
.community-copy{padding:20px 0}
.community-copy h2{font:700 34px/.96 Georgia,"Times New Roman",serif;margin:0 0 8px}
.community-copy>p:not(.overline){font-size:11px;line-height:1.45;color:#5d6d68;max-width:505px}
.stats{display:flex;margin-top:14px}
.stats div{padding-right:22px;margin-right:22px;border-right:1px solid #d9b77c}
.stats div:last-child{border:0}
.stats b{display:block;font:700 25px Georgia,serif}
.stats span{font-size:9px;color:#687772}
.join{margin-right:18px;border:1.5px solid var(--gold);border-radius:999px;padding:12px 18px;background:white;text-decoration:none;font-weight:750;font-size:11px;white-space:nowrap}
.trust{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d7a85d;border-radius:10px;overflow:hidden;background:#fffaf2;margin-bottom:12px}
.trust a{text-decoration:none;display:flex;align-items:center;gap:11px;padding:12px;border-right:1px solid #ead9bd}
.trust a:last-child{border-right:0}
.trust svg{width:28px;height:28px;fill:none;stroke:#b87318;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.trust span{display:grid}
.trust strong{font-size:10px}
.trust small{font-size:8px;color:#6f7b77;margin-top:2px}
footer{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:22px;padding:10px 28px 14px;background:#faf4e9;border-top:1px solid #eee2d0;color:#455b55}
.foot-brand img{width:150px;height:88px;object-fit:contain}
.socials{display:flex;gap:9px;margin-top:4px}.socials span{width:20px;height:20px;border-radius:50%;background:#1e5d54;color:white;display:grid;place-items:center;font-size:9px}
footer h3{font-size:10px;margin:8px 0 6px;color:#193f39}
footer>div:not(.foot-brand){display:flex;flex-direction:column;gap:4px}
footer a,footer span{font-size:8.5px;text-decoration:none;color:#526861}
.disclaimer{grid-column:1/-1;margin:5px 0 0;padding-top:7px;border-top:1px solid #e7dccb;text-align:center;font-size:7.5px;color:#677771}
.cookie{position:fixed;z-index:100;left:50%;bottom:16px;transform:translateX(-50%);width:min(980px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 14px 50px rgba(27,50,43,.18);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cookie[hidden]{display:none}
.cookie strong{font-size:11px}
.cookie p{margin:3px 0 0;font-size:8px;color:var(--muted)}
.cookie-actions{display:flex;gap:7px}
.cookie button,dialog button{border:1px solid var(--gold);background:white;border-radius:999px;padding:8px 12px;font-weight:750;color:var(--ink);font-size:10px}
.cookie .allow{background:var(--deep);color:white;border-color:var(--deep)}
dialog{border:1px solid var(--line);border-radius:16px;padding:22px;width:min(500px,calc(100vw - 30px))}
dialog::backdrop{background:rgba(15,40,34,.35)}
dialog form{display:grid;gap:15px}
dialog label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}
@media(max-width:1020px){
  .site-head{grid-template-columns:210px 1fr auto;padding-inline:20px}
  .brand{width:165px}.brand img{width:150px}
  .site-head nav{gap:15px}.site-head nav a{font-size:11px}
  .hero-copy{left:42px;width:330px}.hero h1{font-size:54px}
  .hero-photo{width:74%}
  .community{grid-template-columns:290px 1fr}.join{display:none}
}
@media(max-width:780px){
  .page-shell{width:100%}
  .hero{height:auto;min-height:780px;background:#fff}
  .site-head{height:98px;grid-template-columns:1fr auto;padding:0 16px}
  .brand{width:135px;height:110px}.brand img{width:126px;height:104px}
  .site-head nav{display:none;position:absolute;top:92px;left:14px;right:14px;background:white;border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start}
  .site-head nav.open{display:flex}.head-actions{display:none}#menuToggle{display:block;position:absolute;right:16px;top:29px}
  .hero-copy{position:relative;left:auto;top:auto;width:auto;padding:130px 25px 24px}
  .hero h1{font-size:49px}.lead{font-size:16px;max-width:350px}
  .hero-photo{top:485px;right:0;width:100%;height:295px;object-fit:cover;object-position:center}
  .hero-light{background:linear-gradient(180deg,#fff 0 54%,rgba(255,255,255,.18) 68%,rgba(255,255,255,0) 100%)}
  main{padding:0 10px}
  .cards{grid-template-columns:1fr;margin-top:8px}
  .audience-card{min-height:330px}.card-visual{width:42%}
  .feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip a:nth-child(2n){border-right:0}
  .journey{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr;gap:8px}.timeline-arrow{display:none}
  .community{grid-template-columns:1fr;gap:0}.globe-art{min-height:170px}.community-copy{padding:18px 22px}
  .trust{grid-template-columns:1fr 1fr}.trust a:nth-child(2){border-right:0}
  footer{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}
  .cookie{align-items:stretch;flex-direction:column}.cookie-actions{display:grid;grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:500px){
  .hero{min-height:760px}.hero-copy{padding-inline:20px}.hero h1{font-size:43px}.actions .btn{width:100%}
  .hero-photo{top:500px;height:260px}
  .audience-card h2{max-width:76%}.audience-card p{max-width:72%}
  .feature-strip{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr 1fr}.timeline-photo{height:105px}
  .community-copy h2{font-size:30px}.stats div{padding-right:10px;margin-right:10px}.stats b{font-size:20px}
  .trust{grid-template-columns:1fr}.trust a{border-right:0;border-bottom:1px solid #ead9bd}
  footer{grid-template-columns:1fr;padding-inline:18px}.foot-brand{grid-column:1}.disclaimer{grid-column:1}
  .cookie-actions{grid-template-columns:1fr}
}
/* AXG VISUAL AUDIT FIX — 2026-10-20 */
.hero-photo{right:0;width:71%;object-position:center 45%}
.card-visual{display:none}
.audience-card h2,.audience-card p{max-width:100%}
.timeline-photo{background-size:cover;background-repeat:no-repeat;background-position:center}
.t0{background-image:url("/app/axg-case-before.jpg");background-position:center 58%;filter:saturate(.82)}
.t15{background-image:url("/app/axg-case-before.jpg");background-position:58% 53%;filter:saturate(.9) brightness(1.02)}
.t30{background-image:url("/app/axg-case-after-side.jpg");background-position:center 46%;filter:saturate(.98)}
.t60{background-image:url("/app/axg-case-after-front.jpg");background-position:center 42%;filter:saturate(1.04)}
.public-header{width:min(1180px,calc(100% - 32px));min-height:92px;margin:0 auto;display:grid;grid-template-columns:150px 1fr auto;gap:22px;align-items:center;padding:8px 18px;border-bottom:1px solid var(--line);background:#fff}
.public-header .brand{width:auto;height:auto;margin:0;align-self:center;justify-content:flex-start}
.public-header .brand img{width:118px;height:74px;object-fit:contain}
.public-header .main-nav{display:flex;justify-content:center;gap:26px;align-items:center}
.public-header .main-nav a{text-decoration:none;font-size:13px;font-weight:700;color:#173f3a;white-space:nowrap}
.public-header .main-nav a:hover{color:var(--gold-dark)}
.public-header .header-actions{display:flex;justify-content:flex-end}
.btn.dark{background:var(--deep);color:#fff}.btn.compact{padding:10px 17px;font-size:12px}
.legal-page{width:min(980px,calc(100% - 32px));margin:0 auto;padding:54px 0 64px}
.legal-page>.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:850;color:var(--gold-dark);margin:0 0 12px}
.legal-page>h1{font:700 46px/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.03em;margin:0 0 14px;color:var(--ink)}
.legal-page>.lead{max-width:760px;font-size:17px;line-height:1.6;color:#52645f;margin:0 0 30px}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.about-card,.legal-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px;box-shadow:0 10px 28px rgba(31,63,53,.05)}
.about-card h2,.legal-section h2{font:700 25px/1.12 Georgia,"Times New Roman",serif;margin:0 0 10px;color:var(--ink)}
.about-card p,.legal-section p,.legal-section li{font-size:14px;line-height:1.7;color:#425953}
.legal-section{margin:14px 0}.legal-section h3{font-size:16px;margin:18px 0 7px;color:#17483f}.legal-section ul{padding-left:22px}
.legal-section .notice{padding:14px 16px;border-left:3px solid var(--gold);background:#fff9ed;border-radius:8px}
.legal-page a{color:#0b6557;text-decoration-thickness:1px;text-underline-offset:2px}

.site-footer{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 2fr;gap:24px;padding:30px 36px 22px;background:#faf4e9;border-top:1px solid #eee2d0;color:#455b55}
.site-footer .footer-brand img{width:150px;height:96px;object-fit:contain}
.site-footer .footer-col{display:flex;flex-direction:column;gap:7px}
.site-footer h3{font-size:13px;margin:0 0 5px;color:#193f39}
.site-footer a,.site-footer span{font-size:12px;text-decoration:none;color:#526861}
.site-footer .medical-disclaimer{display:block;font-size:12px;line-height:1.55;color:#5f6f69;padding:3px 0}
.site-footer .footer-bottom{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid #e7dccb}
@media(max-width:780px){
  .hero-photo{width:100%;right:0;object-position:center}
  .public-header{width:100%;min-height:auto;grid-template-columns:1fr auto;row-gap:8px;padding:9px 14px 12px}
  .public-header .brand{grid-column:1}.public-header .brand img{width:88px;height:58px}
  .public-header .header-actions{grid-column:2}.public-header .header-actions .btn{width:auto}
  .public-header .main-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:16px;overflow-x:auto;padding:4px 0 2px;white-space:nowrap}
  .public-header .main-nav a{font-size:12px}
  .legal-page{width:100%;padding:30px 16px 42px}
  .legal-page>h1{font-size:36px}.legal-page>.lead{font-size:15px;line-height:1.55}
  .about-grid{grid-template-columns:1fr;gap:12px}.about-card,.legal-section{padding:19px 18px;border-radius:12px}
  .about-card h2,.legal-section h2{font-size:22px}.about-card p,.legal-section p,.legal-section li{font-size:13.5px;line-height:1.65}
  .site-footer{grid-template-columns:1fr;padding:24px 18px;gap:18px}.site-footer .footer-bottom{grid-column:1;flex-direction:column;gap:6px}
}

/* AXG VISUAL AUDIT PASS 2 — 2026-10-20 */
@media(min-width:781px){
  .hero-copy{width:410px}
  .hero-copy .actions{flex-wrap:nowrap}
}
@media(max-width:780px){
  html,body{max-width:100%;overflow-x:hidden}
  #menuToggle{border:1px solid var(--line);box-shadow:0 5px 14px rgba(20,58,49,.12);background:#fff}
  .public-header{overflow:hidden}
  .public-header>*{min-width:0}
  .public-header .main-nav{max-width:100%;min-width:0}
  .public-header .header-actions .btn{white-space:nowrap}
  .legal-page,.about-grid,.about-card,.legal-section{min-width:0;max-width:100%}
  .legal-page h1,.legal-page p,.legal-section p,.legal-section li,.about-card p{overflow-wrap:anywhere}
}
@media(max-width:500px){
  .hero-photo{object-fit:contain;object-position:center;background:#f7efe4}
  .cookie{padding:9px 10px;gap:8px}
  .cookie p{font-size:8px;line-height:1.3}
  .cookie-actions{grid-template-columns:1fr}
  .cookie-actions .allow{grid-column:auto}
  .cookie button{width:100%;padding:8px 10px;font-size:9px}
}