:root{
  --paper:#FAF7F2; --card:#FFFFFF; --tint:#F1EAE0; --line:#E2D9CD; --line-2:#CDBFAE;
  --ink:#23201D; --ink-2:#4B4640; --mute:#867D73;
  --bronze:#A97C50; --bronze-2:#B4875C; --bronze-soft:#E8D9C6; --bronze-wash:#F6EFE5;
  --ok:#5E7F6B; --ok-wash:#EDF2EE;
  --serif:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
  --en:"Cormorant Garamond","Times New Roman",serif;
  --sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --num:"Jost","Helvetica Neue",Arial,sans-serif;
  --maxw:1120px; --r:4px; --hh:72px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#1C1917; --card:#252119; --tint:#2A241D; --line:#3A322A; --line-2:#4E4335;
  --ink:#F1EBE3; --ink-2:#D3CBC0; --mute:#9A9086; --bronze:#C99A6C; --bronze-2:#C99A6C; --bronze-soft:#5A4632; --bronze-wash:#2E271F;
  --ok:#8DB39A; --ok-wash:#243128;}}
:root[data-theme="dark"]{
  --paper:#1C1917; --card:#252119; --tint:#2A241D; --line:#3A322A; --line-2:#4E4335;
  --ink:#F1EBE3; --ink-2:#D3CBC0; --mute:#9A9086; --bronze:#C99A6C; --bronze-2:#C99A6C; --bronze-soft:#5A4632; --bronze-wash:#2E271F;
  --ok:#8DB39A; --ok-wash:#243128;}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.85;letter-spacing:.02em;font-feature-settings:"palt"}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{font-weight:500;text-wrap:balance}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:20px}
.eyebrow{font-family:var(--en);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--bronze);font-weight:600}
.h2{font-family:var(--serif);font-size:clamp(24px,3vw,34px);letter-spacing:.1em;line-height:1.5;margin-top:8px}
.lead{color:var(--ink-2);margin-top:12px;max-width:46em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:999px;font-size:14px;letter-spacing:.08em;background:var(--bronze);color:#fff;border:1px solid var(--bronze);transition:.2s;white-space:nowrap}
.btn:hover{filter:brightness(.92)}
.btn.ghost{background:transparent;color:var(--bronze)}
.btn.ghost:hover{background:var(--bronze-wash)}
.btn.line{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn.lg{padding:16px 40px;font-size:15px}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}

/* mock banner */
.mockbar{background:var(--ink);color:var(--paper);font-size:12.5px;letter-spacing:.06em;padding:8px 20px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;align-items:center}
.mockbar b{font-weight:500;color:var(--bronze-2)}
.views{display:inline-flex;border:1px solid rgba(255,255,255,.25);border-radius:999px;overflow:hidden}
.views button{padding:4px 14px;color:var(--paper);font-size:12px;letter-spacing:.08em}
.views button[aria-pressed="true"]{background:var(--bronze);color:#fff}

/* header */
.hdr{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--hh);gap:12px;position:relative;overflow:visible}
.hdr{overflow-x:clip}
.logo{display:flex;align-items:center;gap:12px}
.logo svg{height:36px;width:auto;flex:none}
.logo>span{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.logo .word{font-family:var(--en);font-size:25px;letter-spacing:.32em;margin-right:-.32em;font-weight:500;line-height:1}
.logo .sub{display:block;font-family:var(--num);font-size:9px;letter-spacing:.1em;color:var(--mute);margin-top:5px;white-space:nowrap}
.nav{display:flex;align-items:center;gap:2px}
.nav>li{position:static}
.nav>li>a,.nav>li>button{display:block;padding:12px 11px;font-size:13.5px;letter-spacing:.06em;color:var(--ink-2);position:relative;white-space:nowrap}
.nav>li>a::after,.nav>li>button::after{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:1px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:.25s}
.nav>li:hover>a::after,.nav>li:hover>button::after,.nav>li>[aria-current]::after{transform:scaleX(1)}
.nav>li>button{display:flex;align-items:center;gap:6px}
.nav>li>button i{width:6px;height:6px;border-right:1px solid var(--bronze);border-bottom:1px solid var(--bronze);transform:rotate(45deg) translateY(-2px)}
.hdr .btn{padding:11px 22px;font-size:13.5px}
.hdr .tel{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;margin-right:6px}
.hdr .tel b{font-family:var(--num);font-size:17px;font-weight:500;letter-spacing:.04em;white-space:nowrap}
.hdr .tel small{font-size:10.5px;color:var(--mute);letter-spacing:.06em}
/* mega menu */
.mega{position:absolute;left:0;right:0;top:100%;transform:translateY(6px);background:var(--card);border:1px solid var(--line);box-shadow:0 24px 60px rgba(35,32,29,.12);padding:28px 32px 30px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px;opacity:0;visibility:hidden;transition:.2s;border-radius:var(--r)}
.nav>li:hover .mega,.nav>li:focus-within .mega,.mega.pin{opacity:1;visibility:visible;transform:translateY(0)}
.mega h4{font-family:var(--en);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--bronze);font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.mega h4 span{font-family:var(--sans);font-size:13px;letter-spacing:.06em;color:var(--ink);text-transform:none}
.mega li a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 4px;border-bottom:1px solid var(--line);font-size:13.5px;transition:.15s}
.mega li a:hover{color:var(--bronze);padding-left:8px}
.mega li a em{font-style:normal;flex:none;font-family:var(--num);font-size:12.5px;color:var(--mute);white-space:nowrap}
.mega .col-c a{border:0;padding:7px 4px}
.mega .foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;font-size:12.5px;color:var(--mute)}
.mega .foot a{color:var(--bronze);letter-spacing:.06em}
.burger{display:none;width:44px;height:44px;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:1.5px;background:var(--ink)}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:29px}

/* view switch */


/* hero */
.hero{background:linear-gradient(120deg,var(--paper) 0%,var(--tint) 100%);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-block:64px 56px}
.hero h1{font-family:var(--serif);font-size:clamp(28px,3.6vw,44px);line-height:1.55;letter-spacing:.08em}
.hero h1 em{font-style:normal;color:var(--bronze);border-bottom:1px solid var(--bronze-soft)}
.hero .lead{font-size:15px;margin-top:20px}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.photo{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:
  radial-gradient(120% 90% at 20% 15%,#fff8 0,transparent 55%),
  linear-gradient(160deg,#EFE4D5,#D9C4A8 70%,#C9AE8E);}
.photo::after{content:"";position:absolute;right:-8%;bottom:-16%;width:70%;aspect-ratio:120/70;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 70' fill='none' stroke='%23A97C50' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M4 66 36 6 68 66 54 66'/><path d='M116 66 84 6 52 66 66 66'/><path d='M4 66 34 66'/><path d='M116 66 86 66'/></svg>") no-repeat center/contain;opacity:.22}
.photo .cap{position:absolute;left:18px;bottom:14px;font-family:var(--en);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#7A5A3B;font-weight:600}
.photo.dark{background:linear-gradient(160deg,#5B4B3D,#2E2620)}
.photo.dark .cap{color:#D9C4A8}
/* trust strip */
.trust{background:var(--card);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:0}
.trust li{padding:18px 16px;border-left:1px solid var(--line);display:flex;gap:12px;align-items:center;min-width:0}
.trust li:first-child{border-left:0;padding-left:0}
.trust svg{width:26px;height:26px;flex:none;color:var(--bronze)}
.trust b{display:block;font-weight:500;font-size:13.5px;letter-spacing:.02em;white-space:nowrap}
.trust small{display:block;font-size:11.5px;color:var(--mute);line-height:1.5;white-space:nowrap}

/* section */
.sec{padding-block:88px}
.sec.tint{background:var(--tint)}
.sec.card{background:var(--card)}
.head{margin-bottom:40px}
.head.c{text-align:center}
.head .lead{margin-inline:auto}

/* finder */
.finder{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.tabs button{padding:20px 12px;font-size:15px;letter-spacing:.08em;position:relative;color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:2px}
.tabs button small{font-family:var(--en);font-size:11px;letter-spacing:.3em;text-transform:uppercase}
.tabs button[aria-selected="true"]{color:var(--ink)}
.tabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--bronze)}
.panel{display:none;padding:32px}
.panel.on{display:block}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pgrid a{display:block;border:1px solid var(--line);padding:16px 18px;border-radius:var(--r);transition:.2s;background:var(--paper)}
.pgrid a:hover{border-color:var(--bronze);background:var(--bronze-wash);transform:translateY(-2px)}
.pgrid b{display:block;font-weight:500;font-size:15px;letter-spacing:.04em}
.pgrid span{display:block;font-size:12.5px;color:var(--mute);margin-top:2px}
.pgrid em{font-style:normal;font-family:var(--num);font-size:13px;color:var(--bronze);display:block;margin-top:8px;letter-spacing:.02em}
.zone{margin-bottom:22px}
.zone h4{font-size:13px;letter-spacing:.14em;color:var(--mute);font-weight:500;margin-bottom:10px;display:flex;align-items:center;gap:12px}
.zone h4::after{content:"";flex:1;height:1px;background:var(--line)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:baseline;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;background:var(--paper);transition:.15s}
.chips a:hover{border-color:var(--bronze);color:var(--bronze)}
.chips a em{font-style:normal;font-family:var(--num);font-size:12px;color:var(--mute)}
.tlist{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
.tlist a{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);align-items:baseline}
.tlist a:hover b{color:var(--bronze)}
.tlist b{font-weight:500;font-size:14.5px}
.tlist small{display:block;font-size:12px;color:var(--mute)}
.tlist em{font-style:normal;font-family:var(--num);font-size:13px;color:var(--ink-2)}
.tlist .soon{opacity:.55}

/* plans */
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px 22px;display:flex;flex-direction:column;position:relative}
.plan.hot{border-color:var(--bronze);box-shadow:0 16px 40px rgba(169,124,80,.12)}
.plan .rib{position:absolute;top:-1px;left:22px;background:var(--bronze);color:#fff;font-size:11px;letter-spacing:.2em;padding:3px 10px 2px;border-radius:0 0 3px 3px}
.plan .en{font-family:var(--en);font-size:12px;letter-spacing:.3em;color:var(--bronze);font-weight:600}
.plan h3{font-family:var(--serif);font-size:21px;letter-spacing:.06em;margin-top:4px}
.plan .inc{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 16px}
.plan .inc span{font-size:11.5px;padding:2px 9px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2)}
.plan .inc span.no{color:var(--mute);text-decoration:line-through;border-style:dashed}
.rt{display:flex;gap:4px;margin-bottom:12px}
.rt button{flex:1;padding:6px;font-size:12.5px;border:1px solid var(--line);border-radius:3px;color:var(--mute);letter-spacing:.06em}
.rt button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.price{font-family:var(--num);font-variant-numeric:tabular-nums;line-height:1}
.price .y{font-size:30px;font-weight:500;letter-spacing:.01em}
.price .y small{font-size:13px;font-weight:400;color:var(--mute);margin-left:4px;letter-spacing:.04em;font-family:var(--sans)}
.price .m{display:block;font-size:12.5px;color:var(--mute);margin-top:8px;font-family:var(--sans)}
.price .m b{font-family:var(--num);font-weight:500;color:var(--ink-2)}
.plan .btn{margin-top:auto;padding-top:11px;padding-bottom:11px;font-size:13px}
.plan .spacer{height:18px}
.zero{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:28px}
.zero li{background:var(--ok-wash);border-radius:var(--r);padding:12px 8px;text-align:center;font-size:12.5px;color:var(--ok);letter-spacing:.04em;line-height:1.5}
.zero li b{display:block;font-family:var(--num);font-size:18px;font-weight:500}
.foot-note{font-size:12.5px;color:var(--mute);margin-top:16px;line-height:1.7}

/* price page */
.pnav{position:sticky;top:var(--hh);z-index:10;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.pnav .wrap{display:flex;gap:6px;overflow-x:auto;padding-block:12px;scrollbar-width:none}
.pnav a{flex:none;padding:8px 16px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:var(--card);letter-spacing:.04em}
.pnav a.on,.pnav a:hover{border-color:var(--bronze);color:var(--bronze)}
.pgroup{padding-block:56px;border-bottom:1px solid var(--line)}
.pgroup:last-child{border-bottom:0}
.pgroup .top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.pgroup h2{font-family:var(--serif);font-size:26px;letter-spacing:.08em}
.pgroup .top p{color:var(--mute);font-size:13.5px;max-width:52em}
.ptable{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
table{width:100%;border-collapse:collapse}
.ptable th,.ptable td{padding:14px 18px;border-bottom:1px solid var(--line);font-size:14.5px;text-align:right;font-variant-numeric:tabular-nums;font-family:var(--num);white-space:nowrap}
.ptable th{font-family:var(--sans);font-weight:500;text-align:left;white-space:normal}
.ptable thead th{background:var(--tint);font-size:12.5px;letter-spacing:.08em;color:var(--ink-2);text-align:right}
.ptable thead th:first-child{text-align:left}
.ptable tbody tr:last-child th,.ptable tbody tr:last-child td{border-bottom:0}
.ptable tbody tr:hover{background:var(--bronze-wash)}
.ptable td.hi{font-weight:500;font-size:16px;color:var(--ink)}
.ptable th small{display:block;font-size:12px;color:var(--mute);font-weight:400;margin-top:2px}
.ptable th .info{display:inline-block;width:16px;height:16px;border:1px solid var(--line-2);border-radius:50%;font-size:10px;text-align:center;line-height:14px;color:var(--mute);margin-left:6px;font-family:var(--num);vertical-align:1px}
.ptable .tag{display:inline-block;font-size:10.5px;letter-spacing:.14em;background:var(--bronze);color:#fff;padding:2px 8px;border-radius:3px;margin-left:8px;vertical-align:2px;font-family:var(--sans)}
.acc{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.acc details+details{border-top:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:15px;font-weight:500;letter-spacing:.04em}
.acc summary::-webkit-details-marker{display:none}
.acc summary em{font-style:normal;font-family:var(--num);font-size:13px;color:var(--mute);font-weight:400;display:flex;align-items:center;gap:16px}
.acc summary em::after{content:"";width:8px;height:8px;border-right:1px solid var(--bronze);border-bottom:1px solid var(--bronze);transform:rotate(45deg);transition:.25s}
.acc details[open] summary em::after{transform:rotate(225deg)}
.acc details[open] summary{background:var(--tint)}
.acc .ptable{border:0;border-radius:0;border-top:1px solid var(--line)}
.notes{font-size:12.5px;color:var(--mute);margin-top:12px;line-height:1.7}
.notes li{padding-left:1.2em;text-indent:-1.2em}
.risk{margin-top:24px;border:1px solid var(--line);border-left:3px solid var(--bronze);padding:18px 22px;background:var(--card);border-radius:0 var(--r) var(--r) 0;font-size:13.5px;color:var(--ink-2)}
.risk b{display:block;font-weight:500;color:var(--ink);margin-bottom:4px;letter-spacing:.06em}

/* reasons / doctor / flow */
.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.reason{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px 28px}
.reason .en{font-family:var(--en);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--bronze);font-weight:600}
.reason h3{font-family:var(--serif);font-size:20px;letter-spacing:.06em;margin:8px 0 10px}
.reason p{font-size:14px;color:var(--ink-2)}
.doc{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center}
.doc .photo{aspect-ratio:3/4}
.doc h2{font-family:var(--serif);font-size:28px;letter-spacing:.1em;margin-top:8px}
.doc p{color:var(--ink-2);margin-top:14px}
.doc .name{margin-top:20px;font-size:14px}
.doc .name b{font-family:var(--serif);font-size:20px;letter-spacing:.14em;font-weight:500;display:block}
.doc .name small{color:var(--mute);font-size:12.5px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.flow li{padding:26px 22px;border-left:1px solid var(--line);position:relative}
.flow li:first-child{border-left:0}
.flow .n{font-family:var(--en);font-size:30px;color:var(--bronze);line-height:1;font-weight:500}
.flow h3{font-size:16px;letter-spacing:.06em;margin:10px 0 6px;font-weight:500}
.flow p{font-size:13px;color:var(--ink-2)}
.info{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.hours{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.hours th,.hours td{padding:11px 8px;text-align:center;font-size:13.5px;border-bottom:1px solid var(--line)}
.hours thead th{background:var(--ink);color:var(--paper);font-weight:500;letter-spacing:.08em}
.hours th:first-child{text-align:left;padding-left:18px;font-family:var(--num);font-weight:400}
.hours .o{color:var(--bronze)}.hours .x{color:var(--line-2)}
.hours p{padding:12px 18px;font-size:12.5px;color:var(--mute);margin:0}
.kv{display:grid;grid-template-columns:110px 1fr;font-size:14px}
.kv dt{color:var(--mute);padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.06em}
.kv dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.cta{background:var(--ink);color:var(--paper);text-align:center;position:relative;overflow:hidden}
.cta .wrap{padding-block:72px}
.cta h2{font-family:var(--serif);font-size:clamp(22px,2.8vw,32px);letter-spacing:.12em;margin-top:10px}
.cta p{color:#B9B0A5;max-width:38em;margin:14px auto 28px;font-size:14px}
.cta .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta .btn.line{color:var(--paper);border-color:#5b524a}
.cta small{display:block;margin-top:18px;font-size:12px;color:#8F867C}
.ftr{background:var(--paper);border-top:1px solid var(--line);padding-block:48px 24px;font-size:13px;color:var(--ink-2)}
.ftr .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.ftr h4{font-family:var(--en);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--bronze);font-weight:600;margin-bottom:10px}
.ftr li{padding:3px 0}
.ftr .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mute)}
.mcta{display:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:1400px){.hdr .tel{display:none}.nav>li>a,.nav>li>button{padding:12px 9px;font-size:13px}}
@media (max-width:1000px){
  .nav,.hdr .tel{display:none}.burger{display:block}
  .hero .wrap{grid-template-columns:1fr;padding-block:44px}
  .trust .wrap{grid-template-columns:1fr 1fr}.trust li{border:0;padding:14px 0}
  .pgrid,.plans{grid-template-columns:1fr 1fr}
  .tlist{grid-template-columns:1fr}.reasons{grid-template-columns:1fr}
  .doc{grid-template-columns:1fr}.doc .photo{max-width:320px}
  .flow{grid-template-columns:1fr 1fr}.flow li:nth-child(3){border-left:0}.flow li:nth-child(n+3){border-top:1px solid var(--line)}
  .info{grid-template-columns:1fr}.zero{grid-template-columns:repeat(3,1fr)}
  .ftr .wrap{grid-template-columns:1fr 1fr}
  .sec{padding-block:60px}
  .mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;gap:8px;padding:10px 12px;background:color-mix(in srgb,var(--paper) 95%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(8px)}
  .mcta .btn{flex:1;padding:12px 6px;font-size:13px}
  body{padding-bottom:66px}
}
@media (max-width:560px){
  .pgrid,.plans,.trust .wrap,.ftr .wrap{grid-template-columns:1fr}
  .tabs button{font-size:13px;padding:14px 6px}
  .panel{padding:20px 16px}
  .ptable th,.ptable td{padding:12px 12px;font-size:13.5px}
  .hdr .btn{display:none}
}

/* pay-per-visit cards */
.plan .once{font-size:11.5px;letter-spacing:.14em;color:var(--bronze);border:1px solid var(--bronze-soft);border-radius:999px;padding:2px 10px;display:inline-block;margin-bottom:10px}
.plan .meta{font-size:12.5px;color:var(--mute);margin-top:10px;line-height:1.6}
/* online / drugs */
.ostep{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ostep li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px}
.ostep .n{font-family:var(--en);font-size:26px;color:var(--bronze);line-height:1;font-weight:500}
.ostep h3{font-size:15.5px;margin:8px 0 4px;font-weight:500;letter-spacing:.04em}
.ostep p{font-size:13px;color:var(--ink-2)}
.ofee{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.ofee li{background:var(--tint);border-radius:var(--r);padding:12px 10px;text-align:center;font-size:12.5px;color:var(--ink-2);line-height:1.5}
.ofee li b{display:block;font-family:var(--num);font-size:18px;font-weight:500;color:var(--ink)}
.dtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:26px}
.dtabs button{padding:9px 18px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;letter-spacing:.04em;background:var(--card);color:var(--ink-2)}
.dtabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.dgroup{display:none}.dgroup.on{display:block}
.dgroup .top{margin-bottom:18px}
.dgroup .top h2{font-family:var(--serif);font-size:24px;letter-spacing:.08em}
.dgroup .top p{color:var(--mute);font-size:13.5px;margin-top:6px;max-width:60em}
.drugs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.drug{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px}
.drug .bd{display:flex;gap:6px;flex-wrap:wrap}
.drug .bd span{font-size:10.5px;letter-spacing:.12em;padding:2px 9px;border-radius:3px;border:1px solid var(--line);color:var(--mute)}
.drug .bd span.ok{border-color:var(--ok);color:var(--ok)}
.drug .bd span.off{border-color:var(--bronze);color:var(--bronze)}
.drug h3{font-size:17px;font-weight:500;letter-spacing:.03em;line-height:1.45}
.drug h3 small{display:block;font-size:12px;color:var(--mute);font-weight:400;margin-top:2px}
.drug .ind{font-size:13px;color:var(--ink-2);line-height:1.7}
.drug .ind b{font-weight:500;color:var(--ink)}
.drug dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:12.5px;margin:0;color:var(--ink-2)}
.drug dt{color:var(--mute);letter-spacing:.04em}
.drug dd{margin:0}
.drug .pr{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.drug .pr .y{font-family:var(--num);font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}
.drug .pr .y small{font-size:12px;color:var(--mute);font-family:var(--sans);font-weight:400;margin-left:3px}
.drug .pr .u{font-size:12px;color:var(--mute);text-align:right;line-height:1.4}
.drug .se{font-size:12px;color:var(--mute);line-height:1.6}
.legal{margin-top:28px;border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:22px 26px;font-size:13px;color:var(--ink-2);line-height:1.8}
.legal h4{font-size:14px;font-weight:500;letter-spacing:.08em;color:var(--ink);margin-bottom:8px}
.legal p+p{margin-top:6px}
.legal b{font-weight:500;color:var(--ink)}
@media (max-width:1000px){.ostep,.drugs{grid-template-columns:1fr 1fr}.ofee{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ostep,.drugs{grid-template-columns:1fr}}

/* gender switch */
.gsw{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;padding:3px;background:var(--card);gap:2px}
.gsw button{padding:8px 22px;border-radius:999px;font-size:13.5px;letter-spacing:.08em;color:var(--mute)}
.gsw button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.gsw.lg button{padding:10px 30px;font-size:14.5px}
.gate{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 40px}
.gate button{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:.2s}
.gate button:hover{border-color:var(--bronze)}
.gate button[aria-pressed="true"]{border-color:var(--bronze);box-shadow:0 12px 30px rgba(169,124,80,.12);background:var(--bronze-wash)}
.gate .en{font-family:var(--en);font-size:12px;letter-spacing:.3em;color:var(--bronze);font-weight:600}
.gate h3{font-family:var(--serif);font-size:22px;letter-spacing:.08em;margin-top:2px}
.gate p{font-size:12.5px;color:var(--mute);margin-top:4px}
.gate .from{font-family:var(--num);font-size:15px;color:var(--ink-2);white-space:nowrap}
.gate .from b{font-size:22px;font-weight:500;color:var(--ink)}
.gset{display:none}.gset.on{display:block}
.menu5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.menu5 a{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;transition:.2s;position:relative}
.menu5 a:hover{border-color:var(--bronze);transform:translateY(-2px)}
.menu5 .en{font-family:var(--en);font-size:11px;letter-spacing:.28em;color:var(--bronze);font-weight:600;text-transform:uppercase}
.menu5 h3{font-family:var(--serif);font-size:19px;letter-spacing:.06em;margin:6px 0 8px}
.menu5 p{font-size:12.5px;color:var(--ink-2);line-height:1.65}
.menu5 em{font-style:normal;display:block;margin-top:12px;font-family:var(--num);font-size:13px;color:var(--bronze)}
.menu5 .soon{opacity:.6}
.menu5 .soon em{color:var(--mute)}
.opt2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.opt2 div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 26px}
.opt2 h3{font-family:var(--serif);font-size:20px;letter-spacing:.06em;margin-bottom:8px}
.opt2 p{font-size:13.5px;color:var(--ink-2)}
.opt2 ul{margin-top:10px;font-size:13px;color:var(--ink-2)}
.opt2 li{padding:4px 0;border-top:1px dashed var(--line);display:flex;justify-content:space-between;gap:10px}
.opt2 li span:last-child{font-family:var(--num);color:var(--ink)}
@media (max-width:1000px){.menu5{grid-template-columns:1fr 1fr}.gate,.opt2{grid-template-columns:1fr}}
@media (max-width:560px){.menu5{grid-template-columns:1fr}}

.btn.line-ln{background:transparent;color:var(--ok);border-color:var(--ok)}
.btn.line-ln:hover{background:var(--ok-wash)}
.btn svg{width:16px;height:16px}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.25s;position:relative}
.mcard:hover{border-color:var(--bronze);transform:translateY(-3px);box-shadow:0 18px 40px rgba(35,32,29,.08)}
.mcard .ph{aspect-ratio:16/9;background:linear-gradient(150deg,#EFE4D5,#D9C4A8);position:relative}
.mcard .ph::after{content:"";position:absolute;right:-6%;bottom:-24%;width:52%;aspect-ratio:120/70;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 70' fill='none' stroke='%23A97C50' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M4 66 36 6 68 66 54 66'/><path d='M116 66 84 6 52 66 66 66'/><path d='M4 66 34 66'/><path d='M116 66 86 66'/></svg>") no-repeat center/contain;opacity:.2}
.mcard .bd{padding:22px 24px 24px}
.mcard .en{font-family:var(--en);font-size:11.5px;letter-spacing:.3em;color:var(--bronze);font-weight:600;text-transform:uppercase}
.mcard h3{font-family:var(--serif);font-size:22px;letter-spacing:.08em;margin:6px 0 8px}
.mcard p{font-size:13.5px;color:var(--ink-2);line-height:1.7}
.mcard .go{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;letter-spacing:.08em;color:var(--bronze)}
.mcard .go::after{content:"→";transition:.2s}
.mcard:hover .go::after{transform:translateX(4px)}
.mcard.soon .ph{background:linear-gradient(150deg,#EFEBE5,#E0DAD1)}
.mcard.soon h3,.mcard.soon p{color:var(--mute)}
.mcard .st{position:absolute;top:14px;left:14px;font-size:10.5px;letter-spacing:.2em;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.85);color:var(--mute)}
.reasons.two{grid-template-columns:1fr 1fr}
.resv{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.resv a{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 28px;transition:.2s}
.resv a:hover{border-color:var(--bronze)}
.resv .ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--bronze-wash);color:var(--bronze)}
.resv .ic.ln{background:var(--ok-wash);color:var(--ok)}
.resv .ic svg{width:24px;height:24px}
.resv h3{font-size:18px;letter-spacing:.06em;font-weight:500}
.resv p{font-size:13px;color:var(--mute);margin-top:2px}
.subnav{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.subnav a{padding:7px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:12.5px;background:var(--card);letter-spacing:.04em}
.subnav a:hover{border-color:var(--bronze);color:var(--bronze)}
.flow.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.menu-grid{grid-template-columns:1fr 1fr}.reasons.two,.resv{grid-template-columns:1fr}.flow.three{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.menu-grid{grid-template-columns:1fr}}

/* mobile nav */
@media (max-width:1000px){
  body.nav-open .hdr{backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;background:var(--paper)}
  body.nav-open .nav{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--paper);flex-direction:column;align-items:stretch;padding:8px 20px 100px;overflow:auto;z-index:29;gap:0}
  .nav>li{width:100%}
  .nav>li>a,.nav>li>button{padding:16px 4px;font-size:16px;border-bottom:1px solid var(--line);width:100%;text-align:left;justify-content:space-between}
  .nav>li>a::after,.nav>li>button::after{display:none}
  .nav .mega{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;border-bottom:1px solid var(--line);padding:6px 0 18px;grid-template-columns:1fr!important;gap:18px;display:none;background:transparent;border-radius:0}
  .nav .mega.pin{display:grid}
  .nav .mega .foot{display:none}
  body.nav-open .burger span:nth-child(1){top:22px;transform:rotate(45deg)}
  body.nav-open .burger span:nth-child(2){opacity:0}
  body.nav-open .burger span:nth-child(3){top:22px;transform:rotate(-45deg)}
  .burger span{transition:.25s}
}
.views{max-width:100%;overflow-x:auto;scrollbar-width:none}
.views button{white-space:nowrap}
.mockbar{justify-content:flex-start}
@media (max-width:560px){
  .ptable th,.ptable td{padding:11px 8px;font-size:13px}
  .ptable thead th{font-size:11.5px;white-space:normal}
  .ptable td{font-size:13.5px}
  .ptable td.hi{font-size:15px}
}

.prow{display:flex;align-items:center;gap:14px}
.fig{width:52px;height:auto;flex:none}
.fig .body{fill:var(--bronze-soft)}
.fig .hl{fill:var(--bronze);opacity:.9}
.fig .hl .bk{fill:none;stroke:var(--bronze);stroke-width:2.5;stroke-dasharray:4 3}
.ptable th .prow small{margin-top:2px}
.kn-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}
.kn-nav a{padding:7px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:12.5px;background:var(--card)}
.kn-nav a:hover{border-color:var(--bronze);color:var(--bronze)}
.kn{margin-bottom:40px}
.kn h3{font-family:var(--serif);font-size:21px;letter-spacing:.08em;margin-bottom:12px;display:flex;align-items:baseline;gap:12px}
.kn h3 .en{font-family:var(--en);font-size:12px;letter-spacing:.3em;color:var(--bronze);font-weight:600;text-transform:uppercase}
.kn p{font-size:14.5px;color:var(--ink-2);max-width:62em}
.cycle{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.cycle div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.cycle b{display:block;font-weight:500;letter-spacing:.06em;margin-bottom:4px}
.cycle b i{font-style:normal;font-family:var(--en);color:var(--bronze);margin-right:8px}
.cycle span{font-size:13px;color:var(--ink-2)}
.cycle div.on{border-color:var(--bronze);background:var(--bronze-wash)}
.cmp{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:16px}
.cmp th,.cmp td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:13.5px;text-align:left;vertical-align:top}
.cmp thead th{background:var(--tint);font-size:12.5px;letter-spacing:.08em}
.cmp th:first-child{width:22%;color:var(--mute);font-weight:500}
.cmp thead th:nth-child(2){color:var(--bronze)}
.cmp tbody tr:last-child td,.cmp tbody tr:last-child th{border-bottom:0}
@media (max-width:1000px){.cycle{grid-template-columns:1fr}}
@media (max-width:560px){.fig{width:38px}.prow{gap:10px}.cmp th,.cmp td{padding:10px 10px;font-size:12.5px}}

.route{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 26px}
.route h3{font-size:16px;letter-spacing:.06em;margin-bottom:10px;padding-left:12px;border-left:3px solid var(--bronze);font-weight:500}
.route li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:8px 0;border-bottom:1px dashed var(--line)}
.route li:last-child{border-bottom:0}
.route li span:last-child{color:var(--bronze);white-space:nowrap;font-family:var(--num)}
.news-full li{display:grid;grid-template-columns:110px 90px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.news-full time{font-family:var(--num);color:var(--bronze);font-size:13px;letter-spacing:.06em;padding-top:2px}
.news-full .cat{font-size:11px;letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;padding:2px 10px;text-align:center;color:var(--mute);background:var(--card)}
.news-full h3{font-size:16px;font-weight:500;margin-bottom:4px}
.news-full p{font-size:14px;color:var(--ink-2)}
.faq-cat{margin-bottom:36px}
.sitemap-list li{padding:6px 0}
.ftr a:hover,.tlist li a:hover{color:var(--bronze)}
@media (max-width:700px){.news-full li{grid-template-columns:90px 1fr}.news-full div{grid-column:1/-1}}

/* news */
.nfilter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}
.nfilter button{padding:7px 16px;border:1px solid var(--line-2);border-radius:999px;font-size:12.5px;background:var(--card);color:var(--ink-2);letter-spacing:.04em}
.nfilter button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.news-full li[hidden]{display:none}
.news-full .cat.c-day{color:var(--bronze);border-color:var(--bronze-soft);background:var(--bronze-wash)}
.news-full .body{font-size:14px;color:var(--ink-2);margin-top:6px}
.news-full details summary{list-style:none;cursor:pointer;font-size:12.5px;color:var(--bronze);margin-top:8px;letter-spacing:.06em}
.news-full details summary::-webkit-details-marker{display:none}
.news-full details[open] summary{display:none}
.news-full details .body{margin-top:8px}
.nside{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.nbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.nbox h4{font-family:var(--en);font-size:12px;letter-spacing:.3em;color:var(--bronze);font-weight:600;margin-bottom:10px}
.nbox p{font-size:13.5px;color:var(--ink-2)}
.nbox+.nbox{margin-top:16px}
.nbox .btn{margin-top:12px;padding:10px 18px;font-size:13px}
/* column */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ccard{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.25s}
.ccard:hover{border-color:var(--bronze);transform:translateY(-3px);box-shadow:0 18px 40px rgba(35,32,29,.08)}
.ccard .ph{aspect-ratio:16/10;background:linear-gradient(150deg,#EFE4D5,#D9C4A8);position:relative}
.ccard .ph.b{background:linear-gradient(150deg,#F1EAE0,#CDBFAE)}
.ccard .ph.c{background:linear-gradient(150deg,#E8DED2,#B4875C)}
.ccard .ph span{position:absolute;left:14px;bottom:12px;font-size:10.5px;letter-spacing:.2em;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--bronze)}
.ccard .bd{padding:18px 20px 20px}
.ccard time{font-family:var(--num);font-size:12px;color:var(--mute);letter-spacing:.06em}
.ccard h3{font-size:16.5px;font-weight:500;line-height:1.55;margin:6px 0 8px;letter-spacing:.02em}
.ccard p{font-size:13px;color:var(--ink-2);line-height:1.7}
.ccard.f{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}
.ccard.f .ph{aspect-ratio:auto;min-height:260px}
.ccard.f h3{font-family:var(--serif);font-size:24px;letter-spacing:.06em}
.ccard.f .bd{padding:30px 32px;display:flex;flex-direction:column;justify-content:center}
/* article */
.art{max-width:760px;margin:0 auto}
.art .meta{display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--mute);margin-bottom:14px}
.art .meta .cat{font-size:11px;letter-spacing:.14em;padding:2px 10px;border:1px solid var(--bronze-soft);border-radius:999px;color:var(--bronze);background:var(--bronze-wash)}
.art h1{font-family:var(--serif);font-size:clamp(24px,3vw,34px);letter-spacing:.06em;line-height:1.55}
.art .lead{font-size:15.5px;color:var(--ink-2);margin:18px 0 28px;padding:18px 22px;background:var(--tint);border-radius:var(--r)}
.art .ph{aspect-ratio:16/9;border-radius:var(--r);background:linear-gradient(150deg,#EFE4D5,#D9C4A8);margin-bottom:32px}
.art h2{font-family:var(--serif);font-size:22px;letter-spacing:.06em;margin:40px 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line);position:relative}
.art h2::after{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:1px;background:var(--bronze)}
.art p{font-size:15px;color:var(--ink-2);margin-bottom:14px;line-height:2}
.art ul{margin:0 0 14px;padding-left:0}
.art li{position:relative;padding-left:18px;font-size:15px;color:var(--ink-2);margin-bottom:6px}
.art li::before{content:"";position:absolute;left:0;top:.85em;width:6px;height:6px;border-radius:50%;background:var(--bronze)}
.art .box{border:1px solid var(--line);border-left:3px solid var(--bronze);background:var(--card);padding:16px 20px;border-radius:0 var(--r) var(--r) 0;font-size:14px;color:var(--ink-2);margin:20px 0}
.art .box b{display:block;color:var(--ink);font-weight:500;margin-bottom:4px}
.art .rel{margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.art .rel h4{font-family:var(--en);font-size:12px;letter-spacing:.3em;color:var(--bronze);font-weight:600;margin-bottom:10px}
.art .rel a{display:block;padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px}
.art .rel a:hover{color:var(--bronze)}
.art .sup{font-size:12.5px;color:var(--mute);margin-top:24px;line-height:1.7}
@media (max-width:1000px){.cgrid{grid-template-columns:1fr 1fr}.ccard.f{grid-template-columns:1fr}.nside{grid-template-columns:1fr}}
@media (max-width:560px){.cgrid{grid-template-columns:1fr}}

.htabs{position:sticky;top:var(--hh);z-index:10;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.htabs .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.htabs button{flex:none;padding:16px 18px;font-size:14px;letter-spacing:.06em;color:var(--mute);position:relative;white-space:nowrap}
.htabs button[aria-selected="true"]{color:var(--ink)}
.htabs button[aria-selected="true"]::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--bronze)}
.hpanel{display:none}.hpanel.on{display:block}
.hpanel>.wrap>.pgroup:first-child{padding-top:40px}
@media (max-width:560px){.htabs button{padding:14px 12px;font-size:13px}}

.mega.closed{opacity:0!important;visibility:hidden!important;pointer-events:none}

.mob-only{display:none}
@media (max-width:1000px){.mob-only{display:block}}

/* coming soon page */
.soonpg{min-height:60vh;display:grid;place-items:center;text-align:center;padding-block:96px}
.soonpg .mark{width:120px;margin:0 auto 28px;opacity:.9}
.soonpg h1{font-family:var(--serif);font-size:clamp(26px,3.4vw,38px);letter-spacing:.12em;margin-bottom:10px}
.soonpg .en{font-family:var(--en);font-size:13px;letter-spacing:.32em;color:var(--bronze);font-weight:600;margin-bottom:14px}
.soonpg p{color:var(--ink-2);max-width:34em;margin:0 auto}
.soonpg .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}