/* Cliq's illustrated care landscape, based on the owner's visual reference. */
:root{--blue:#0055ef;--deep:#10285c;--muted:#5b7196;--line:#dce9fc}
body{background:#f5faff;color:var(--deep)}
.site-header,.site-header.nav-on-dark{background:#ffffffef;border:1px solid #dceaff;border-radius:20px;box-shadow:0 6px 24px #126adc0b;color:#10285c;backdrop-filter:blur(18px)}
.hero.container{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 48px);max-width:1800px;min-height:660px;margin:104px auto 0;padding:100px 6% 150px;border-radius:26px;background:#dff4ff;text-align:left;box-shadow:0 15px 60px #1c83d51a}
.care-landscape{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 58%}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e9f8fff2 0%,#e9f8ffb3 33%,#e9f8ff00 65%)}
.hero-copy{width:53%;margin:0;position:relative;z-index:1}
.hero-brand-icon{display:none}.hero .eyebrow{color:#1766ba;font-weight:600;font-size:13px;letter-spacing:.04em}
.hero h1{font-size:clamp(42px,5.4vw,86px);color:#0033b9;font-weight:700;line-height:1.2;letter-spacing:-.055em}.hero h1>span{color:#0033b9}
.hero-description{color:#065ad4;font-size:clamp(18px,1.8vw,26px);margin-top:24px}.hero .lead{color:#325f96;max-width:510px;margin:12px 0 0;font-size:16px}
.hero .actions,.hero .release-note{justify-content:flex-start}.hero .text-link{color:#0055ef;border-color:#458aff;background:#ffffffa8}.hero .release-note{color:#386897;flex-wrap:wrap}.release-label{background:#ffffffb8}
.hero-visual{display:block;position:absolute;right:3%;top:26%;width:25%;height:300px;min-height:0;pointer-events:none}.hero-visual .orbit,.hero-app,.visual-caption{display:none}
.floating-card{position:absolute;display:flex;gap:12px;align-items:center;background:#fffffff2;border:1px solid #fff;border-radius:20px;box-shadow:0 10px 30px #0055ef15;padding:17px;color:#143b78;transform:none;max-width:100%;width:260px}.floating-card.discover{left:auto;right:0;top:0}.floating-card.booking{left:auto;right:0;top:110px;bottom:auto}.floating-card strong{font-size:14px}.floating-card span:not(.mini-icon){font-size:12px;color:#5b7196}.mini-icon{background:#e8f3ff;color:#0060ff;border-radius:14px;font-size:26px}
.platform-strip{position:relative;background:transparent;margin:-66px auto 0;z-index:2}.platform-grid{width:82%;max-width:1480px;border:1px solid #e0ecfc;border-radius:22px;background:#fff;box-shadow:0 12px 40px #0055ef0d;padding:30px;gap:24px}.platform-grid>div{border-right:1px solid #e6eefb}.platform-grid>div:last-child{border:0}.platform-grid strong{font-weight:600;color:#143b78;font-size:16px}.platform-grid span{color:#5680b0}
.section-heading h2,h2{color:#102c64;font-weight:700}.section-heading .eyebrow,.eyebrow{color:#1263d9}.feature,.resource-card,.clinic-overview,.ai-explanation{background:#fff;border:1px solid #dfeafa;box-shadow:0 8px 28px #125ccb08;border-radius:22px}.feature-number,.resource-index{display:inline-flex;background:#eaf4ff;color:#0060ef;border-radius:10px;padding:9px 12px;font-weight:600}.feature h3,.resource-card h3{color:#133d7d}.screenshot-grid{background:linear-gradient(135deg,#dcefff,#eef7ff);border:1px solid #d7e9fc;box-shadow:inset 0 1px #fff}.screenshot-grid img{box-shadow:0 12px 25px #1a66b51c}.journey-section{background:#eaf5ff;border-block:1px solid #dceafa}.step{box-shadow:0 5px 15px #0055ef26}.clinic-section{background:linear-gradient(130deg,#e9f6ff,#f5faff)}.workspace-map>div{background:#f0f7ff}.ai-explanation{border-top:5px solid #078cff}.closing{background:linear-gradient(120deg,#d8efff,#eaf7ff);border:1px solid #cce5ff}.site-footer{background:#fff}
.hero-visual{background:transparent;border:0;box-shadow:none;overflow:visible}.hero-visual:before,.hero-visual:after{display:none}
@media(min-width:1700px){.hero.container{min-height:760px;padding-top:130px}}
@media(max-width:1100px){.hero.container{min-height:620px;padding-left:5%;padding-right:5%}.hero-copy{width:60%}.hero-visual{right:2%;width:28%;top:35%}.floating-card{padding:13px}.floating-card strong{font-size:12px}.floating-card span:not(.mini-icon){font-size:10px}.hero .lead{font-size:14px}.platform-grid{width:86%}}
@media(max-width:780px){.hero.container{width:calc(100% - 24px);margin-top:86px;padding:42px 7% 310px;min-height:760px;border-radius:22px}.hero-copy{width:100%;max-width:520px}.hero h1{font-size:clamp(39px,8vw,62px)}.hero .eyebrow{font-size:11px}.hero-description{font-size:20px}.hero .lead{max-width:440px}.care-landscape{object-position:70% bottom;height:55%;top:auto;bottom:0}.hero:after{background:linear-gradient(#e7f7ff 0%,#e7f7ff 45%,#e7f7ff00 75%)}.hero-visual{display:none}.platform-strip{margin-top:-28px}.platform-grid{width:88%;padding:22px 14px;gap:12px}.platform-grid strong{font-size:11px}.platform-grid span{font-size:9px}.hero .release-note{font-size:9px}.feature-grid,.trust-grid{gap:16px}.site-header,.site-header.nav-on-dark{border-radius:16px}.navigation>.button-small{display:none}}
@media(prefers-reduced-motion:no-preference){.feature,.resource-card{transition:transform .2s,box-shadow .2s}.feature:hover,.resource-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #125ccb12}}
/* Full-window hero and floating navigation follow the TWOFAMUS index. */
.hero.container{width:calc(100% - 28px);max-width:none;margin:8px auto;min-height:calc(100dvh - 16px);height:auto;padding:112px 6% 70px;display:flex;align-items:center}
.hero-copy{padding-block:20px}
.platform-strip{margin:-48px auto 0}
.site-header,.site-header.nav-on-dark{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.site-header:before{opacity:0}.site-header.nav-compact:not(.nav-on-dark):before{opacity:1}
.nav-links{width:min(720px,calc(100% - 500px));min-width:450px;background:transparent;transition:width .5s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s}
.nav-compact .nav-links{width:480px;min-width:0;background:white;box-shadow:0 0 0 1px #111a2c0a,0 4px 18px #111a2c08}
@media(max-width:1100px){.nav-links{width:480px;min-width:0}.navigation>.button-small{display:none}}
@media(max-width:780px){.hero.container{width:calc(100% - 16px);padding:100px 7% 240px;align-items:flex-start;min-height:calc(100dvh - 16px)}.hero-copy{padding:0}.hero .actions{margin-top:20px}.hero-description{margin-top:18px}.hero .release-note{margin-top:18px}.hero .lead{margin-top:8px}.nav-links,.nav-compact .nav-links{display:none}.menu-toggle{display:grid}.navigation>.button-small,.nav-on-dark .navigation>.button-small{display:none}.care-landscape{height:48%}}
@media(prefers-reduced-motion:reduce){.nav-links{transition:none}}
@media(max-width:780px){.platform-strip{margin-top:-28px}}
.hero-highlights{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;max-width:560px}.hero-highlight{display:flex;align-items:center;gap:10px;flex:1 1 230px;padding:14px 16px;background:#ffffffc9;border:1px solid #fff;border-radius:18px;box-shadow:0 6px 20px #0055ef08;color:#143b78}.hero-highlight strong,.hero-highlight div>span{display:block}.hero-highlight strong{font-size:13px;line-height:1.6}.hero-highlight div>span{font-size:11px;color:#5b7196;line-height:1.6}.hero-highlight .mini-icon{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;font-size:22px}.hero-visual{display:none}
@media(max-width:780px){.hero-highlights{gap:8px;margin-top:18px}.hero-highlight{flex-basis:100%;padding:10px 12px}.hero-highlight strong{font-size:12px}.hero-highlight .mini-icon{width:30px;height:30px}}
.site-header .navigation>.button-small{background:#0055ef;color:#fff;font-size:15px;font-weight:600;line-height:20px;transition:background .3s,color .3s,box-shadow .3s}
.site-header.nav-on-dark .navigation>.button-small{background:#fff;color:#0055ef;box-shadow:0 2px 12px #0055ef0a}
.site-header .navigation>.button-small:hover{background:#0047ca;color:#fff}
.site-header.nav-on-dark .navigation>.button-small:hover{background:#edf5ff;color:#0047ca}
@media(max-width:1100px){.site-header .navigation>.button-small{display:none}}
@media(prefers-reduced-motion:reduce){.site-header .navigation>.button-small{transition:none}}
.hero-highlights{position:absolute;z-index:2;left:54%;top:32%;width:250px;margin:0;flex-direction:column}.hero-highlight{flex:0 0 auto;background:#ffffffe6}
@media(max-width:1100px) and (min-width:781px){.hero-highlights{left:61%;top:30%;width:230px}}
@media(max-width:780px){.hero.container{flex-direction:column;padding-bottom:280px}.hero-highlights{position:relative;left:auto;top:auto;width:100%;max-width:520px;margin-top:24px;gap:8px}.hero-highlight{flex:0 0 auto}.care-landscape{height:300px}.hero:after{background:linear-gradient(#e7f7ff 0%,#e7f7ff 58%,#e7f7ff00 85%)}}