/* Arogyam Health landing page.
   Layout follows the lms.cliniops.com welcome page: a fixed white header, a centred masthead,
   then ruled sections of eyebrow + display heading inside a 1080px column, and a slim footer.
   Colours are the poster's: teal ink, orange title, sky-blue accents. */

:root{
    --lp-ink:#0F2B3A; --lp-ink-2:#40566A; --lp-ink-3:#667C8F;
    --lp-page:#F5F7FA; --lp-card:#FFFFFF; --lp-steel:#C9D5E0; --lp-steel-2:#DCE4EC;
    --lp-teal:#17586F; --lp-wash:#E3F3FA; --lp-sky:#5BC5EC;
    --lp-orange:#D9730A; --lp-orange-wash:#FDF0DF; --lp-green:#3F8F3A;
    --lp-shadow:0 1px 2px rgba(15,43,58,.06), 0 8px 24px -12px rgba(15,43,58,.2);
    --header-h:65px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0; background:var(--lp-page); color:var(--lp-ink); font-size:15px; line-height:1.6;
     font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
     -webkit-font-smoothing:antialiased}
img{max-width:100%; height:auto; display:block}
a{color:var(--lp-teal)}
:focus-visible{outline:3px solid var(--lp-sky); outline-offset:2px}

.skip-link{position:absolute; left:-9999px; top:0; z-index:1100; background:var(--lp-teal); color:#fff;
           padding:10px 16px; border-radius:0 0 4px 0}
.skip-link:focus{left:0}

/* header */
.site-header{position:fixed; inset:0 0 auto 0; z-index:1000; height:var(--header-h); background:#fff;
             border-bottom:1px solid var(--lp-steel-2); box-shadow:0 3px 0 rgba(15,43,58,.03)}
.site-header-wrap{height:100%; padding:0 28px; display:flex; align-items:center; justify-content:flex-end; gap:16px}
/* The two partner organisations sit side by side, on one line, at matched visual weight:
   the Arogyam mark is tall where the CliniOps wordmark is wide, so it gets the extra height. */
.partner-logos{display:flex; align-items:center; gap:14px; text-decoration:none}
.partner-logos img{width:auto; mix-blend-mode:multiply}
.partner-rule{align-self:stretch; width:1px; background:var(--lp-steel)}
.logo-link .logo-cliniops{height:32px}
.logo-link .logo-arogyam{height:50px}
.site-nav{display:flex; align-items:center; gap:22px}
.site-nav a:not(.lp-btn){font-size:.9rem; font-weight:600; color:var(--lp-ink-2); text-decoration:none}
.site-nav a:not(.lp-btn):hover{color:var(--lp-teal)}

main{padding:var(--header-h) 28px 0}

/* masthead */
.masthead{max-width:940px; margin:0 auto; text-align:center; padding:48px 0 56px}
.masthead-logos{justify-content:center; gap:26px; margin-bottom:26px}
.masthead-logos .logo-cliniops{height:60px}
.masthead-logos .logo-arogyam{height:100px}
.masthead h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:800; letter-spacing:-.02em;
             font-size:clamp(2.3rem,6vw,3.6rem); line-height:1.05; margin:0; color:var(--lp-orange);
             text-transform:uppercase}
.masthead-sub{font-size:clamp(1.2rem,2.8vw,1.7rem); font-weight:700; letter-spacing:-.01em; line-height:1.25;
              color:var(--lp-teal); margin:.9rem 0 0; text-wrap:balance}
.masthead .lead{font-size:1.12rem; color:var(--lp-ink-2); margin:.9rem 0 0}

/* shared */
.lp{max-width:1080px; margin:0 auto; padding-bottom:8px}
.lp p{color:var(--lp-ink-2); margin:0 0 1.05rem; line-height:1.62}
.lp p strong{color:var(--lp-ink); font-weight:650}
.lp-display{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:-.028em;
            font-weight:800; line-height:1.08; text-wrap:balance; color:var(--lp-ink); margin:.5rem 0 0}
.lp-eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.72rem;
            letter-spacing:.16em; text-transform:uppercase; color:var(--lp-ink-3)}
.lp-col{max-width:64ch}
.lp-wide-copy{margin-top:1.1rem}
.lp-sec{padding:64px 0; border-top:1px solid var(--lp-steel-2)}
.lp-sec-first{padding-top:48px}
.lp-sec h2, .lp-close h2{font-size:clamp(1.55rem,3.1vw,2.05rem)}
.lp-sec h3{font-size:1.04rem; font-weight:700; letter-spacing:-.01em; margin:0 0 .3rem; color:var(--lp-ink)}

.lp-cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:1.9rem}
.lp-btn{display:inline-flex; align-items:center; border-radius:4px; text-decoration:none;
        font-weight:650; font-size:.94rem; padding:11px 22px; border:1.5px solid transparent;
        transition:transform .14s ease, border-color .14s ease, background-color .14s ease}
.lp-btn-sm{padding:8px 16px; font-size:.88rem}
.lp-btn-lg{padding:13px 30px; font-size:1.02rem}
.lp-btn-solid{background:var(--lp-teal); border-color:var(--lp-teal); color:#fff}
.lp-btn-solid:hover{background:#114659; color:#fff; transform:translateY(-1px)}
.lp-btn-line{border-color:var(--lp-steel); color:var(--lp-ink); background:var(--lp-card)}
.lp-btn-line:hover{border-color:var(--lp-teal); color:var(--lp-teal); transform:translateY(-1px)}

.lp-ticks{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.lp-ticks li{display:grid; grid-template-columns:auto 1fr; gap:12px; font-size:.95rem; color:var(--lp-ink-2)}
.lp-ticks b{color:var(--lp-ink); font-weight:650}
.lp-tick{width:19px; height:19px; border-radius:4px; background:var(--lp-wash); color:var(--lp-teal);
         display:grid; place-items:center; font-size:.66rem; font-weight:800; margin-top:2px}

/* three pillars */
.lp-pillars{display:grid; gap:18px; margin-top:1.8rem; grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.lp-pillar{background:var(--lp-card); border:1px solid var(--lp-steel-2); border-radius:10px; overflow:hidden;
           box-shadow:var(--lp-shadow); display:flex; flex-direction:column}
.lp-pillar > img{width:100%; aspect-ratio:3/2; object-fit:cover; background:#fff}
.lp-pillar > img.lp-contain{object-fit:contain}
.lp-pillar-body{padding:18px 20px 22px; border-top:3px solid var(--lp-sky); flex:1}
.lp-pillar-body h3{margin-bottom:.8rem}

/* objectives */

/* ecosystem */
.lp-eco{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:620px; margin-top:.6rem}
.lp-eco img{width:100%; aspect-ratio:6/5; object-fit:contain; background:var(--lp-card);
            border:1px solid var(--lp-steel-2); border-radius:10px; padding:6px}

.lp-route{margin-top:1.2rem; padding:26px 24px; background:var(--lp-card);
          border:1px solid var(--lp-steel-2); border-radius:8px; box-shadow:var(--lp-shadow); overflow-x:auto}
.lp-line{display:flex; min-width:640px}
.lp-stop{flex:1; position:relative; padding:30px 8px 0}
.lp-stop::before{content:""; position:absolute; left:0; right:0; top:9px; height:3px; background:var(--lp-steel)}
.lp-stop:first-child::before{left:50%}
.lp-stop:last-child::before{right:50%}
.lp-stop::after{content:""; position:absolute; left:calc(50% - 8px); top:2px; width:16px; height:16px;
                border-radius:50%; background:var(--lp-card); border:3px solid var(--lp-teal)}
.lp-stop.lp-end::after{background:var(--lp-teal)}
.lp-stop b{display:block; text-align:center; font-size:.92rem; line-height:1.3; color:var(--lp-ink)}

.lp-caps{display:grid; gap:24px 32px; margin-top:1.8rem; grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.lp-cap{border-top:2.5px solid var(--lp-teal); padding-top:15px}
.lp-cap p{font-size:.94rem; margin:.35rem 0 0}

/* device */
.lp-device{display:grid; gap:28px 40px; margin-top:1.8rem; align-items:center;
           grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.lp-device-shot{background:var(--lp-card); border:1px solid var(--lp-steel-2); border-radius:10px;
                box-shadow:var(--lp-shadow); padding:18px}
.lp-device-shot img{margin:0 auto}
.lp-spec{margin:1.6rem 0 0; padding-top:1.3rem; border-top:1px solid var(--lp-steel-2); display:grid; gap:8px}
.lp-spec > div{display:grid; grid-template-columns:120px 1fr; gap:12px; font-size:.92rem}
.lp-spec dt{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.72rem;
            letter-spacing:.12em; text-transform:uppercase; color:var(--lp-ink-3); padding-top:3px}
.lp-spec dd{margin:0; color:var(--lp-ink)}
.lp-patent{margin-top:1.8rem; display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px;
           background:var(--lp-orange-wash); border:1px solid #F2D5AE; border-radius:8px; padding:14px 18px;
           font-size:.93rem; color:var(--lp-ink)}
.lp-patent-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.72rem; font-weight:700;
               letter-spacing:.14em; text-transform:uppercase; color:#8A4A05; white-space:nowrap}

/* traction */
.lp-facts{display:flex; flex-wrap:wrap; gap:16px 32px; margin-top:1.8rem; padding:26px 28px; background:var(--lp-card);
          border:1px solid var(--lp-steel-2); border-radius:10px; box-shadow:var(--lp-shadow)}
.lp-fact{flex:1 1 190px}
.lp-fact b{display:block; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:clamp(2rem,4.6vw,2.8rem);
           line-height:1.1; letter-spacing:-.02em; font-variant-numeric:tabular-nums; color:var(--lp-teal)}
.lp-fact span{display:block; margin-top:6px; font-size:.92rem; color:var(--lp-ink-2); max-width:30ch}
.lp p.lp-note{margin:1.1rem 0 0; font-size:.9rem; color:var(--lp-ink-3)}

.lp-roles{display:grid; gap:14px; margin-top:1.7rem; grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.lp-role{background:var(--lp-card); border:1px solid var(--lp-steel-2); border-left:5px solid var(--lp-orange);
         border-radius:8px; padding:17px 20px}
.lp-role .lp-eyebrow{color:#8A4A05}
.lp .lp-role p{font-size:1rem; font-weight:650; color:var(--lp-ink); margin:.35rem 0 0}

/* close */
.lp-close{background:var(--lp-card); border:1px solid var(--lp-steel-2); border-radius:10px;
          padding:38px 32px; margin:0 0 56px; box-shadow:var(--lp-shadow)}
.lp-close h2{margin-bottom:1rem}
.lp-close p{margin-bottom:0}
.lp-close .lp-cta{margin-top:1.5rem}

/* footer */
.site-footer{background:#fff; border-top:1px solid var(--lp-steel-2); padding:16px 28px; font-size:.82rem; color:var(--lp-ink-2)}
.site-footer-wrap{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px}
.site-footer-brand{display:flex; align-items:center; gap:10px}
.site-footer-brand img{height:22px; width:auto; mix-blend-mode:multiply}
.site-footer-brand img.logo-arogyam{height:34px}
.text-muted{color:var(--lp-ink-3)}
.site-footer-links{list-style:none; display:flex; gap:20px; margin:0; padding:0}
.site-footer-links a{color:var(--lp-ink-2); text-decoration:none}
.site-footer-links a:hover{color:var(--lp-teal)}

/* hero: a full-bleed wash behind the masthead */
.hero{margin:0 -28px; padding:0 28px; border-bottom:1px solid var(--lp-steel-2);
      background:
        radial-gradient(60rem 26rem at 12% -10%, rgba(91,197,236,.26), transparent 60%),
        radial-gradient(48rem 24rem at 92% 0%, rgba(238,139,27,.16), transparent 60%),
        linear-gradient(#fff, var(--lp-page))}
.site-header{background:rgba(255,255,255,.86); -webkit-backdrop-filter:saturate(1.4) blur(12px); backdrop-filter:saturate(1.4) blur(12px)}
.site-nav a:not(.lp-btn){position:relative; padding:6px 0}
.site-nav a:not(.lp-btn)::after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--lp-sky);
                                transform:scaleX(0); transform-origin:left; transition:transform .18s ease}
.site-nav a:not(.lp-btn):hover::after{transform:scaleX(1)}

/* compliance badges: logo above, caption as text */
.badges{list-style:none; margin:2.2rem 0 0; padding:0; display:grid; gap:12px; grid-template-columns:repeat(5,1fr)}
.badge{background:rgba(255,255,255,.82); border:1px solid var(--lp-steel-2); border-radius:12px; padding:16px 12px 14px;
       display:flex; flex-direction:column; align-items:center; gap:4px;
       transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.badge:hover{transform:translateY(-3px); box-shadow:var(--lp-shadow); border-color:var(--lp-sky)}
.badge img{height:62px; width:auto; margin-bottom:8px}
.badge .lp-eyebrow{font-size:.66rem; color:var(--lp-teal)}
.badge-text{font-size:.82rem; line-height:1.4; color:var(--lp-ink-2); text-wrap:balance}

/* objectives: the one dark band on the page */
.lp-band{margin:8px 0 0; padding:52px 44px; border-radius:16px; color:#fff; position:relative; overflow:hidden;
         background:linear-gradient(135deg,#0F3A4B 0%, #17586F 55%, #1E7A93 100%); box-shadow:var(--lp-shadow)}
.lp-band::after{content:""; position:absolute; right:-90px; top:-90px; width:300px; height:300px; border-radius:50%;
                background:radial-gradient(circle, rgba(91,197,236,.38), transparent 68%)}
.lp-band .lp-eyebrow{color:#A9DDF2}
.lp-band .lp-display{color:#fff; font-size:clamp(1.8rem,4.4vw,2.9rem); margin-bottom:1.1rem}
.lp .lp-band p.lp-statement{position:relative; z-index:1; font-size:clamp(1.08rem,2.1vw,1.32rem); line-height:1.55;
                            color:#D8EAF2; max-width:52ch; margin:0; padding-left:20px; border-left:4px solid #F2A03D}
.lp .lp-band p.lp-statement strong{color:#fff}

.lp-pillar{transition:transform .18s ease, box-shadow .18s ease}
.lp-pillar:hover{transform:translateY(-4px); box-shadow:0 2px 4px rgba(15,43,58,.06), 0 18px 36px -16px rgba(15,43,58,.3)}
.lp-pillar > img{transition:transform .5s ease}
.lp-pillar:hover > img{transform:scale(1.03)}
.lp-fact + .lp-fact{border-left:1px solid var(--lp-steel-2); padding-left:28px}
.lp-fact b{background:linear-gradient(90deg,var(--lp-teal),#1E8FB0); -webkit-background-clip:text; background-clip:text; color:transparent}
.lp-role{transition:transform .16s ease, box-shadow .16s ease}
.lp-role:hover{transform:translateY(-2px); box-shadow:var(--lp-shadow)}

.lp-close{background:linear-gradient(135deg,#fff 0%, #EEF8FC 100%); border-color:#CFE6F1; text-align:center; padding:52px 32px}
.lp-close .lp-cta{justify-content:center}
.lp-close .lp-btn{padding:13px 30px; font-size:1.02rem}

.reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease}
.reveal.is-in{opacity:1; transform:none}

/* Patterns taken from open-source landing page kits (HyperUI feature grids, Cruip Open):
   centred section heads with a pill eyebrow, icon-tile feature lists, numbered steps,
   and soft blurred shapes behind the closing panels. */
.lp-sec > .lp-col{max-width:44rem; margin:0 auto; text-align:center}
.lp-sec > .lp-col .lp-eyebrow, .lp-close .lp-eyebrow{display:inline-block; padding:5px 12px; border-radius:999px;
        background:var(--lp-wash); color:var(--lp-teal); font-weight:600}
.lp-sec > .lp-wide-copy{text-align:center}
.lp-eco{margin-left:auto; margin-right:auto}
.lp-pillars, .lp-device, .lp-facts{margin-top:2.4rem}
.lp-sec{border-top:0; padding:72px 0}
.lp-sec-first{padding-top:56px}

.lp-feats{list-style:none; margin:0; padding:0; display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-feats li{display:flex; align-items:center; gap:14px; background:var(--lp-card); border:1px solid var(--lp-steel-2);
             border-radius:12px; padding:14px 16px; transition:border-color .16s ease, transform .16s ease}
.lp-feats li:hover{border-color:var(--lp-sky); transform:translateY(-2px)}
.lp-feats b{display:block; font-size:.98rem; font-weight:650; color:var(--lp-ink); line-height:1.3}
.lp-feats small{display:block; font-size:.84rem; color:var(--lp-ink-3)}
.lp-ico{flex:0 0 auto; width:42px; height:42px; border-radius:10px; background:var(--lp-wash); color:var(--lp-teal);
        display:grid; place-items:center}
.lp-ico svg{width:22px; height:22px}

.lp-line{counter-reset:stop}
.lp-stop{counter-increment:stop; padding-top:44px}
.lp-stop::before{top:14px}
.lp-stop::after{content:"0" counter(stop); left:calc(50% - 15px); top:0; width:30px; height:30px; border-width:2px;
                display:grid; place-items:center; font:700 .68rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:var(--lp-teal)}
.lp-stop.lp-end::after{color:#fff}

.lp-fact{text-align:center}
.lp-fact span{margin-left:auto; margin-right:auto}
.lp p.lp-note{text-align:center}

.lp-close{position:relative; overflow:hidden}
.lp-close::before, .lp-close::after{content:""; position:absolute; width:320px; height:320px; border-radius:50%; filter:blur(60px); pointer-events:none}
.lp-close::before{left:-120px; top:-140px; background:rgba(91,197,236,.35)}
.lp-close::after{right:-120px; bottom:-160px; background:rgba(238,139,27,.2)}
.lp-close > *{position:relative; z-index:1}

/* --- content from the October 2026 deck ------------------------------------------------------ */
.lp-highlights{list-style:none; margin:0; padding:0; display:grid; gap:12px; grid-template-columns:repeat(6,1fr)}
.lp-highlights li{background:var(--lp-card); border:1px solid var(--lp-steel-2); border-radius:12px; padding:16px 12px;
                  text-align:center; box-shadow:var(--lp-shadow)}
.lp-highlights b{display:block; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.3rem; letter-spacing:-.02em;
                 line-height:1.2; color:var(--lp-teal)}
.lp-highlights span{display:block; margin-top:4px; font-size:.82rem; line-height:1.35; color:var(--lp-ink-2)}
#highlights{padding-bottom:8px}

.lp-problem{display:grid; gap:14px; margin-top:2.4rem; grid-template-columns:1.25fr 1fr 1fr; grid-template-rows:1fr 1fr}
.lp-problem-lead{grid-row:1 / 3; border-radius:16px; color:#fff; padding:36px 28px; display:flex; flex-direction:column;
                 justify-content:center; align-items:center; text-align:center;
                 background:linear-gradient(135deg,#0F3A4B 0%, #17586F 55%, #1E7A93 100%); box-shadow:var(--lp-shadow)}
.lp-problem-lead b{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:clamp(3.4rem,8vw,5.2rem); line-height:1; letter-spacing:-.03em}
.lp-problem-lead span{margin-top:14px; font-size:.86rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#CDE9F4}
.lp-problem-stat{background:var(--lp-card); border:1px solid var(--lp-steel-2); border-radius:12px; padding:20px 22px}
.lp-problem-stat b{display:block; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:2rem; line-height:1.1;
                   letter-spacing:-.02em; color:var(--lp-orange)}
.lp-problem-stat span{display:block; margin-top:6px; font-size:.92rem; line-height:1.45; color:var(--lp-ink-2)}

.lp-ppp{position:relative; z-index:1; display:grid; gap:28px; grid-template-columns:repeat(3,1fr); margin-top:1.4rem}
.lp-ppp > div{border-top:3px solid #F2A03D; padding-top:16px}
.lp-ppp h3{margin:0; font-size:1.5rem; font-weight:800; letter-spacing:-.02em; color:#fff}
.lp-ppp h4{margin:.2rem 0 .6rem; font:600 .72rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.14em;
           text-transform:uppercase; color:#A9DDF2}
.lp .lp-ppp p{margin:0; font-size:.95rem; line-height:1.55; color:#D8EAF2}

.lp-split{display:grid; gap:28px 44px; margin-top:2.4rem; align-items:center; grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.lp-split-shot{background:var(--lp-card); border:1px solid var(--lp-steel-2); border-radius:12px; padding:12px; box-shadow:var(--lp-shadow)}
.lp-split .lp-ticks li{font-size:1rem; color:var(--lp-ink)}

.lp-steps{list-style:none; counter-reset:step; margin:2.4rem 0 0; padding:0; display:grid; gap:12px;
          grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.lp-steps li{counter-increment:step; background:var(--lp-card); border:1px solid var(--lp-steel-2); border-radius:12px;
             padding:18px 18px 16px; transition:transform .16s ease, border-color .16s ease}
.lp-steps li:hover{transform:translateY(-2px); border-color:var(--lp-sky)}
.lp-steps li::before{content:"0" counter(step); display:inline-block; margin-bottom:10px; padding:3px 8px; border-radius:6px;
                     background:var(--lp-teal); color:#fff; font:700 .72rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.lp-steps p{margin:.3rem 0 0; font-size:.9rem; line-height:1.5}

.lp-facts-4 .lp-fact{flex:1 1 150px}
.lp-why{margin-top:14px; grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.lp-why .lp-role{border-left-color:var(--lp-sky)}
.lp .lp-why .lp-role p{font-size:.9rem; font-weight:400; color:var(--lp-ink-2)}

.lp-chips{list-style:none; margin:1.8rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; justify-content:center}
.lp-chips li{padding:7px 14px; border-radius:999px; background:var(--lp-wash); color:var(--lp-teal); font-size:.88rem; font-weight:600}

.lp-waves{display:grid; gap:14px; margin-top:2.4rem; grid-template-columns:repeat(2,1fr)}
.lp-wave{background:var(--lp-card); border:1px solid var(--lp-steel-2); border-top:4px solid var(--w); border-radius:12px; padding:20px 22px}
.lp-wave-done{--w:var(--lp-green)} .lp-wave-now{--w:var(--lp-orange)} .lp-wave-next{--w:var(--lp-steel)}
.lp-status{display:inline-block; margin-bottom:10px; font:700 .68rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
           letter-spacing:.12em; text-transform:uppercase; color:var(--lp-ink-2)}
.lp-status::before{content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--w); margin-right:8px}
.lp-wave p{margin:.3rem 0 0; font-size:.93rem}

.lp-impact{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.lp-impact .lp-pillar-body h3{margin-bottom:.4rem}
.lp-impact .lp-pillar-body p{font-size:.92rem; margin-bottom:.7rem}
.lp-impact .lp-pillar-body a{font-size:.88rem; font-weight:650; text-decoration:none}
.lp-impact .lp-pillar-body a:hover{text-decoration:underline}

.lp-subhead{text-align:center; margin:3rem 0 0 !important; font:600 .72rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
            letter-spacing:.16em !important; text-transform:uppercase; color:var(--lp-ink-3) !important}
.lp-logos{list-style:none; margin:1.2rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:14px; justify-content:center}
.lp-logos li{background:#fff; border:1px solid var(--lp-steel-2); border-radius:12px; padding:14px 22px; display:grid; place-items:center}
.lp-logos img{height:48px; width:auto}

.lp-team{display:grid; gap:14px; margin-top:2.4rem; grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.lp-person{background:var(--lp-card); border:1px solid var(--lp-steel-2); border-radius:12px; padding:24px 18px; text-align:center}
.lp-avatar{width:56px; height:56px; border-radius:50%; display:grid; place-items:center; margin:0 auto 14px; color:#fff; font-weight:700;
           background:linear-gradient(135deg,#17586F,#1E8FB0)}
.lp-person .lp-eyebrow{color:#8A4A05; margin:.2rem 0 .6rem}
.lp-person p{margin:0; font-size:.9rem}
.lp p.lp-reg{margin-top:1.4rem; font-size:.8rem; color:var(--lp-ink-3)}

#platform .lp-caps{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
#traction .lp-roles{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}

@media (max-width: 1100px){
    .site-nav{gap:16px}
    .site-nav a:not(.lp-btn){font-size:.84rem}
}
@media (max-width: 860px){
    .lp-highlights{grid-template-columns:repeat(3,1fr)}
    .lp-problem{grid-template-columns:1fr 1fr; grid-template-rows:auto}
    .lp-problem-lead{grid-row:auto; grid-column:1 / -1}
    .lp-ppp, .lp-split{grid-template-columns:1fr}
    .lp-split-shot{max-width:420px}
    .badges{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
    .lp-fact + .lp-fact{border-left:0; padding-left:0}
    .site-nav a:not(.lp-btn){display:none}
    .lp-device{grid-template-columns:1fr}
    .lp-device-shot{max-width:380px}
}
@media (max-width: 575px){
    .site-header-wrap, .site-footer{padding-left:16px; padding-right:16px}
    main{padding-left:16px; padding-right:16px}
    .hero{margin:0 -16px; padding:0 16px}
    .badges{grid-template-columns:repeat(2,1fr)}
    .badge:last-child{grid-column:1 / -1}
    .lp-band{padding:36px 22px}
    .partner-logos{gap:10px}
    .logo-link .logo-cliniops{height:26px}
    .logo-link .logo-arogyam{height:42px}
    .masthead-logos{gap:16px}
    .masthead-logos .logo-cliniops{height:42px}
    .masthead-logos .logo-arogyam{height:72px}
    .masthead{padding:32px 0 40px}
    .lp-sec{padding:52px 0}
    .lp-feats{grid-template-columns:1fr}
    .lp-highlights{grid-template-columns:repeat(2,1fr)}
    .lp-problem, .lp-waves{grid-template-columns:1fr}
    .lp-logos img{height:36px}
    .lp-close{padding:28px 20px}
    .lp-facts{padding:22px 20px}
    .lp-spec > div{grid-template-columns:1fr; gap:0}
}
@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .lp *, .lp-btn{transition:none !important}
}