/* Business pages extend the existing MedBridge visual system. */
.has-business-nav nav{gap:clamp(16px,2vw,30px)}
.has-business-nav nav a[aria-current=page]{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:9px}
.business-overview{padding-top:82px;padding-bottom:82px;background:#0b1020}
.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.business-link{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #a6baff4d;padding-top:25px;transition:border-color .25s}
.business-link:hover{border-color:#dce7ff}
.business-link h3{margin:0 0 16px;font-size:clamp(23px,2vw,29px);font-weight:500;line-height:1.45}
.business-link>p:not(.product-index){font-size:17px;color:var(--muted);margin:0 0 28px}
.business-link-action{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;margin-top:auto;font-size:16px;color:#c5d4f6}
.business-link-action>span{transition:transform .25s}.business-link:hover .business-link-action>span{transform:translate(3px,-3px)}
.medical-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.medical-grid .product-card{display:flex;flex-direction:column;align-items:stretch;padding:28px;gap:28px}
.medical-grid .product-copy{flex:1}
.medical-grid .product-card h3{font-size:25px}
.medical-grid .qr-trigger{display:flex;align-items:end;gap:20px;width:100%}
.medical-grid .qr-paper{width:145px;height:145px;flex-shrink:0}
.medical-grid .qr-caption{max-width:88px;margin:0 0 4px;gap:12px;flex-wrap:wrap}
.hero.service-hero{height:auto;min-height:min(800px,100svh);max-height:none}
.service-hero .hero-content{padding-top:165px;padding-bottom:115px}
.service-hero .back-link{margin:0 0 27px;font-size:15px}
.service-hero .eyebrow{margin-bottom:20px}
.service-hero h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:1px;max-width:1050px;line-height:1.2}
.service-hero h2{font-size:clamp(27px,2.8vw,40px);line-height:1.5}
.service-hero .hero-copy{max-width:670px}
.service-hero #light-bridge{opacity:.65}
.service-example{background:#0b1020}
.example-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center}
.example-copy>p:not(.eyebrow){font-size:18px;line-height:1.85;max-width:650px;color:var(--muted);margin:24px 0}
.example-copy .example-disclaimer{border-left:2px solid #9bb7fa70;padding-left:20px;font-size:16px!important}
.example-copy h2 .muted{display:inline-block;text-wrap:balance}
.demo-qr-panel{justify-self:end;text-align:center;padding:32px 40px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(140deg,#25324d55,#11182799)}
.demo-label{display:block;font-size:14px;color:var(--accent);letter-spacing:1.4px;margin-bottom:23px}
.demo-qr-panel .qr-trigger{display:block;width:auto;margin:auto}
.demo-qr-panel .qr-paper{width:235px;height:235px;padding:16px}
.demo-qr-panel .qr-caption{max-width:none;display:flex;justify-content:space-between;gap:14px;margin-top:16px;font-size:15px}
.demo-qr-panel>p{margin:17px 0 0;font-size:14px;color:var(--muted)}
.service-setup{background:#0d1324}
.service-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.service-steps li{border-top:1px solid var(--line);padding-top:26px}
.step-number{display:block;font-size:40px;font-weight:350;line-height:1;color:#a7bee9;margin-bottom:26px}
.service-steps h3{font-size:23px;font-weight:500;line-height:1.5;margin:0 0 14px}
.service-steps p{color:var(--muted);font-size:17px;margin:0}
.service-access{border-top:1px solid var(--line);padding-top:35px;margin-top:52px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.service-access .eyebrow{margin-bottom:10px;font-size:13px}
.portal-domain{font-size:clamp(26px,3.2vw,43px);letter-spacing:-.5px;font-weight:450}
.portal-domain>span{font-size:.65em;color:var(--accent);margin-left:15px}
.service-access>p{font-size:16px;color:var(--muted);margin:0}
.service-access>p a{display:inline-block;margin-top:7px;color:#c5d4f6;overflow-wrap:anywhere}
.service-contact{min-height:650px}
.service-contact h2{margin-bottom:20px}
.product-preview{background:#080d18}
.product-preview .section-heading>p{max-width:470px}
.console-frame{display:block;margin:0;border:1px solid var(--line);border-radius:20px;padding:14px;background:#172035;overflow:hidden}
.console-frame .image-trigger{padding:0;border:0;border-radius:10px;background:none}
.console-frame .image-trigger img{height:auto;width:100%;max-height:none;object-fit:contain;background:none}
.console-frame figcaption{display:flex;justify-content:space-between;gap:25px;font-size:14px;color:var(--muted);padding:17px 8px 5px;line-height:1.75}
.preview-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}
.preview-features h3{font-size:21px;line-height:1.5;font-weight:500;margin:0 0 8px}
.preview-features p{font-size:16px;color:var(--muted);margin:0}
@media(max-width:1200px){.medical-grid .product-card{padding:24px}.medical-grid .qr-trigger{display:block}.medical-grid .qr-caption{max-width:145px;margin-top:12px;flex-wrap:nowrap}.business-grid{gap:26px}.example-layout{gap:40px}.demo-qr-panel{padding:30px}}
@media(max-width:1100px){.has-business-nav nav{display:none}.has-business-nav .header-actions{margin-left:auto}.has-business-nav .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:none;border:0;width:42px;height:44px;padding:9px}.has-business-nav .menu-toggle span{width:24px;height:1px;background:#d9e6ff}.has-business-nav~.mobile-nav:not([hidden]){position:absolute;z-index:19;top:118px;left:4%;width:92%;display:flex;flex-direction:column;padding:13px 24px;border:1px solid var(--line);border-radius:17px;background:#141e33f5;backdrop-filter:blur(20px)}.has-business-nav~.mobile-nav a{font-size:18px;padding:12px 0}.medical-grid .product-card h3{font-size:23px}.service-hero h1{font-size:60px}}
@media(max-width:850px){.business-grid{grid-template-columns:1fr;gap:30px}.business-link{padding-top:24px}.business-link h3{font-size:27px}.business-link>p:not(.product-index){margin-bottom:17px}.medical-grid{grid-template-columns:1fr}.medical-grid .product-card{display:grid;grid-template-columns:1fr 156px;padding:28px}.medical-grid .qr-paper{width:156px;height:156px}.medical-grid .qr-caption{max-width:156px}.example-layout{grid-template-columns:1fr;gap:35px}.demo-qr-panel{justify-self:center}.service-steps{gap:23px}.service-steps h3{font-size:21px}.service-access{align-items:flex-start;flex-direction:column;gap:22px}.preview-features{gap:25px}.service-hero h1{font-size:54px}}
@media(max-width:600px){.business-overview{padding-top:60px;padding-bottom:60px}.medical-grid .product-card{grid-template-columns:1fr;padding:25px}.medical-grid .qr-trigger{display:flex;align-items:end;gap:22px}.medical-grid .qr-caption{max-width:110px;margin:0 0 4px;flex-wrap:wrap}.medical-grid .product-card h3{font-size:27px}.has-business-nav .menu-toggle{width:34px;padding:5px}.has-business-nav~.mobile-nav:not([hidden]){top:104px}.hero.service-hero{min-height:0;height:auto;max-height:none}.hero.service-hero .hero-content{padding:140px 7% 120px}.service-hero .back-link{margin-bottom:26px}.service-hero .eyebrow{font-size:12px;letter-spacing:1px}.hero.service-hero h1{font-size:clamp(34px,9.2vw,50px);line-height:1.25;letter-spacing:0;margin-bottom:24px}.hero.service-hero h2{font-size:28px;line-height:1.6;margin-bottom:22px}.service-hero .hero-copy{font-size:17px}.service-hero .hero-actions{gap:18px}.service-hero .hero-bottom{font-size:13px;gap:14px;bottom:25px}.service-hero .hero-bottom>span{max-width:none}.example-copy h2{font-size:30px}.example-copy>p:not(.eyebrow){font-size:17px}.demo-qr-panel{padding:27px;width:100%;max-width:360px}.demo-qr-panel .qr-paper{width:220px;height:220px}.demo-qr-panel .qr-caption{font-size:14px}.service-steps{grid-template-columns:1fr;gap:30px}.service-steps li{position:relative;padding:25px 0 0 53px}.step-number{position:absolute;left:0;top:27px;font-size:27px;margin:0}.service-steps h3{font-size:23px}.service-access{margin-top:35px;padding-top:28px}.portal-domain{font-size:30px}.service-access>p{font-size:15px}.service-contact{min-height:600px}.service-contact h2{font-size:37px}.console-frame{padding:8px;border-radius:13px}.console-frame figcaption{display:block;font-size:13px;padding:12px 4px 4px}.console-frame figcaption span{display:block}.preview-features{grid-template-columns:1fr;gap:24px}.preview-features article{border-top:1px solid var(--line);padding-top:20px}}
/* Viewport-led pages and product navigation. Long content remains naturally scrollable. */
.product-menu{position:relative;color:var(--muted)}
.product-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;font-size:inherit;padding:12px 0}
.product-menu summary::-webkit-details-marker{display:none}
.product-menu[open]>summary{color:var(--text)}
.product-dropdown{position:absolute;top:100%;left:-24px;min-width:280px;padding:12px 22px;background:#141d30;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #0006;z-index:30}
.product-dropdown a{display:flex!important;align-items:center;justify-content:space-between;gap:25px;padding:15px 0!important;white-space:nowrap}
.product-dropdown a+a{border-top:1px solid var(--line)}
.product-dropdown a span{color:var(--accent)}
summary:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
html[data-page=home] .hero,.hero.service-hero,.course-hero.section{height:auto;min-height:100svh;max-height:none;display:flex;align-items:center}
html[data-page=home] .hero-content,.hero.service-hero .hero-content{width:100%;padding:155px 8% 115px}
html[data-page=home] .hero h1{font-size:clamp(64px,7vw,108px)}
html[data-page=home] .hero h2{font-size:clamp(32px,3.6vw,54px)}
html[data-page=home] .hero-copy{max-width:720px}
main>.section:not(.course-hero){min-height:100svh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
main>.contact.section{min-height:calc(100svh - 44px)}
.business-overview{position:relative;padding-top:75px;padding-bottom:75px}
.anchor-alias{position:absolute;top:0}
.business-overview .section-heading{margin-bottom:65px}
.business-link{min-height:310px;padding-top:30px}
.business-link .product-scope{font-size:14px!important;line-height:1.8;color:#8fa5ce!important;margin-top:auto!important;margin-bottom:26px!important}
.business-link .business-link-action{margin-top:0}
.about-hero h1{font-size:clamp(40px,4.5vw,70px);line-height:1.3;max-width:1150px}
.about-hero .hero-copy{max-width:850px;line-height:1.9}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}
.about-grid article{border-top:1px solid var(--line);padding-top:25px}
.about-grid h2{font-size:clamp(25px,2.4vw,36px);line-height:1.5;margin:20px 0}
.about-grid article>p:last-child{font-size:18px;line-height:1.9;color:var(--muted)}
@media(max-width:1100px){.mobile-nav .product-menu summary{font-size:18px}.mobile-nav .product-dropdown{position:static;min-width:0;box-shadow:none;border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 20px;margin:0 0 10px;background:none}.mobile-nav .product-dropdown a{font-size:16px;white-space:normal}.mobile-nav .product-dropdown a+a{border:0}}
@media(max-width:850px){.business-grid{gap:22px}.business-link{min-height:0;padding-top:19px}.business-overview .section-heading{margin-bottom:28px}.business-link h3{font-size:25px;margin-bottom:9px}.business-link>p:not(.product-index){font-size:16px;margin-bottom:13px}.business-link .product-scope{display:none}.business-link .product-index{margin-bottom:8px;font-size:12px}.business-link-action{font-size:14px}.about-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){html[data-page=home] .hero-content,.hero.service-hero .hero-content{padding:125px 7% 95px}html[data-page=home] .hero h1{font-size:58px;margin-bottom:20px}html[data-page=home] .hero h2{font-size:31px;line-height:1.5;margin-bottom:22px}html[data-page=home] .hero-copy{font-size:16px;line-height:1.8;margin-bottom:26px}.hero.service-hero h1{font-size:36px}.hero.service-hero h2{font-size:26px}.hero.service-hero .back-link{margin-bottom:20px}.hero.service-hero .hero-actions{gap:16px}.hero-bottom{bottom:24px!important}main>.section:not(.course-hero){padding-top:48px;padding-bottom:48px}.business-overview .section-heading h2{font-size:29px}.business-overview .section-heading .eyebrow{margin-bottom:12px}.business-grid{gap:19px}.business-link{padding-top:16px}.business-link h3{font-size:23px}.business-link>p:not(.product-index){font-size:15px;line-height:1.65;margin-bottom:11px}.business-link .product-index{font-size:11px;letter-spacing:1px}.business-overview .section-heading{margin-bottom:23px}.about-hero .hero-copy{font-size:16px}.about-hero h1{font-size:34px!important}.about-grid{margin-top:20px}.about-grid article>p:last-child{font-size:16px}.course-hero.section{padding-top:130px;padding-bottom:70px}.course-hero h1{font-size:42px}.about-hero .hero-bottom>span{max-width:65%;font-size:11px}}
@media(max-width:600px) and (max-height:700px){html[data-page=home] .hero-content{padding-top:118px;padding-bottom:85px}html[data-page=home] .hero h1{font-size:50px}html[data-page=home] .hero h2{font-size:28px}.business-overview{padding-top:30px!important;padding-bottom:30px!important}.business-overview .section-heading h2{font-size:26px}.business-grid{gap:15px}.business-link h3{font-size:21px}.business-link>p:not(.product-index){font-size:14px}.business-link .product-index{margin-bottom:5px}.business-overview .section-heading{margin-bottom:18px}}
.has-business-nav nav{align-items:center}
@media(max-width:850px){.business-link .product-index{font-size:11px!important;margin:0 0 7px!important;letter-spacing:1px!important}}
@media(max-width:600px) and (max-height:700px){.business-link{padding-top:12px}.business-link .product-index{font-size:10px!important;line-height:1.5!important;margin-bottom:5px!important}}
@media(max-width:600px) and (max-height:700px){.business-overview{padding-top:25px!important;padding-bottom:25px!important}html[data-language=en][data-page=home] .hero h1{font-size:44px}html[data-language=en][data-page=home] .hero h2{font-size:26px}html[data-language=en] .business-overview h2{font-size:24px}.business-link-action{line-height:1.5}}
@media(max-width:600px) and (max-height:700px){.business-grid{gap:10px}.business-link{padding-top:8px}}
html[data-page=home] main>section{scroll-margin-top:0}
html[data-page=home]{scroll-padding-top:0}
/* A quiet single-page company introduction and consistently aligned header. */
.header.has-business-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:28px}
.header.has-business-nav>.brand{justify-self:start}
.header.has-business-nav>.header-actions{justify-self:end;margin-left:0}
.header.has-business-nav>nav{display:flex;align-items:center;gap:34px}
.header.has-business-nav>nav>a,.header.has-business-nav>nav>.product-menu>summary{display:flex;align-items:center;height:44px;padding:0;font-size:16px;font-weight:400;line-height:1;color:#bdc8e0}
.header.has-business-nav>nav>.product-menu{display:block;line-height:1}
.header.has-business-nav>nav a[aria-current=page]{color:#fff;text-underline-offset:8px}
.product-menu summary::marker{content:''}
.product-dropdown a{line-height:1.5}
.about-simple{min-height:calc(100svh - 44px);padding:155px 8% 60px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5%;box-sizing:border-box}
.about-copy{max-width:700px}
.about-copy .eyebrow{margin:0 0 20px;font-size:13px;letter-spacing:2px}
.about-copy h1{font-size:clamp(28px,2.5vw,42px);font-weight:500;line-height:1.4;letter-spacing:0;margin:0 0 18px}
.about-vision{font-size:clamp(19px,1.5vw,24px);line-height:1.55;color:#c5d4f6;margin:0 0 26px}
.about-prose p{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 18px}
.about-email{display:inline-block;font-size:16px;color:#c5d4f6;margin-top:8px;padding-bottom:4px;border-bottom:1px solid #7086ad;overflow-wrap:anywhere}
.about-image{margin:0;align-self:center}
.about-image img{display:block;width:100%;height:auto;border-radius:4px}
html[data-page=about] .geo-footer{gap:15px;flex-wrap:wrap;height:auto;min-height:44px}
.about-legal{margin-right:auto}
@media(max-width:1100px){.header.has-business-nav{grid-template-columns:1fr auto;gap:16px}.header.has-business-nav>nav{display:none}.about-simple{gap:4%;padding-left:7%;padding-right:7%}.about-prose p{font-size:15px}}
@media(max-width:760px){.about-simple{grid-template-columns:1fr;gap:28px;padding:128px 7% 40px;min-height:calc(100svh - 44px)}.about-copy{max-width:none}.about-copy h1{font-size:27px}.about-copy .eyebrow{margin-bottom:15px}.about-vision{font-size:19px;margin-bottom:22px}.about-prose p{font-size:15px;line-height:1.85;margin-bottom:16px}.about-image{width:100%;max-width:540px;justify-self:center}.about-email{font-size:15px}.about-legal{flex-basis:100%;text-align:center;margin:0}html[data-page=about] .geo-footer{padding-top:15px;padding-bottom:15px;gap:8px 15px}}
@media(max-width:400px){.header.has-business-nav{gap:8px}.header.has-business-nav .brand strong{font-size:17px}.header.has-business-nav .brand small{font-size:12px}.header.has-business-nav .brand img{width:34px;height:34px}.header.has-business-nav .language-switch{font-size:13px;padding:7px}.header.has-business-nav .header-actions{gap:7px}.header.has-business-nav .menu-toggle{width:29px}}
/* Nighttime R&D backdrop, matched to the homepage palette. */
html[data-page=about]{background:#080b14}
.about-simple{position:relative;isolation:isolate;display:flex;align-items:center;background:#080b14;overflow:hidden}
.about-simple::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/home-assets/about-workplace-night.png') center center/cover no-repeat;opacity:.58}
.about-simple::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080b14f5 0%,#080b14d9 37%,#080b1459 75%,#080b1433 100%)}
.about-simple .about-copy{width:60%;max-width:760px}
.about-simple .eyebrow{color:#a7b1c9}
.about-simple h1{color:#edf1ff}
.about-simple .about-vision{color:#c5d4f6}
.about-simple .about-prose p{color:#bac4d8}
.about-simple .about-email{color:#c5d4f6;border-color:#7086ad}
html[data-page=about] .geo-footer{background:#080b14;color:#a7b1c9;border-top:1px solid #a6baff26}
html[data-page=about] .geo-footer a{color:#a7b1c9}
@media(max-width:1100px){.about-simple .about-copy{width:72%}}
@media(max-width:760px){.about-simple .about-copy{width:100%}.about-simple::before{background-position:70% center;opacity:.25}.about-simple::after{background:#080b1499}.about-simple{padding-top:130px;padding-bottom:55px}}
/* Quiet, optional fullscreen reading mode. */
.fullscreen-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #a6baff38;border-radius:50%;background:#ffffff06;color:#bdc8e0;cursor:pointer}
.fullscreen-toggle:hover,.fullscreen-exit:hover{color:#fff;background:#ffffff14;border-color:#a6baff80}
.fullscreen-toggle:focus-visible,.fullscreen-exit:focus-visible{outline:2px solid #b6c9ff;outline-offset:4px}
.fullscreen-exit{position:fixed;z-index:1000;right:max(20px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));padding:10px 16px;border:1px solid #a6baff38;border-radius:30px;background:#101727dc;color:#bdc8e0;font:inherit;font-size:15px;cursor:pointer;backdrop-filter:blur(14px)}
.fullscreen-exit[hidden]{display:none}
.is-fullscreen .header,.is-fullscreen .mobile-nav{display:none!important}
.fullscreen-status{position:fixed;z-index:1001;bottom:60px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);border-radius:12px;background:#172137;color:#edf1ff;font-size:16px;text-align:center}
.fullscreen-status:not(:empty){padding:12px 18px}
@media(max-width:400px){.fullscreen-toggle{flex-basis:30px;width:30px;height:34px}.header.has-business-nav .header-actions{gap:5px}}
