/* E-HO website · shared stylesheet
   One responsive codebase: desktop (default) · ≤1240 compact header · ≤1080 tablet · ≤760 mobile */
[hidden]{display:none !important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none !important;transition:none !important}}
*{box-sizing:border-box}
body{margin:0;background:#103844}
.site{width:100%;background:#F7F5F0}
.page{--paper:#F7F5F0;--surface:#FFFFFF;--sand:#EEE8DD;--sage:#E9EEF0;--ink:#16313B;--ink2:#4E626B;--ink3:#4E626B;--muted:#75858C;--blue:#23AFE5;--blue700:#08789F;--blue800:#066684;--navy:#103844;--blue50:#EAF8FD;--blue100:#D7F1FB;--border:#E4E8EA;--border-strong:#C9D3D7;--critical:#B55245;--critical1:#F9EDEA;--warn:#9A6816;--line:#C9D3D7;--line2:#E4E8EA;--teal:#08789F;--teal7:#103844;--teal9:#103844;--teal1:#EAF8FD;--teal2:#A8E2F4;--clay:#A3552E;--clay1:#F5E8DE;--green:#2F7D5A;--green1:#E8F4ED;--amber:#7F5311;--amber1:#FBF3DF;--serif:'Noto Serif SC','Noto Serif CJK SC','Songti SC','STSong',serif;--sans:'Noto Sans SC','Noto Sans CJK SC','PingFang SC','Microsoft YaHei',sans-serif;--fs-d:50px;--fs-h2:36px;--fs-h3:21px;--fs-lg:19px;--fs-b:17px;--fs-s:15px;--fs-c:13.5px;--gut:40px;--secpad:104px;font-family:var(--sans);font-size:var(--fs-b);line-height:1.75;color:var(--ink);background:var(--paper);letter-spacing:.01em;-webkit-font-smoothing:antialiased}
.page.lg{--fs-d:56px;--fs-h2:40px;--fs-h3:24px;--fs-lg:21px;--fs-b:19.5px;--fs-s:17.5px;--fs-c:15.5px}
h1,h2,h3,h4,p{margin:0}
a{color:#08789F;text-decoration:none}
a:hover{color:#066684}
button{font-family:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #23AFE5;outline-offset:2px}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico{flex-shrink:0}
/* section scaffolding */
.sec{padding:var(--secpad) 0}
.sec.alt{background:var(--surface)}
.sec.sand{background:var(--sand)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-c);font-weight:500;color:var(--teal);letter-spacing:.14em}
.eyebrow::before{content:"";width:22px;height:2px;background:#23AFE5}
.h2{font-family:var(--serif);font-weight:600;font-size:var(--fs-h2);line-height:1.38;letter-spacing:.02em;margin-top:14px;text-wrap:balance}
.lead{font-size:var(--fs-lg);color:var(--ink2);margin-top:16px;max-width:700px;text-wrap:pretty}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}
.more{font-weight:500;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:var(--fs-s)}
.note{font-size:var(--fs-c);color:var(--ink3);display:flex;gap:8px;align-items:flex-start;line-height:1.65}
.note .ico{margin-top:2px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:12px;font-size:var(--fs-b);font-weight:500;border:1.5px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;white-space:nowrap;line-height:1.2}
.btn-p{background:#08789F;color:#fff}
.btn-p:hover{background:#066684;color:#fff;box-shadow:0 8px 20px rgba(8,120,159,.24)}
.btn-p:active{transform:translateY(1px)}
.btn-s{background:transparent;color:#08789F;border-color:#08789F}
.btn-s:hover{background:#EAF8FD;color:#066684}
.btn-g{background:#fff;color:#16313B;border-color:#C9D3D7}
.btn-g:hover{border-color:#75858C;color:#16313B}
.btn-w{background:#fff;color:#08789F}
.btn-w:hover{background:#EAF8FD;color:#066684}
.btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-o:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}
.btn-sm{min-height:44px;padding:0 18px;font-size:var(--fs-s);border-radius:10px}
.btn-lg{min-height:60px;padding:0 32px;font-size:var(--fs-lg);border-radius:14px}
.btn:disabled{background:#C4CBCB;border-color:#C4CBCB;color:#fff;cursor:not-allowed;box-shadow:none}
.tlink{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:var(--fs-s);min-height:44px}
.tlink .ico{transition:transform .2s}
.tlink:hover .ico{transform:translateX(3px)}
/* tags & chips */
.tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;font-size:var(--fs-c);font-weight:500;line-height:1}
.tag-teal{background:#EAF8FD;color:#066684}
.tag-clay{background:#F5E8DE;color:#8A4524}
.tag-sand{background:#EEE8DD;color:#4E626B}
.tag-line{border:1px solid #C9D3D7;color:#4E626B;background:#fff}
.tag-green{background:#E8F4ED;color:#245C43}
.tag-amber{background:#FBF3DF;color:#7F5311}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;background:#F7F5F0;border:1px solid #C9D3D7;font-size:var(--fs-s);color:#16313B;transition:border-color .2s,color .2s,background .2s}
a.chip:hover{border-color:#08789F;color:#066684;background:#EAF8FD}
.fchip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid #C9D3D7;font-size:var(--fs-s);color:#16313B;cursor:pointer;transition:all .2s}
.fchip:hover{border-color:#08789F;background:#F3FAFD}
.fchip.on{background:#08789F;border-color:#08789F;color:#fff}
/* utility bar */
.util{background:#103844;color:#FFFFFF;font-size:var(--fs-c)}
.util-in{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:16px}
.util-l{display:flex;gap:22px;align-items:center}
.util-dim{color:#BBD0D8}
.util-r{display:flex;gap:6px;align-items:center}
.ubtn{background:transparent;border:0;color:#FFFFFF;font-size:var(--fs-c);display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:8px;cursor:pointer;min-height:34px}
.ubtn:hover{background:rgba(255,255,255,.1);color:#fff}
.ubtn.on{background:#fff;color:#103844}
.ldd{position:relative}
.lmenu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;color:#16313B;border-radius:12px;box-shadow:0 16px 40px rgba(16,56,68,.18);padding:6px;min-width:220px;z-index:80;display:flex;flex-direction:column;gap:2px}
.lopt{display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:0;padding:10px 12px;border-radius:8px;font-size:var(--fs-s);color:#16313B;cursor:pointer;text-align:left}
.lopt.on{background:#EAF8FD;color:#08789F;font-weight:500}
.lopt:disabled{color:#4E626B;cursor:default}
.lopt small{font-size:12px;color:#4E626B}
/* header */
.hdr{position:sticky;top:0;z-index:60;background:#FFFFFF;border-bottom:1px solid #E4E8EA}
.hdr-in{display:flex;align-items:center;gap:24px;height:74px}
.logo{display:flex;align-items:center;gap:12px;color:#16313B;flex-shrink:0}
.logo:hover{color:#16313B}
.logo-mark{width:40px;height:40px;border-radius:12px;background:#08789F;color:#fff;display:grid;place-items:center}
.logo-txt{display:flex;flex-direction:column}
.logo-t{font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.15;letter-spacing:.06em}
.logo-s{font-size:11.5px;color:#4E626B;letter-spacing:.1em;line-height:1.4}
.nav{display:flex;gap:2px;flex:1;justify-content:center}
.nav-btn{background:none;border:0;font-size:var(--fs-s);font-weight:500;color:#16313B;padding:0 13px;height:44px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:background .2s,color .2s}
.nav-btn:hover{background:#EAF8FD;color:#08789F}
.nav-btn.on{background:#EAF8FD;color:#08789F;box-shadow:inset 0 -2px 0 #23AFE5}
.nav-btn .ico{transition:transform .2s;opacity:.7}
.nav-btn.on .ico{transform:rotate(180deg)}
.hdr-cta{display:flex;gap:10px;align-items:center;flex-shrink:0}
.burger{display:none;width:48px;height:48px;border-radius:12px;border:1px solid #C9D3D7;background:#fff;color:#16313B;align-items:center;justify-content:center;cursor:pointer}
.cta-short{display:none}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #E4E8EA;box-shadow:0 30px 60px rgba(16,56,68,.12);animation:drop .2s ease-out}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mega-in{display:grid;gap:40px;padding-top:34px;padding-bottom:34px}
.mega-in.c3{grid-template-columns:repeat(3,minmax(0,1fr)) 300px}
.mega-in.c4{grid-template-columns:repeat(4,minmax(0,1fr)) 280px}
.mcol-t{font-size:var(--fs-c);color:#4E626B;letter-spacing:.1em;font-weight:500;padding-bottom:12px;border-bottom:1px solid #E4E8EA;margin-bottom:8px}
.mlink{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin:0 -10px;border-radius:8px;color:#16313B;font-size:var(--fs-s);line-height:1.5}
.mlink .ico{opacity:0;transition:opacity .15s,transform .15s;transform:translateX(-4px)}
.mlink:hover{background:#EAF8FD;color:#08789F}
.mlink:hover .ico{opacity:1;transform:none}
.mfeat{background:#103844;color:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:12px;align-self:start}
.mfeat-k{font-size:var(--fs-c);color:#23AFE5;letter-spacing:.1em}
.mfeat-t{font-family:var(--serif);font-size:22px;line-height:1.45;font-weight:600}
.mfeat-d{font-size:var(--fs-s);color:#BBD0D8;line-height:1.7}
.mfeat .btn{margin-top:8px;align-self:flex-start}
.mfeat a.mfeat-l{color:#fff;font-size:var(--fs-s);display:inline-flex;gap:6px;align-items:center;min-height:40px}
.mega-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E4E8EA;padding-top:14px;padding-bottom:14px;font-size:var(--fs-c);color:#4E626B}
.mclose{background:none;border:0;color:#4E626B;display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:40px;padding:0 10px;border-radius:8px;font-size:var(--fs-c)}
.mclose:hover{background:#EAF8FD}
.drawer{background:#fff;border-top:1px solid #E4E8EA;max-height:78vh;overflow:auto;padding:8px 0 24px}
.dacc{border-bottom:1px solid #E4E8EA}
.dacc-b{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:0;min-height:58px;font-size:var(--fs-b);font-weight:500;color:#16313B;cursor:pointer;text-align:left}
.dacc-b .ico{transition:transform .2s}
.dacc.on .dacc-b{color:#08789F}
.dacc.on .dacc-b .ico{transform:rotate(180deg)}
.dacc-p{padding:0 0 16px}
.dacc-g{font-size:var(--fs-c);color:#4E626B;letter-spacing:.08em;margin:10px 0 4px}
.dacc-l{display:flex;flex-wrap:wrap;gap:6px}
.dacc-l a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#F7F5F0;color:#16313B;font-size:var(--fs-s)}
.dfoot{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.drow{display:flex;gap:10px}
.drow .btn{flex:1}
/* hero */
.hero{padding:72px 0 96px}
.hero-g{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:center}
.hero-h{font-family:var(--serif);font-size:var(--fs-d);line-height:1.3;font-weight:600;letter-spacing:.02em;margin-top:22px;text-wrap:balance}
.hero-h em{font-style:normal;color:#08789F}
.hero-sub{font-size:var(--fs-lg);color:#4E626B;margin-top:24px;max-width:580px;text-wrap:pretty}
.hero-cta{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
.trust-row{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:12px 32px;margin-top:40px;font-size:var(--fs-s);color:#4E626B}
.trust-i{display:inline-flex;gap:10px;align-items:center}
.trust-i .ico{color:#08789F}
.mkts{display:flex;align-items:center;gap:14px;margin-top:36px;padding-top:24px;border-top:1px solid #E4E8EA;font-size:var(--fs-c);color:#4E626B;flex-wrap:wrap}
.mkts b{font-weight:500;color:#16313B}
.qs{background:#fff;border-radius:24px;border:1px solid #E4E8EA;box-shadow:0 1px 2px rgba(22,49,59,.04),0 24px 56px rgba(22,49,59,.08);overflow:hidden}
.ph{background:#E9EEF0;color:#4E626B;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:var(--fs-c);padding:16px;line-height:1.5}
.ph .ico{color:#75858C}
.ph.dark{background:#174553;color:#BBD0D8}
.ph.dark .ico{color:#9FDDF4}
.ph.sand{background:#EEE8DD}
.qs-img{height:170px}
img.qs-img{display:block;width:100%;object-fit:cover;object-position:50% 35%}
.qs-b{padding:28px 30px 30px}
.qs-t{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.4}
.qs-d{font-size:var(--fs-s);color:#4E626B;margin-top:6px}
.qs-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.qchip{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:0 16px;border-radius:12px;border:1.5px solid #E4E8EA;background:#FFFFFF;color:#16313B;font-size:var(--fs-s);font-weight:500;transition:all .2s}
.qchip .ico{color:#75858C;transition:transform .2s}
.qchip:hover{border-color:#A8E2F4;background:#F3FAFD;color:#08789F}
.qchip:hover .ico{transform:translateX(3px);color:#08789F}
.qs-f{margin-top:18px;font-size:var(--fs-s);color:#4E626B;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
/* stage selector */
.sel{display:grid;grid-template-columns:340px minmax(0,1fr);gap:32px;align-items:start}
.stage-list{display:flex;flex-direction:column;gap:8px}
.stage-btn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1.5px solid #E4E8EA;border-radius:14px;padding:0 18px;font-size:var(--fs-b);color:#16313B;cursor:pointer;min-height:60px;transition:all .2s}
.stage-btn:hover{border-color:#A8E2F4;background:#F3FAFD}
.stage-btn.on{border-color:#23AFE5;background:#EAF8FD;color:#08789F;font-weight:500}
.stage-num{font-family:var(--serif);font-size:var(--fs-c);color:#75858C;width:22px;flex-shrink:0}
.stage-btn.on .stage-num{color:#08789F}
.stage-arrow{margin-left:auto;display:flex;opacity:0;transition:opacity .2s;color:#08789F}
.stage-btn.on .stage-arrow{opacity:1}
.res{background:#F7F5F0;border-radius:24px;border:1px solid #E4E8EA;padding:44px}
.res-h{font-family:var(--serif);font-size:calc(var(--fs-h3) * 1.3);font-weight:600;line-height:1.45;margin-top:16px;animation:fadein .35s ease}
@keyframes fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.res-emp{font-size:var(--fs-lg);color:#4E626B;margin-top:12px;max-width:720px}
.res-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px;padding-top:28px;border-top:1px solid #E4E8EA}
.res-t{font-weight:500;font-size:var(--fs-c);color:#4E626B;letter-spacing:.1em;margin-bottom:12px}
.li{display:flex;gap:12px;align-items:flex-start;padding:6px 0;font-size:var(--fs-b);line-height:1.6}
.li .ico{color:#2F7D5A;margin-top:3px}
.rlink{display:flex;gap:12px;align-items:flex-start;padding:6px 0;font-size:var(--fs-b);line-height:1.6;color:#16313B}
.rlink .ico{color:#08789F;margin-top:3px}
.rlink:hover{color:#08789F;text-decoration:underline;text-underline-offset:4px}
.res-chips{margin-top:28px}
.rec{margin-top:32px;background:#103844;color:#fff;border-radius:18px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.rec-k{font-size:var(--fs-c);color:#23AFE5;letter-spacing:.1em}
.rec-t{font-family:var(--serif);font-size:calc(var(--fs-h3) * 1.05);font-weight:600;margin-top:4px}
.rec-d{font-size:var(--fs-s);color:#BBD0D8;margin-top:4px}
.res .note{margin-top:20px}
/* why */
.why-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.why{background:#fff;border:1px solid #E4E8EA;border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:12px}
.icirc{width:52px;height:52px;border-radius:14px;background:#D7F1FB;color:#08789F;display:grid;place-items:center}
.why h3,.card-h{font-size:var(--fs-h3);font-weight:600;line-height:1.45;margin-top:8px}
.why p{color:#4E626B;font-size:var(--fs-s);line-height:1.8}
.honest{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#EEE8DD;border-radius:20px;padding:28px 32px}
.honest-t{font-family:var(--serif);font-size:calc(var(--fs-h3) * 1.05);font-weight:600}
.honest p{color:#4E626B;font-size:var(--fs-s);margin-top:6px;max-width:760px}
/* cancer types */
.cond{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.cond-k{font-size:var(--fs-s);color:#4E626B;font-weight:500}
.type-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tcard{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-radius:16px;background:#F7F5F0;border:1.5px solid transparent;color:#16313B;transition:all .2s;min-height:84px}
.tcard:hover{border-color:#A8E2F4;background:#fff;color:#16313B;box-shadow:0 10px 24px rgba(22,49,59,.07)}
.tcard-n{font-size:var(--fs-lg);font-weight:500;line-height:1.35}
.tcard-e{font-size:var(--fs-c);color:#4E626B;margin-top:2px;letter-spacing:.02em}
.tcard .ico{color:#75858C;transition:transform .2s}
.tcard:hover .ico{transform:translateX(3px);color:#08789F}
.types-more{display:flex;justify-content:center;margin-top:28px}
/* technologies */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.tab{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid #C9D3D7;background:transparent;color:#16313B;font-size:var(--fs-s);font-weight:500;cursor:pointer;transition:all .2s}
.tab:hover{border-color:#08789F}
.tab.on{background:#16313B;border-color:#16313B;color:#fff}
.tech-intro{font-size:var(--fs-b);color:#4E626B;margin-bottom:24px;max-width:820px}
.tech-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tcell{background:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:10px;border:1px solid #E4E8EA;animation:fadein .3s ease}
.tcell-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tcell-n{font-size:var(--fs-h3);font-weight:600;line-height:1.4}
.tcell-e{font-size:var(--fs-c);color:#4E626B;letter-spacing:.03em}
.tcell-d{font-size:var(--fs-s);color:#4E626B;line-height:1.8}
.tcell-f{font-size:var(--fs-s);line-height:1.7;background:#F7F5F0;border-radius:12px;padding:12px 14px;margin-top:auto}
.tcell-f b{font-weight:500;color:#16313B}
.tcell .tlink{margin-top:2px}
.lvl{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:500;white-space:nowrap;line-height:1}
.lvl::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.lvl-g{background:#E8F4ED;color:#245C43}
.lvl-t{background:#EAF8FD;color:#066684}
.lvl-a{background:#FBF3DF;color:#7F5311}
.legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:24px;font-size:var(--fs-c);color:#4E626B}
/* process */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative}
.step{padding:0 20px 0 0;position:relative}
.step-n{width:52px;height:52px;border-radius:50%;background:#fff;border:1.5px solid #08789F;color:#08789F;display:grid;place-items:center;font-family:var(--serif);font-weight:600;font-size:19px;position:relative;z-index:1}
.step.first .step-n{background:#08789F;color:#fff}
.step-line{position:absolute;top:26px;left:52px;right:0;height:1.5px;background:#A8E2F4}
.step.last .step-line{display:none}
.step-t{font-size:var(--fs-h3);font-weight:600;margin-top:20px;line-height:1.45}
.step-d{font-size:var(--fs-s);color:#4E626B;margin-top:8px;line-height:1.75}
.step-m{display:inline-flex;margin-top:12px}
.proc-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-top:56px}
.panel{background:#fff;border:1px solid #E4E8EA;border-radius:20px;padding:32px}
.panel-t{font-size:var(--fs-h3);font-weight:600;line-height:1.4}
.panel-d{font-size:var(--fs-s);color:#4E626B;margin-top:6px}
.docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;margin-top:18px}
.kv{display:flex;flex-direction:column;margin-top:18px}
.kv-r{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #E4E8EA;font-size:var(--fs-s)}
.kv-r:last-child{border-bottom:0}
.kv-k{color:#4E626B;display:flex;gap:10px;align-items:center}
.kv-k .ico{color:#08789F}
.kv-v{font-weight:500;text-align:right}
.ph-mark{color:#8A4524;background:#F5E8DE;border-radius:6px;padding:1px 6px;font-weight:500}
/* stories */
.card3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.scard{background:#fff;border:1px solid #E4E8EA;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s;color:#16313B}
.scard:hover{box-shadow:0 18px 40px rgba(22,49,59,.10);transform:translateY(-2px);color:#16313B}
.scard-img{height:210px;position:relative}
.scard-flag{position:absolute;left:14px;top:14px}
.scard-b{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.scard-t{font-family:var(--serif);font-size:calc(var(--fs-h3) * 1.02);font-weight:600;line-height:1.5}
.scard-m{font-size:var(--fs-c);color:#4E626B}
.scard-x{font-size:var(--fs-s);color:#4E626B;line-height:1.8}
.scard-f{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.sample-note{margin-top:24px}
/* videos */
.sec.dark{background:#103844;color:#FFFFFF}
.sec.dark .eyebrow{color:#9FDDF4}
.sec.dark .lead{color:#BBD0D8}
.sec.dark .more{color:#fff}
.vid-g{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:start}
.player{border-radius:20px;overflow:hidden;background:#174553}
.player-v{aspect-ratio:16/9;position:relative;display:grid;place-items:center}
.player-v .ph{position:absolute;inset:0;justify-content:flex-end;padding-bottom:22px}
.pbtn{position:relative;width:84px;height:84px;border-radius:50%;background:#fff;color:#08789F;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s}
.pbtn:hover{transform:scale(1.06)}
.player-b{padding:22px 26px 26px}
.player-t{font-family:var(--serif);font-size:calc(var(--fs-h3) * 1.1);font-weight:600;line-height:1.5;margin-top:10px;color:#fff}
.player-m{font-size:var(--fs-c);color:#BBD0D8;margin-top:6px}
.tag-dk{background:rgba(35,175,229,.16);color:#9FDDF4}
.vlist{display:flex;flex-direction:column;gap:6px}
.vitem{display:flex;gap:14px;align-items:center;padding:10px;border-radius:14px;background:transparent;border:1.5px solid transparent;cursor:pointer;text-align:left;color:#FFFFFF;width:100%;transition:all .2s}
.vitem:hover{background:rgba(255,255,255,.05)}
.vitem.on{background:rgba(255,255,255,.08);border-color:#23AFE5}
.vthumb{width:128px;height:76px;border-radius:10px;background:#174553;flex-shrink:0;display:grid;place-items:center;color:#9FDDF4;position:relative}
.vdur{position:absolute;right:6px;bottom:6px;font-size:11.5px;background:rgba(0,0,0,.55);color:#fff;border-radius:5px;padding:1px 6px;line-height:1.5}
.vcat{font-size:12.5px;color:#9FDDF4}
.vt{font-size:var(--fs-s);line-height:1.5;margin-top:2px}
.vcats{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.vcats a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#FFFFFF;font-size:var(--fs-s)}
.vcats a:hover{border-color:#23AFE5;color:#fff}
/* doctors */
.doc-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.dcard{background:#fff;border:1px solid #E4E8EA;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.dcard-img{height:230px}
.dcard-b{padding:22px 24px 24px;display:flex;flex-direction:column;gap:6px;flex:1}
.dcard-n{font-size:var(--fs-h3);font-weight:600}
.dcard-r{font-size:var(--fs-s);color:#4E626B}
.dcard .chips{margin-top:10px}
.dcard .chip{min-height:30px;padding:0 11px;font-size:var(--fs-c)}
.dcard .tlink{margin-top:auto;padding-top:8px}
.board{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;background:#fff;border:1px solid #E4E8EA;border-radius:20px;padding:26px 32px}
.board-l{display:flex;gap:18px;align-items:flex-start}
.board-t{font-size:var(--fs-b);font-weight:600}
.board-d{font-size:var(--fs-s);color:#4E626B;margin-top:4px}
.board-r{display:flex;gap:4px 20px;flex-wrap:wrap}
/* articles */
.topics{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.art-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.acard{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:20px;background:#F7F5F0;color:#16313B;border:1.5px solid transparent;transition:all .2s}
.acard:hover{background:#fff;border-color:#E4E8EA;box-shadow:0 14px 32px rgba(22,49,59,.08);color:#16313B}
.acard-t{font-family:var(--serif);font-size:calc(var(--fs-h3) * .98);font-weight:600;line-height:1.55}
.acard-x{font-size:var(--fs-s);color:#4E626B;line-height:1.75}
.acard-f{margin-top:auto;padding-top:14px;border-top:1px solid #E4E8EA;display:flex;flex-direction:column;gap:6px}
.rev{display:flex;align-items:center;gap:8px;font-size:var(--fs-c);color:#245C43;font-weight:500}
.meta{font-size:var(--fs-c);color:#4E626B}
/* support */
.sup-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.svc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sitem{background:#fff;border-radius:18px;padding:24px;display:flex;gap:16px;align-items:flex-start;color:#16313B;border:1.5px solid transparent;transition:border-color .2s}
.sitem:hover{border-color:#08789F;color:#16313B}
.sitem-t{font-size:var(--fs-b);font-weight:600;line-height:1.5}
.sitem-d{font-size:var(--fs-s);color:#4E626B;margin-top:4px;line-height:1.7}
.regions{background:#fff;border-radius:22px;padding:30px}
.region{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #E4E8EA}
.region:last-of-type{border-bottom:0}
.region-n{font-size:var(--fs-b);font-weight:600}
.region-c{font-size:var(--fs-s);color:#4E626B}
/* submission */
.sec.cta{background:#103844;color:#fff}
.cta-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.cta .eyebrow{color:#23AFE5}
.cta .h2{color:#fff}
.cta .lead{color:#BBD0D8}
.gets{display:flex;flex-direction:column;gap:14px;margin-top:32px}
.get{display:flex;gap:14px;align-items:flex-start;font-size:var(--fs-b);line-height:1.6;color:#FFFFFF}
.get .ico{color:#8FD1B0;margin-top:3px}
.promise{margin-top:36px;border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:22px 24px}
.promise-t{font-size:var(--fs-c);letter-spacing:.12em;color:#23AFE5}
.promise-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
.promise-i{font-size:var(--fs-s);font-weight:500;color:#fff;display:flex;gap:8px;align-items:flex-start;line-height:1.5}
.promise-i .ico{color:#8FD1B0;margin-top:2px}
.alt-c{margin-top:28px;font-size:var(--fs-s);color:#BBD0D8;display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center}
.alt-c a{color:#fff;display:inline-flex;gap:6px;align-items:center;min-height:40px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.4)}
.fcard{background:#fff;color:#16313B;border-radius:24px;padding:36px;box-shadow:0 30px 70px rgba(0,0,0,.22)}
.fsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:28px}
.fstep{display:flex;flex-direction:column;gap:8px;font-size:var(--fs-c);color:#4E626B}
.fstep::before{content:"";height:4px;border-radius:4px;background:#E4E8EA}
.fstep.on::before,.fstep.done::before{background:#23AFE5}
.fstep.on{color:#08789F;font-weight:500}
.fstep.done{color:#08789F}
.fs-row{display:flex;gap:8px;align-items:center}
.fs-n{width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-size:12px;line-height:1}
.fstep.on .fs-n,.fstep.done .fs-n{background:#08789F;border-color:#08789F;color:#fff}
.fset{border:0;margin:0;padding:0;min-width:0}
.flegend{font-size:var(--fs-h3);font-weight:600;padding:0;margin-bottom:6px;line-height:1.4}
.fsub{font-size:var(--fs-s);color:#4E626B;margin-bottom:20px}
.svc-g{display:flex;flex-direction:column;gap:10px}
.svc{display:flex;gap:16px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:1.5px solid #C9D3D7;border-radius:14px;padding:16px 18px;cursor:pointer;transition:all .2s;color:#16313B}
.svc:hover{border-color:#A8E2F4;background:#F3FAFD}
.svc.on{border-color:#23AFE5;background:#EAF8FD;box-shadow:0 0 0 3px rgba(35,175,229,.18)}
.radio{width:22px;height:22px;border-radius:50%;border:2px solid #8FA6AE;flex-shrink:0;margin-top:2px;display:grid;place-items:center;background:#fff}
.svc.on .radio{border-color:#08789F}
.svc.on .radio::after{content:"";width:10px;height:10px;border-radius:50%;background:#08789F}
.svc-b{display:flex;flex-direction:column;gap:2px}
.svc-t{font-size:var(--fs-b);font-weight:600;line-height:1.5}
.svc-d{font-size:var(--fs-s);color:#4E626B;line-height:1.6}
.factions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}
.fhint{font-size:var(--fs-c);color:#4E626B;display:flex;gap:8px;align-items:center}
.fhint .ico{color:#2F7D5A}
.fbtns{display:flex;gap:10px}
.fg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field.full{grid-column:1 / -1}
.lbl{font-size:var(--fs-s);font-weight:500;color:#16313B}
.req{color:#B55245}
.inp{width:100%;min-height:52px;border:1.5px solid #C9D3D7;border-radius:12px;background:#fff;padding:0 16px;font-family:var(--sans);font-size:var(--fs-b);color:#16313B;transition:border-color .2s,box-shadow .2s}
.inp::placeholder{color:#75858C}
.inp:hover{border-color:#8FA6AE}
.inp:focus{outline:none;border-color:#08789F;box-shadow:0 0 0 4px rgba(35,175,229,.25)}
select.inp{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.selw{position:relative;display:block}
.selw .ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#4E626B}
.ta{min-height:104px;padding:14px 16px;resize:vertical;line-height:1.7}
.inp.err{border-color:#B55245;box-shadow:0 0 0 4px rgba(181,82,69,.10)}
.err-t{font-size:var(--fs-c);color:#B55245;display:flex;gap:6px;align-items:center}
.help{font-size:var(--fs-c);color:#4E626B;line-height:1.6}
.seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#F7F5F0;border-radius:12px;padding:4px}
.seg-b{min-height:44px;border:0;border-radius:9px;background:transparent;font-size:var(--fs-s);color:#4E626B;cursor:pointer;font-weight:500}
.seg-b.on{background:#fff;color:#08789F;box-shadow:0 1px 3px rgba(22,49,59,.12)}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:2px dashed #A8E2F4;background:#F3FAFD;border-radius:18px;padding:32px 24px;cursor:pointer;transition:all .2s}
.drop:hover{border-color:#23AFE5;background:#EAF8FD}
.drop-i{width:56px;height:56px;border-radius:16px;background:#fff;color:#08789F;display:grid;place-items:center;box-shadow:0 4px 12px rgba(8,120,159,.12)}
.drop-t{font-size:var(--fs-b);font-weight:600;margin-top:6px}
.drop-d{font-size:var(--fs-c);color:#4E626B}
.flist{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.fitem{display:flex;align-items:center;gap:12px;background:#F7F5F0;border-radius:10px;padding:10px 14px;font-size:var(--fs-s)}
.fitem .ico{color:#08789F}
.fitem-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fitem-ok{font-size:var(--fs-c);color:#245C43;font-weight:500}
.need{margin-top:20px}
.need .chip{min-height:34px;font-size:var(--fs-c)}
.chk{display:flex;gap:12px;align-items:flex-start;margin-top:22px;font-size:var(--fs-s);color:#4E626B;line-height:1.7;cursor:pointer}
.chk input{width:22px;height:22px;margin:2px 0 0;accent-color:#08789F;flex-shrink:0;cursor:pointer}
.chk a{text-decoration:underline;text-underline-offset:3px}
.done-b{text-align:center;padding:12px 8px}
.done-i{width:72px;height:72px;border-radius:50%;background:#E8F4ED;color:#2F7D5A;display:grid;place-items:center;margin:0 auto}
.done-t{font-family:var(--serif);font-size:calc(var(--fs-h3) * 1.25);font-weight:600;margin-top:18px}
.done-d{font-size:var(--fs-s);color:#4E626B;margin-top:8px}
.nexts{text-align:left;margin-top:24px;background:#F7F5F0;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.nx{display:flex;gap:12px;font-size:var(--fs-s);line-height:1.6}
.nx-n{width:24px;height:24px;border-radius:50%;background:#08789F;color:#fff;display:grid;place-items:center;font-size:12px;flex-shrink:0}
/* footer */
.ftr{background:#103844;color:#BBD0D8;border-top:1px solid rgba(255,255,255,.12);padding:72px 0 0;font-size:var(--fs-s)}
.ftr-g{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(5,minmax(0,1fr));gap:32px}
.ftr .logo{color:#fff}
.ftr .logo-s{color:#BBD0D8}
.ftr-about{margin-top:18px;line-height:1.8;max-width:320px}
.ftr-h{color:#fff;font-weight:600;font-size:var(--fs-s);margin-bottom:12px}
.ftr-l{display:flex;flex-direction:column;gap:2px}
.ftr-l a{color:#BBD0D8;min-height:34px;display:flex;align-items:center;font-size:var(--fs-s)}
.ftr-l a:hover{color:#fff}
.disc{margin-top:56px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:24px 0;display:flex;gap:14px;font-size:var(--fs-c);line-height:1.8;color:#BBD0D8}
.disc b{color:#fff;font-weight:500}
.ftr-b{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 30px;font-size:var(--fs-c);color:#BBD0D8}
.ftr-b nav{display:flex;gap:18px;flex-wrap:wrap}
.ftr-b a{color:#BBD0D8}
/* ---------- responsive: tablet ---------- */
@media (max-width:1240px){
 .nav{display:none}
 .burger{display:inline-flex}
 .hdr-in{justify-content:space-between}
}
@media (max-width:1080px){
 .page{--fs-d:42px;--fs-h2:31px;--gut:32px;--secpad:88px}
 .page.lg{--fs-d:48px;--fs-h2:35px}
 .hero-g{grid-template-columns:minmax(0,1fr);gap:48px}
 .sel{grid-template-columns:minmax(0,1fr)}
 .stage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .why-g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .type-g{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tech-g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .steps{grid-template-columns:minmax(0,1fr);gap:28px}
 .step{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:20px;padding:0}
 .step-n{grid-row:1 / span 4}
 .step-t{margin-top:10px}
 .step-line{left:26px;top:52px;bottom:-28px;right:auto;width:1.5px;height:auto}
 .proc-g{grid-template-columns:minmax(0,1fr)}
 .card3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vid-g{grid-template-columns:minmax(0,1fr)}
 .doc-g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .art-g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sup-g{grid-template-columns:minmax(0,1fr)}
 .cta-g{grid-template-columns:minmax(0,1fr);gap:40px}
 .ftr-g{grid-template-columns:repeat(3,minmax(0,1fr))}
 .util-dim{display:none}
 .util-l{gap:12px}
 .ftr-brand{grid-column:1 / -1}
 .board{grid-template-columns:minmax(0,1fr)}
}
/* ---------- responsive: mobile ---------- */
@media (max-width:760px){
 .page{--fs-d:31px;--fs-h2:25px;--fs-h3:18.5px;--fs-lg:17px;--fs-b:16px;--fs-s:15px;--fs-c:13px;--gut:20px;--secpad:64px}
 .page.lg{--fs-d:35px;--fs-h2:28px;--fs-h3:21px;--fs-lg:19px;--fs-b:18.5px;--fs-s:17px;--fs-c:14.5px}
 .util{display:none}
 .hdr-in{height:66px;gap:10px}
 .logo-mark{width:36px;height:36px;border-radius:10px}
 .logo-t{font-size:19px}
 .logo-s{font-size:10.5px}
 .cta-long{display:none}
 .cta-short{display:inline}
 .hdr-cta .btn{padding:0 14px}
 .burger{width:44px;height:44px}
 .hero{padding:36px 0 56px}
 .hero-cta{flex-direction:column;margin-top:28px}
 .hero-cta .btn{width:100%}
 .trust-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:28px}
 .qs-img{height:120px}
 .qs-b{padding:22px 20px 24px}
 .qs-t{font-size:21px}
 .qchip{min-height:50px;padding:0 12px}
 .shead{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:32px}
 .stage-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .stage-btn{min-height:56px;padding:0 12px;gap:8px;font-size:var(--fs-s)}
 .stage-arrow{display:none}
 .res{padding:24px 20px;border-radius:20px}
 .res-g{grid-template-columns:minmax(0,1fr);gap:22px}
 .rec{flex-direction:column;align-items:stretch;padding:22px}
 .rec .btn{width:100%}
 .why-g{grid-template-columns:minmax(0,1fr);gap:12px}
 .why{padding:22px;flex-direction:row;gap:16px;align-items:flex-start}
 .why .icirc{width:44px;height:44px}
 .why h3{margin-top:0}
 .honest{flex-direction:column;align-items:stretch;padding:22px}
 .type-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .tcard{padding:14px 16px;min-height:72px}
 .tcard .ico{display:none}
 .tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 22px;padding:0 20px 4px;scrollbar-width:none}
 .tab{flex-shrink:0}
 .tech-g{grid-template-columns:minmax(0,1fr);gap:12px}
 .tcell{padding:22px}
 .docs{grid-template-columns:minmax(0,1fr)}
 .panel{padding:22px}
 .kv-r{flex-direction:column;align-items:flex-start;gap:4px}
 .kv-v{text-align:left}
 .filters{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 22px;padding:0 20px 4px;scrollbar-width:none}
 .fchip{flex-shrink:0}
 .card3,.doc-g,.art-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -20px;padding:0 20px 12px;scrollbar-width:none}
 .scard,.dcard,.acard{flex:0 0 84%;scroll-snap-align:start}
 .scard-img{height:170px}
 .dcard-img{height:190px}
 .acard{background:#fff;border-color:#E4E8EA}
 .board{padding:22px}
 .vlist{gap:4px}
 .vthumb{width:104px;height:62px}
 .pbtn{width:64px;height:64px}
 .svc-list{grid-template-columns:minmax(0,1fr);gap:10px}
 .sitem{padding:18px}
 .regions{padding:22px}
 .fcard{padding:22px 18px;border-radius:20px}
 .fg2{grid-template-columns:minmax(0,1fr)}
 .seg{grid-template-columns:repeat(2,minmax(0,1fr))}
 .promise-g{grid-template-columns:minmax(0,1fr)}
 .factions{flex-direction:column-reverse;align-items:stretch}
 .fbtns .btn{flex:1}
 .ftr{padding-top:48px}
 .ftr-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .ftr-col.hide-m{display:none}
}

.sec.sand .more,.sec.sand .tlink{color:#066684}
.logo-img{display:block;width:155px;height:auto;flex-shrink:0}
.ftr @media (max-width:1080px){.logo-img{width:138px}}
@media (max-width:760px){.logo-img{width:118px}}
/* header logo: breakpoint-specific widths, aspect ratio kept (1742x480) */
.hdr .logo-img{width:128px;height:auto}
@media (max-width:1080px){.hdr-in{height:70px}.hdr .logo-img{width:110px}}
@media (max-width:760px){.hdr-in{height:66px}.hdr .logo-img{width:92px}}
.hero-note{margin-top:14px;font-size:var(--fs-s);color:#4E626B}
.rec-ctas{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
@media (max-width:760px){.rec-ctas{flex-direction:column;width:100%}.hero-note{margin-top:12px}}
/* ===== Page templates (shared) ===== */
.crumbs{background:#FFFFFF;border-bottom:1px solid #E4E8EA}
.crumbs-in{display:flex;align-items:center;gap:8px;min-height:46px;font-size:var(--fs-c);color:#4E626B;flex-wrap:wrap}
.crumbs a{color:#4E626B;display:inline-flex;align-items:center;min-height:32px}
.crumbs a:hover{color:#08789F}
.crumbs .sep{color:#75858C}
.crumbs .cur{color:#16313B;font-weight:500}
/* page hero */
.phero{padding:52px 0 60px;border-bottom:1px solid #E4E8EA}
.phero-g{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start}
.phero-g.one{grid-template-columns:minmax(0,1fr)}
.phero-h{font-family:var(--serif);font-size:calc(var(--fs-d) * .86);line-height:1.3;font-weight:600;letter-spacing:.02em;margin-top:16px;text-wrap:balance}
.phero-sub{font-size:var(--fs-lg);color:#4E626B;margin-top:18px;max-width:720px;text-wrap:pretty}
.ptags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.pmeta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:var(--fs-c);color:#4E626B;align-items:center}
.pmeta .rev{font-size:var(--fs-c)}
.pmeta-i{display:inline-flex;gap:6px;align-items:center}
.pmeta-i .ico{color:#75858C}
.phero .hero-cta{margin-top:30px}
.facts{background:#FFFFFF;border:1px solid #E4E8EA;border-radius:20px;padding:24px 26px}
.facts-t{font-size:var(--fs-c);letter-spacing:.1em;color:#4E626B;font-weight:500;padding-bottom:6px}
.fact{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid #E4E8EA;font-size:var(--fs-s);line-height:1.65}
.fact-k{color:#4E626B}
.fact-v{font-weight:500;color:#16313B}
.facts .note{margin-top:12px}
/* document layout: TOC | content | rail */
.docw{padding-top:56px;padding-bottom:96px}
.doc{display:grid;grid-template-columns:196px minmax(0,1fr) 284px;gap:44px;align-items:start}
.doc.norail{grid-template-columns:196px minmax(0,1fr)}
.toc{position:sticky;top:100px}
.toc-t{font-size:var(--fs-c);letter-spacing:.1em;color:#4E626B;font-weight:500;margin-bottom:10px}
.toc-l{display:flex;flex-direction:column}
.toc-l a{display:block;padding:7px 0 7px 14px;border-left:2px solid #E4E8EA;color:#4E626B;font-size:var(--fs-s);line-height:1.5}
.toc-l a:hover{color:#08789F;border-left-color:#A8E2F4}
.toc-l a.on{color:#08789F;border-left-color:#23AFE5;font-weight:500}
.toc-m{display:none;margin-bottom:28px;border:1px solid #E4E8EA;border-radius:14px;background:#FFFFFF}
.toc-mb{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 18px;background:none;border:0;font-size:var(--fs-s);font-weight:600;color:#16313B;cursor:pointer}
.toc-mb .ico{color:#08789F;transition:transform .2s}
.toc-m.on .toc-mb .ico{transform:rotate(180deg)}
.toc-m .toc-l{padding:0 18px 14px}
.rail{position:sticky;top:100px;display:flex;flex-direction:column;gap:14px}
.railc{background:#FFFFFF;border:1px solid #E4E8EA;border-radius:20px;padding:24px}
.railc-t{font-size:var(--fs-b);font-weight:600;line-height:1.5}
.railc-d{font-size:var(--fs-s);color:#4E626B;margin-top:6px;line-height:1.7}
.railc .btn{width:100%;margin-top:16px}
.railc .tlink{margin-top:4px}
.railc .fhint{margin-top:8px}
.railc.soft{background:#F7F5F0}
.railc .rev{margin-bottom:4px}
/* prose */
.prose{min-width:0;max-width:780px}
.sec-a{scroll-margin-top:100px}
.prose h2{font-family:var(--serif);font-size:calc(var(--fs-h2) * .8);font-weight:600;line-height:1.42;margin:60px 0 16px;letter-spacing:.02em}
.prose h2.first{margin-top:0}
.prose h3{font-size:var(--fs-h3);font-weight:600;margin:32px 0 10px;line-height:1.5}
.prose p{margin:0 0 16px;font-size:var(--fs-b);line-height:1.9}
.prose ul,.prose ol{margin:0 0 18px;padding-left:1.4em;font-size:var(--fs-b)}
.prose li{margin:6px 0;line-height:1.85}
.prose .li{font-size:var(--fs-b)}
.muted{color:#4E626B}
.keybox{background:#EAF8FD;border-radius:18px;padding:22px 26px;margin:0 0 36px}
.keybox-t{font-weight:600;display:flex;gap:10px;align-items:center;color:#066684;font-size:var(--fs-s);letter-spacing:.06em}
.keybox ul{margin:10px 0 0}
.callout{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:16px 18px;margin:22px 0;font-size:var(--fs-s);line-height:1.8}
.callout .ico{margin-top:3px}
.callout.info{background:#F3FAFD;border:1px solid #D7F1FB;color:#16313B}
.callout.info .ico{color:#08789F}
.callout.warn{background:#FBF3DF;color:#5B3E0D}
.callout.warn .ico{color:#9A6816}
.callout b{font-weight:600}
.tbl-w{overflow-x:auto;margin:20px 0 26px;border:1px solid #E4E8EA;border-radius:14px;background:#FFFFFF}
.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-s);min-width:560px}
.tbl th{background:#F7F5F0;text-align:left;font-weight:600;padding:12px 16px;border-bottom:1px solid #E4E8EA;white-space:nowrap}
.tbl td{padding:12px 16px;border-bottom:1px solid #E4E8EA;vertical-align:top;line-height:1.7}
.tbl tr:last-child td{border-bottom:0}
.tbl-cap{font-size:var(--fs-c);color:#4E626B;margin-top:-14px;margin-bottom:24px}
.g2c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 24px}
.g3c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 24px}
.fitbox{border-radius:16px;padding:20px 22px;border:1px solid #E4E8EA;background:#FFFFFF}
.fitbox-t{font-weight:600;display:flex;gap:8px;align-items:center;margin-bottom:6px}
.fitbox.yes .fitbox-t .ico{color:#2F7D5A}
.fitbox.no .fitbox-t .ico{color:#9A6816}
.fitbox .li{font-size:var(--fs-s)}
.fitbox.no .li .ico{color:#9A6816}
.mcard{display:flex;flex-direction:column;gap:6px;background:#FFFFFF;border:1px solid #E4E8EA;border-radius:16px;padding:18px 20px;color:#16313B;transition:border-color .2s,background .2s}
a.mcard:hover{border-color:#A8E2F4;background:#F3FAFD;color:#16313B}
.mcard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.mcard-t{font-weight:600;font-size:var(--fs-b);line-height:1.5}
.mcard-d{font-size:var(--fs-s);color:#4E626B;line-height:1.7}
.mcard .tlink{min-height:32px;margin-top:auto}
.ictab{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#F7F5F0;border:1px solid #E4E8EA;border-radius:18px;padding:20px 24px;margin:36px 0}
.ictab-t{font-weight:600;font-size:var(--fs-b)}
.ictab-d{font-size:var(--fs-s);color:#4E626B;margin-top:2px}
.ictab-b{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
.faq{border-top:1px solid #E4E8EA;margin-top:12px}
.faq-i{border-bottom:1px solid #E4E8EA}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;background:none;border:0;text-align:left;font-size:var(--fs-b);font-weight:600;color:#16313B;cursor:pointer;min-height:56px;line-height:1.55}
.faq-q:hover{color:#08789F}
.faq-q .ico{transition:transform .2s;color:#08789F}
.faq-i.on .faq-q .ico{transform:rotate(180deg)}
.faq-i.on .faq-a{display:block}
.faq-a{display:none;padding:0 0 18px;font-size:var(--fs-s);line-height:1.85;color:#4E626B;max-width:720px}
.refs{font-size:var(--fs-c);color:#4E626B;line-height:1.75;padding-left:1.4em;margin:8px 0 0}
.refs li{margin:6px 0;font-size:var(--fs-c)}
.revbox{display:flex;gap:18px;align-items:flex-start;background:#FFFFFF;border:1px solid #E4E8EA;border-radius:18px;padding:22px 24px;margin-top:40px}
.avatar{width:56px;height:56px;border-radius:50%;background:#E9EEF0;display:grid;place-items:center;color:#75858C;flex-shrink:0}
.revbox-n{font-weight:600}
.revbox-d{font-size:var(--fs-s);color:#4E626B;margin-top:2px;line-height:1.7}
.revbox .tlink{min-height:36px}
.discl{margin-top:20px}
/* vertical timeline */
.vt{margin:20px 0 26px}
.vt-i{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;position:relative;padding-bottom:24px}
.vt-i::before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:1.5px;background:#A8E2F4}
.vt-i.last::before{display:none}
.vt-n{width:40px;height:40px;border-radius:50%;border:1.5px solid #08789F;color:#08789F;display:grid;place-items:center;font-weight:600;font-size:15px;background:#FFFFFF}
.vt-t{font-weight:600;line-height:1.5;padding-top:8px;font-size:var(--fs-b)}
.vt-d{font-size:var(--fs-s);color:#4E626B;margin-top:4px;line-height:1.8}
.vt-m{margin-top:8px}
/* quote */
.quote{font-family:var(--serif);font-size:calc(var(--fs-lg) * 1.08);line-height:1.8;padding:28px 32px;background:#F7F5F0;border-radius:18px;margin:30px 0;color:#16313B;position:relative}
.quote-m{font-size:48px;line-height:.6;color:#23AFE5;display:block;height:22px}
.quote-by{font-family:var(--sans);font-size:var(--fs-c);color:#4E626B;margin-top:12px}
/* figure */
.fig{margin:24px 0 28px}
.fig .ph{border-radius:16px;height:300px}
.figcap{font-size:var(--fs-c);color:#4E626B;margin-top:10px}
/* related band */
.band{padding:72px 0 88px;background:#FFFFFF;border-top:1px solid #E4E8EA}
.band.paper{background:#F7F5F0}
.band .shead{margin-bottom:32px}
.card3 .scard-img{height:180px}
/* story */
.doc.story{grid-template-columns:minmax(0,1fr) 320px}
.casecard{background:#FFFFFF;border:1px solid #E4E8EA;border-radius:20px;padding:24px}
.consent{display:inline-flex;gap:8px;align-items:center;font-size:var(--fs-c);color:#245C43;background:#E8F4ED;border-radius:999px;padding:6px 12px;font-weight:500}
.edprompt{color:#75858C;font-style:normal}
.ph-inline{display:inline;color:#8A4524;background:#F5E8DE;border-radius:6px;padding:1px 6px;font-weight:500;font-size:.92em}
/* vlog */
.vpage-player{border-radius:22px;overflow:hidden;background:#174553}
.vpage-player .player-v{aspect-ratio:16/9}
.chaps{display:flex;flex-direction:column;gap:4px;margin:16px 0 24px}
.chap{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;width:100%;text-align:left;padding:10px 14px;border-radius:12px;border:1.5px solid transparent;background:#FFFFFF;cursor:pointer;font-size:var(--fs-s);color:#16313B;min-height:48px}
.chap:hover{background:#F3FAFD;border-color:#D7F1FB}
.chap.on{background:#EAF8FD;border-color:#23AFE5;color:#08789F;font-weight:500}
.chap-t{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--fs-c);color:#08789F}
.transcript{background:#FFFFFF;border:1px solid #E4E8EA;border-radius:18px;padding:22px 24px;margin:16px 0 8px}
.transcript p{font-size:var(--fs-s);line-height:1.9;color:#16313B}
.ts{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--fs-c);color:#08789F;margin-right:8px}
.transcript .btn{margin-top:4px}
/* hospital */
.hosp-img{height:260px;border-radius:20px}
.chips.tech a.chip{background:#FFFFFF}
.mapph{height:240px;border-radius:16px}
/* submit page */
.sform{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.sform .fcard{box-shadow:0 1px 2px rgba(22,49,59,.04),0 18px 44px rgba(22,49,59,.08);border:1px solid #E4E8EA}
.fsec-t{font-size:var(--fs-c);letter-spacing:.1em;color:#4E626B;font-weight:500;margin:26px 0 12px;padding-top:20px;border-top:1px solid #E4E8EA}
.fsec-t.first{margin-top:0;padding-top:0;border-top:0}
.optional{font-weight:400;color:#4E626B;font-size:var(--fs-c)}
.radios{display:flex;flex-wrap:wrap;gap:8px}
/* responsive */
@media (max-width:1240px){
 .doc{grid-template-columns:minmax(0,1fr) 280px;gap:40px}
 .doc.norail{grid-template-columns:minmax(0,1fr)}
 .toc{display:none}
 .toc-m{display:block}
}
@media (max-width:1080px){
 .phero-g{grid-template-columns:minmax(0,1fr);gap:32px}
 .sform{grid-template-columns:minmax(0,1fr)}
 .sform .rail{position:static}
}
@media (max-width:900px){
 .doc,.doc.story{grid-template-columns:minmax(0,1fr)}
 .rail{position:static}
 .doc .rail.keep{order:-1}
}
@media (max-width:760px){
 .phero{padding:28px 0 40px}
 .phero-h{font-size:var(--fs-d)}
 .phero .hero-cta{flex-direction:column}
 .phero .hero-cta .btn{width:100%}
 .docw{padding-top:32px;padding-bottom:64px}
 .rail{display:none}
 .sform .rail,.rail.keep{display:flex}
 .g2c,.g3c{grid-template-columns:minmax(0,1fr)}
 .ictab{flex-direction:column;align-items:stretch;padding:18px}
 .ictab-b{flex-direction:column}
 .ictab-b .btn{width:100%}
 .prose h2{margin-top:44px}
 .quote{padding:22px 20px}
 .fig .ph{height:200px}
 .hosp-img{height:180px}
 .band{padding:52px 0 64px}
 .fact{grid-template-columns:84px minmax(0,1fr)}
 .revbox{flex-direction:column}
 .crumbs-in{min-height:40px}
}

.prose .ictab{flex-direction:column;align-items:flex-start;gap:14px}
.prose .ictab-b{flex-wrap:wrap}
.railc .fhint{display:flex;margin-top:10px}
/* active navigation state for the current section */
.nav-btn.cur{color:#08789F;box-shadow:inset 0 -2px 0 #23AFE5}
.dacc.cur .dacc-b{color:#08789F}
.railc .fhint strong{font-weight:600;color:#16313B}
/* 知识中心: the full article list stacks vertically on phones (the 4-up .art-g row is a side-scroller elsewhere) */
@media (max-width:760px){.kc-g{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;margin:0;padding:0}.kc-g .acard{flex:none}}
.prose .ilink{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(8,120,159,.35)}
@media (max-width:760px){.atbl{border:0;background:transparent;overflow:visible}.atbl .tbl{min-width:0}.atbl thead{display:none}.atbl tr{display:block;background:#FFFFFF;border:1px solid #E4E8EA;border-radius:14px;padding:6px 16px;margin:0 0 10px}.atbl td{display:block;border:0;padding:8px 0;border-bottom:1px solid #EEF1F2}.atbl td:last-child{border-bottom:0}.atbl td::before{content:attr(data-label);display:block;font-size:var(--fs-c);color:#4E626B;font-weight:600;margin-bottom:2px}.atbl td:first-child{font-weight:600}.atbl td:first-child::before{display:none}}

/* ---------- TEMPORARILY HIDDEN header items (markup kept in every page; delete this block to restore) ---------- */
.util-dim{display:none !important}                      /* utility bar: 医学顾问服务时间 周一至周六 9:00–18:00（GMT+8） */
.util-r > a.ubtn{display:none !important}               /* utility bar: 联系医学顾问 */
.nav-btn[data-i="3"]{display:none !important}           /* main nav: 患者故事 (its mega menu opens only from this button) */
.dacc:has(> .dacc-b[data-i="3"]){display:none !important} /* mobile/tablet drawer: 患者故事 accordion incl. divider */
.dacc-b[data-i="3"],.dacc-b[data-i="3"] + .dacc-p{display:none !important} /* fallback for browsers without :has() */

/* ---------- TEMPORARILY HIDDEN 患者指南 menu items (markup/menu data kept; delete this block to restore) ---------- */
/* desktop mega menu (built by js/main.js; region carries aria-label="患者指南") — mcol-t is child 1, so item n is child n+1 */
/*.mega[aria-label="患者指南"] .mcol:nth-child(1) > .mlink:nth-child(5),  *//* 就医流程 › 治疗费用 */
/*.mega[aria-label="患者指南"] .mcol:nth-child(1) > .mlink:nth-child(6),  *//* 就医流程 › 付款方式 */
.mega[aria-label="患者指南"] .mcol:nth-child(3) > .mlink:nth-child(3),  /* 治疗之后 › 常见问题 */
.mega[aria-label="患者指南"] .mcol:nth-child(3) > .mlink:nth-child(4),  /* 治疗之后 › 联系我们 */
/* tablet/mobile drawer — dacc-p children: g,l(2),g,l(4),g,l(6) */
/*.dacc-p[data-i="5"] > .dacc-l:nth-child(2) > a[data-i="3"],             *//* 就医流程 › 治疗费用 */
/*.dacc-p[data-i="5"] > .dacc-l:nth-child(2) > a[data-i="4"],             *//* 就医流程 › 付款方式 */
.dacc-p[data-i="5"] > .dacc-l:nth-child(6) > a[data-i="1"],             /* 治疗之后 › 常见问题 */
.dacc-p[data-i="5"] > .dacc-l:nth-child(6) > a[data-i="2"]              /* 治疗之后 › 联系我们 */
{display:none !important}

/* ---------- TEMPORARILY HIDDEN 在中国治疗癌症 › 中国癌症治疗 menu items (markup/menu data kept; delete this block to restore) ---------- */
/* desktop mega menu (built by js/main.js; region carries aria-label="在中国治疗癌症") — mcol-t is child 1, so item n is child n+1 */
.mega[aria-label="在中国治疗癌症"] .mcol:nth-child(1) > .mlink:nth-child(4),  /* 治疗费用说明 */
.mega[aria-label="在中国治疗癌症"] .mcol:nth-child(1) > .mlink:nth-child(6),  /* 国际患者癌症治疗 */
.mega[aria-label="在中国治疗癌症"] .mcol:nth-child(1) > .mlink:nth-child(7),  /* 常见问题 */
/* tablet/mobile drawer — 中国癌症治疗 is the first link group (child 2) of section 0 */
.dacc-p[data-i="0"] > .dacc-l:nth-child(2) > a[data-i="2"],                  /* 治疗费用说明 */
.dacc-p[data-i="0"] > .dacc-l:nth-child(2) > a[data-i="4"],                  /* 国际患者癌症治疗 */
.dacc-p[data-i="0"] > .dacc-l:nth-child(2) > a[data-i="5"]                   /* 常见问题 */
{display:none !important}

/* ---------- TEMPORARILY HIDDEN 癌症知识 menu groups 精准医学 + 中国肿瘤医院 (markup/menu data kept; delete this block to restore) ---------- */
/* desktop mega menu (built by js/main.js; region carries aria-label="癌症知识"): columns 2 and 3 */
.mega[aria-label="癌症知识"] .mcol:nth-child(2),                    /* 精准医学 */
.mega[aria-label="癌症知识"] .mcol:nth-child(3),                    /* 中国肿瘤医院 */
/* tablet/mobile drawer — section 4 children: g,l (知识中心), g(3),l(4) 精准医学, g(5),l(6) 中国肿瘤医院 */
.dacc-p[data-i="4"] > .dacc-g:nth-child(3),.dacc-p[data-i="4"] > .dacc-l:nth-child(4),
.dacc-p[data-i="4"] > .dacc-g:nth-child(5),.dacc-p[data-i="4"] > .dacc-l:nth-child(6)
{display:none !important}
/* layout: drop the two empty grid tracks so 知识中心 + the 300px CTA card fill the menu (was repeat(3,1fr) 300px) */
.mega[aria-label="癌症知识"] .mega-in.c3{grid-template-columns:minmax(0,1fr) 300px}

/* ---------- 4-up variants of the existing why-g / steps grids (used by about-eho) ---------- */
.why-g.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1240px){.why-g.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1080px){.steps.c4{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.why-g.c4{grid-template-columns:minmax(0,1fr)}}

/* ---------- TEMPORARILY HIDDEN footer items (markup + hrefs kept in every page; delete this block to restore) ---------- */
/* .ftr-g children: 1 brand, 2 在中国治疗癌症, 3 癌症类型, 4 治疗技术, 5 提交病例, 6 关于我们 */
/*.ftr-g > .ftr-col:nth-child(2) .ftr-l > a:nth-child(3),  */ /* 在中国治疗癌症 › 治疗费用 */
/*.ftr-g > .ftr-col:nth-child(3) .ftr-l > a:nth-child(4),  */ /* 癌症类型 › 全部癌症类型 */
.ftr-g > .ftr-col:nth-child(5),                           /* entire 提交病例 column */
.ftr-g > .ftr-col:nth-child(6) .ftr-l > a:nth-child(1),   /* 关于我们 › 编辑政策 */
.ftr-b nav[aria-label="政策"] > a:nth-child(3),            /* 医学内容政策 */
.ftr-b nav[aria-label="政策"] > a:nth-child(4)             /* 参考文献政策 */
{display:none !important}
/* layout: desktop grid had brand + 5 column tracks; drop the now-empty track (tablet/mobile grids already wrap) */
@media (min-width:1081px){.ftr-g{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr))}}

/* ---------- footer desktop spacing: brand block fixed on the left, nav columns sized to content and spread to the right edge ---------- */
/* auto-flow keeps every visible .ftr-col on one row whatever the column count; space-between gives equal gaps (min 48px) */
@media (min-width:1081px){.ftr-g{grid-template-columns:minmax(0,300px);grid-auto-flow:column;grid-auto-columns:auto;justify-content:space-between;column-gap:48px}}

/* ---------- TEMPORARILY HIDDEN: homepage 各地区联系方式 card (markup kept in index.html #support; delete this block to restore) ---------- */
.sup-g > .regions{display:none !important}
/* layout: drop the empty right track; on desktop show the 6 service cards as 3 columns (keeps card width close to the original 2-column-in-1.35fr size) */
.sup-g{grid-template-columns:minmax(0,1fr)}
@media (min-width:1081px){.sup-g .svc-list{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- TEMPORARILY HIDDEN: mobile/tablet drawer utility area (提交医疗报告, 大字模式 + 联系顾问 row, 语言 note); markup kept in every page; delete this block to restore ---------- */
@media (max-width:1240px){.dfoot > .btn-s,.dfoot > .drow,.dfoot > .note{display:none !important}}