/* Product-derived presentation layer. Patient application remains read-only. */
:root{--pl-registration:#2563eb;--pl-appointment:#16a34a;--pl-prescription:#f97316;--pl-campaign:#8b5cf6;--pl-learn:#0d9488;--pl-faq:#0891b2;--pl-feedback:#ec4899;--pl-shadow:0 12px 26px #0f2f5f10,0 2px 7px #0f2f5f08;--page-title:clamp(2.3rem,3.5vw,3.3rem)}
/* One grid: intro rules must never override the container margins. */
.wrap,.lean-intro .wrap.intro-composition{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.lean-intro .intro-composition{margin-bottom:0;gap:3.5rem}.lean-intro h1,.lean-hero h1{font-size:clamp(2.45rem,3.65vw,3.5rem);line-height:1.12;letter-spacing:-.045em}.lean-hero h1{max-width:15ch}.lean-intro h1{max-width:19ch}.lean-hero{grid-template-columns:.9fr 1.1fr;gap:3rem;padding-block:4rem 5rem}.lean-hero .tagline{font-size:clamp(1.25rem,2vw,1.65rem);color:#19824d}.lean-intro .intro{font-size:1.08rem}.breadcrumb{padding-top:1.5rem}.section-heading h2{font-size:clamp(1.85rem,2.7vw,2.65rem)}
header{position:sticky;top:0;z-index:15;background:#fffffff2;backdrop-filter:blur(14px);box-shadow:0 3px 18px #14395c08}.header{min-height:86px}.header img{width:185px}.header nav{gap:1rem}.header nav a{font-size:.82rem}.header nav a:after{height:2px;border-radius:2px;background:linear-gradient(90deg,#2563eb,#16a34a);transition:transform .2s}.header nav a:last-child{border-radius:12px;background:#155da3;color:white;padding:.7rem 1rem;box-shadow:0 5px 12px #155da31a}.button{border-radius:12px;box-shadow:0 5px 15px #155da320;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #155da329}.button:active{transform:translateY(0)}
body[data-page=home] main{background:radial-gradient(ellipse 650px 450px at 80% 5%,#c8efe34d,transparent),radial-gradient(ellipse 700px 480px at 10% 0,#d9eaff80,transparent)}
.lean-intro{background:radial-gradient(ellipse at 85% 35%,#d4f1e65e,transparent 60%),linear-gradient(145deg,#f4f8ff 0%,#fff 55%);padding-block:3rem 5rem}.problem-section{background:#fff}.actions-section,.values-section{background:linear-gradient(125deg,#f0faf7,#fff 60%,#f3f8ff)}.equation-section{background:linear-gradient(135deg,#f4f9ff,#effbf6)}.outcome-language{background:linear-gradient(130deg,#f8f5ff,#fff 55%)}.outcome-prevention,.language-catalogue{background:linear-gradient(135deg,#f8f5ff,#f2fbfd)}.contact-lean{background:radial-gradient(ellipse at 0 20%,#dfedff99,transparent 60%),radial-gradient(ellipse at 100% 70%,#d4f2e880,transparent 60%)}.lean-close{background:linear-gradient(115deg,#103d76,#136b88 65%,#187452);position:relative;overflow:hidden}.lean-close:after{content:'';position:absolute;width:220px;height:220px;right:1%;top:0;background-image:radial-gradient(#ffffff18 2px,transparent 2px);background-size:18px 18px;pointer-events:none}.lean-close>.wrap{position:relative;z-index:1}
/* Patient service card palette: vivid borders, quieter readable text. */
.capability-grid article,.priority-grid article,.values-grid article,.action-grid article{--accent:var(--pl-registration);--wash:#edf4ff;position:relative;border:1.5px solid #e1e7ef;border-left:4px solid var(--accent);border-radius:18px;background:linear-gradient(145deg,#fff 50%,var(--wash));box-shadow:var(--pl-shadow);overflow:hidden;padding:1.7rem;transition:transform .2s,box-shadow .2s}.capability-grid article:after,.priority-grid article:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background:var(--wash);bottom:-60px;left:-25px;pointer-events:none}.capability-grid article>svg,.priority-grid article>svg,.values-grid article>svg,.action-grid article>svg{width:54px;height:54px;padding:13px;background:var(--wash);color:var(--accent);border-radius:50%;box-shadow:0 6px 16px #1234510a}.capability-grid article:nth-child(1){--accent:var(--pl-appointment);--wash:#e8f7ec}.capability-grid article:nth-child(3),.priority-grid article:nth-child(3){--accent:var(--pl-campaign);--wash:#f0e7ff}.capability-grid article:nth-child(4),.values-grid article:nth-child(4){--accent:var(--pl-learn);--wash:#e0f7f5}.capability-grid article:nth-child(5){--accent:#64748b;--wash:#eef2f6}.capability-grid article:nth-child(6){--accent:var(--pl-prescription);--wash:#fff0df}.priority-grid article:nth-child(1),.values-grid article:nth-child(3){--accent:var(--pl-faq);--wash:#e5f8fc}.priority-grid article:nth-child(4),.action-grid article:nth-child(4){--accent:var(--pl-learn);--wash:#e0f7f5}.capability-grid article:hover,.priority-grid article:hover,.values-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 32px #0f2f5f16}.barrier-scene article{border-radius:20px;background:linear-gradient(145deg,#fff,#f4f8ff);border:1px solid #dce7f4;box-shadow:var(--pl-shadow)}.barrier-scene article:nth-child(2){background:linear-gradient(145deg,#fff,#f2faf6)}.barrier-scene article:nth-child(3){background:linear-gradient(145deg,#fff,#f8f3ff)}
/* Layered interface story, not a flat presentation panel. */
.device-stage{isolation:isolate;background:radial-gradient(ellipse at 60% 65%,#b7e6d88c,transparent 65%),radial-gradient(ellipse at 20% 25%,#bed8ff88,transparent 60%);border:0;padding:1.5rem 2.5rem 4rem .5rem;border-radius:36px}.device-stage:before{content:'';position:absolute;inset:20% 10% 5%;background-image:radial-gradient(#2563eb19 2px,transparent 2px);background-size:18px 18px;z-index:-1}.kiosk-frame{width:90%;background:#fff;border:1px solid #cad9ea;padding:8px 8px 0;border-radius:21px;box-shadow:0 22px 55px #14395c22;transform:rotate(-2deg)}.kiosk-screen{background:linear-gradient(135deg,#fff,#f7fbff 65%,#effbf5);border-radius:15px;padding:1rem}.kiosk-camera{background:#d2dce6}.device-bottom{color:#536780}.phone-frame{background:#fff;border:3px solid #d2deeb;box-shadow:0 22px 45px #14395c2b;transform:rotate(5deg);right:0}.phone-speaker{background:#d2deeb}.service-tile{--accent:var(--pl-appointment);--wash:#e8f7ec;border:1px solid #dfe7ee;border-left:3px solid var(--accent);background:linear-gradient(135deg,#fff 45%,var(--wash));border-radius:13px;box-shadow:0 5px 12px #0f2f5f08;min-height:76px}.service-tile>svg{background:var(--wash);color:var(--accent);border-radius:50%;width:34px;height:34px;padding:7px}.service-tile.service-1{--accent:var(--pl-registration);--wash:#e7f0ff}.service-tile.service-2{--accent:var(--pl-prescription);--wash:#fff0df}.service-tile.service-3{--accent:var(--pl-registration);--wash:#e7f0ff}.service-tile.service-4{--accent:var(--pl-campaign);--wash:#f0e7ff}.service-tile.service-5{--accent:var(--pl-learn);--wash:#e0f7f5}.tile-arrow{border:1px solid var(--accent);color:var(--accent)!important;border-radius:50%;width:18px;height:18px;text-align:center;line-height:14px;font-size:1rem!important;flex-shrink:0}.hero-route{gap:.35rem}.hero-route li{border-radius:9px;border:1px solid #d7e6f3;background:#ffffffbb;font-size:.64rem}.screen-title{font-size:1.23rem}.screen-header>span{background:#e8f7ec;color:#166534}.handoff-label{background:#ffffffd9;border:1px solid #d8e6f4;padding:.5rem .7rem;border-radius:12px;font-size:.72rem;box-shadow:var(--pl-shadow)}
.lean-language-scene{background:radial-gradient(ellipse at 85% 100%,#dcf7eb,#f8fbff 65%);border:1.5px solid #d4e4f5;box-shadow:0 20px 45px #153b5c14;border-radius:24px;padding:2rem;transform:rotate(1deg)}.script-services>span{border-left:3px solid var(--pl-appointment);background:linear-gradient(135deg,#fff,#f0faf3);box-shadow:var(--pl-shadow);border-radius:14px}.script-services>span:nth-child(2){border-color:var(--pl-registration);background:linear-gradient(135deg,#fff,#edf4ff)}.script-services>span:nth-child(3){border-color:var(--pl-learn);background:linear-gradient(135deg,#fff,#eafaf7)}.script-services svg{background:#e8f7ec;border-radius:50%;padding:8px;width:40px;height:40px}.script-services>span:nth-child(2) svg{background:#e7f0ff}.script-services>span:nth-child(3) svg{background:#e0f7f5}
.language-grid{gap:1rem}.language-grid li{border:0;background:transparent;padding:0;box-shadow:none}.language-sample{--accent:#2563eb;--wash:#edf4ff;background:linear-gradient(140deg,#fff 55%,var(--wash));border:1.5px solid #d9e5f0;border-left:4px solid var(--accent);border-radius:18px;box-shadow:var(--pl-shadow);padding:1.5rem;min-height:150px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.language-grid li:nth-child(3n+2) .language-sample{--accent:#0d9488;--wash:#e9f9f4}.language-grid li:nth-child(3n) .language-sample{--accent:#8b5cf6;--wash:#f5efff}.language-sample[aria-pressed=true]{border-color:#2563eb;background:linear-gradient(145deg,#fff,#e8f2ff);box-shadow:0 0 0 2px #2563eb18,var(--pl-shadow)}.language-sample[aria-pressed=true]:after{content:'✓';position:absolute;right:14px;top:12px;color:#155da3;font-weight:700}.language-sample:hover{transform:translateY(-3px);background:linear-gradient(145deg,#fff,var(--wash));box-shadow:0 15px 28px #14395c18}.language-sample .language-flag{font-size:1.5rem;display:block;line-height:1;margin-bottom:.8rem}.language-sample>span[lang]{font-size:1.65rem;color:#102b50}.language-sample strong{color:#536780;font-size:.86rem}
/* Purpose diagram becomes a curved, staggered progression. */
.lean-brand{position:relative;border:0;background:radial-gradient(ellipse at 65% 65%,#d9f3e8,#f5f9ff 70%);padding:2rem;gap:1.2rem;box-shadow:none}.lean-brand>div{position:relative;width:86%;border:1.5px solid #d7e5f2;border-left:4px solid #2563eb;box-shadow:var(--pl-shadow);padding:1.4rem;border-radius:19px}.lean-brand>.brand-link{align-self:center;background:linear-gradient(125deg,#f7f2ff,#fff);border-color:#e5dcf8;border-left:4px solid #8b5cf6;padding:1.4rem}.lean-brand>.brand-link strong,.lean-brand>.brand-link svg{color:#58418c}.lean-brand>.brand-access{align-self:flex-end;background:linear-gradient(125deg,#fff,#eaf9f1);border-left:4px solid #16a34a}.lean-brand>div:not(:last-child):after{content:'';position:absolute;border-right:2px solid #80c9b4;border-bottom:2px solid #80c9b4;border-radius:0 0 16px 0;width:22px;height:22px;right:-18px;bottom:-20px}.mini-routes{background:radial-gradient(ellipse at 60% 80%,#dbf4e7,#f4f8ff 70%);border:0;gap:1rem;flex-direction:column;align-items:stretch;padding:2rem}.mini-routes>div{flex-direction:row;justify-content:flex-start;text-align:left;width:85%;padding:1.4rem;border:1.5px solid #dbe7f1;border-left:4px solid #2563eb;border-radius:19px;box-shadow:var(--pl-shadow)}.mini-routes>div:nth-of-type(2){align-self:center;border-left-color:#8b5cf6}.mini-routes>div:nth-of-type(3){align-self:flex-end;border-left-color:#16a34a}.mini-routes>span{display:none}.lean-guidance{background:linear-gradient(135deg,#eef5ff,#fff);border:1px solid #d8e6f5;box-shadow:var(--pl-shadow)}.lean-guidance>div{background:linear-gradient(110deg,#155da3,#137e91);border-radius:16px}.category-scene{background:linear-gradient(135deg,#f7f1ff,#fff);border-color:#e5dcf8}.category-scene article{border-left:3px solid #8b5cf6;border-radius:18px;box-shadow:var(--pl-shadow);background:#fff}.category-scene article:nth-child(2){border-color:#16a34a}.category-scene article:nth-child(3){border-color:#0d9488}
.compact-network{background:radial-gradient(ellipse at 65% 80%,#d6f2e8,#f4f8ff 70%);border:0;padding:2rem}.network-root{background:#fff;border-left:4px solid #2563eb;border-radius:18px;box-shadow:var(--pl-shadow);width:80%;margin-inline:auto}.network-branches{position:relative;padding-block:2rem;gap:.6rem}.network-branches:before{content:'';position:absolute;top:1rem;left:16%;right:16%;height:1rem;border:2px solid #93c6da;border-bottom:0;border-radius:16px 16px 0 0;pointer-events:none}.network-branches span{background:#fff;border:1px solid #d9e6ef;border-top:3px solid #2563eb;border-radius:14px;box-shadow:var(--pl-shadow);padding:1rem .6rem}.network-branches span:nth-child(2){border-top-color:#0d9488}.network-branches span:nth-child(3){border-top-color:#8b5cf6}.network-result{background:linear-gradient(115deg,#155da3,#147b71);border-radius:18px;box-shadow:0 10px 25px #137b7120}.lean-equation>div{border-radius:20px;border-left:4px solid #2563eb;background:linear-gradient(145deg,#fff,#eef5ff);box-shadow:var(--pl-shadow)}.lean-equation>div:nth-of-type(2){border-left-color:#16a34a;background:linear-gradient(145deg,#fff,#effaf3)}.lean-equation>div.equation-result{background:linear-gradient(115deg,#155da3,#137d79);border-left-color:#0d9488}
.lean-journey li{border:1px solid #dae6f1;border-top:3px solid #2563eb;background:linear-gradient(145deg,#fff,#edf4ff);box-shadow:var(--pl-shadow);border-radius:18px}.lean-journey li:nth-child(2n){border-top-color:#0d9488;background:linear-gradient(145deg,#fff,#eefaf6)}.lean-journey li:nth-child(3n){border-top-color:#8b5cf6;background:linear-gradient(145deg,#fff,#f5efff)}.lean-journey li:not(:last-child):after{border-top:2px solid #86c6b5}.lean-handoff{background:radial-gradient(ellipse at center,#d4f2e4,#f4f8ff 75%);border:0}.lean-handoff>div{background:linear-gradient(145deg,#fff,#edf4ff);border:2px solid #cedfee;border-radius:22px;box-shadow:0 15px 30px #14395c16}.lean-handoff>div:last-of-type{background:linear-gradient(145deg,#fff,#ecfaf5);border-color:#c8e6da}.lean-handoff>span{background:white;box-shadow:var(--pl-shadow);border:1px solid #d7e7f1;border-radius:18px;padding:1rem}.lean-lifecycle li{background:linear-gradient(145deg,#fff,#edf8f4);border:1px solid #d2e6de;border-top:3px solid #0d9488;border-radius:16px;box-shadow:var(--pl-shadow)}
.enquiry-section{background:#fff;border:1.5px solid #dae6f1;border-radius:24px;padding:2.5rem;box-shadow:0 20px 45px #12395c12}.enquiry-section input,.enquiry-section textarea,.enquiry-section select{background:#f9fbff;border:1px solid #cbdbea;border-radius:10px;min-height:46px}.demo-lean{background:radial-gradient(ellipse at 80% 80%,#dcf4e8,#f4f8ff);border:1px solid #dce7f2;box-shadow:var(--pl-shadow);border-radius:24px}.demo-lean li{border:1px solid #dce6f0;border-left:3px solid #2563eb;background:#ffffffd9;border-radius:14px;padding:1rem}.demo-lean li:nth-child(2){border-left-color:#0d9488}.demo-lean li:nth-child(3){border-left-color:#8b5cf6}.demo-lean svg{background:#e7f0ff;border-radius:50%;padding:8px;width:40px;height:40px}
@keyframes pathwayDraw{from{opacity:0;transform:scaleX(.1)}to{opacity:1;transform:scaleX(1)}}
@keyframes handoffArrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.lean-journey.visible li:after,.lean-brand.visible>div:after,.compact-network.visible .network-branches:before{transform-origin:left;animation:pathwayDraw .8s ease both}.lean-handoff.visible>div:last-of-type{animation:handoffArrival .7s .2s both}.lean-lifecycle.visible li{animation:handoffArrival .5s both;animation-delay:calc(var(--step,0)*65ms)}.language-grid.visible li{animation:handoffArrival .5s both;animation-delay:calc(var(--step,0)*35ms)}}
@media(max-width:1100px){.header nav{gap:.7rem}.header img{width:160px}.header nav a{font-size:.76rem}.lean-intro .intro-composition{gap:2rem}.lean-hero{gap:2rem}.lean-hero h1{font-size:3rem}}
@media(max-width:900px){.wrap,.lean-intro .wrap.intro-composition{width:min(1200px,calc(100% - 48px))}.lean-hero,.lean-intro .intro-composition{grid-template-columns:1fr;gap:2.5rem}.lean-hero h1{max-width:19ch;font-size:clamp(2.6rem,5.5vw,3.4rem)}.lean-intro h1{max-width:23ch}.lean-intro{padding-block:2.5rem 4rem}.device-story{max-width:600px}.lean-brand,.mini-routes,.compact-network{max-width:640px;width:100%;margin-inline:auto}.lean-hero{padding-block:3rem}.header img{width:180px}.lean-language-scene{transform:none}.enquiry-section{padding:2rem}}
@media(max-width:600px){.wrap,.lean-intro .wrap.intro-composition{width:calc(100% - 40px)}.header{min-height:76px}.header img{width:164px}.lean-hero h1,.lean-intro h1{font-size:clamp(2.1rem,8.8vw,2.7rem);max-width:18ch}.lean-hero .lead{font-size:1.05rem}.lean-intro .intro{font-size:1rem}.lean-hero .actions{gap:.65rem}.lean-hero .actions a{padding:.8rem 1rem;font-size:.85rem}.device-stage{padding:1rem 1.3rem 4.3rem 0;min-height:430px;border-radius:25px}.kiosk-frame{width:94%;transform:rotate(-1deg)}.kiosk-screen{padding:.65rem}.service-tile{min-height:67px;border-radius:10px;padding:6px;gap:5px}.service-tile>svg{width:26px;height:26px;padding:5px}.service-tile>span:not(.tile-arrow){font-size:.61rem}.screen-title{font-size:1.05rem}.phone-frame{width:120px;right:0;bottom:24px}.phone-screen{min-height:248px}.hero-route{grid-template-columns:repeat(3,1fr)}.hero-route li{font-size:.61rem}.handoff-label{font-size:.62rem;padding:.4rem;left:.3rem;bottom:.7rem}.capability-grid article,.priority-grid article,.values-grid article,.action-grid article{padding:1.15rem;border-radius:15px}.capability-grid article>svg,.priority-grid article>svg,.values-grid article>svg,.action-grid article>svg{width:43px;height:43px;padding:10px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.language-sample{min-height:155px;padding:1.1rem}.language-sample>span[lang]{font-size:1.3rem}.language-sample .language-flag{font-size:1.35rem}.lean-language-scene{padding:1.3rem}.lean-brand,.mini-routes,.compact-network{padding:1.3rem}.lean-brand>div{width:92%;padding:1.1rem}.lean-brand>.brand-link{padding:1.1rem}.lean-brand>div:not(:last-child):after{right:-10px;width:15px}.mini-routes>div{width:90%;padding:1.1rem}.network-branches span{font-size:.7rem;padding:.9rem .3rem}.enquiry-section{padding:1.4rem;border-radius:20px}.lean-close:after{opacity:.5}.lean-handoff>span{padding:.7rem}.preview-language-controls button{min-height:44px;padding:5px 9px}.lean-section{padding-block:3.5rem}.lean-hero{padding-block:2.3rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.kiosk-frame,.phone-frame{transform:none}.language-sample:hover,.capability-grid article:hover,.button:hover{transform:none}}
/* Distinct page compositions: wide journey, offset purpose, compact language preview. */
@media(min-width:901px){.how-intro .intro-composition{grid-template-columns:1fr;gap:2.5rem}.how-intro .section-heading{max-width:760px}.how-intro h1{max-width:24ch}.how-intro .intro{max-width:62ch}.how-intro .device-story{max-width:880px;width:100%;justify-self:center}.how-intro .device-stage{padding:2rem 5rem 4.5rem 1.5rem;min-height:470px}.how-intro .kiosk-frame{width:89%;transform:rotate(-1deg)}.how-intro .service-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.how-intro .service-tile{min-height:85px}.how-intro .screen-title{font-size:1.7rem}.how-intro .phone-frame{width:175px;bottom:18px}.how-intro .hero-route{max-width:760px;margin-inline:auto;margin-bottom:1.5rem}.about-intro .intro-composition{grid-template-columns:.85fr 1.15fr}.language-intro .intro-composition{grid-template-columns:1.1fr .9fr}.language-intro .lean-language-scene{transform:rotate(-1deg)}.solutions-intro .mini-routes{padding-block:2.5rem}}
@media(prefers-reduced-motion:reduce){.language-intro .lean-language-scene{transform:none}}
