/* macOS-inspired site-wide visual system, v1. No decorative fake controls. */
:root{
 --bg:#f5f5f7;--ink:#1d1d1f;--ink2:#52545b;--muted:#747780;
 --line:rgba(35,42,55,.10);--glass:rgba(255,255,255,.88);
 --card:#fff;--accent:#007aff;--accent-bg:rgba(0,122,255,.085);
 --shadow:0 12px 40px rgba(18,30,50,.045);
 --grad:radial-gradient(ellipse at 50% -8%,rgba(202,223,248,.34),transparent 52%);
 --surface:#fff;--surface-soft:#f9fafc;--radius:24px;
}
[data-theme=dark]{
 --bg:#101216;--ink:#f5f5f7;--ink2:#c0c3cc;--muted:#9498a3;
 --line:rgba(225,232,244,.105);--glass:rgba(30,33,40,.94);
 --card:#1b1e25;--accent:#74adff;--accent-bg:rgba(116,173,255,.13);
 --shadow:0 12px 40px rgba(0,0,0,.14);
 --grad:radial-gradient(ellipse at 50% -8%,rgba(61,79,116,.18),transparent 55%);
 --surface:#1b1e25;--surface-soft:#22252d;
}
html{scroll-padding-top:100px}
body{font-size:16px;line-height:1.58;letter-spacing:-.012em;background:var(--bg);background-image:var(--grad)}
.container{max-width:1180px}
h1,h2,h3{font-weight:690;letter-spacing:-.052em;text-wrap:balance}
h1{font-size:clamp(42px,5.3vw,76px);line-height:1.055}
h2{font-size:clamp(27px,3.5vw,43px);line-height:1.14}
h3{font-size:clamp(18px,2.2vw,25px)}
p{overflow-wrap:break-word}
.topbar{
 top:12px;height:66px;max-width:1190px;border-radius:20px;
 padding:0 13px 0 15px;background:var(--glass);
 border:1px solid rgba(160,168,185,.19);
 box-shadow:0 6px 26px rgba(0,0,0,.055);
 backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);
}
.brand{gap:10px;min-width:220px}
.brand-mark{height:38px;width:38px;border-radius:12px;font-size:13px;box-shadow:0 3px 10px rgba(0,122,255,.12)}
.brand-text strong{font-size:13px;line-height:1.25;letter-spacing:-.015em}
.brand-text small{font-size:8px;letter-spacing:.15em}
.navlinks{gap:2px}
.navlinks a{font-size:12.5px;font-weight:600;padding:9px 11px;border-radius:10px;transition:background .2s,color .2s}
.navlinks a:hover,.navlinks a.active{background:var(--accent-bg);color:var(--ink)}
.actions{gap:5px}
.iconbtn{width:36px;height:36px;border-radius:11px;background:transparent;border:1px solid transparent;box-shadow:none;color:var(--ink2);transition:background .18s,color .18s,transform .18s}
.iconbtn:hover{background:var(--accent-bg);color:var(--ink);transform:none}
.iconbtn:active,.btn:active{transform:scale(.97)}
.btn,.chip,.video-choice{font-weight:630;letter-spacing:-.015em}
.btn{min-height:44px;padding:10px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 3px rgba(0,0,0,.025);transition:background .2s,transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.06)}
.btn.primary{background:#007aff;color:white;border-color:transparent;box-shadow:0 5px 18px rgba(0,122,255,.17)}
[data-theme=dark] .btn.primary{background:#327fef;color:#fff}
.btn.primary:hover{background:#006be0}
.section{padding:62px 0}
.section-head{margin-bottom:24px}
.section-label,.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:680}
.hero-editorial{padding:100px 0 82px;min-height:0}
.hero-editorial h1{max-width:850px}
.hero-editorial .lead{max-width:680px;font-size:clamp(18px,2vw,23px);line-height:1.5;color:var(--ink2)}
.hero-editorial .stats{border-color:var(--line);gap:30px}
.service-grid{gap:13px}
.service-card{
 border:1px solid var(--line);border-radius:20px;
 background:var(--surface);box-shadow:none;
 transition:border-color .2s,box-shadow .2s,transform .2s;
}
.service-card:hover{transform:translateY(-2px);border-color:rgba(0,122,255,.27);box-shadow:0 12px 30px rgba(0,0,0,.065)}
/* Previous card preview claimed to be 3D despite being decorative. */
.service-card .preview{display:none!important}
.service-card .preview:after{content:none!important}
.service-card .content{padding:22px;min-height:190px}
.service-card h3{font-size:20px;line-height:1.25;margin:0 0 10px}
.service-card .summary{font-size:13px;line-height:1.55;color:var(--muted)}
.service-card .bottom{margin-top:16px;padding-top:14px}
.service-card .price{font-size:25px;font-weight:680}
.service-card .arrow{font-size:18px;color:var(--accent)}
.category-grid,.step-grid{gap:13px}
.category,.step,.band,.info-block,.visual-box,.atlas-selector,.atlas-selected,.detail-visual{
 border-radius:20px;box-shadow:none;border-color:var(--line);background:var(--surface)
}
.category{min-height:160px}
.category:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.055)}
.service-detail{gap:28px}
.detail-copy h1{font-size:clamp(37px,4.7vw,64px);line-height:1.07}
.service-detail .lead{font-size:clamp(16px,1.7vw,20px);line-height:1.5}
.detail-price{border-color:var(--line)}
.price{font-weight:690}
.procedure-media video{border-radius:16px}
.procedure-media-head h2{font-size:23px}
.procedure-media-caption{font-size:12px}
.video-choice{border-radius:10px;font-size:12px}
.clinical-accordion>summary{font-size:15px;padding:19px 4px}
.clinical-accordion>summary span{background:var(--accent-bg)}
.method-item{border-color:var(--line)}
.footer{padding-top:40px;margin-top:65px}
.footer p,.footer nav{font-size:13px}
input,select,textarea{accent-color:var(--accent)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){
 .topbar{height:62px;top:8px;width:calc(100% - 20px);padding:0 11px 0 12px;z-index:500}
 .brand{min-width:0;gap:8px}
 .brand-mark{height:35px;width:35px;border-radius:10px}
 .brand-text strong{font-size:12px}
 .brand-text small{font-size:7px}
 .actions{gap:2px}
 .iconbtn{width:35px;height:35px;border-radius:10px}
 .menu-toggle{display:grid}
 .navlinks{
  display:none;position:fixed!important;top:78px!important;left:10px!important;right:10px!important;
  max-height:min(72dvh,580px);overflow-y:auto;overscroll-behavior:contain;
  z-index:700;flex-direction:column;align-items:stretch;gap:3px;
  padding:12px!important;border:1px solid var(--line)!important;border-radius:20px!important;
  background:var(--surface)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
 .navlinks.open{display:flex}
 .navlinks a{padding:15px 16px!important;font-size:16px;border-radius:12px;font-weight:580}
 .navlinks a.active{background:var(--accent-bg);color:var(--accent)}
 .navlinks a:not(:last-child){border-bottom:1px solid var(--line)}
 body.menu-open{overflow:hidden}
 body.menu-open:before{content:'';position:fixed;inset:0;z-index:480;background:rgba(9,12,19,.52);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .hero-editorial{padding:64px 0 58px}
 .section{padding:48px 0}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .service-card .content{min-height:170px;padding:18px}
 .service-card h3{font-size:18px}
 .service-card .price{font-size:22px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer{margin-top:45px}
}
@media(max-width:560px){
 .container{width:calc(100% - 36px)}
 .topbar{border-radius:17px}
 .brand-text strong{font-size:11px}
 .brand-text small{font-size:6.5px}
 .hero-editorial{padding:55px 0 50px}
 h1,.display{font-size:clamp(36px,10.5vw,53px)}
 .service-detail .detail-copy h1{font-size:clamp(34px,9vw,47px)}
 .service-grid,.category-grid,.step-grid{grid-template-columns:1fr}
 .service-card .content{min-height:0;padding:20px}
 .service-card h3{font-size:20px}
 .service-card .summary{font-size:14px}
 .service-card .price{font-size:24px}
 .section{padding:42px 0}
 .footer-grid{grid-template-columns:1fr}
 .navlinks{top:74px!important}
 .procedure-media-head h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.service-card,.btn,.navlinks a,.iconbtn{transition:none!important}}

/* Remove obscure global motion control: it was not self-explanatory. */
#motion-toggle{display:none!important}
@media(max-width:1100px){.brand-text strong{font-size:12px}}

.library-controls{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 24px}
.library-controls input,.library-controls select{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);min-height:46px;padding:10px 14px;font:inherit}
.library-controls input{flex:1;min-width:200px}.library-controls select{min-width:180px}
.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.library-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.library-card[hidden]{display:none}
.library-card video{width:100%;aspect-ratio:16/9;display:block;background:#0c1018}
.library-card-info{padding:20px}
.library-card-info h2{font-size:21px;margin:8px 0}
.library-card-info p{font-size:13px;color:var(--muted);margin:0}
.library-empty{padding:20px}
@media(max-width:680px){.library-grid{grid-template-columns:1fr}.library-controls select{width:100%}}
/* Remove nonfunctional decorative clinical visual placeholders. */
.visual-box.detail-visual:has(.real-media-tile){display:none!important}
.service-detail:has(.visual-box.detail-visual .real-media-tile){grid-template-columns:1fr!important}
.service-detail>div:has(>.visual-box.detail-visual .real-media-tile){display:none!important}
.two-col:has(.visual-box.detail-visual .real-media-tile){grid-template-columns:1fr!important}
.two-col>div:has(.visual-box.detail-visual .real-media-tile){display:none!important}
.page-hero{padding-top:68px;padding-bottom:50px}
.page-hero h1{font-size:clamp(38px,5.2vw,70px);max-width:940px}
.page-hero .lead{font-size:clamp(16px,1.7vw,21px);max-width:800px}
@media(max-width:560px){.page-hero{padding-top:46px;padding-bottom:30px}.page-hero h1{font-size:clamp(37px,9.2vw,52px)}.page-hero .lead{font-size:17px}}

/* Information architecture v2: native filter and compact editorial lists */
.catalog-filter-label{display:block;font-size:12px;font-weight:650;color:var(--muted);margin:10px 0 7px}
.catalog-section-select{width:min(100%,400px);min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--ink);background:var(--surface);font:inherit}
.catalog-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap}
.catalog-controls .search{flex:1;min-width:230px}
.catalog-controls .chips,.catalog-controls .filters{display:none}
#catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#catalog-grid .service-card .content{min-height:170px}
#catalog-grid .service-card h3{font-size:19px}
#catalog-grid .service-card .summary{font-size:13px}
#catalog-grid .service-card .price{font-size:23px}
@media(max-width:700px){#catalog-grid{grid-template-columns:1fr}.catalog-controls{display:block}.catalog-controls .search{width:100%}.catalog-section-select{width:100%}}