/* Dimensions and artwork follow the three supplied mockups. */
:root{--page:860;--u:min(1.48837px,.11627907vw);--navy:#07143b;--muted:#435476;--blue:#075eff;--yellow:#ffd044}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reference-art{display:block;object-fit:contain}.row-open{color:#2776e9;background:transparent;font-size:22px;padding:0}.yellow-pill{background:#fff5d8;color:#a77a00}.green-pill{background:#e0f7ef;color:#16836d}
@media(min-width:761px){
.healthcare{--page:818;--u:min(1.56479px,.12224939vw)}.family-lookout{--page:828;--u:min(1.54589px,.12077295vw)}
.wrap{width:calc((var(--page) - 80)*var(--u));max-width:none}.header{height:calc(64*var(--u))}.navrow{gap:calc(25*var(--u))}.logo{gap:calc(7*var(--u))}.logo img{width:calc(43*var(--u));height:calc(46*var(--u))}.logo>span{font-size:calc(41*var(--u));letter-spacing:calc(-2*var(--u))}nav{gap:calc(25*var(--u));font-size:calc(10*var(--u))}.navlink{padding:calc(5*var(--u)) 0}.button,.button.small{font-size:calc(11*var(--u));padding:calc(13*var(--u)) calc(18*var(--u));border-radius:calc(11*var(--u));gap:calc(12*var(--u))}.button.yellow{background:linear-gradient(110deg,#ffdf78,#ffd044);border-color:#ffdb66;color:#12213f}.active:after{bottom:calc(-10*var(--u))}.hero-grid{min-height:calc(440*var(--u));padding:calc(34*var(--u)) 0;gap:0;grid-template-columns:1fr 1fr}.hero h1{font-size:calc(44*var(--u));line-height:1.02;letter-spacing:calc(-2.1*var(--u))}.eyebrow{font-size:calc(10*var(--u));letter-spacing:calc(2.5*var(--u));margin-bottom:calc(17*var(--u))}.lede{font-size:calc(18*var(--u));line-height:1.35;letter-spacing:calc(-.45*var(--u));margin-top:calc(17*var(--u))}.actions{margin-top:calc(21*var(--u));gap:calc(14*var(--u));flex-wrap:nowrap}.hero-art{height:calc(380*var(--u))}.home .hero-art>.ally{width:100%;height:100%;left:-3%}.home .float-card{width:calc(160*var(--u));padding:calc(12*var(--u));border-radius:calc(12*var(--u));font-size:calc(10*var(--u));grid-template-columns:calc(32*var(--u)) 1fr;gap:calc(7*var(--u));box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) #2666a51a}.home .float-card svg{width:calc(32*var(--u));height:calc(32*var(--u))}.home .float-card.one{left:0;top:calc(-10*var(--u))}.home .float-card.two{right:calc(-10*var(--u));top:calc(5*var(--u));width:calc(145*var(--u))}.home .float-card.three{right:calc(-6*var(--u));bottom:calc(85*var(--u));width:calc(150*var(--u))}
h2{font-size:calc(32*var(--u));letter-spacing:calc(-1.5*var(--u));line-height:1.05}h3{letter-spacing:calc(-.6*var(--u))}.section-lede{font-size:calc(15*var(--u));line-height:1.35;margin-top:calc(9*var(--u))}.products{padding:calc(20*var(--u)) 0 calc(24*var(--u))}.products>h2{font-size:calc(35*var(--u));margin-bottom:calc(20*var(--u))}.product-grid{gap:calc(20*var(--u))}.product-card{min-height:calc(290*var(--u));border-radius:calc(20*var(--u));padding:calc(21*var(--u))}.product-card h3{font-size:calc(29*var(--u));letter-spacing:calc(-1.4*var(--u))}.by{font-size:calc(17*var(--u));margin-top:calc(3*var(--u))}.product-card>p{font-size:calc(14*var(--u));margin-top:calc(23*var(--u));line-height:1.45}.product-card>.reference-art{position:absolute;right:calc(8*var(--u));bottom:0;width:calc(220*var(--u));height:calc(225*var(--u))}.family-card>.reference-art{width:calc(210*var(--u));right:calc(10*var(--u))}.product-card>.button{left:calc(21*var(--u));bottom:calc(29*var(--u));font-size:calc(10*var(--u));padding:calc(13*var(--u)) calc(17*var(--u));min-width:calc(210*var(--u))}.family-card>.button{min-width:calc(170*var(--u))}
.home .process{width:100%;border-radius:0;margin:0 0 calc(26*var(--u));padding:calc(24*var(--u)) calc(40*var(--u)) calc(28*var(--u));background:#eff8ff}.home .process h2{font-size:calc(31*var(--u))}.home .process>.section-lede:empty{display:none}.steps{gap:calc(26*var(--u));margin-top:calc(22*var(--u))}.home .steps{width:calc(780*var(--u));margin-inline:auto}.home .steps article{padding:calc(17*var(--u)) calc(18*var(--u));border-radius:calc(16*var(--u));display:grid;grid-template-columns:calc(35*var(--u)) 1fr;grid-template-rows:calc(36*var(--u)) calc(100*var(--u)) auto;gap:calc(9*var(--u));min-height:calc(220*var(--u))}.home .step-top{display:contents}.number{width:calc(37*var(--u));height:calc(37*var(--u));font-size:calc(17*var(--u))}.home .steps .number{grid-column:1;grid-row:1}.home .steps h3{grid-column:2;grid-row:1;align-self:center;font-size:calc(14*var(--u));line-height:1.15}.home .steps .big-icon{grid-column:1/-1;grid-row:2;background:none;padding:0;width:calc(108*var(--u));height:calc(92*var(--u));justify-self:center}.big-icon .reference-art{width:100%;height:100%;mix-blend-mode:multiply}.home .steps p{grid-column:1/-1;grid-row:3;font-size:calc(13*var(--u));line-height:1.3;margin:0 calc(7*var(--u))}.home .steps article:not(:last-child):after{content:'→';position:absolute;right:calc(-25*var(--u));top:45%;color:#a4bddc;font-size:calc(32*var(--u))}
.human{grid-template-columns:calc(280*var(--u)) 1fr;gap:calc(24*var(--u));margin:calc(24*var(--u)) auto}.human .lede{font-size:calc(18*var(--u));margin-top:calc(12*var(--u))}.human>div>p:not(.lede){font-size:calc(13*var(--u));line-height:1.35;margin-top:calc(13*var(--u))}.human-photos{gap:calc(14*var(--u))}.photo-card{min-height:calc(277*var(--u));border-radius:calc(16*var(--u));background:#fff}.photo-card>.reference-art{position:static;width:100%;height:100%;object-fit:cover}.human .photo-card .ally{display:none}.cta{min-height:calc(180*var(--u));padding:calc(24*var(--u));border-radius:calc(19*var(--u));margin:calc(22*var(--u)) auto calc(15*var(--u));overflow:visible}.cta h2{font-size:calc(35*var(--u))}.cta .lede{font-size:calc(18*var(--u));margin-top:calc(8*var(--u))}.cta .actions{margin-top:calc(21*var(--u))}.cta .reference-art.cta-art{position:absolute;right:0;bottom:0;width:calc(345*var(--u));height:calc(195*var(--u));border-radius:0 calc(19*var(--u)) calc(19*var(--u)) 0;z-index:1}.cta>div:not(.ally){z-index:2}.footer{padding:calc(14*var(--u)) 0 calc(20*var(--u))}.footer-main{padding-bottom:calc(16*var(--u));gap:calc(15*var(--u))}.footer .logo>span{font-size:calc(24*var(--u))}.footer .logo img{width:calc(27*var(--u));height:calc(29*var(--u))}.footer p{font-size:calc(9*var(--u));margin-top:calc(4*var(--u))}.footer .parent{font-size:calc(10*var(--u))}.footer nav{max-width:none;font-size:calc(9*var(--u));gap:calc(20*var(--u))}.footer-bottom{font-size:calc(9*var(--u));padding-top:calc(15*var(--u))}.footer-bottom button{font-size:calc(9*var(--u))}
/* Healthcare: the hero report stays inline, as drawn in the reference. */
.healthcare .hero-grid{grid-template-columns:45% 55%;min-height:calc(350*var(--u));padding:calc(15*var(--u)) 0}.healthcare .hero h1{font-size:calc(38*var(--u));line-height:1.05;letter-spacing:calc(-1.7*var(--u))}.healthcare .hero .lede{font-size:calc(15*var(--u));line-height:1.35;margin-top:calc(12*var(--u))}.healthcare .eyebrow,.family-lookout .eyebrow{font-size:calc(13*var(--u));letter-spacing:calc(-.4*var(--u));margin-bottom:calc(12*var(--u))}.healthcare .hero .button{font-size:calc(10*var(--u));padding:calc(12*var(--u)) calc(16*var(--u));white-space:nowrap}.healthcare .hero .actions{gap:calc(10*var(--u));margin-top:calc(19*var(--u))}.health-art{height:calc(353*var(--u));width:calc(441*var(--u));margin-left:calc(-9*var(--u))}.health-art>.reference-art{width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 89%,5% 89%,5% 73%,0 73%)}
.healthcare .process{margin:calc(22*var(--u)) auto calc(35*var(--u));padding:calc(22*var(--u));border-radius:calc(17*var(--u))}.healthcare .process h2{font-size:calc(31*var(--u))}.healthcare .steps{gap:calc(35*var(--u));margin-top:calc(22*var(--u))}.healthcare .steps article{padding:0;position:relative}.healthcare .step-top{gap:calc(36*var(--u));margin-bottom:calc(12*var(--u));height:calc(66*var(--u))}.healthcare .steps .number{width:calc(40*var(--u));height:calc(40*var(--u));font-size:calc(18*var(--u))}.healthcare .steps .big-icon{background:none;padding:0;width:calc(64*var(--u));height:calc(64*var(--u));border-radius:0}.healthcare .steps .big-icon svg{stroke-width:1.8}.healthcare .steps h3{font-size:calc(17*var(--u))}.healthcare .steps p{font-size:calc(14*var(--u));line-height:1.35;margin-top:calc(8*var(--u))}.healthcare .steps article:not(:last-child):after{content:'›';position:absolute;right:calc(-23*var(--u));top:calc(36*var(--u));font-size:calc(36*var(--u));color:var(--blue)}
.findings{margin:calc(35*var(--u)) auto calc(29*var(--u))}.findings h2{font-size:calc(33*var(--u))}.findings>.section-lede{max-width:calc(505*var(--u));font-size:calc(14*var(--u))}.findings-grid{grid-template-columns:2.1fr 1fr;gap:calc(18*var(--u));margin-top:calc(22*var(--u));align-items:start}.table-preview{padding:calc(16*var(--u));border:0;border-radius:calc(14*var(--u));align-self:start;min-height:calc(420*var(--u))}.sample-label{font-size:calc(12*var(--u));margin-bottom:calc(17*var(--u))}.tabs{gap:calc(7*var(--u));margin-bottom:calc(10*var(--u));flex-wrap:nowrap}.tabs button{padding:calc(9*var(--u)) calc(12*var(--u));font-size:calc(9*var(--u));border-radius:calc(7*var(--u));white-space:nowrap}table{font-size:calc(10*var(--u))}td,th{padding:calc(13*var(--u)) calc(7*var(--u));line-height:1.4}th{font-size:calc(9*var(--u))}.pill{padding:calc(8*var(--u));font-size:calc(9*var(--u));border-radius:calc(6*var(--u))}.tiny{font-size:calc(8*var(--u));margin-top:calc(12*var(--u))}.detail-column{margin-top:calc(-79*var(--u))}.detail-column>.thinking-art{width:100%;height:calc(215*var(--u));object-fit:contain;margin-bottom:calc(6*var(--u))}.detail-column article{padding:calc(12*var(--u));gap:calc(10*var(--u));border-radius:calc(15*var(--u));margin-bottom:calc(9*var(--u))}.detail-column article>svg{width:calc(30*var(--u));height:calc(30*var(--u));padding:calc(5*var(--u));background:#deeeff;border-radius:calc(12*var(--u))}.detail-column h3{font-size:calc(12*var(--u));line-height:1.2;letter-spacing:calc(-.3*var(--u))}.detail-column p{font-size:calc(11*var(--u));line-height:1.35;margin-top:calc(5*var(--u))}.audiences{padding:calc(22*var(--u));border-radius:calc(17*var(--u));margin-bottom:calc(20*var(--u))}.audiences h2{font-size:calc(30*var(--u))}.three-cards{gap:calc(10*var(--u));margin-top:calc(18*var(--u))}.audiences .three-cards article{padding:calc(15*var(--u));gap:calc(12*var(--u));border-radius:calc(14*var(--u))}.audiences svg{width:calc(43*var(--u));height:calc(43*var(--u));color:#0961ff;fill:#0866ff16}.audiences h3{font-size:calc(12*var(--u));line-height:1.2}.audiences .three-cards p{font-size:calc(10*var(--u));line-height:1.4;margin-top:calc(6*var(--u))}.health-cta{min-height:calc(200*var(--u));padding:calc(24*var(--u));margin:calc(23*var(--u)) auto calc(17*var(--u));background:#fff9e9;overflow:visible}.health-cta>.reference-art.cta-art{left:calc(12*var(--u));right:auto;bottom:0;width:calc(280*var(--u));height:calc(220*var(--u));border-radius:0}.health-cta>div:not(.ally){width:58%}.health-cta h2{font-size:calc(31*var(--u))}.health-cta .lede{font-size:calc(14*var(--u))}.health-cta .actions{gap:calc(11*var(--u))}.fineprint{font-size:calc(9*var(--u));margin-bottom:calc(9*var(--u))}
/* Family Lookout: original illustrated cards and distinct thinking pose. */
.family-lookout .header{height:calc(52*var(--u))}.family-lookout .logo img{width:calc(30*var(--u));height:calc(34*var(--u))}.family-lookout .logo>span{font-size:calc(30*var(--u))}.family-lookout .hero-grid{min-height:calc(366*var(--u));padding:calc(25*var(--u)) 0;grid-template-columns:47% 53%}.family-lookout h1{font-size:calc(40*var(--u));line-height:1.05;letter-spacing:calc(-1.8*var(--u))}.family-lookout .hero .lede{font-size:calc(15*var(--u));line-height:1.35;margin-top:calc(12*var(--u))}.family-lookout .hero .actions{margin-top:calc(17*var(--u));gap:calc(11*var(--u))}.family-lookout .hero .button{font-size:calc(11*var(--u));padding:calc(12*var(--u)) calc(15*var(--u));white-space:nowrap}.concept{font-size:calc(10*var(--u));margin-top:calc(12*var(--u))}.family-art{width:calc(470*var(--u));height:calc(369*var(--u));margin-left:calc(-31*var(--u))}.family-art>.reference-art{width:100%;height:100%;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%,0 84%,7% 84%,7% 63%,0 63%,0 30%,6% 30%)}.family-lookout .hero{background:#fff}.play-icon{border-radius:50%;background:var(--blue);color:#fff;font-size:calc(9*var(--u));padding:calc(3*var(--u)) calc(4*var(--u))}.family-categories{padding:calc(30*var(--u)) 0 calc(17*var(--u))}.family-categories h2{font-size:calc(30*var(--u))}.family-categories .section-lede{font-size:calc(15*var(--u))}.family-categories .three-cards{gap:calc(15*var(--u));margin-top:calc(20*var(--u))}.family-categories .three-cards article{min-height:calc(265*var(--u));padding:calc(16*var(--u));border-radius:calc(18*var(--u))}.category-icon{float:left;width:calc(50*var(--u));height:calc(50*var(--u));padding:calc(12*var(--u));margin:0 calc(13*var(--u)) calc(60*var(--u)) 0}.family-categories h3{font-size:calc(20*var(--u));letter-spacing:calc(-.6*var(--u))}.family-categories .three-cards p{font-size:calc(12*var(--u));line-height:1.4;margin-top:calc(7*var(--u));margin-left:calc(63*var(--u))}.family-categories article:nth-child(2){background:#fffaf0}.family-categories article:nth-child(2) .category-icon{background:#fff2c4}.family-categories .illustration{position:absolute;left:0;right:0;bottom:0;height:calc(154*var(--u));margin:0;border-radius:0;background:none}.illustration .reference-art{width:100%;height:100%;object-fit:cover}.family-categories .fineprint{font-size:calc(11*var(--u));margin-top:calc(13*var(--u))}.family-explain{padding:calc(20*var(--u)) 0 calc(10*var(--u));margin-top:calc(15*var(--u));border-radius:calc(30*var(--u));background:#fff9e7}.family-explain>.wrap{grid-template-columns:calc(248*var(--u)) 1fr;gap:calc(25*var(--u))}.family-explain .thinking-art{width:calc(248*var(--u));height:calc(360*var(--u));object-fit:contain}.family-explain h2{font-size:calc(30*var(--u));line-height:1.05}.family-explain .lede{font-size:calc(14*var(--u));margin-top:calc(9*var(--u))}.explain-list{padding:calc(4*var(--u)) calc(18*var(--u));border-radius:calc(17*var(--u));margin-top:calc(14*var(--u))}.explain-list article{padding:calc(12*var(--u)) 0;gap:calc(15*var(--u))}.explain-list svg{width:calc(40*var(--u));height:calc(40*var(--u));padding:calc(9*var(--u));background:#e6f2ff;border-radius:50%}.explain-list article:nth-child(2) svg{background:#fff2bf;color:#ffbd12}.explain-list h3{font-size:calc(14*var(--u))}.explain-list p{font-size:calc(12*var(--u));margin-top:calc(6*var(--u))}.family-human{width:100%;padding:calc(18*var(--u)) calc(40*var(--u));margin:calc(14*var(--u)) auto 0;border-radius:0;grid-template-columns:1fr 1fr;gap:calc(20*var(--u));background:#edf7ff}.family-human h2{font-size:calc(27*var(--u))}.family-human .lede{font-size:calc(14*var(--u));line-height:1.35}.family-human .photo-card{height:calc(207*var(--u));min-height:0;border-radius:calc(18*var(--u))}.values{gap:calc(45*var(--u));margin-top:calc(17*var(--u))}.values svg{width:calc(45*var(--u));height:calc(45*var(--u));padding:calc(10*var(--u));background:#def0ff;border-radius:50%}.values>div:nth-child(2) svg{background:#fff1c4;color:#efb400}.values p{font-size:calc(13*var(--u));line-height:1.2;margin-top:calc(9*var(--u))}.monitoring{grid-template-columns:40% 60%;gap:calc(10*var(--u));margin:calc(27*var(--u)) auto calc(18*var(--u))}.monitoring h2{font-size:calc(28*var(--u))}.monitoring p{font-size:calc(12*var(--u));line-height:1.4;margin-top:calc(9*var(--u))}.monitor-cards{gap:calc(8*var(--u))}.monitor-cards article{position:relative;padding:calc(12*var(--u));border-radius:calc(13*var(--u))}.monitor-cards article:after{content:'✓';position:absolute;right:calc(8*var(--u));top:calc(6*var(--u));background:var(--blue);color:#fff;border-radius:50%;width:calc(15*var(--u));height:calc(15*var(--u));display:grid;place-items:center;font-size:calc(10*var(--u))}.monitor-cards svg{width:calc(36*var(--u));height:calc(36*var(--u));padding:calc(7*var(--u));border-radius:calc(12*var(--u));background:#e1f1ff;margin-bottom:calc(10*var(--u))}.monitor-cards h3{font-size:calc(11*var(--u))}.monitor-cards p{font-size:calc(10*var(--u));margin-top:calc(6*var(--u))}.family-cta{min-height:calc(153*var(--u));padding:calc(20*var(--u));margin:calc(12*var(--u)) auto calc(15*var(--u));background:#fff9e6;overflow:visible}.family-cta>.reference-art.cta-art{left:0;right:auto;bottom:0;width:calc(333*var(--u));height:calc(162*var(--u));border-radius:calc(15*var(--u)) 0 0 calc(15*var(--u))}.family-cta>div:not(.ally){width:57%;text-align:center}.family-cta h2{font-size:calc(26*var(--u))}.family-cta .button{margin-top:calc(14*var(--u));padding:calc(12*var(--u)) calc(30*var(--u))}.family-lookout>.fineprint span,.family-lookout .fineprint span{float:right}
}
/* Live controls cover the matching controls drawn in the report artwork. */
.hero-status{position:absolute;left:48.8%;top:16.4%;width:42%;height:15.3%;padding:2.5%;border:0;background:#fff0df;border-radius:8px;gap:7%;font-size:clamp(9px,1.26vw,17px);line-height:1.1}.hero-status .status-dot{display:grid;place-items:center;width:14%;height:auto;aspect-ratio:1;border-radius:3px;color:#fff;font-weight:800;background:#e96b06}.hero-status[data-state=pending] .status-dot{clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:5%}.hero-status .state-detail{display:block;font-size:.72em;font-weight:400;margin-top:6%;white-space:nowrap}.hero-confirm,.hero-different{position:absolute;left:48.8%;width:42.2%;height:9.1%;border-radius:10px;font-size:clamp(8px,1.15vw,15px);font-weight:600;padding:0}.hero-confirm{top:66.8%;color:#fff;background:var(--blue)}.hero-different{top:77.1%;color:#152648;background:#f9fcff;border:1px solid #cad7e9}
@media(max-width:760px){
.hero-grid,.healthcare .hero-grid{min-height:0}.health-art{width:min(441px,100%);height:auto;aspect-ratio:441/353}.health-art>.reference-art{width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 89%,5% 89%,5% 73%,0 73%)}.hero-status{font-size:11px}.hero-confirm,.hero-different{font-size:10px;border-radius:7px}.hero-status .state-detail{white-space:normal}.family-art{width:min(470px,100%);height:auto;aspect-ratio:470/369}.family-art>.reference-art{width:100%;height:100%;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%,0 84%,7% 84%,7% 63%,0 63%,0 30%,6% 30%)}.product-card>.reference-art{position:absolute;right:0;bottom:0;width:66%;height:300px;object-fit:contain}.product-card>.button{z-index:3}.photo-card>.reference-art{position:absolute;object-fit:cover;width:100%;height:100%}.photo-card .ally{display:none}.cta .reference-art.cta-art{position:absolute;bottom:0;right:0;width:80%;height:200px;object-fit:contain;z-index:1}.health-cta>.reference-art.cta-art,.family-cta>.reference-art.cta-art{left:0;right:auto}.cta>div:not(.ally){z-index:2}.detail-column>.thinking-art{width:65%;height:250px;margin:auto}.family-explain .thinking-art{height:290px;width:auto;max-width:100%;margin:auto}.family-categories .three-cards article{padding:22px;min-height:330px;padding-bottom:170px}.family-categories .illustration{position:absolute;left:0;right:0;bottom:0;width:100%;height:160px;margin:0;border-radius:0;background:none}.illustration .reference-art{width:100%;height:100%;object-fit:cover}.family-categories .category-icon{float:left;margin:0 15px 60px 0}.family-categories .three-cards p{margin-left:70px}.family-categories .three-cards h3{font-size:22px}.big-icon .reference-art{width:100%;height:100%;object-fit:contain}.table-preview td,.table-preview th{font-size:9px;padding:12px 5px}.table-preview{padding:12px}.tabs button{font-size:9px;padding:8px}.healthcare .hero .actions{flex-wrap:wrap}.fineprint span{display:block}.family-human .photo-card{height:230px}.family-cta{padding-bottom:200px}
}

/* Final comparison adjustments. */
.home .hero-art>.home-hero-ally{position:absolute;left:6%;bottom:0;width:78%;height:94%;object-fit:contain;z-index:1}.cta-art,.product-card>.reference-art{mix-blend-mode:multiply}
@media(min-width:761px){.healthcare .logo img{width:calc(34*var(--u));height:calc(37*var(--u))}.healthcare .logo>span{font-size:calc(30*var(--u));letter-spacing:calc(-1.4*var(--u))}.healthcare .hero-grid{padding:0}.family-lookout .hero-grid{padding:0}.healthcare .process{padding-top:calc(20*var(--u));padding-bottom:calc(17*var(--u))}.healthcare .steps{margin-top:calc(18*var(--u))}.family-explain{padding-top:calc(15*var(--u));padding-bottom:calc(5*var(--u))}.product-card>.button{bottom:calc(25*var(--u))}.home .hero-art{height:calc(380*var(--u))}}

/* Reference promotional artwork, with real accessible links and headings. */
.product-card{padding:0!important;min-height:0!important;aspect-ratio:392/290;position:relative;background:none!important}.reference-card{width:100%;height:100%;display:block;object-fit:fill}.card-link{position:absolute;inset:0;z-index:4;border-radius:inherit}.card-link:focus-visible{outline-offset:3px}
.health-art>.reference-art{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,0 89%,5% 89%,5% 73%,0 73%,0 40%,4% 40%)}

/* Persistent page navigation. */
.header{position:sticky;top:0;z-index:50;background:#fff;transition:box-shadow .18s ease}
.header.is-scrolled{box-shadow:0 3px 18px #10294d14}
html{scroll-padding-top:calc(var(--sticky-header-height,80px) + 16px)}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:45;width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 5px 20px #071b3e26;cursor:pointer}
.back-to-top svg{width:23px;height:23px}.back-to-top:hover{background:#004cdc}.back-to-top:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
@media(max-width:760px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}


/* Gentle header separation and reference hero-card proportions. */
.header{border-bottom:1px solid #dce6f2}
@media(min-width:761px){
.home .float-card{background:#fffffff5;box-shadow:0 calc(8*var(--u)) calc(22*var(--u)) #447eb51c;align-items:center}
.home .float-card.one{left:calc(18*var(--u));top:calc(-3*var(--u));width:calc(150*var(--u));padding:calc(14*var(--u)) calc(12*var(--u));transform:rotate(-8deg)}
.home .float-card.one strong{white-space:nowrap;font-size:calc(9*var(--u));position:relative;padding-right:calc(15*var(--u))}
.home .float-card.one i{position:absolute;right:calc(-5*var(--u));top:calc(-4*var(--u));width:calc(17*var(--u));height:calc(17*var(--u));border-radius:50%;display:grid;place-items:center;background:#65c34a;color:white;font-size:calc(12*var(--u))}
.home .float-card.two,.home .float-card.three{right:0;width:calc(128*var(--u));height:calc(112*var(--u));padding:calc(13*var(--u));grid-template-columns:calc(29*var(--u)) 1fr;grid-template-rows:auto 1fr;column-gap:calc(7*var(--u));row-gap:calc(10*var(--u));transform:rotate(8deg)}
.home .float-card.two{top:calc(12*var(--u))}
.home .float-card.three{top:calc(150*var(--u));bottom:auto}
.home .float-card.two svg,.home .float-card.three svg{grid-row:1;width:calc(29*var(--u));height:calc(29*var(--u))}
.home .float-card.two strong,.home .float-card.three strong{font-size:calc(10*var(--u));line-height:1.25}
.home .float-card.two .lines,.home .float-card.three .lines{grid-column:1/-1;width:100%;height:calc(42*var(--u));margin-top:0;align-self:start;background:linear-gradient(#d9e2ef 0 0) left top/100% calc(6*var(--u)) no-repeat,linear-gradient(#d9e2ef 0 0) left calc(14*var(--u))/96% calc(6*var(--u)) no-repeat,linear-gradient(#d9e2ef 0 0) left calc(28*var(--u))/70% calc(6*var(--u)) no-repeat;border-radius:calc(3*var(--u))}
}

/* Ground Ally beneath the floating cards, matching the reference baseline. */
.home .hero-art::after{content:"";position:absolute;left:22%;bottom:4%;width:46%;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(34,66,108,.27) 0%,rgba(34,66,108,.12) 40%,rgba(34,66,108,0) 72%);filter:blur(3px);z-index:0;pointer-events:none}
@media(min-width:761px){.home .hero-art>.home-hero-ally{transform:translateY(calc(32*var(--u)))}.home .hero-art::after{bottom:calc(-2*var(--u));height:calc(18*var(--u))}}

/* Balance the homepage composition and add Ally’s yellow idea marks. */
@media(min-width:761px){
.home .hero-grid{min-height:0;padding-top:calc(34*var(--u));padding-bottom:calc(18*var(--u))}
.home .hero-art>.home-hero-ally{left:calc(6% - 18*var(--u))}
.home .hero-art::after{left:calc(22% - 18*var(--u))}
.home .hero-art::before{content:"";position:absolute;left:48%;top:calc(45*var(--u));width:calc(44*var(--u));height:calc(40*var(--u));z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 40'%3E%3Cpath d='M11 26 15 8M28 31 37 21' fill='none' stroke='%23ffd044' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
}


/* Clear action arrows and filled interface icons. */
.button .button-arrow{width:20px;height:20px;flex:0 0 20px;display:block;fill:currentColor;stroke:none}.solid-icon{fill:currentColor;stroke:none}.back-to-top svg{fill:currentColor;stroke:none}
@media(min-width:761px){.button .button-arrow{width:calc(17*var(--u));height:calc(17*var(--u));flex-basis:calc(17*var(--u))}}

/* Locally served typography: consistent family and true variable weights. */
@font-face{font-family:"FactAlly Inter";src:url("/assets/fonts/inter-variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:block}
body{font-family:"FactAlly Inter",Inter,Arial,sans-serif;font-optical-sizing:auto;font-synthesis:none}
h1{font-weight:800}h2{font-weight:800}h3{font-weight:750}

/* Native product-card typography and original high-resolution character artwork. */
.home .sharp-card{container-type:inline-size;padding:0!important;background:linear-gradient(135deg,#edf7ff,#deedfc)!important;aspect-ratio:392/290;border-radius:20px}
.home .sharp-card.family-card{background:linear-gradient(135deg,#fff9e9,#fff1c8)!important}
.home .sharp-card h3{position:relative;z-index:2;font-size:7.4cqw;letter-spacing:-.035em;line-height:1.08;white-space:nowrap;font-weight:800}
.home .sharp-card .by{position:relative;z-index:2;font-size:4.3cqw;line-height:1.25;margin-top:.8cqw}
.home .sharp-card>p{position:relative;z-index:2;font-size:3.6cqw;line-height:1.4;margin-top:6cqw;max-width:42cqw}
.home .sharp-card>.product-ally{position:absolute;right:-2cqw;bottom:1cqw;width:62cqw;height:59cqw;z-index:1;overflow:hidden}
.home .sharp-card.family-card>.product-ally{right:-1cqw;width:60cqw}
.home .sharp-card::before{content:"";position:absolute;right:4cqw;bottom:2cqw;width:42cqw;height:4cqw;border-radius:50%;background:radial-gradient(ellipse,#17396c25,transparent 70%);z-index:0}
.home .sharp-card>.button{position:absolute;z-index:3;left:5.35cqw;bottom:6.4cqw;min-width:0;width:auto;padding:3.3cqw 4cqw;font-size:2.55cqw;border-radius:2.5cqw;gap:2cqw;white-space:nowrap}
.home .sharp-card>.button .button-arrow{width:4cqw;height:4cqw;flex-basis:4cqw}
.home .steps .big-icon>svg{width:100%;height:100%;filter:drop-shadow(0 4px 5px #397ab815)}

.home .sharp-card h3{margin:5.35cqw 5.35cqw 0}.home .sharp-card .by{margin-left:5.35cqw}.home .sharp-card>p{margin-left:5.35cqw}

/* Equal visual character scale and breathing room beside the card buttons. */
.home .sharp-card.healthcare-card>.product-ally{right:-3cqw;bottom:1.5cqw;width:55.5cqw;height:55cqw}
.home .sharp-card.family-card>.family-ally-pose{position:absolute;right:0;bottom:1.5cqw;width:53cqw;height:54cqw;object-fit:contain;z-index:1}

.home .sharp-card.healthcare-card>.product-ally{right:-1cqw}.home .sharp-card.family-card>.family-ally-pose{height:57.5cqw;bottom:0}

/* Short paired actions leave room for the larger product mascots. */
.home .sharp-card>.button{width:28cqw;justify-content:center;font-size:3cqw;gap:3cqw}
.home .sharp-card.healthcare-card>.product-ally{right:0;bottom:1cqw;width:62cqw;height:61cqw}
.home .sharp-card.family-card>.family-ally-pose{right:0;bottom:0;width:60cqw;height:63cqw}

/* Match visible antenna-to-sole height and baseline with Healthcare Ally. */
.home .sharp-card.family-card>.family-ally-pose{right:0;bottom:2.09cqw;width:60cqw;height:58.82cqw;overflow:visible}

@media(min-width:761px){.home .steps h3.understand-heading{white-space:nowrap;font-size:calc(13*var(--u));letter-spacing:calc(-.45*var(--u))}}

/* Preserve full scene framing beside the reference-size homepage heading. */
.home .human-photos{align-items:start}
.home .human-photos .photo-card{min-height:0;height:auto;aspect-ratio:1177/1337}
.home .human-photos .photo-card:nth-child(2){aspect-ratio:1173/1341}
.home .human-photos .photo-card>.reference-art{position:static;width:100%;height:auto;object-fit:contain}
@media(min-width:761px){.home .human{grid-template-columns:calc(280*var(--u)) 1fr}.home .human h2{font-size:calc(40*var(--u));line-height:1.05;letter-spacing:calc(-1.5*var(--u))}}
@media(max-width:760px){.home .human h2{font-size:clamp(36px,7vw,44px)}}

/* Homepage welcome art: transparent asset and continuous mockup background. */
.home .cta{background:linear-gradient(110deg,#edf7ff,#e8f5ff)}
.home .cta .reference-art.cta-art{mix-blend-mode:normal;object-fit:contain;object-position:center bottom;image-rendering:auto}

/* One shared header scale, matching the approved Healthcare header. */
@media(min-width:761px){
.home .header,.healthcare .header,.family-lookout .header,.signin-page .header{--page:818;--u:min(1.56479px,.12224939vw);height:calc(64*var(--u))}
.header .logo img{width:calc(34*var(--u));height:calc(37*var(--u))}
.header .logo>span{font-size:calc(30*var(--u));letter-spacing:calc(-1.4*var(--u))}
}

@media(min-width:761px){.header .button.small{height:calc(42*var(--u));padding-block:0;white-space:nowrap}}

/* Shared compact footer, following the approved design. */
.footer.site-footer{width:100%;max-width:none;margin:48px 0 0;padding:0;border-top:1px solid #dce6f2;background:#fff}
.site-footer .footer-inner{width:min(1155px,calc(100% - 80px));margin-inline:auto}
.site-footer .footer-main{display:grid;grid-template-columns:1.45fr 1.1fr .8fr 1fr;gap:32px;align-items:start;padding:36px 0 32px;border:0}
.site-footer .footer-brand .logo{gap:8px;line-height:1.25}
.site-footer .footer-brand .logo img{width:40px;height:44px}
.site-footer .footer-brand .logo>span{font-size:34px;letter-spacing:-1.7px}
.site-footer .footer-brand p{font-size:14px;line-height:1.6;margin:8px 0 0;color:#526580}
.site-footer .footer-brand .parent{font-size:13px;margin-top:3px}
.site-footer .footer-brand .parent a{text-decoration:none}
.site-footer .footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:none;font-size:15px;font-weight:500;line-height:1.45}
.site-footer .footer-group h2{font-size:12px;line-height:1.4;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:#526580;margin:3px 0 8px}
.site-footer .footer-group a,.site-footer .footer-group button{font:inherit;color:#07143b;background:none;padding:0;text-align:left}
.site-footer .footer-group a:hover,.site-footer .footer-group button:hover,.site-footer .parent a:hover{color:#075eff;text-decoration:underline}
.site-footer .footer-phone{display:flex;flex-direction:column;gap:4px;white-space:nowrap}
.site-footer .footer-phone strong{font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.5px;color:#075eff}
.site-footer .footer-phone span{font-size:15px;color:#526580}
.site-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #dce6f2;padding:20px 0 24px;font-size:12px;line-height:1.5;color:#526580}
.site-footer .footer-bottom>div{display:flex;gap:26px;align-items:center}
.site-footer .footer-bottom button{font:inherit;color:inherit;background:none;padding:0}
.site-footer .footer-bottom button:hover{color:#075eff;text-decoration:underline}
@media(max-width:900px){.site-footer .footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:600px){.footer.site-footer{margin-top:40px}.site-footer .footer-inner{width:calc(100% - 40px)}.site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;padding:30px 0}.site-footer .footer-contact{grid-column:1/-1}.site-footer .footer-group{font-size:14px}.site-footer .footer-brand .logo>span{font-size:31px}.site-footer .footer-brand .logo img{width:36px;height:40px}.site-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;padding:20px 0}.site-footer .footer-bottom>div{gap:24px}}

/* Keep desktop legal links clear of the floating back-to-top control. */
@media(min-width:601px){.site-footer .footer-bottom>div{padding-right:64px}}

/* Small readability adjustments; retain the existing compact typography. */
.header .logo>span{letter-spacing:-.025em}
.site-footer .footer-brand .logo>span{letter-spacing:-.02em}
.site-footer .footer-brand .parent a{color:#075eff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.home main h1{letter-spacing:-.035em}
.home main h2,.home .human h2{letter-spacing:-.032em}
.home main h3,.home .product-card h3,.home .steps h3.understand-heading{letter-spacing:-.027em}
.home main .lede{letter-spacing:-.012em}
.home .human + .cta{margin-top:48px}
@media(max-width:760px){.home .human + .cta{margin-top:36px}}

/* Explain hero: native review text with a sharp, independent pointing pose. */
.healthcare .hero-art.health-explain{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:0;isolation:isolate;width:100%;height:auto;min-height:calc(355*var(--u));margin-left:0;position:relative}
.health-explain:before{content:"";position:absolute;inset:6% -4% 2% 0;border-radius:50%;background:radial-gradient(ellipse,#d8ecff80,transparent 70%);z-index:-1;pointer-events:none}
.health-explain .explain-report{position:relative;z-index:1;min-width:0;padding:18px;background:#ffffffed;border:1px solid #e3edf9;border-radius:20px;box-shadow:0 15px 40px #2379d414}
.health-explain .explain-kicker{font-size:10px;line-height:1.4;color:#62738e;margin:0 0 6px}
.health-explain .explain-report h2{font-size:17px;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}
.health-explain .hero-status{position:static;display:flex;align-items:center;gap:9px;width:auto;height:auto;padding:12px;border:1px solid #ffe0ac;border-radius:11px;font-size:13px;line-height:1.2}
.health-explain .hero-status .status-dot{flex:0 0 24px;width:24px;height:24px;aspect-ratio:1;font-size:15px;border-radius:50%;padding:0}
.health-explain .hero-status[data-state=pending] .status-dot{padding-top:4px;border-radius:3px}
.health-explain .hero-status .state-detail{font-size:10px;line-height:1.4;margin-top:4px;white-space:normal}
.health-explain .hero-status[data-state=confirmed]{background:#fff0ed;border-color:#ffbcb2}
.health-explain .hero-status[data-state=confirmed] .status-dot{background:#da3527;clip-path:none}
.health-explain .hero-status[data-state=different]{background:#e8f8ed;border-color:#b6e8c6}
.health-explain .hero-status[data-state=different] .status-dot{background:#22914e;clip-path:none}
.health-explain .explain-fields{margin:12px 0 14px;font-size:11px;line-height:1.4}
.health-explain .explain-fields>div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid #edf2f9}
.health-explain .explain-fields dt{color:#62738e;font-weight:450}
.health-explain .explain-fields dd{margin:0;color:#14264d;font-weight:600}
.health-explain .explain-decisions{display:grid;gap:8px}
.health-explain .hero-confirm,.health-explain .hero-different{position:static;left:auto;top:auto;width:100%;height:auto;min-height:37px;padding:9px 5px;border-radius:10px;font-size:11px;line-height:1.3}
.health-explain .hero-confirm{background:#da3527;color:#fff;border:1px solid #da3527}
.health-explain .hero-different{background:#22914e;color:#fff;border:1px solid #22914e}
.health-explain .explain-decisions [aria-pressed=true]{outline:2px solid #14449d;outline-offset:2px}
.health-explain .explain-footnote{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;font-size:9px;color:#62738e}
.health-explain .explain-footnote button{font:inherit;padding:0;background:none;color:#075eff;text-decoration:underline;text-underline-offset:2px}
.healthcare .health-explain>.explain-ally{position:relative;z-index:2;align-self:end;width:120%;max-width:none;height:auto;max-height:100%;margin-left:-10%;object-fit:contain;clip-path:none;pointer-events:none;mix-blend-mode:normal}
@media(max-width:760px){.healthcare .hero-art.health-explain{max-width:560px;min-height:350px;margin:20px auto 0;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.health-explain .explain-report{padding:14px;border-radius:16px}.health-explain .explain-report h2{font-size:15px}.health-explain .hero-status{font-size:12px;padding:10px;gap:7px}.health-explain .explain-fields{font-size:10px}.health-explain .explain-fields>div{grid-template-columns:65px minmax(0,1fr);gap:5px}.health-explain .hero-confirm,.health-explain .hero-different{font-size:10px}.healthcare .health-explain>.explain-ally{width:115%;margin-left:-8%;align-self:center}}

/* Isolate the new report from older generic definition-list layout rules. */
.healthcare .hero-art.health-explain{grid-template-columns:minmax(0,13fr) minmax(0,12fr)}
.health-explain .explain-fields{display:block}
.health-explain .explain-report{margin-top:24px;margin-bottom:20px}
.healthcare .health-explain>.explain-ally{align-self:center}
@media(max-width:760px){.healthcare .hero-art.health-explain{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.health-explain .explain-report{margin-top:0;margin-bottom:0}}

/* Restore the Explain mockup's roster cue, connector and decision-colored rays. */
.health-explain .explain-report{--review-accent:#ffd044;margin-top:58px}
.health-explain .explain-report[data-state=confirmed]{--review-accent:#da3527}
.health-explain .explain-report[data-state=different]{--review-accent:#22914e}
.health-explain .explain-roster{position:absolute;left:-28px;top:-32px;width:54px;height:58px;display:grid;place-items:center;background:#ffffffef;border:1px solid #e3edff;border-radius:13px;box-shadow:0 8px 22px #3887d923;transform:rotate(-8deg);pointer-events:none}
.health-explain .explain-roster svg{width:40px;height:40px}
.health-explain .explain-roster-arrow{position:absolute;left:24px;top:-42px;width:94px;height:49px;pointer-events:none}
.health-explain .explain-rays{position:absolute;right:-24px;top:-19px;width:44px;height:44px;color:var(--review-accent);transition:color .16s ease;pointer-events:none}
@media(max-width:760px){.health-explain .explain-report{margin-top:32px}.health-explain .explain-roster{left:-8px;top:-24px;width:44px;height:48px;border-radius:11px}.health-explain .explain-roster svg{width:32px;height:32px}.health-explain .explain-roster-arrow{left:30px;top:-34px;width:76px;height:40px}.health-explain .explain-rays{right:-17px;top:-16px;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.health-explain .explain-rays{transition:none}}

/* Clear the report label and place all decorative marks outside its edge. */
.health-explain .explain-report{margin-top:78px}
.healthcare .health-explain>.explain-ally{transform:translateY(20px)}
.health-explain .explain-roster{top:-56px}
.health-explain .explain-roster-arrow{top:-60px}
.health-explain .explain-rays{right:-50px;top:-24px;transform:rotate(12deg)}
@media(max-width:760px){.health-explain .explain-report{margin-top:48px}.healthcare .health-explain>.explain-ally{transform:translateY(14px)}.health-explain .explain-roster{top:-48px}.health-explain .explain-roster-arrow{top:-50px}.health-explain .explain-rays{right:-42px;top:-22px}}

/* Crisp transparent healthcare illustrations, matched to the approved mockup. */
.healthcare .health-illustrated-icon{display:block;flex-shrink:0;overflow:visible;fill:none;stroke:none}
.healthcare .big-icon .health-illustrated-icon{width:100%;height:100%}
.healthcare .audiences .health-illustrated-icon{width:64px;height:64px;min-width:64px;filter:drop-shadow(0 3px 3px #1562b415)}
.healthcare .thinking-art{mix-blend-mode:normal;image-rendering:auto}
@media(min-width:761px){.healthcare .audiences .health-illustrated-icon{width:calc(52*var(--u));height:calc(52*var(--u));min-width:calc(52*var(--u))}}

/* Selected Here to listen pose: crisp transparent art, with blue pocket trim. */
.healthcare .listening-cta>.reference-art.cta-art{mix-blend-mode:normal;object-fit:contain;object-position:center bottom}
@media(max-width:760px){.healthcare .listening-cta>.reference-art.cta-art{width:100%;height:220px;left:0;right:auto}}

/* Keep the listening pose inside its panel and ground both boots. */
.healthcare .listening-cta>.reference-art.cta-art{height:calc(220*var(--u));bottom:16px;z-index:1}
.healthcare .listening-cta::after{content:"";position:absolute;pointer-events:none;z-index:0;left:calc(152*var(--u) + 8px);bottom:24px;transform:translateX(-50%);width:140px;height:15px;background:radial-gradient(ellipse at center,#23375a38 0%,#23375a18 38%,transparent 72%) left center/65px 15px no-repeat,radial-gradient(ellipse at center,#23375a38 0%,#23375a18 38%,transparent 72%) right center/65px 15px no-repeat}
@media(max-width:760px){.healthcare .listening-cta>.reference-art.cta-art{height:220px;bottom:16px}.healthcare .listening-cta::after{left:calc(50% + 7px);bottom:24px;width:140px}}

/* Grow the yellow panel while preserving the selected mascot's original size. */
@media(min-width:761px){.healthcare .listening-cta{min-height:calc(244*var(--u))}}
@media(max-width:760px){.healthcare .listening-cta{padding-bottom:260px}}

/* Soft contact shadows beneath the Healthcare hero's boots. */
.healthcare .hero-art.health-explain{container-type:inline-size}
.healthcare .health-explain::after{content:"";position:absolute;pointer-events:none;z-index:0;left:76%;top:calc(50% + 20px + 29cqw);transform:translate(-50%,-50%);width:36%;height:16px;background:radial-gradient(ellipse,#16345e45 0%,#16345e1a 40%,transparent 72%) left center/49% 100% no-repeat,radial-gradient(ellipse,#16345e45 0%,#16345e1a 40%,transparent 72%) right center/49% 100% no-repeat}
@media(max-width:760px){.healthcare .health-explain::after{left:79.8%;top:calc(50% + 14px + 23cqw);width:31%;height:12px}}

/* Refine small tilted hero labels without changing the floating cards. */
.home .float-card strong{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-weight:650;letter-spacing:0}
@media(min-width:761px){.home .float-card.one strong{font-size:clamp(11px,calc(9*var(--u)),14px)}.home .float-card.two strong,.home .float-card.three strong{font-size:clamp(12px,calc(10*var(--u)),16px)}}

.home .float-card.two strong,.home .float-card.three strong{white-space:nowrap}

/* Approved dimensional process cards, shared by Home and Healthcare. */
.illustrated-process{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.65fr);align-items:center;gap:24px;margin-block:34px 48px;padding:26px;background:linear-gradient(115deg,#eff8ff,#eaf5ff);border-radius:26px}
.illustrated-intro{min-width:0}
.illustrated-intro h2{font-size:clamp(28px,2.7vw,38px);font-weight:800;line-height:1.08;letter-spacing:-.032em;margin:0}
.illustrated-intro h2 em{display:block;color:#075eff;font-style:normal}
.illustrated-intro p{margin:16px 0 0;font-size:16px;line-height:1.5;color:#435476}
.illustrated-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none;align-items:stretch;min-width:0}
.illustrated-step{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px 18px 24px;background:linear-gradient(145deg,#fff,#fafdff);border:1px solid #fff;border-radius:22px;box-shadow:0 10px 26px #3e83bd09}
.illustrated-number{position:absolute;top:16px;left:16px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e1f1ff;color:#075eff;font-size:18px;line-height:1;font-weight:800}
.illustrated-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:9px 0 14px;pointer-events:none}
.illustrated-step h3{margin:0;font-size:clamp(15px,1.35vw,18px);line-height:1.25;font-weight:750;letter-spacing:-.027em;color:#07143b}
.illustrated-step p{margin:9px 0 0;font-size:clamp(13px,1.13vw,15px);line-height:1.5;color:#435476}
.illustrated-connector{position:absolute;right:-25px;top:calc(50% - 28px);z-index:2;width:32px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e3f3ff;color:#075eff;pointer-events:none}
.illustrated-connector svg{width:22px;height:22px}
@media(min-width:1151px){.home .illustrated-process .illustrated-step h3{white-space:nowrap}}
@media(max-width:1150px) and (min-width:761px){.illustrated-process{grid-template-columns:1fr;gap:24px}.illustrated-intro{max-width:760px}.illustrated-intro h2 em{display:inline}.illustrated-intro p{margin-top:10px}.illustrated-art{max-height:190px}.illustrated-step h3{font-size:18px}.illustrated-step p{font-size:15px}}
@media(max-width:760px){.illustrated-process{width:calc(100% - 32px);grid-template-columns:1fr;padding:22px 18px;gap:24px;margin-block:28px 36px;border-radius:24px}.illustrated-intro h2{font-size:32px}.illustrated-intro p{font-size:16px;margin-top:12px}.illustrated-steps{grid-template-columns:1fr;gap:20px}.illustrated-step{padding:18px 22px 24px;border-radius:20px}.illustrated-number{width:38px;height:38px;font-size:18px}.illustrated-art{width:190px;height:190px;max-width:80%;margin:0 auto 12px}.illustrated-step h3{font-size:20px;letter-spacing:-.027em}.illustrated-step p{font-size:16px;line-height:1.5;margin-top:8px}.illustrated-connector{top:auto;bottom:-25px;right:calc(50% - 20px);width:40px;height:32px;transform:rotate(90deg)}}

/* Sharp independent Family Lookout artwork and native dashboard labels. */
.family-lookout .family-art.family-sharp-hero{position:relative;width:100%;height:calc(369*var(--u));margin-left:0;isolation:isolate}
.family-sharp-hero::before{content:"";position:absolute;inset:3% -4% 8% 14%;border-radius:45% 55% 43% 57%;background:#fff3cd;z-index:-1}
.family-sharp-hero .family-dashboard{position:absolute;right:0;top:4%;width:58%;padding:18px 14px;background:#fcfeff;border:1px solid #e4edf7;border-radius:19px;box-shadow:0 12px 28px #294c6b19;transform:rotate(-3deg)}
.family-dashboard>p{font-size:12px;color:#435476;margin:0 0 14px}
.family-dashboard-row{display:grid;grid-template-columns:36px 1fr 10px;align-items:center;gap:9px;padding:13px 9px;margin-top:9px;background:#fff;border:1px solid #edf2f8;border-radius:11px;box-shadow:0 4px 10px #274e6b08}
.family-dashboard-row>span{display:grid;place-items:center;width:36px;height:36px;background:#e4f2ff;border-radius:10px}
.family-dashboard-row svg{width:28px;height:28px}
.family-dashboard-row strong{font-size:11px;line-height:1.25;display:block}
.family-dashboard-row small{font-size:9px;line-height:1.4;display:block;color:#526580;margin-top:4px}
.family-dashboard-row>b{color:#6781a0;font-size:21px;font-weight:450}
.family-sharp-hero>.family-hero-cutout{position:absolute;left:-2%;bottom:0;width:61%;height:91%;object-fit:contain;object-position:center bottom;z-index:2;clip-path:none;pointer-events:none}
.family-lookout .family-explain .thinking-art{mix-blend-mode:normal;object-fit:contain}
.family-lookout .family-cta .cta-art{mix-blend-mode:normal;object-fit:contain;object-position:center bottom}
.family-lookout .family-human .photo-card>.reference-art{object-fit:cover;width:100%;height:100%}
.family-lookout .monitor-cards .family-detail-icon{fill:none;stroke:none;background:#e1f1ff}
@media(max-width:760px){.family-lookout .family-art.family-sharp-hero{height:350px;width:100%;max-width:520px;margin:24px auto 0;aspect-ratio:auto}.family-sharp-hero .family-dashboard{width:60%;padding:13px 10px;top:4%}.family-dashboard>p{font-size:10px;margin-bottom:10px}.family-dashboard-row{grid-template-columns:28px 1fr 8px;gap:6px;padding:11px 6px}.family-dashboard-row>span{width:28px;height:28px}.family-dashboard-row svg{width:23px;height:23px}.family-dashboard-row strong{font-size:10px}.family-dashboard-row small{font-size:8px}.family-sharp-hero>.family-hero-cutout{width:62%;height:85%;left:-3%}}

@media(min-width:761px){.family-sharp-hero>.family-hero-cutout{width:70%;height:94%;left:-10%}}
.family-sharp-hero::after{content:"";position:absolute;left:15%;bottom:0;width:37%;height:12px;background:radial-gradient(ellipse,#29415c30,transparent 70%);z-index:1;pointer-events:none}

/* Preserve the parent scene framing at normal and maximized desktop widths. */
.family-lookout .family-human{display:block;width:100%;max-width:none;padding:28px 0;margin:18px 0 0;background:#edf7ff}
.family-lookout .family-parent-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;width:min(1155px,calc(100% - 80px));max-width:1155px;margin-inline:auto}
.family-lookout .family-human .photo-card{height:auto;min-height:0;aspect-ratio:3/2;width:100%;overflow:hidden}
.family-lookout .family-human .photo-card>.reference-art{position:static;display:block;width:100%;height:100%;object-fit:contain}
.family-lookout .selected-family-categories .three-cards{align-items:stretch}
.family-lookout .selected-family-categories .three-cards article{min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}
.selected-category-copy{position:relative;padding:22px 20px 20px 82px;min-height:180px}
.family-lookout .selected-family-categories .category-icon{position:absolute;top:22px;left:18px;float:none;width:48px;height:48px;padding:12px;margin:0}
.family-lookout .selected-family-categories h3{font-size:22px;line-height:1.2}
.family-lookout .selected-family-categories .three-cards p{margin:9px 0 0;font-size:15px;line-height:1.5}
.family-lookout .selected-family-categories .illustration{position:relative;inset:auto;height:auto;width:100%;aspect-ratio:1.45;margin-top:auto;overflow:hidden}
.family-lookout .selected-family-categories .illustration .selected-family-photo{width:100%;height:100%;object-fit:cover}
@media(max-width:1100px) and (min-width:761px){.selected-category-copy{padding:18px 16px 18px 70px;min-height:200px}.family-lookout .selected-family-categories h3{font-size:19px}.family-lookout .selected-family-categories .three-cards p{font-size:14px}.family-lookout .selected-family-categories .category-icon{left:14px;top:18px;width:42px;height:42px;padding:10px}}
@media(max-width:760px){.family-lookout .family-parent-inner{grid-template-columns:1fr;width:calc(100% - 40px);gap:24px}.family-lookout .family-human{padding:26px 0}.family-lookout .selected-family-categories .three-cards article{padding:0;min-height:0}.selected-category-copy{min-height:0;padding:22px 22px 24px 84px}.family-lookout .selected-family-categories .three-cards p{margin:9px 0 0;font-size:16px}.family-lookout .selected-family-categories .illustration{position:relative;height:auto;aspect-ratio:1.45}}

/* Match the homepage's proportional tracking on both solution pages. */
:is(.healthcare,.family-lookout) main h1,:is(.healthcare,.family-lookout) .hero h1{letter-spacing:-.035em}
:is(.healthcare,.family-lookout) main h2{letter-spacing:-.032em}
:is(.healthcare,.family-lookout) main h3,:is(.healthcare,.family-lookout) main :is(.three-cards,.explain-list,.monitor-cards,.detail-column) h3{letter-spacing:-.027em}
:is(.healthcare,.family-lookout) main .lede,:is(.healthcare,.family-lookout) .hero .lede{letter-spacing:-.012em}
:is(.healthcare,.family-lookout) main .eyebrow{letter-spacing:0}

/* Stronger shared navigation without changing header or logo geometry. */
.header #navigation > a:not(.button),.header #navigation > .navlink{font-size:clamp(12px,1.40625vw,18px);font-weight:600;color:#081936;white-space:nowrap}
.header #navigation > a:not(.button):hover,.header #navigation > .navlink:hover,.header #navigation > a.active{color:var(--blue)}
@media(max-width:760px){.header #navigation > a:not(.button),.header #navigation > .navlink{font-size:16px}}

/* Healthcare review colors match the demo account's status palette. */
.healthcare{--review-red:#cf342c;--review-green:#178249;--review-amber:#ad6200}
.healthcare .report-state[data-state=pending]{color:#9f5c00;background:#fff7e4;border-color:#f1d18e}
.healthcare .report-state[data-state=confirmed]{color:var(--review-red);background:#fff0ef;border-color:#efc1bc}
.healthcare .report-state[data-state=different]{color:var(--review-green);background:#ecfaf1;border-color:#b6e0c3}
.healthcare .report-state[data-state=pending] .status-dot{background:#9f5c00}
.healthcare .report-state[data-state=confirmed] .status-dot{background:var(--review-red)}
.healthcare .report-state[data-state=different] .status-dot{background:var(--review-green)}
.healthcare .health-explain .hero-confirm,.healthcare #report-dialog [data-decision=confirmed]{background:var(--review-red);border:1px solid var(--review-red);color:#fff}
.healthcare .health-explain .hero-different,.healthcare #report-dialog [data-decision=different]{background:var(--review-green);border:1px solid var(--review-green);color:#fff}
.healthcare #report-dialog [aria-pressed=true]{outline:2px solid #14449d;outline-offset:2px}
.healthcare .explain-report[data-state=pending]{--review-accent:#ffd044}
.healthcare .explain-report[data-state=confirmed]{--review-accent:var(--review-red)}
.healthcare .explain-report[data-state=different]{--review-accent:var(--review-green)}
.healthcare .pill.amber,.healthcare .pill.yellow-pill{background:#fff3d5;color:#995800}
.healthcare .pill.green-pill{background:#e7f8ee;color:#11723c}
