/* A calm clinical editorial system: purposeful images, legible evidence, consistent product entry. */
:root{--section-space:clamp(56px,6vw,88px)}
body{line-height:1.75}p{word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3,h4{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.section{padding-top:var(--section-space);padding-bottom:var(--section-space)}.section h2{font-size:clamp(28px,3vw,36px);line-height:1.45;letter-spacing:-.035em}.section-heading{gap:24px;align-items:end}.section-heading>.text-link{flex-shrink:0}.lead{font-size:18px;line-height:1.8}.subsection{padding-top:64px}
.page-intro{padding:24px 0 48px}.page-intro .breadcrumb{margin-bottom:32px;font-size:14px}.page-intro .eyebrow{display:none}.page-intro h1{font-size:clamp(32px,4vw,46px);line-height:1.4;letter-spacing:-.035em;max-width:1000px}.page-intro p{max-width:800px;line-height:1.8;font-size:17px}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:15px;line-height:1.5;padding:13px 21px;border-radius:6px}.buttons{flex-wrap:wrap;gap:12px}.text-link{font-size:15px;line-height:1.6;display:inline-flex;align-items:center;gap:8px;padding:6px 0}.section-nav button{font-size:15px;min-height:48px}.filter{min-height:44px;border-radius:5px}.note{font-size:14px;line-height:1.8}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #478ddd;outline-offset:4px}
.brand-mark,.product-name .brand-mark,.product-hero h1 .brand-mark{position:relative;top:-.55em;font-size:.42em;line-height:0;vertical-align:baseline;letter-spacing:0;margin-left:.07em}
.hero{min-height:540px}.hero-inner{padding-top:62px;padding-bottom:54px}.hero p{font-size:17px;line-height:1.85}.v4-achievements .kpis{padding:28px 0 20px}.v4-achievements .kpi b{font-size:32px}.v4-problem{padding-bottom:0}.v4-problem-heading{gap:40px;margin-bottom:30px}.v4-care-gap{margin-bottom:32px;padding:26px 30px}.v4-care-gap figcaption{font-size:24px}.v4-care-evidence{margin-top:20px;padding-top:20px}
.design-gaps{gap:28px}.design-gaps .v4-gap{grid-template-columns:1fr 1fr;border:1px solid #d7e1ed}.design-gaps .v4-question{padding:28px 30px 32px;background:#f0f4fb}.design-gaps .v4-gap-medication .v4-question{background:#edf5f3}.design-gaps .v4-question>.eyebrow{margin-bottom:18px;display:block;font-size:14px}.concept-photo{margin:0 0 23px}.concept-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:8px}.concept-photo figcaption{font-size:12px;line-height:1.5;color:#64718a;margin-top:7px}.design-gaps .v4-question h3{font-size:26px;line-height:1.45;margin-bottom:13px}.design-gaps .v4-answer{padding:36px;display:flex;flex-direction:column;justify-content:center}.design-gaps .v4-answer h4{font-size:28px;line-height:1.45;margin:16px 0}.design-gaps .v4-answer>p{font-size:16px;line-height:1.8}.design-gaps .v4-answer>.text-link{align-self:flex-start;margin-top:8px}.v6-first-products{gap:12px;margin:24px 0}.v6-first-products>a{padding:18px 16px}.v6-first-products>a>strong{font-size:25px}.v6-product-proof>span,.v6-product-proof.compact>span{font-size:14px;line-height:1.6;padding:5px 9px}.v6-product-proof.compact{gap:7px}.medication-support{padding:0;list-style:none;margin:24px 0}.medication-support li{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:17px 0;border-top:1px solid #dae5e3;font-size:15px}.medication-support b{font-weight:600;color:#2b7066}.medication-support span{color:var(--muted)}
.v4-home-platform h2{font-size:clamp(28px,3vw,36px)}.product-grid{gap:28px}.product-grid .product{border-radius:12px}.product-grid .product h3{font-size:36px;line-height:1.35}.product-grid .product>p{font-size:17px;line-height:1.7}.product-visual img{object-fit:contain}.product-bottom{gap:16px}.product-code{font-size:14px}.home-pipeline .pipeline-program{min-height:128px}.home-pipeline .pipeline-group+.pipeline-group{margin-top:26px}.v6-pipeline .pipeline-program-name small{font-size:14px;line-height:1.7}.v6-pipeline .pipeline-status{font-size:14px}.v6-pipeline .pipeline-market{display:inline-flex;padding:2px 8px;background:#edf2fa;border-radius:4px;font-size:13px;margin-bottom:7px}
.drugos-flow{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:22px;align-items:stretch;margin-top:36px}.drugos-flow article{position:relative;min-width:0;padding:28px 25px;border:1px solid #364e70;border-radius:10px;background:#132944}.flow-step{font-size:14px;color:#b8d0f1;display:block;margin-bottom:25px}.drugos-flow h3{font-size:23px;line-height:1.5;margin:0 0 23px;font-weight:500}.drugos-flow ul{margin:0;padding:0;list-style:none}.drugos-flow li{font-size:16px;line-height:1.75;color:#cfdded;padding:13px 0;border-top:1px solid #37506c}.drugos-flow .flow-core{background:#204884;border-color:#587fbd}.flow-core h3{font-size:38px;margin-bottom:22px}.flow-module{padding:16px 0;border-top:1px solid #6081b2}.flow-module>b{display:block;font-size:19px;font-weight:500}.flow-module>span{display:block;color:#d5e4f7;font-size:15px;margin-top:7px}.flow-core p{font-size:14px;color:#d5e4f7;margin:12px 0 0}.drugos-flow article+article:before{content:'→';position:absolute;left:-23px;top:48%;width:24px;text-align:center;color:#96b9ed;font-size:22px;z-index:1}.flow-foundation{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 26px;margin-top:22px;border:1px solid #344e70;border-radius:8px;background:#0c1c32}.flow-foundation strong{font-size:17px;font-weight:500}.flow-foundation>span{font-size:15px;color:#b8d0f1}.flow-footnote{font-size:14px;color:#b9cde5;margin:20px 0 0}.v6-cases{gap:22px}.v6-case h4{min-height:0}.v6-case figure{height:230px}.v6-case dd{font-size:16px}.tech5-test-case,.tech5-chart-basis{font-size:14px}.tech5-expansion-grid article>span{font-size:14px}.tech5-heading{gap:36px}.tech5-core-grid{gap:24px}
.product-hero{padding:24px 0 48px;background:linear-gradient(125deg,#f3f6fd,#e8effb)}.product-hero.seren{background:linear-gradient(125deg,#f5faf8,#e6f1ed)}.product-hero .breadcrumb{font-size:14px;margin-bottom:22px}.product-hero-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:60px;align-items:center}.product-hero h1{font-size:clamp(44px,5vw,64px);line-height:1.15;letter-spacing:-.04em;margin:14px 0 24px}.product-hero h2{font-size:clamp(25px,2.5vw,32px);font-weight:500;line-height:1.45;letter-spacing:-.035em;margin:0 0 18px}.product-hero-copy>p{font-size:17px;line-height:1.85;max-width:620px;color:#50637e;margin:0}.product-hero-copy .v6-product-proof{margin:25px 0}.product-hero.seren .v6-product-proof>span{color:#25685e;border-color:#bcd9d1}.product-hero .buttons{margin-top:24px}.product-hero-copy>p.product-hero-regulatory{font-size:14px;margin-top:23px;color:#5c6d84}.product-hero-screen{margin:0;text-align:center;align-self:center}.product-hero-screen img{display:block;width:auto;height:405px;max-width:100%;object-fit:contain;margin:0 auto;border-radius:18px;filter:drop-shadow(0 16px 18px #15325918)}.product-hero-screen figcaption{font-size:13px;color:#5a6b82;margin-top:20px}.product-hero-screen figcaption span{display:block;font-size:14px;margin-top:4px}.product-body>.wrap>.subsection:first-child{padding-top:0}.product-body .lead{max-width:790px}.screen-zoom{cursor:zoom-in;padding:0;background:none;border:0;display:flex;flex-direction:column;align-items:center;max-width:100%;color:#395b8e}.screen-zoom>span{display:block;margin-top:16px;font-size:14px}.screen-zoom img{max-width:100%;transition:transform .18s}.screen-zoom:hover img{transform:translateY(-3px)}.zoomed-screen{margin:0;text-align:center}.zoomed-screen img{display:block;max-width:100%;max-height:75vh;width:auto;height:auto;margin:auto;object-fit:contain}.zoomed-screen figcaption{font-size:14px;margin-top:14px}.sq-app-grid figure{display:flex;align-items:center;justify-content:center}.sq-app-grid .screen-zoom img{max-height:420px;width:auto}.sq-app-grid .screen-zoom{width:100%}.product-hero~.section-nav{border-top:1px solid #dce5ef}
.seren-program .process-step{border-top-color:#88b5aa}.seren-program .process-step>span{color:#3c8175}.patient-resources{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:42px}.doctor-actions{padding:25px 0;border-block:1px solid #e0e7ef;background:#f8fafd}.doctor-actions .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.sq-care h3{font-size:22px}.sq-care p{font-size:16px}.sq-care a small{font-size:14px}.sq-resource-bar p{font-size:16px}.clinical-evidence .note,.clinical-evidence p,.study-links{line-height:1.8}.clinical-evidence .note,.rwe-note,.study-row .note,.tech5-chart-basis{font-size:14px}.study-row strong{font-size:21px}.fact-list p,.faq p{font-size:16px}.notice{font-size:16px}.notice p{font-size:16px}.news-card h3{font-size:22px;line-height:1.5}.news-thumb,.news-detail-image img{object-fit:contain}.news-meta span{font-size:13px}.award-card .award-description{font-size:16px}.timeline p{font-size:17px}.v6-team .person-portrait{aspect-ratio:4/4.5;object-fit:cover;object-position:50% 28%}.v6-team .person-body{padding:28px}.v6-team .person h2{font-size:28px}.person-role{font-size:16px}.directory-heading small{font-size:14px}.logo-canvas{min-height:145px}.partner-directory .logo-canvas img{object-fit:contain}.contact-main-action{margin-top:28px}.office p{font-size:16px}.foot-bottom .footer-button{font-size:14px;min-height:44px}.page-intro+.section-nav{margin-top:0}
@media(min-width:761px){.v6-pipeline .pipeline-sticky{z-index:2}.home-pipeline .pipeline-program-name h4{font-size:21px}}
@media(max-width:1100px){.drugos-flow{grid-template-columns:1fr;gap:20px}.drugos-flow article{padding:26px}.drugos-flow article+article:before{content:'↓';top:-25px;left:calc(50% - 12px)}.flow-step{margin-bottom:16px}.drugos-flow ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.drugos-flow h3 br{display:none}.flow-core{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.flow-core .flow-step,.flow-core h3,.flow-core p{grid-column:1/-1}.flow-core h3{margin-bottom:12px}.product-hero-layout{gap:32px}.design-gaps .v4-answer{padding:30px}.design-gaps .v4-question{padding:25px}.design-gaps .v4-answer h4{font-size:25px}.design-gaps .v6-first-products{grid-template-columns:1fr}.v6-first-products .v6-product-proof.compact{flex-direction:row;flex-wrap:wrap}.v6-first-products>a>span{margin-bottom:12px}}
@media(max-width:760px){.section{padding-top:54px;padding-bottom:54px}.section h2{font-size:28px}.section-heading{align-items:start;flex-direction:column;gap:16px}.page-intro{padding:20px 0 34px}.page-intro h1{font-size:30px}.page-intro .breadcrumb{margin-bottom:25px}.lead{font-size:17px}.page-intro p{font-size:16px}.hero{min-height:auto}.hero-inner{padding:48px 0}.hero p{font-size:16px}.v4-problem{padding-bottom:0}.v4-care-gap{padding:24px 22px}.v4-care-gap figcaption{font-size:22px}.design-gaps .v4-gap{grid-template-columns:1fr}.design-gaps .v4-question{padding:24px}.design-gaps .v4-question h3{font-size:25px}.concept-photo img{aspect-ratio:3/2;max-height:340px}.design-gaps .v4-answer{padding:28px 24px}.design-gaps .v6-first-products{grid-template-columns:1fr 1fr}.design-gaps .v6-product-proof.compact{flex-direction:column}.design-gaps .v4-answer h4{font-size:25px}.medication-support li{grid-template-columns:86px 1fr}.drugos-flow ul{grid-template-columns:1fr;gap:0}.flow-foundation{align-items:start;flex-direction:column;gap:12px;padding:22px}.flow-core{display:block}.flow-core h3{margin-bottom:20px}.tech5-core-grid{grid-template-columns:1fr 1fr}.product-hero{padding:20px 0 34px}.product-hero-layout{grid-template-columns:minmax(0,1fr) 140px;gap:20px;align-items:start}.product-hero-copy{display:contents}.product-hero .eyebrow{grid-column:1/-1;margin-bottom:0}.product-hero h1{grid-column:1;margin:0;font-size:40px;align-self:end}.product-hero h2{grid-column:1;font-size:24px;margin:0;text-align:left}.product-hero-copy>p{grid-column:1/-1;font-size:16px}.product-hero-screen{grid-column:2;grid-row:2/4;align-self:center}.product-hero-screen img{height:235px;max-width:140px;border-radius:12px}.product-hero-screen figcaption{display:none}.product-hero .v6-product-proof{grid-column:1/-1;margin:0}.product-hero .buttons{grid-column:1/-1;margin:0}.product-hero-copy>p.product-hero-regulatory{grid-column:1/-1;margin-top:0}.product-hero h2 br{display:none}.product-hero .breadcrumb{margin-bottom:24px}.product-body .subsection{padding-top:50px}.flow-step{font-size:14px}.patient-resources{align-items:stretch}.patient-resources .btn{flex:1 1 220px}.doctor-actions .btn{flex:1 1 220px}.sq-app-grid .screen-zoom img{max-height:420px}.v6-case h3,.v6-case.combination h3{font-size:27px}.pipeline-matrix{min-width:730px}.pipeline-sticky{max-width:100%}.v6-pipeline .pipeline-program-name{width:auto}.home-pipeline .pipeline-program{min-height:146px}.v6-pipeline .pipeline-program-name small{font-size:14px}.cert-grid p{font-size:14px}.study-row strong{font-size:20px}.timeline p{font-size:16px}.global-grid p{font-size:15px}.tech5-duration h3{font-size:23px}.logo-canvas{min-height:125px}}
@media(max-width:430px){.design-gaps .v6-first-products{grid-template-columns:1fr}.design-gaps .v6-product-proof.compact{flex-direction:row;flex-wrap:wrap}.product-hero-layout{grid-template-columns:minmax(0,1fr) 113px;gap:17px}.product-hero-screen img{max-width:113px;height:235px}.product-hero h1{font-size:36px}.product-hero h2{font-size:22px}.product-hero .buttons{display:grid;grid-template-columns:1fr;width:100%}.tech5-core-grid{grid-template-columns:1fr}.v4-achievements .kpi b{font-size:28px}.v4-achievements .kpi span{font-size:14px}.filter-bar{flex-wrap:wrap}.flow-foundation>span{font-size:14px}.section-nav .wrap{overflow-x:auto;white-space:nowrap}.section-nav button{flex-shrink:0}.product-grid .product h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.screen-zoom img{transition:none}.screen-zoom:hover img{transform:none}}
.pipeline-stage-headings span,.pipeline-count,.pipeline-scroll-hint,.pipeline-program-name p{font-size:14px}.pipeline-program-name .pipeline-market{align-self:flex-start}.clinical-panel .note,.clinical-panel .pill,.clinical-caption,.evidence-facts{font-size:14px}.clinical-panel .clinical-takeaway p{font-size:16px}.product-hero,.subsection,[id="history"],[id="awards"],[id="news-list"]{scroll-margin-top:135px}.partner-directory .logo-canvas img[src*="partner-stmary-vector"],.partner-directory .logo-canvas img[src*="partner-ewha-vector"]{width:98%;max-height:108px}.partner-directory .logo-canvas img[src*="partner-mydoctor-official"]{width:86%;max-width:215px}.partner-directory .logo-canvas img[src*="charite"]{width:85%;max-height:90px}
