/* Sarop Care — professional care delivery workspace */
:root{
  --care-bg:#07131d;--care-deep:#091a24;--care-ink:#f5fbf8;--care-muted:#a8bbb8;
  --care-line:rgba(222,244,239,.13);--care-mint:#8de4c7;--care-sage:#b8d8b7;
  --care-warm:#f0c98d;--care-paper:#eef4ef;--care-paper-ink:#14231f;
}
html{scroll-padding-top:88px}.care-page{margin:0;background:var(--care-bg);color:var(--care-ink);font-family:var(--font-en);overflow-x:clip}
html[lang="fa"] .care-page,html[lang="ar"] .care-page{font-family:"Vazirmatn",Tahoma,Arial,sans-serif}
.care-page *{box-sizing:border-box}.care-page a,.care-page button{-webkit-tap-highlight-color:transparent}
.care-page a:focus-visible,.care-page button:focus-visible{outline:3px solid var(--care-warm);outline-offset:4px}
.care-page .product-header{background:rgba(7,19,29,.72)}.care-page .product-header.is-compact{background:rgba(7,19,29,.94)}
.care-page .product-brand em,.care-page .product-kicker{color:var(--care-mint)}
.care-page .product-btn{background:var(--care-mint);color:#0a211b}.care-page .product-btn.secondary{background:transparent;color:var(--care-ink);border-color:var(--care-line)}
.care-page .product-drawer{background:var(--care-bg)}
.care-page .product-copy{color:var(--care-muted)}
.care-page .product-section{padding-block:clamp(5.5rem,9vw,9rem)}
.care-page .verified-caption{display:block;margin-block-start:.9rem;color:var(--care-muted);font-size:.72rem;line-height:1.6}
.care-page .verified-caption::before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:.45rem;border-radius:50%;background:var(--care-sage)}

/* Hero: the workspace, not a decorative phone */
.care-hero{min-height:100svh;padding-block:clamp(8.5rem,13vh,10.5rem) 5rem;background:radial-gradient(circle at 78% 28%,rgba(141,228,199,.13),transparent 30%),linear-gradient(180deg,#07131d 0%,#0a202a 70%,#07131d 100%);display:grid;align-items:center;overflow:hidden}
[dir="rtl"] .care-hero{background:radial-gradient(circle at 22% 28%,rgba(141,228,199,.13),transparent 30%),linear-gradient(180deg,#07131d 0%,#0a202a 70%,#07131d 100%)}
.care-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);align-items:center;gap:clamp(2.5rem,6vw,7rem)}
.care-hero h1{margin-block:.9rem 1.5rem;font-size:clamp(3.5rem,6vw,6.5rem);font-weight:620;line-height:.91;letter-spacing:-.068em}
.care-hero h1 span{display:block;color:var(--care-mint)}
[dir="rtl"] .care-hero h1{font-weight:700;line-height:1.1;letter-spacing:-.025em}
.care-hero-copy>p:not(.product-eyebrow){max-width:620px;color:var(--care-muted);font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.8}
.care-stage{position:relative;min-height:720px;isolation:isolate}.care-stage::before{content:"";position:absolute;inset:7% 2% 5%;border:1px solid rgba(141,228,199,.2);border-radius:50%;z-index:-1;transform:rotate(-7deg)}
.care-shot{display:block;width:100%;height:auto;object-fit:cover;object-position:top;background:#edf2f6;border:1px solid rgba(255,255,255,.18);box-shadow:0 34px 90px rgba(0,0,0,.48)}
.care-shot-main{position:absolute;inset-block-start:0;inset-inline-start:10%;width:min(390px,61%);aspect-ratio:828/1792;border:9px solid #03090e;border-radius:50px;z-index:2}
.care-shot-patient,.care-shot-follow{position:absolute;width:min(245px,38%);aspect-ratio:828/1792;border:6px solid #061018;border-radius:34px;z-index:3}
.care-shot-patient{inset-inline-end:0;inset-block-start:12%}.care-shot-follow{inset-inline-end:5%;inset-block-end:0}
.stage-label{position:absolute;z-index:4;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.2);background:rgba(9,26,36,.9);backdrop-filter:blur(12px);font-size:.72rem;font-weight:700}
.label-today{inset-inline-start:0;inset-block-start:18%}.label-patients{inset-inline-end:2%;inset-block-start:8%}.label-follow{inset-inline-end:0;inset-block-end:7%}

.capability-nav{position:relative;z-index:5;background:#0a1a24;border-block:1px solid var(--care-line)}
.capability-nav .product-container{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.capability-nav a{flex:0 0 auto;min-height:58px;display:flex;align-items:center;padding-inline:1.15rem;color:var(--care-muted);font-size:.78rem;border-block-end:2px solid transparent}.capability-nav a:hover,.capability-nav a[aria-current="true"]{color:var(--care-ink);border-color:var(--care-mint)}

/* Four pillars as a working sequence */
.workspace-section{background:var(--care-paper);color:var(--care-paper-ink)}
.workspace-section .product-kicker{color:#2d7563}.workspace-section .product-copy{color:#586963}
.workspace-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);align-items:end;gap:3rem}
.care-pillars{margin-block-start:4rem;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #cbd8d1}
.care-pillar{position:relative;min-height:290px;padding:2rem 1.5rem;border-inline-end:1px solid #cbd8d1;display:flex;flex-direction:column;justify-content:space-between}.care-pillar:last-child{border-inline-end:0}
.care-pillar i{font-style:normal;font-size:.72rem;color:#5b766e}.care-pillar h3{font-size:clamp(1.4rem,2vw,2rem);letter-spacing:-.035em}.care-pillar p{color:#65736e;font-size:.84rem;line-height:1.75}.care-pillar::after{content:"→";position:absolute;inset-inline-end:-10px;inset-block-start:50%;width:20px;height:20px;display:grid;place-items:center;background:var(--care-paper);color:#3b7565;z-index:2}
.care-pillar:last-child::after{display:none}[dir="rtl"] .care-pillar::after{content:"←"}

/* Evidence layouts */
.evidence-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);align-items:center;gap:clamp(3rem,8vw,8rem)}
.evidence-layout.reverse{grid-template-columns:minmax(440px,1.18fr) minmax(0,.82fr)}.evidence-layout.reverse>.evidence-copy{order:2}
.screen-pair{position:relative;min-height:690px}.screen-pair .care-shot{position:absolute;aspect-ratio:828/1792;border:7px solid #040a0f;border-radius:42px}
.screen-pair .primary{inset-block-start:0;inset-inline-start:5%;width:min(365px,62%);z-index:2}.screen-pair .secondary{inset-block-end:0;inset-inline-end:0;width:min(285px,49%);z-index:3}
.signal-list{margin-block-start:2.2rem;border-block-start:1px solid var(--care-line)}.signal-list div{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding-block:1rem;border-block-end:1px solid var(--care-line)}.signal-list b{font-size:.78rem}.signal-list span{color:var(--care-muted);font-size:.8rem;line-height:1.65}
.patients-section{background:#dcebe3;color:#16251f}.patients-section .product-kicker{color:#2b7360}.patients-section .product-copy,.patients-section .signal-list span{color:#586a62}.patients-section .signal-list{border-color:#bacdc3}.patients-section .signal-list div{border-color:#bacdc3}.patients-section .single-screen{width:min(410px,90%);margin-inline:auto;border:1px solid rgba(20,40,31,.15);border-radius:34px;box-shadow:0 30px 70px rgba(35,68,53,.18)}
.work-section{background:#101c2a}.work-section .screen-pair .primary{inset-inline-start:0}.work-section .screen-pair .secondary{inset-inline-end:3%}

/* Follow-up signature workflow */
.followup-section{background:#f0e8df;color:#251f1b;overflow:hidden}.followup-section .product-kicker{color:#8a6252}.followup-section .product-copy{color:#695c55}
.followup-head{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:3rem}.followup-head .product-copy{margin-inline-start:auto}
.followup-flow{margin-block-start:4rem}.followup-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;align-items:start}
.followup-step{position:relative;min-width:0}.followup-step:not(:last-child)::after{content:"→";position:absolute;inset-inline-end:-.8rem;inset-block-start:30%;z-index:5;width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:50%;background:#f0e8df;color:#8a6252;font-weight:800}[dir="rtl"] .followup-step:not(:last-child)::after{content:"←"}
.followup-step .shot-window{height:510px;overflow:hidden;background:#fff;border:1px solid #d9cbc1;box-shadow:0 18px 45px rgba(73,55,45,.12)}.followup-step img{width:100%;height:100%;object-fit:cover;object-position:top}
.followup-step figcaption{padding-block-start:1rem}.followup-step b{display:block;font-size:.84rem}.followup-step span{display:block;margin-block-start:.25rem;color:#776961;font-size:.72rem;line-height:1.55}
.followup-boundary{margin-block-start:2.5rem;padding:1.25rem 1.4rem;border-inline-start:3px solid #a67a67;background:rgba(255,255,255,.42);color:#65564f;font-size:.78rem;line-height:1.7}

/* Continuity without overclaiming integrations */
.continuity-section{background:#07131d}.continuity-intro{text-align:center}.continuity-intro .product-kicker{justify-content:center}.continuity-intro .product-heading,.continuity-intro .product-copy{margin-inline:auto}
.continuity-path{margin-block-start:4.5rem;display:grid;grid-template-columns:repeat(7,1fr);align-items:center}
.continuity-node{min-height:130px;padding:1.15rem;border:1px solid var(--care-line);display:flex;flex-direction:column;justify-content:center}.continuity-node b{font-size:.86rem}.continuity-node span{margin-block-start:.35rem;color:var(--care-muted);font-size:.68rem;line-height:1.55}.continuity-arrow{text-align:center;color:var(--care-mint)}[dir="rtl"] .continuity-arrow{transform:scaleX(-1)}
.ecosystem-bridge{margin-block-start:4rem;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--care-line);border:1px solid var(--care-line)}
.bridge{padding:clamp(1.5rem,4vw,2.5rem);background:#0b1d27}.bridge small{color:var(--care-mint);font-weight:800}.bridge h3{margin-block:.8rem;font-size:1.5rem}.bridge p{color:var(--care-muted);font-size:.84rem;line-height:1.75}.bridge a{display:inline-flex;margin-block-start:1rem;color:var(--care-mint);font-size:.78rem;font-weight:700}

.evidence-note{background:#142b2e}.evidence-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.evidence-note-list{border-block-start:1px solid var(--care-line)}.evidence-note-list div{padding-block:1rem;border-block-end:1px solid var(--care-line)}.evidence-note-list b{display:block;font-size:.83rem}.evidence-note-list span{display:block;margin-block-start:.3rem;color:var(--care-muted);font-size:.76rem;line-height:1.65}
.care-final{text-align:center;padding-block:clamp(7rem,14vw,12rem);background:var(--care-mint);color:#0c241d}.care-final .product-kicker{justify-content:center;color:#356b5d}.care-final .product-heading,.care-final .product-copy{margin-inline:auto}.care-final .product-copy{color:#3d6459}.care-final .hero-ctas{justify-content:center}.care-final .product-btn{background:#0c241d;color:#fff}.care-final .product-btn.secondary{color:#0c241d;border-color:rgba(12,36,29,.3)}
.care-page .product-switcher{background:#eaf1ed;color:#12231d;border:0}.care-page .product-switcher .product-kicker{color:#2f7563}.care-page .switcher-head>p,.care-page .switcher-item{color:#63726c}.care-page .switcher-list{border-color:#c9d7d0}.care-page .switcher-item{border-color:#c9d7d0}.care-page .switcher-item.current{color:#12231d;background:#d9ebe2;border-block-start-color:#2f806a}.care-page .switcher-item[href]:hover{background:#e0ebe5}
.care-footer{padding-block:3rem;border-block-start:1px solid var(--care-line)}.care-footer-grid{display:grid;grid-template-columns:1fr auto;gap:2rem}.care-footer-logo{display:inline-flex;margin-block-end:1rem}.care-footer-logo img{width:238px;height:auto}.care-footer p{max-width:600px;color:var(--care-muted);font-size:.76rem;line-height:1.7}.care-footer-links{display:flex;flex-wrap:wrap;gap:1.1rem;color:var(--care-muted);font-size:.75rem}.care-footer-legal{grid-column:1/-1;padding-block-start:1.4rem;border-block-start:1px solid var(--care-line);color:var(--care-muted);font-size:.7rem}

@media(max-width:1100px){.care-hero-grid{grid-template-columns:1fr}.care-hero-copy{max-width:760px}.care-stage{width:min(700px,100%);margin-inline:auto}.workspace-intro,.followup-head{grid-template-columns:1fr}.followup-head .product-copy{margin-inline-start:0}.care-pillars{grid-template-columns:1fr 1fr}.care-pillar:nth-child(2){border-inline-end:0}.care-pillar:nth-child(-n+2){border-block-end:1px solid #cbd8d1}.care-pillar:nth-child(2)::after{display:none}.followup-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:1rem}.followup-step{flex:0 0 min(300px,70vw);scroll-snap-align:start}.continuity-path{grid-template-columns:1fr 50px 1fr}.continuity-node:nth-of-type(3),.continuity-node:nth-of-type(4){margin-block-start:1rem}.continuity-arrow:nth-of-type(3){display:none}}
@media(max-width:820px){.evidence-layout,.evidence-layout.reverse{grid-template-columns:1fr;gap:3rem}.evidence-layout.reverse>.evidence-copy{order:initial}.screen-pair{width:min(620px,100%);margin-inline:auto}.patients-section .single-screen{width:min(360px,94%)}.continuity-path{grid-template-columns:1fr}.continuity-arrow{padding:.7rem;transform:rotate(90deg)}[dir="rtl"] .continuity-arrow{transform:rotate(90deg)}.ecosystem-bridge,.evidence-note-grid{grid-template-columns:1fr}.care-footer-grid{grid-template-columns:1fr}}
@media(max-width:760px){.care-hero{min-height:auto;padding-block:7.2rem 4.5rem}.care-hero-grid{gap:2.5rem}.care-hero h1{font-size:clamp(2.8rem,13vw,4.7rem)}.care-stage{min-height:clamp(570px,155vw,700px)}.care-shot-main{inset-inline-start:0;width:75%;border-width:7px;border-radius:42px}.care-shot-patient{width:42%;inset-block-start:14%;border-width:5px;border-radius:28px}.care-shot-follow{width:43%;inset-inline-end:0;border-width:5px;border-radius:28px}.stage-label{display:none}.care-pillars{grid-template-columns:1fr}.care-pillar{min-height:210px;border-inline-end:0;border-block-end:1px solid #cbd8d1}.care-pillar::after{display:none}.screen-pair{min-height:clamp(570px,155vw,680px)}.screen-pair .primary{width:76%;inset-inline-start:0;border-width:6px;border-radius:36px}.screen-pair .secondary{width:49%;border-width:5px;border-radius:28px}.signal-list div{grid-template-columns:88px 1fr}.followup-steps{margin-inline:0;padding-inline:0}.followup-step .shot-window{height:min(128vw,560px)}.care-footer-links{display:grid;grid-template-columns:1fr 1fr}.care-footer-legal{line-height:1.7}}
@media(max-width:430px){.care-stage{min-height:540px}.care-shot-main{width:79%}.care-shot-patient,.care-shot-follow{width:44%}.screen-pair{min-height:560px}.signal-list div{grid-template-columns:1fr;gap:.35rem}.followup-step{flex-basis:76vw}.care-footer-links{grid-template-columns:1fr}}
@media(max-width:360px){.care-stage{min-height:500px}.screen-pair{min-height:520px}.followup-step .shot-window{height:455px}}
@media(min-width:1500px){.care-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr)}.care-stage{min-height:760px}.followup-step .shot-window{height:560px}}
@media(prefers-reduced-motion:reduce){.care-page *{scroll-behavior:auto!important}.followup-steps{scroll-snap-type:none}}