/* SkinSync AI site styles */ @font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/instrument-serif-400-italic.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/instrument-serif-400-normal.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../fonts/inter-400-600-normal.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root{--pink:#F782ED;--orchid:#E296EA;--lav:#BFBAF6;--peri:#A8CBFC;--sky:#7DDFFC;--blue:#2EA3F2;--navy:#0B132A; --ink:#0B132A;--ink2:rgba(11,19,42,.74);--ink3:rgba(11,19,42,.68);--line:rgba(11,19,42,.11);--line2:rgba(11,19,42,.07); --pearl:rgba(191,186,246,.10);--pearl2:rgba(168,203,252,.12);--r:20px;--r2:28px;--max:1240px; --sh:0 1px 1px rgba(11,19,42,.03),0 24px 60px -30px rgba(11,19,42,.22); --grad:linear-gradient(90deg,var(--pink),var(--lav) 45%,var(--sky) 75%,var(--blue)); --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--disp:"Instrument Serif","Iowan Old Style","Palatino Linotype",Georgia,serif} *{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.001ms!important}} body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.65;font-size:16.5px;overflow-x:hidden;-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} a{color:inherit} h1,h2,h3{margin:0;font-weight:400} h1,h2{font-family:var(--disp);letter-spacing:-.01em;line-height:1.02} h1{font-size:clamp(3rem,6.2vw,5.6rem)} h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05} h3{font-family:var(--font);font-weight:600;font-size:1.06rem;line-height:1.35;letter-spacing:-.005em} h1 em,h2 em{font-style:normal} p{margin:0} .wrap{max-width:var(--max);margin:0 auto;padding:0 28px} .label{display:inline-flex;align-items:center;gap:12px;font-size:.84rem;font-weight:500;letter-spacing:.02em;color:var(--ink2);margin-bottom:22px} .label::before{content:"";width:28px;height:1px;background:var(--grad)} .lead{font-size:1.14rem;color:var(--ink2);max-width:56ch;line-height:1.6} .small{font-size:.9rem} .sim-note{display:block;margin-top:10px;font-size:.84rem;line-height:1.5;opacity:.88} p.sim-note{margin-top:14px} .foot-disc{flex-basis:100%;margin:0} .onb-bring{margin-top:16px} .muted{color:var(--ink2)} section{padding:120px 0} .sec-head{max-width:760px;margin-bottom:56px} .sec-head h2{margin-bottom:18px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-weight:600;font-size:.96rem;padding:15px 26px;border-radius:999px;text-decoration:none;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap;cursor:pointer;line-height:1.1;letter-spacing:.005em} .btn svg{width:17px;height:17px;transition:transform .2s} .btn:hover svg{transform:translateX(3px)} .btn-primary{background:var(--navy);color:#fff;box-shadow:0 14px 30px -14px rgba(11,19,42,.55)} .btn-primary:hover{background:rgba(11,19,42,.86);transform:translateY(-1px)} .btn-ghost{background:rgba(255,255,255,.7);color:var(--navy);border-color:rgba(11,19,42,.22)} .btn-ghost:hover{border-color:var(--navy);background:#fff} .btn-sm{padding:11px 20px;font-size:.9rem} .link{font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid rgba(11,19,42,.25);padding-bottom:2px} .link svg{width:15px;height:15px} .link:hover{border-bottom-color:var(--navy)} :focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px} .skip{position:absolute;left:12px;top:-60px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;z-index:100;text-decoration:none} .skip:focus{top:12px} .tagd{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:600;letter-spacing:.04em;color:var(--navy);border:1px solid rgba(11,19,42,.2);background:#fff;border-radius:999px;padding:5px 12px 5px 10px} .tagd::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--grad)} header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line2)} .nav-in{display:flex;align-items:center;gap:28px;height:76px} .brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:600;font-size:1.08rem;letter-spacing:-.01em} .brand img{width:28px;height:34px;object-fit:contain} .nav-links{display:flex;gap:2px;margin:0 0 0 auto;list-style:none;padding:0;align-items:center} .nav-links a{text-decoration:none;font-weight:500;font-size:.93rem;padding:9px 14px;white-space:nowrap;border-radius:999px;color:var(--ink2)} .nav-links a:hover{color:var(--ink);background:var(--pearl)} .nav-links .sep{width:1px;height:18px;background:var(--line);margin:0 8px} .nav-cta{display:flex;gap:10px;align-items:center;margin-left:10px} .nav-links .btn-primary{color:#fff;padding:11px 20px}.nav-links .btn-primary:hover{background:rgba(11,19,42,.86)}.nav-links .btn-ghost{color:var(--navy);padding:11px 20px} .nav-toggle{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:999px;width:46px;height:46px;align-items:center;justify-content:center;cursor:pointer;color:var(--navy)} .nav-toggle svg{width:20px;height:20px} .hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,rgba(191,186,246,.10) 100%)} .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 520px at 82% 18%,rgba(168,203,252,.38),transparent 62%),radial-gradient(620px 460px at 62% 92%,rgba(247,130,237,.13),transparent 62%),radial-gradient(520px 380px at 4% 6%,rgba(125,223,252,.12),transparent 60%);pointer-events:none} .hero h1{margin:0 0 26px} .hero .lead{margin-bottom:40px} .paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:620px} .path{position:relative;border-radius:var(--r);padding:24px 22px 22px;background:rgba(255,255,255,.82);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh);overflow:hidden} .path::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--grad);opacity:.9} .path-k{font-size:.8rem;font-weight:600;letter-spacing:.03em;color:var(--ink2);display:flex;align-items:center;gap:8px} .path-k svg{width:16px;height:16px} .path .path-t{font-family:var(--font);font-size:1.02rem;font-weight:600;line-height:1.4;letter-spacing:-.005em} .path p{font-size:.9rem;color:var(--ink2);line-height:1.5} .path .btn{align-self:flex-start;margin-top:auto} .path-ctas{display:flex;flex-direction:column;gap:12px;margin-top:auto} .stores{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .stores a{display:inline-block;border-radius:9px} .stores img{height:40px;width:auto} .hero-meta{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.84rem;color:var(--ink2)} .hero-meta span{display:inline-flex;align-items:center;gap:8px} .hero-meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue)} .stage{position:relative;min-height:560px;display:flex;align-items:center;justify-content:flex-end} .halo{position:absolute;right:4%;top:50%;width:520px;height:520px;transform:translateY(-50%);border-radius:50%;background:conic-gradient(from 210deg,rgba(247,130,237,.32),rgba(191,186,246,.3),rgba(125,223,252,.32),rgba(46,163,242,.22),rgba(247,130,237,.32));filter:blur(46px);opacity:.75;animation:spin 40s linear infinite} .ring{position:absolute;right:9%;top:50%;width:460px;height:460px;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(11,19,42,.08)} .ring::after{content:"";position:absolute;inset:40px;border-radius:50%;border:1px dashed rgba(11,19,42,.07)} @keyframes spin{to{transform:translateY(-50%) rotate(360deg)}} .laptop{position:relative;width:100%;max-width:640px;margin-left:auto;z-index:1} .laptop-screen{background:#fff;border-radius:16px;border:1px solid rgba(11,19,42,.1);box-shadow:0 40px 80px -36px rgba(11,19,42,.42),0 2px 6px rgba(11,19,42,.05);overflow:hidden} .laptop-base{height:12px;margin:0 -3.5%;background:linear-gradient(180deg,#fff,rgba(191,186,246,.45));border-radius:0 0 16px 16px;border:1px solid rgba(11,19,42,.1);border-top:0} .phone{position:absolute;left:-7%;bottom:-9%;width:29%;min-width:160px;max-width:190px;z-index:2} .phone-shell{background:var(--navy);border-radius:34px;padding:8px;box-shadow:0 40px 60px -24px rgba(11,19,42,.5),inset 0 0 0 1px rgba(255,255,255,.08)} .phone-screen{border-radius:27px;overflow:hidden;aspect-ratio:9/19;position:relative;display:flex;flex-direction:column} .phone-notch{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:32%;height:8px;border-radius:8px;background:var(--navy)} .phone-top{display:flex;justify-content:space-between;align-items:center;padding:24px 14px 2px;font-size:.6rem;font-weight:600;color:var(--ink2)} .phone-scan{flex:1;display:flex;align-items:center;justify-content:center;padding:4px 10px 0;position:relative} .phone-scan img{width:94%;height:auto} .phone-foot{padding:8px 12px 14px;font-size:.62rem;line-height:1.4} .pill{font-weight:600;color:var(--navy);background:rgba(125,223,252,.35);display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:.58rem;margin-bottom:6px} .pill i{width:5px;height:5px;border-radius:50%;background:var(--blue);display:block;animation:blink 1.6s ease-in-out infinite} @keyframes blink{50%{opacity:.25}} .phone-foot .cta{margin-top:7px;background:var(--navy);color:#fff;border-radius:10px;text-align:center;padding:7px;font-weight:600;font-size:.6rem} .phone-foot .fine{margin-top:5px;color:var(--ink3);font-size:.52rem;text-align:center} .ui{font-size:.72rem;line-height:1.38;color:var(--ink)} .ui-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line2);background:rgba(191,186,246,.08)} .ui-dots{display:flex;gap:5px}.ui-dots i{width:8px;height:8px;border-radius:50%;background:rgba(11,19,42,.13);display:block} .ui-url{flex:1;background:#fff;border:1px solid var(--line2);border-radius:7px;padding:4px 10px;color:var(--ink3);font-size:.66rem} .ui-body{display:grid;grid-template-columns:124px 1fr;min-height:340px} .ui-side{border-right:1px solid var(--line2);padding:12px 10px} .ui-brand{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.74rem;padding:4px 6px 14px} .ui-brand img{width:14px;height:18px} .ui-side span{display:flex;justify-content:space-between;padding:7px 8px;border-radius:8px;color:var(--ink2);font-weight:500} .ui-side span.on{background:rgba(125,223,252,.18);color:var(--ink);font-weight:600} .ui-side span b{font-weight:600;font-size:.62rem;background:var(--navy);color:#fff;border-radius:999px;padding:0 6px;line-height:1.6} .ui-main{padding:14px 16px;display:grid;gap:11px;align-content:start} .ui-h{display:flex;justify-content:space-between;align-items:baseline} .ui-h b{font-family:var(--disp);font-weight:400;font-size:1.15rem} .ui-h span{color:var(--ink3);font-size:.66rem} .ui-2{display:grid;grid-template-columns:1.45fr 1fr;gap:10px} .ui-card{border:1px solid var(--line2);border-radius:12px;padding:10px 12px;background:#fff} .ui-card.tint{background:linear-gradient(140deg,rgba(125,223,252,.14),rgba(191,186,246,.18) 60%,rgba(247,130,237,.08))} .ui-card>b{display:block;font-weight:600;margin-bottom:6px} .req{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--line2)} .req:first-of-type{border-top:0} .req .av{width:24px;height:24px;border-radius:50%;background:linear-gradient(140deg,var(--lav),var(--sky))} .req .av.p{background:linear-gradient(140deg,var(--pink),var(--lav))} .req .av.b{background:linear-gradient(140deg,var(--sky),var(--blue))} .req small{display:block;color:var(--ink3);font-size:.62rem} .req span:first-child+div{min-width:0} .st{font-size:.58rem;font-weight:600;border-radius:999px;padding:2px 7px;background:rgba(125,223,252,.3);white-space:nowrap} .st.c{background:rgba(191,186,246,.4)}.st.k{background:var(--navy);color:#fff} .mesh{display:flex;gap:10px;align-items:center} .mesh svg{width:58px;height:70px;flex:none} .mesh small{display:block;color:var(--ink3);font-size:.62rem} .chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px} .chip{font-size:.58rem;font-weight:600;padding:2px 7px;border-radius:999px;border:1px solid var(--line);background:#fff} .slot{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;margin-top:5px} .slot time{color:var(--ink3);font-size:.62rem} .slot .ev{border-radius:8px;padding:5px 8px;font-weight:600;border-left:2px solid var(--blue);background:rgba(46,163,242,.09);font-size:.64rem} .slot .ev.p{border-left-color:var(--pink);background:rgba(247,130,237,.09)} .float-card{display:none} .devices{margin:0;position:relative;width:100%} .laptop-screen .shot{width:100%;height:auto;display:block} .phone-screen .shot{width:100%;height:100%;object-fit:cover;object-position:top} .phone-screen{background:#fff} .hero::before{z-index:0}.hero-grid{position:relative;z-index:1} .lap-wrap .stage{min-height:0} .lap-wrap .phone{left:-2%;bottom:-8%} .film{padding:96px 0 110px} .film-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px} .film-head .label{margin-bottom:0;order:2} .poster{position:relative;border-radius:var(--r2);overflow:hidden;aspect-ratio:16/7.2;background:var(--navy);box-shadow:var(--sh)} .poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)} .poster-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,19,42,.78) 0%,rgba(11,19,42,.45) 45%,rgba(11,19,42,.12) 100%)} .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;background:none;border:0;color:#fff;cursor:pointer;font:inherit;padding:10px} .play-ring{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .25s,background .25s} .play-ring svg{width:34px;height:34px;margin-left:4px} .play:hover .play-ring{transform:scale(1.05);background:rgba(255,255,255,.24)} .play-t{font-size:.92rem;font-weight:500;letter-spacing:.02em} .poster-cap{position:absolute;left:36px;bottom:30px;color:#fff;max-width:420px} .poster-cap p{margin-top:10px;font-size:.95rem} .tagd-light{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.45)} .film-note{margin-top:14px;font-size:.86rem;color:var(--ink2);text-align:center} .partners{margin-top:72px;text-align:center} .partners h3{font-size:.84rem;font-weight:500;color:var(--ink2);letter-spacing:.02em} .logo-slots{list-style:none;padding:0;margin:22px auto 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:980px} .logo-slots li{height:68px;border-radius:14px;border:1px dashed rgba(11,19,42,.16);background:linear-gradient(180deg,#fff,rgba(191,186,246,.08));position:relative} .logo-slots li::after{content:"";position:absolute;left:50%;top:50%;width:42%;height:6px;border-radius:6px;transform:translate(-50%,-50%);background:linear-gradient(90deg,rgba(191,186,246,.35),rgba(125,223,252,.3))} .partners p{font-size:.88rem;color:var(--ink2)} .chapter{position:relative} .chap-mark{display:flex;align-items:center;gap:14px;font-size:.84rem;font-weight:500;color:var(--ink2);margin-bottom:26px;letter-spacing:.02em} .chap-mark span{font-family:var(--disp);font-size:1.5rem;color:var(--navy);line-height:1} .chap-mark::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(11,19,42,.16),transparent)} .platform{background:linear-gradient(180deg,rgba(191,186,246,.10),#fff 40%)} .pillars{list-style:none;padding:0;margin:0 0 72px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)} .pillars li{padding:28px 26px 8px 0;border-right:1px solid var(--line2)} .pillars li+li{padding-left:26px} .pillars li:last-child{border-right:0} .pn{display:block;font-family:var(--disp);font-size:1.3rem;color:var(--navy);margin-bottom:16px;line-height:1} .pillars h3{margin-bottom:8px} .pillars p{font-size:.94rem;color:var(--ink2)} .viewer{border-radius:var(--r2);background:#fff;border:1px solid var(--line);box-shadow:var(--sh);padding:18px} .ptabs{display:flex;gap:4px;flex-wrap:wrap;padding:4px;background:rgba(191,186,246,.12);border-radius:999px;width:max-content;max-width:100%;margin-bottom:18px} .ptab{font:inherit;font-size:.9rem;font-weight:500;color:var(--ink2);background:transparent;border:0;border-radius:999px;padding:10px 18px;cursor:pointer} .ptab[aria-selected=true]{background:#fff;color:var(--navy);font-weight:600;box-shadow:0 2px 8px -2px rgba(11,19,42,.15)} .browser{border-radius:14px;border:1px solid var(--line);overflow:hidden} .browser img{width:100%;height:auto} .ppanel-cap{margin:14px 4px 2px;font-size:.92rem;color:var(--ink2)} .case{padding-top:40px} .case-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start} .case-list{display:grid;grid-template-columns:1fr 1fr;gap:44px 40px} .ci{padding-top:20px;border-top:1px solid var(--line)} .ci h3{margin-bottom:8px} .ci p{color:var(--ink2);font-size:.96rem} .pull{margin:88px auto 0;max-width:900px;text-align:center;padding:0} .pull p{font-family:var(--disp);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;font-style:italic} .pull::before{content:"";display:block;width:56px;height:1px;margin:0 auto 30px;background:var(--grad)} .steps-sec{background:linear-gradient(180deg,#fff,rgba(168,203,252,.10))} .steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s} .steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 24px 30px} .steps li::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:var(--grad);opacity:.8} .sn{display:block;font-family:var(--disp);font-size:2.4rem;line-height:1;margin-bottom:22px;color:var(--navy)} .steps h3{margin-bottom:8px} .steps p{color:var(--ink2);font-size:.94rem} .apply{background:linear-gradient(180deg,rgba(168,203,252,.10),rgba(191,186,246,.14));position:relative;overflow:hidden} .apply::before{content:"";position:absolute;right:-180px;top:-120px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(247,130,237,.14),transparent 65%)} .apply-grid{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start} .apply-copy{position:sticky;top:110px} .apply-copy h2{margin-bottom:18px} .next{list-style:none;padding:0;margin:30px 0;display:grid;gap:14px} .next li{display:flex;gap:12px;align-items:flex-start;font-size:.97rem} .next svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--blue)} .fallback{margin-top:8px} .fallback .link{margin-left:4px} .form-card{background:#fff;border-radius:var(--r2);border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(11,19,42,.3);padding:40px} .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px} .fld{display:flex;flex-direction:column;gap:7px;min-width:0} .fld.wide{grid-column:1/-1} .fld label{font-size:.88rem;font-weight:600} .opt{font-weight:400;color:var(--ink2)} .hint{font-size:.8rem;color:var(--ink2);margin-top:-4px} .fld input,.fld select,.fld textarea{font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid rgba(11,19,42,.22);border-radius:12px;padding:13px 14px;width:100%;transition:border-color .2s,box-shadow .2s} .fld select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--navy) 50%),linear-gradient(135deg,var(--navy) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px} .fld textarea{resize:vertical;min-height:110px} .fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,163,242,.25)} .fld [aria-invalid=true]{border-color:var(--pink);border-width:2px;box-shadow:0 0 0 3px rgba(247,130,237,.22)} .err{font-size:.82rem;color:var(--navy);font-weight:600;min-height:0;display:flex;gap:7px;align-items:center} .err::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pink);flex:none} .err:empty{display:none} .check{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px} .check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--navy)} .check label{flex:1;font-weight:400;font-size:.92rem;min-width:200px} .check .err{flex-basis:100%;padding-left:32px} .hidden-fields{display:none} .form-foot{margin-top:28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap} .form-foot p{flex:1;min-width:200px} .submit-err{margin:22px 0 0;border:1px solid var(--pink);background:rgba(247,130,237,.07);border-radius:14px;padding:14px 18px;font-size:.92rem;font-weight:600;color:var(--navy)} #submit-btn .spin{display:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:ssspin .8s linear infinite} #submit-btn.is-loading .spin{display:inline-block} #submit-btn.is-loading .btn-arrow{display:none} #submit-btn[disabled]{opacity:.85;cursor:progress} @keyframes ssspin{to{transform:rotate(360deg)}} .hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden} .err-summary{border:1px solid var(--pink);background:rgba(247,130,237,.07);border-radius:14px;padding:16px 18px;margin-bottom:22px;font-size:.92rem} .err-summary ul{margin:8px 0 0;padding-left:18px} .err-summary a{color:var(--navy);font-weight:600} .success{text-align:center;padding:40px 10px} .success-mark{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,rgba(125,223,252,.4),rgba(191,186,246,.5));margin-bottom:18px} .success-mark svg{width:30px;height:30px;color:var(--navy)} .success h3{font-family:var(--disp);font-weight:400;font-size:2rem;margin-bottom:10px} .success p{color:var(--ink2);max-width:44ch;margin:0 auto 10px} .chapter-pt{border-top:1px solid var(--line2)} .pt{background:radial-gradient(800px 420px at 90% 10%,rgba(125,223,252,.14),transparent 60%),#fff} .pt-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px} .pt-steps li{display:flex;flex-direction:column;align-items:center;text-align:center} .phone.sm{position:relative;left:auto;bottom:auto;width:min(228px,100%);max-width:none;min-width:0;margin-bottom:30px} .pt-t{max-width:320px} .pt-t .sn{font-size:1.4rem;margin-bottom:10px;color:var(--navy)} .pt-t h3{margin-bottom:6px;font-family:var(--disp);font-weight:400;font-size:1.7rem} .pt-t p{color:var(--ink2);font-size:.95rem} .pt-note{margin:48px auto 0;max-width:720px;text-align:center;font-size:.9rem;color:var(--ink2)} .download{margin-top:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);padding:26px 30px;background:linear-gradient(120deg,#fff,rgba(191,186,246,.12))} .download h3{font-family:var(--disp);font-weight:400;font-size:1.6rem} .download .stores img{height:46px} .find{background:linear-gradient(180deg,#fff,rgba(191,186,246,.10))} .find-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center} .find-copy h2{margin-bottom:16px} .search{margin-top:30px} .search label{display:block;font-size:.88rem;font-weight:600;margin-bottom:8px} .search-row{display:flex;gap:10px;background:#fff;border:1px solid rgba(11,19,42,.22);border-radius:999px;padding:6px 6px 6px 20px;box-shadow:var(--sh)} .search-row:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,163,242,.22)} .search-row input{flex:1;min-width:0;border:0;font:inherit;font-size:1rem;background:transparent;color:var(--ink)} .search-row input:focus{outline:none} .search-row input::placeholder{color:rgba(11,19,42,.6)} .search-note{margin-top:12px;font-size:.88rem;color:var(--ink2);min-height:1.4em} .map{position:relative;border-radius:var(--r2);overflow:hidden;aspect-ratio:10/7;border:1px solid var(--line);background:#fff} .map-art{position:absolute;inset:0;width:100%;height:100%} .map-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,84%);background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;box-shadow:var(--sh)} .map-card p{margin-top:12px;font-size:.9rem;color:var(--ink2)} .map-card b{display:block;color:var(--ink);font-weight:600;font-size:1rem;margin-bottom:4px} .data{background:linear-gradient(180deg,#fff,rgba(168,203,252,.12))} .data-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start} .data-copy h2{margin:20px 0 16px;font-size:clamp(2.6rem,5vw,4.2rem)} .consent-fig{margin:40px 0 0;display:flex;gap:22px;align-items:flex-end} .consent-fig .phone.sm{width:190px;margin:0} .consent-fig figcaption{font-size:.88rem;color:var(--ink2);max-width:200px} .data-qs{display:grid;gap:0} .dq{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:28px 0;border-top:1px solid var(--line)} .dq:first-child{border-top:0;padding-top:6px} .dq-n{font-family:var(--disp);font-size:1.6rem;color:var(--navy);line-height:1.1} .dq h3{font-family:var(--disp);font-weight:400;font-size:1.65rem;margin-bottom:8px} .dq p{color:var(--ink2)} .data-links{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;margin-top:20px;padding-top:28px;border-top:1px solid var(--line)} .claims .sec-head h2{margin-top:18px} .claims-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} .cl{border-radius:var(--r2);padding:36px 36px 30px;border:1px solid var(--line)} .cl.does{background:linear-gradient(150deg,rgba(125,223,252,.14),#fff 70%)} .cl.doesnt{background:linear-gradient(150deg,rgba(247,130,237,.08),#fff 70%)} .cl h3{font-family:var(--disp);font-weight:400;font-size:1.9rem;margin-bottom:18px} .cl ul{list-style:none;padding:0;margin:0;display:grid;gap:14px} .cl li{display:flex;gap:12px;align-items:flex-start} .cl li svg{width:20px;height:20px;flex:none;margin-top:3px} .does svg{color:var(--blue)}.doesnt svg{color:var(--orchid)} .about{background:rgba(191,186,246,.08);border-top:1px solid var(--line2)} .about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px;align-items:start} .about h2{margin-bottom:22px} .def{font-size:1.08rem;color:var(--ink2)} .facts{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:30px 32px} .facts-h{font-size:.84rem;font-weight:600;color:var(--ink2);margin-bottom:10px} .facts dl{margin:0} .facts dl>div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line2)} .facts dt{font-weight:600;font-size:.88rem} .facts dd{margin:0;font-size:.9rem;color:var(--ink2)} .faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:72px} .faq-side h2{margin-bottom:16px} .faq-side a{font-weight:600} .faq-list details{border-top:1px solid var(--line)} .faq-list details:last-child{border-bottom:1px solid var(--line)} .faq-list summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font-weight:600;font-size:1.04rem;position:relative} .faq-list summary::-webkit-details-marker{display:none} .faq-list summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(var(--navy),var(--navy)) center/12px 1.5px no-repeat,linear-gradient(var(--navy),var(--navy)) center/1.5px 12px no-repeat;transition:transform .25s} .faq-list details[open] summary::after{transform:rotate(45deg)} .faq-list details p{padding:0 40px 24px 0;color:var(--ink2)} footer{background:#fff;border-top:1px solid var(--line);padding:80px 0 40px;font-size:.92rem} .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.45fr;gap:36px} .foot-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.06rem;margin-bottom:16px} .foot-brand img{width:26px;height:32px;object-fit:contain} footer address{font-style:normal;color:var(--ink2);line-height:1.8} footer h2{font-family:var(--font);font-size:.84rem;font-weight:600;letter-spacing:.02em;margin-bottom:14px;color:var(--ink)} footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px} footer a{color:var(--ink2);text-decoration:none} footer a:hover{color:var(--ink);text-decoration:underline} .social{display:flex;gap:8px;margin-top:18px} .social a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--navy)} .social svg{width:17px;height:17px} .investors p{color:var(--ink2);margin-bottom:8px} .investors a{color:var(--navy);font-weight:500;text-decoration:underline;text-underline-offset:3px;font-size:.88rem;overflow-wrap:anywhere} .foot-bottom{margin-top:56px;padding-top:24px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--ink2);font-size:.84rem} .foot-bottom a{margin-right:14px;text-decoration:underline;text-underline-offset:3px} .data .trust-lg{border-top:0;padding-top:0;margin:4px 0 26px;gap:10px} .trust-lg li{border:1px solid var(--line);border-radius:999px;padding:9px 16px 9px 12px;background:#fff} .ph{background:rgba(191,186,246,.28);border-radius:6px;padding:1px 5px;color:var(--navy);font-size:.94em} .form-trust{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px 18px;margin:0 0 22px;max-width:440px} .form-trust svg{width:26px;height:26px;color:var(--blue);flex:none;margin-top:2px} .form-trust b{display:block;font-weight:600;font-size:.95rem} .form-trust span{display:block;font-size:.88rem;color:var(--ink2)} section[id],div[id],.err-summary{scroll-margin-top:96px} .fld input,.fld select,.fld textarea{scroll-margin-top:140px} .hero{padding:56px 0 72px} .hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"h vis" "rest vis";grid-template-rows:auto 1fr;column-gap:56px;row-gap:0;align-items:start} .hero-h{grid-area:h;align-self:end;padding-top:40px} .hero-vis{grid-area:vis;position:relative;align-self:center} .hero-rest{grid-area:rest} .hero h1{margin:0 0 24px} .hero .lead{margin-bottom:32px} .hero-ctas{display:flex;gap:12px;flex-wrap:wrap} .trust{list-style:none;padding:20px 0 0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:12px 22px;border-top:1px solid var(--line)} .trust li{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:600;color:var(--navy)} .trust svg{width:20px;height:20px;color:var(--blue);flex:none} .hero .halo{right:auto;left:50%;top:44%;width:560px;height:560px;margin-left:-280px} .seq{position:relative;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px} .seq::before{content:"";position:absolute;left:16%;right:16%;top:45%;height:1px;background:var(--grad);opacity:.7} .seq li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center} .seq-phone{position:relative;width:100%;max-width:200px} .seq-phone .phone-shell{border-radius:30px;padding:7px} .seq-phone .phone-screen{border-radius:24px;aspect-ratio:420/943} .seq-n{position:absolute;left:-12px;top:-12px;z-index:2;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:1.25rem;color:var(--navy);box-shadow:0 8px 18px -8px rgba(11,19,42,.35)} .ai-tag{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;font-size:.66rem;font-weight:600;color:var(--navy);background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:999px;padding:5px 10px;box-shadow:0 8px 16px -10px rgba(11,19,42,.4)} .seq-t{margin-top:18px;max-width:200px} .seq-t b{display:block;font-weight:600;font-size:.98rem;margin-bottom:3px} .seq-t span{display:block;font-size:.86rem;color:var(--ink2);line-height:1.45} .lap-wrap{margin:0 0 80px;position:relative} .lap-wrap .laptop{max-width:980px;width:93%;margin:0 auto} .lap-wrap figcaption{text-align:center;margin-top:20px;font-size:.9rem;color:var(--ink2)} @media(max-width:1180px){.nav-links a{padding:9px 10px}.nav-links .sep{display:none}} @media(max-width:980px){ .nav-toggle{display:inline-flex} .nav-links{display:none;position:absolute;left:0;right:0;top:76px;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px 22px;gap:2px;box-shadow:0 30px 40px -30px rgba(11,19,42,.3)} .nav-links.open{display:flex} .nav-links a{padding:13px 12px;font-size:1rem} .nav-cta{flex-direction:column;align-items:stretch;margin:10px 0 0} .nav-cta .btn{width:100%;padding:15px} } @media(max-width:640px){ body{font-size:16px} .wrap{padding:0 20px} section{padding:84px 0} .lap-wrap .phone{display:none} } @media(max-width:1080px){ .pillars{grid-template-columns:1fr 1fr}.pillars li:nth-child(2){border-right:0}.pillars li:nth-child(3){padding-left:0} .case-grid,.apply-grid,.find-grid,.data-grid,.about-grid,.faq-grid{grid-template-columns:1fr;gap:44px} .apply-copy{position:static} .steps{grid-template-columns:1fr 1fr} .foot-grid{grid-template-columns:1fr 1fr 1fr} .foot-brand-col{grid-column:1/-1} } @media(max-width:760px){ .pt-steps{grid-template-columns:1fr;gap:64px} .case-list{grid-template-columns:1fr;gap:28px} .claims-grid{grid-template-columns:1fr} .poster{aspect-ratio:4/5} .poster-veil{background:linear-gradient(180deg,rgba(11,19,42,.35),rgba(11,19,42,.78))} .poster-cap{left:22px;right:22px;bottom:22px} .film-head{flex-direction:column;align-items:flex-start}.film-head .label{order:0} .logo-slots{grid-template-columns:repeat(3,1fr)}.logo-slots li:nth-child(n+4){display:none} } @media(max-width:640px){ .pillars{grid-template-columns:1fr;margin-bottom:48px}.pillars li,.pillars li+li{padding:22px 0 18px;border-right:0;border-bottom:1px solid var(--line2)} .viewer{padding:10px;border-radius:20px} .ptabs{width:auto;border-radius:16px} .ptab{padding:9px 13px;font-size:.84rem} .steps{grid-template-columns:1fr} .form-card{padding:24px 20px;border-radius:22px} .fgrid{grid-template-columns:1fr} .form-foot .btn{width:100%} .search-row{border-radius:18px;flex-direction:column;padding:8px} .search-row input{padding:10px 10px} .search-row .btn{width:100%} .map{aspect-ratio:4/5} .download{padding:24px 20px} .consent-fig .phone.sm{width:150px} .dq{grid-template-columns:40px 1fr} .cl{padding:28px 22px} .facts{padding:22px 20px}.facts dl>div{grid-template-columns:1fr;gap:2px} .foot-grid{grid-template-columns:1fr 1fr;gap:32px} .investors{grid-column:1/-1} .pull{margin-top:56px} } @media(max-width:1180px){.seq{gap:18px}.seq-t span{font-size:.82rem}} @media(max-width:1080px){ .hero-grid{grid-template-columns:1fr;grid-template-areas:"h" "vis" "rest";row-gap:36px} .hero-h{padding-top:0} .hero-h h1{margin-bottom:0} .seq{max-width:680px;margin:0 auto} } @media(max-width:640px){ .hero{padding:28px 0 56px} .hero-grid{row-gap:26px} .hero .label{margin-bottom:14px} h1{font-size:clamp(2.6rem,11.6vw,3.4rem)} .seq{gap:10px} .seq::before{top:36%} .seq-phone .phone-shell{border-radius:18px;padding:4px} .seq-phone .phone-screen{border-radius:15px} .seq-n{width:26px;height:26px;font-size:.95rem;left:-6px;top:-8px} .ai-tag{font-size:.5rem;padding:3px 6px;bottom:8px;white-space:normal;width:88%;text-align:center;line-height:1.25} .seq-t{margin-top:10px} .seq-t b{font-size:.8rem;line-height:1.25} .seq-t span{display:none} .hero-rest{display:flex;flex-direction:column} .hero-ctas{order:1} .trust{order:2} .hero .lead{order:3;font-size:1rem;margin:24px 0 0} .hero-ctas{gap:8px;flex-wrap:nowrap} .hero-ctas .btn{flex:1 1 0;padding:14px 10px;font-size:.9rem;min-width:0} .hero-ctas .btn svg{display:none} .trust{gap:8px 16px;margin-top:16px;padding-top:14px} .trust li{font-size:.84rem} .hero .halo{width:340px;height:340px;margin-left:-170px} .lap-wrap{margin-bottom:48px} } @media(max-width:380px){.trust li{font-size:.78rem}.trust{gap:8px 12px}.hero-ctas .btn{font-size:.84rem}}.lp-fx,.lp-edge{display:none} .loop-toggle{display:none} @media(prefers-reduced-motion:no-preference){ .hero-vis{--pw:236px;--gap:44px;--ph:calc((var(--pw) - 14px) * 943 / 420 + 14px)} .hero-vis .seq{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:var(--ph);padding-left:calc(var(--pw) + var(--gap));width:calc(var(--pw) + var(--gap) + 300px);max-width:100%;margin:0 auto;grid-template-columns:none;counter-reset:st} .hero-vis .seq::before{display:none} .hero-vis .seq li{position:static;display:block;text-align:left;counter-increment:st} .hero-vis .seq-phone{position:absolute;left:0;top:0;width:var(--pw);max-width:none} .hero-vis .seq li:nth-child(1) .seq-phone{z-index:1} .hero-vis .seq li:nth-child(2) .seq-phone{z-index:2;animation:lp-p2 9s linear infinite} .hero-vis .seq li:nth-child(3) .seq-phone{z-index:3;animation:lp-p3 9s linear infinite} .hero-vis .seq li:nth-child(n+2) .phone-shell{box-shadow:none} .hero-vis .seq-n{display:none} .hero-vis .seq-t{position:relative;margin:0;max-width:none;padding:14px 0 16px 54px;background:linear-gradient(var(--line),var(--line)) left bottom/100% 2px no-repeat} .hero-vis .seq-t::before{content:counter(st);position:absolute;left:0;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:1.2rem;line-height:1;background:#fff;color:var(--navy);box-shadow:0 8px 18px -10px rgba(11,19,42,.35)} .hero-vis .seq-t::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad);transform-origin:left center;transform:scaleX(0)} .hero-vis .seq-t b{color:var(--ink2);transition:none} .hero-vis .seq li:nth-child(1) .seq-t b{animation:lp-c1 9s linear infinite} .hero-vis .seq li:nth-child(2) .seq-t b{animation:lp-c2 9s linear infinite} .hero-vis .seq li:nth-child(3) .seq-t b{animation:lp-c3 9s linear infinite} .hero-vis .seq li:nth-child(1) .seq-t::before{animation:lp-n1 9s linear infinite} .hero-vis .seq li:nth-child(2) .seq-t::before{animation:lp-n2 9s linear infinite} .hero-vis .seq li:nth-child(3) .seq-t::before{animation:lp-n3 9s linear infinite} .hero-vis .seq li:nth-child(1) .seq-t::after{animation:lp-b1 9s linear infinite} .hero-vis .seq li:nth-child(2) .seq-t::after{animation:lp-b2 9s linear infinite} .hero-vis .seq li:nth-child(3) .seq-t::after{animation:lp-b3 9s linear infinite} .lp-edge{display:block} .lp-fx{display:block;position:absolute;pointer-events:none} .lp-scan{left:6%;right:6%;top:15%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--sky) 18%,#fff 50%,var(--pink) 82%,transparent);box-shadow:0 0 14px 3px rgba(125,223,252,.65);opacity:0;animation:lp-scan 9s linear infinite} .lp-scan::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:46px;background:linear-gradient(0deg,rgba(125,223,252,.30),transparent)} .lp-ba{left:calc(50% - 1.5px);top:31.3%;height:33.8%;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--pink),var(--lav),var(--sky));box-shadow:0 0 12px 2px rgba(191,186,246,.9);opacity:0;animation:lp-ba 9s linear infinite} .lp-pick{left:5.4%;top:22.2%;width:43.2%;height:21.6%;border-radius:12px;border:2px solid var(--blue);box-shadow:0 0 0 4px rgba(46,163,242,.18),0 10px 24px -8px rgba(46,163,242,.5);opacity:0;animation:lp-pick 9s linear infinite} .lp-tap{left:27%;top:33%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,255,255,.55);border:2px solid #fff;box-shadow:0 0 0 2px rgba(46,163,242,.55),0 6px 18px rgba(11,19,42,.25);opacity:0;transform:scale(.4);animation:lp-tap 9s linear infinite} .lp-edge{position:absolute;z-index:4;top:7px;height:calc(var(--ph) - 14px);left:0;width:3px;margin-left:-1.5px;border-radius:3px;background:linear-gradient(180deg,var(--pink),var(--lav) 40%,var(--sky));box-shadow:0 0 16px 3px rgba(168,203,252,.85);opacity:0;pointer-events:none;animation:lp-edge 9s linear infinite} .hero-vis.is-paused *,.hero-vis.is-paused *::before,.hero-vis.is-paused *::after{animation-play-state:paused!important} .loop-toggle{display:inline-flex;position:absolute;z-index:5;left:max(calc(var(--pw) + var(--gap)),calc(50% - (var(--pw) + var(--gap) + 300px) / 2 + var(--pw) + var(--gap)));bottom:0;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.92);color:var(--navy);font:600 .84rem/1 var(--font);cursor:pointer;box-shadow:0 8px 18px -12px rgba(11,19,42,.4)} .loop-toggle:hover{border-color:rgba(11,19,42,.28)} .loop-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px} .loop-toggle svg{width:16px;height:16px} .loop-toggle .i-play{display:none} .hero-vis.is-paused .loop-toggle .i-play{display:block} .hero-vis.is-paused .loop-toggle .i-pause{display:none} @keyframes lp-p2{0%{clip-path:inset(0 100% 0 0);opacity:1}33.3%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.6,0,.3,1)}41.1%{clip-path:inset(0 0 0 0)}73.4%{opacity:1}73.5%{opacity:0;clip-path:inset(0 0 0 0)}99.9%{opacity:0;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 100% 0 0)}} @keyframes lp-edge{0%,33.3%{left:0;opacity:0;animation-timing-function:cubic-bezier(.6,0,.3,1)}34%{opacity:1}40.4%{opacity:1}41.1%{left:var(--pw);opacity:0}100%{left:var(--pw);opacity:0}} @keyframes lp-p3{0%,66.7%{opacity:0}73.3%{opacity:1}93.3%{opacity:1}100%{opacity:0}} @keyframes lp-scan{0%,3.3%{top:15%;opacity:0}5.6%{opacity:1}17.8%{top:52%;opacity:1}31.1%{top:15%;opacity:1}33.3%,100%{top:15%;opacity:0}} @keyframes lp-ba{0%,43.3%{opacity:0}48%{opacity:1}52%{opacity:.35}56%{opacity:1}62.2%,100%{opacity:0}} @keyframes lp-pick{0%,77.8%{opacity:0}80%{opacity:1}92.2%{opacity:1}95.5%,100%{opacity:0}} @keyframes lp-tap{0%,77.2%{opacity:0;transform:scale(.4)}78.9%{opacity:1;transform:scale(.8)}81.5%{opacity:.9;transform:scale(1)}86.7%{opacity:0;transform:scale(1.7)}100%{opacity:0;transform:scale(1.7)}} @keyframes lp-c1{0%,32.6%{color:var(--ink)}33.6%,95.4%{color:var(--ink2)}96.6%,100%{color:var(--ink)}} @keyframes lp-c2{0%,32.6%{color:var(--ink2)}33.6%,66%{color:var(--ink)}67.2%,100%{color:var(--ink2)}} @keyframes lp-c3{0%,66%{color:var(--ink2)}67.2%,95.4%{color:var(--ink)}96.6%,100%{color:var(--ink2)}} @keyframes lp-n1{0%,32.6%{background:var(--navy);color:#fff;border-color:var(--navy)}33.6%,95.4%{background:#fff;color:var(--navy);border-color:rgba(11,19,42,.11)}96.6%,100%{background:var(--navy);color:#fff;border-color:var(--navy)}} @keyframes lp-n2{0%,32.6%{background:#fff;color:var(--navy);border-color:rgba(11,19,42,.11)}33.6%,66%{background:var(--navy);color:#fff;border-color:var(--navy)}67.2%,100%{background:#fff;color:var(--navy);border-color:rgba(11,19,42,.11)}} @keyframes lp-n3{0%,66%{background:#fff;color:var(--navy);border-color:rgba(11,19,42,.11)}67.2%,95.4%{background:var(--navy);color:#fff;border-color:var(--navy)}96.6%,100%{background:#fff;color:var(--navy);border-color:rgba(11,19,42,.11)}} @keyframes lp-b1{0%{transform:scaleX(0);opacity:1}33.3%{transform:scaleX(1);opacity:1}93.3%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}99.1%{transform:scaleX(0);opacity:0}100%{transform:scaleX(0);opacity:1}} @keyframes lp-b2{0%,33.3%{transform:scaleX(0);opacity:1}66.7%{transform:scaleX(1);opacity:1}93.3%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}} @keyframes lp-b3{0%,66.7%{transform:scaleX(0);opacity:1}93.3%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}} } @media(prefers-reduced-motion:no-preference) and (max-width:1180px){.hero-vis{--gap:36px}} @media(prefers-reduced-motion:no-preference) and (max-width:640px){ .hero-vis{--pw:160px;--gap:18px} .hero-vis .seq{width:100%;gap:0} .hero-vis .seq-phone .phone-shell{border-radius:22px;padding:5px} .hero-vis .seq-phone .phone-screen{border-radius:18px} .hero-vis{--ph:calc((var(--pw) - 10px) * 943 / 420 + 10px)} .lp-edge{top:5px;height:calc(var(--ph) - 10px)} .hero-vis .seq-t{padding:9px 0 11px 36px} .hero-vis .seq-t::before{width:26px;height:26px;top:8px;font-size:.95rem} .hero-vis .seq-t b{font-size:.86rem;line-height:1.25} .hero-vis .seq-t span{display:block;font-size:.76rem;line-height:1.35;margin-top:2px} .hero-vis .ai-tag{font-size:.56rem} .lp-pick{border-radius:8px} .lp-tap{width:30px;height:30px;margin:-15px 0 0 -15px} .lp-scan::after{height:28px} .loop-toggle{left:auto;right:0;min-height:40px;padding:0 13px 0 10px;font-size:.78rem} } .case-stat{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);max-width:420px} .case-stat .cs-n{display:block;font-family:var(--disp);font-size:clamp(3.2rem,5.4vw,4.6rem);line-height:1;letter-spacing:-.01em;color:var(--navy)} .case-stat .cs-n small{font-family:var(--font);font-size:.9rem;font-weight:600;letter-spacing:.02em;color:var(--ink2);margin-right:10px;vertical-align:.9em} .case-stat .cs-t{display:block;margin-top:10px;font-size:1.02rem;font-weight:600;line-height:1.4;color:var(--ink)} .case-stat .cs-src{display:block;margin-top:10px;font-size:.8rem;color:var(--ink2)} .pull blockquote{margin:0} .pull figcaption{margin-top:22px;font-size:.92rem;color:var(--ink2);line-height:1.5} .pull figcaption b{display:block;color:var(--ink);font-weight:600} :root{--acc:#BFBAF6;--acc-rgb:191,186,246;--ivory:#FAF7F3;--ivory2:#F3EEE7;--navy2:#121C38;--on:rgba(255,255,255,.8);--on2:rgba(255,255,255,.7);--online:rgba(255,255,255,.14); --grad:linear-gradient(90deg,var(--acc),var(--acc));--pearl:rgba(11,19,42,.05);--pearl2:rgba(11,19,42,.04);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")} body{background:#fff} :focus-visible{outline:3px solid var(--acc);outline-offset:2px;box-shadow:0 0 0 2px var(--navy);border-radius:6px} .loop-toggle:focus-visible{outline:3px solid var(--acc);outline-offset:2px;box-shadow:0 0 0 2px var(--navy)} .label::before{width:32px;background:var(--acc)} .tagd::before{background:var(--acc)} header.nav{background:rgba(250,247,243,.9);border-bottom:0} header.nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(11,19,42,.09)} .nav-links a:hover{background:rgba(11,19,42,.05)} .hero{background:var(--ivory)} .hero::before{display:none} .hero .halo{display:none} @media(prefers-reduced-motion:no-preference){ .hero-vis .seq li:nth-child(1) .seq-phone{isolation:auto} } .hero-vis .seq-t::before{background:#fff;border-color:rgba(11,19,42,.16)} .loop-toggle{background:#fff} .seq::before{background:rgba(11,19,42,.14)} .seq-n{border-color:rgba(11,19,42,.16)} .lp-scan{background:linear-gradient(90deg,transparent,var(--acc) 22%,#fff 50%,var(--acc) 78%,transparent);box-shadow:0 0 14px 3px rgba(var(--acc-rgb),.55)} .lp-scan::after{background:linear-gradient(0deg,rgba(var(--acc-rgb),.24),transparent)} .lp-ba{background:#fff;box-shadow:0 0 12px 2px rgba(var(--acc-rgb),.8)} .lp-edge{background:linear-gradient(180deg,#fff,var(--acc));box-shadow:0 0 16px 3px rgba(var(--acc-rgb),.7)} .lp-pick{border-color:var(--acc);box-shadow:0 0 0 4px rgba(var(--acc-rgb),.2),0 10px 24px -8px rgba(11,19,42,.35)} .lp-tap{box-shadow:0 0 0 2px rgba(var(--acc-rgb),.7),0 6px 18px rgba(11,19,42,.25)} .trust svg,.form-trust svg,.next svg,.does svg{color:var(--navy)} .trust{border-top-color:rgba(11,19,42,.12)} .film{background:#fff} .poster{border-radius:6px;aspect-ratio:16/7} .poster img{filter:saturate(.9)} .poster-veil{background:linear-gradient(180deg,rgba(11,19,42,.3),rgba(11,19,42,.8))} .poster .tagd-light{background:rgba(11,19,42,.6);border-color:rgba(255,255,255,.5)} .logo-slots li{background:var(--ivory);border:1px solid rgba(11,19,42,.08);border-radius:4px} .logo-slots li::after{background:rgba(11,19,42,.1);height:4px} .chap-mark::after{background:rgba(11,19,42,.14)} .chap-mark span{color:var(--navy)} .platform{background:#fff;padding:64px 0 110px} .band{position:relative;min-height:clamp(520px,46vw,700px);display:flex;align-items:flex-end;overflow:hidden;background:var(--navy);margin-bottom:96px} .band-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center} .band-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,19,42,.86) 0%,rgba(11,19,42,.62) 34%,rgba(11,19,42,.12) 64%,rgba(11,19,42,0) 100%),linear-gradient(0deg,rgba(11,19,42,.5),transparent 45%)} .band-in{position:relative;z-index:1;width:100%;padding-top:96px;padding-bottom:84px} .band-copy{max-width:600px;color:#fff} .band-copy .label{color:var(--on)} .band-copy h2{color:#fff;font-size:clamp(2.4rem,4.4vw,4rem);margin-bottom:22px} .band-copy .lead{color:var(--on)} .pil-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:center;margin-bottom:104px} .ed-photo{margin:0;position:relative;overflow:hidden;border-radius:4px;background:var(--ivory2)} .ed-photo img{width:100%;height:100%;object-fit:cover} .ed-tall{aspect-ratio:4/5} .pil-copy .pillars{grid-template-columns:1fr 1fr;margin:0;border-top:0;gap:0} .pil-copy .pillars li{padding:30px 28px 30px 0;border-right:0;border-top:1px solid rgba(11,19,42,.12)} .pil-copy .pillars li+li{padding-left:0} .pil-copy .pillars li:nth-child(even){padding-left:28px;border-left:1px solid rgba(11,19,42,.08)} .pn{font-size:1.15rem} .pn::after{content:"";display:block;width:22px;height:1px;background:var(--acc);margin-top:12px} .portal{background:var(--ivory);border-radius:6px;padding:48px 48px 44px} .portal .label{margin-bottom:26px} .portal-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start} .lap-wrap.lap-sm{margin:0;max-width:480px} .lap-sm .laptop{max-width:none} .lap-sm figcaption{margin-top:18px;font-size:.88rem;color:var(--ink2)} .laptop-base{background:linear-gradient(180deg,#fff,#E8E4DE)} .ui-top{background:#F6F4F1} .ptabs{background:rgba(11,19,42,.06)} .portal .viewer{margin:0;border-radius:6px} .lap-sm figcaption{text-align:left} .portal .ptab{font-size:.84rem;padding:9px 14px} .dark{background:var(--navy);color:#fff;position:relative;isolation:isolate;overflow:hidden} .dark::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain);pointer-events:none} .dark::after{content:"";position:absolute;z-index:-1;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(var(--acc-rgb),.13),transparent 62%);pointer-events:none} .dark h2,.dark h3{color:#fff} .dark p,.dark .lead,.dark .muted{color:var(--on)} .dark .label{color:var(--on)} .dark a{color:#fff} .dark :focus-visible{outline-color:var(--acc);box-shadow:0 0 0 2px #fff} .case.dark{padding:120px 0 128px} .case.dark::after{right:-300px;top:-300px} .dark .ci{border-top-color:var(--online)} .dark .ci p{color:var(--on)} .dark .case-stat{border-top-color:var(--online)} .dark .case-stat .cs-n{color:var(--acc);font-size:clamp(4rem,7vw,6.2rem)} .dark .case-stat .cs-n small{color:var(--on)} .dark .case-stat .cs-t{color:#fff} .dark .case-stat .cs-src{color:var(--on2)} .pull-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:72px;align-items:center;margin-top:104px;padding-top:72px;border-top:1px solid var(--online)} .pull-row .pull{margin:0;text-align:left;max-width:none} .pull-row .pull::before{margin:0 0 30px;background:var(--acc)} .dark .pull p{color:#fff} .dark .pull figcaption{color:var(--on2)} .dark .pull figcaption b{color:#fff} .ed-hands{aspect-ratio:1/1;background:var(--navy2)} .steps-sec{background:var(--ivory)} .steps li{border-radius:4px;border-color:rgba(11,19,42,.1)} .steps li::before{left:0;right:auto;width:44px;opacity:1;height:2px} .apply{background:#fff} .apply::before{display:none} .form-card{border-radius:6px;box-shadow:0 40px 80px -48px rgba(11,19,42,.35)} .fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(var(--acc-rgb),.45)} .search-row:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(var(--acc-rgb),.45)} .success-mark{background:var(--ivory2)} .chapter-pt .pt{background:#fff} .download{background:var(--ivory);border-radius:6px;border-color:rgba(11,19,42,.08)} .find{background:var(--ivory)} .map{border-radius:6px;background:#fff} .map-card{border-radius:6px} .data.dark{padding:128px 0} .data.dark::after{left:-360px;bottom:-420px} .dark .trust-lg li{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);color:#fff} .dark .trust svg{color:var(--acc)} .dark .dq{border-top-color:var(--online)} .dark .dq-n{color:var(--acc)} .dark .dq p{color:var(--on)} .dark .ph{background:rgba(255,255,255,.1);color:#fff;outline:1px dashed rgba(255,255,255,.3)} .dark .consent-fig figcaption{color:var(--on2)} .dark .data-links{border-top-color:var(--online)} .dark .btn-primary{background:#fff;color:var(--navy);box-shadow:none} .dark .btn-primary:hover{background:var(--ivory2)} .dark .link{border-bottom-color:rgba(255,255,255,.4)} .dark .link:hover{border-bottom-color:#fff} .dark .phone-shell{box-shadow:0 40px 60px -24px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.14)} .claims{background:#fff} .cl{border-radius:6px} .cl.does,.cl.doesnt{background:var(--ivory)} .doesnt svg{color:var(--navy)} .about{background:var(--ivory);border-top:0} .faq{background:#fff} .err::before{background:var(--navy)} .fld [aria-invalid=true]{border-color:var(--navy);box-shadow:0 0 0 3px rgba(var(--acc-rgb),.35)} .err-summary{border-color:var(--navy);background:var(--ivory)} .ph{background:var(--ivory2)} footer{background:var(--ivory);border-top:1px solid rgba(11,19,42,.08)} @media(prefers-reduced-motion:no-preference) and (max-width:1180px) and (min-width:641px){.hero-grid{row-gap:64px}} @media(max-width:1180px){.portal-grid{grid-template-columns:1fr}.lap-wrap.lap-sm{max-width:440px}} @media(max-width:980px){.pil-grid,.pull-row{grid-template-columns:1fr;gap:44px}.ed-tall{aspect-ratio:16/11}.ed-hands{aspect-ratio:16/10;max-width:none}.band{margin-bottom:72px}} @media(max-width:640px){ .band{min-height:560px} .band-img{object-position:68% center} .band-veil{background:linear-gradient(0deg,rgba(11,19,42,.92) 0%,rgba(11,19,42,.74) 44%,rgba(11,19,42,.1) 80%)} .band-in{padding-top:200px;padding-bottom:48px} .band-copy h2{font-size:2.3rem} .pil-copy .pillars{grid-template-columns:1fr} .pil-copy .pillars li:nth-child(even){padding-left:0;border-left:0} .pil-copy .pillars li{padding:24px 0} .portal{padding:28px 18px;margin:0 -10px} .case.dark,.data.dark{padding:88px 0} .pull-row{margin-top:64px;padding-top:48px} } .chap-mark{font-family:var(--disp);font-size:1.5rem;font-weight:400;color:var(--navy);letter-spacing:0;line-height:1} .pillars h3{margin-top:2px} .steps li{padding-top:34px} .dq,.dark .dq{grid-template-columns:1fr} .pt-t h3{margin-top:4px} @media(prefers-reduced-motion:no-preference){ .hero-vis .seq-t{padding-left:28px} .hero-vis .seq-t::before{content:"";width:12px;height:12px;top:20px;box-shadow:none;border-color:rgba(11,19,42,.28)} } @media(prefers-reduced-motion:no-preference) and (max-width:640px){ .hero-vis .seq-t{padding-left:20px} .hero-vis .seq-t::before{width:9px;height:9px;top:13px} } .reviews{background:#fff;padding:120px 0 128px;border-top:1px solid rgba(11,19,42,.06)} .rvc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px} .rvc-head h2{margin-bottom:14px} .rvc-head .muted{max-width:52ch;margin:0} .rvc-ctrl{display:flex;align-items:center;gap:10px;flex:none} .rvc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;height:48px;border-radius:999px;border:1px solid rgba(11,19,42,.22);background:#fff;color:var(--navy);font:600 .84rem/1 var(--font);cursor:pointer;padding:0;transition:background .2s,border-color .2s,color .2s} .rvc-btn:hover{border-color:var(--navy)} .rvc-arrow:hover{background:var(--navy);color:#fff} .rvc-btn svg{width:20px;height:20px} .rvc-toggle{padding:0 18px 0 14px} .rvc-toggle svg{width:16px;height:16px} .rvc-toggle .i-play{display:none} .rvc.is-paused .rvc-toggle .i-pause{display:none} .rvc.is-paused .rvc-toggle .i-play{display:block} .rvc-viewport{overflow:hidden;border-radius:6px;touch-action:pan-y;outline-offset:4px} .rvc-track{display:flex;transition:transform .8s cubic-bezier(.65,0,.25,1);will-change:transform} .rvc-track.dragging{transition:none} .rvc-slide{flex:0 0 100%;min-width:0;position:relative;background:var(--ivory);padding:72px 88px 60px;display:flex;flex-direction:column;align-items:flex-start;min-height:360px;background-image:radial-gradient(70% 90% at 100% 0%,rgba(var(--acc-rgb),.07),transparent 60%),var(--grain)} .rvc-q{width:46px;height:35px;fill:var(--acc);margin-bottom:30px} .rvc-quote{margin:0 0 40px;max-width:30ch} .rvc-quote p{font-family:var(--disp);font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.1;letter-spacing:-.01em;color:var(--navy);margin:0} .rvc-meta{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:26px;border-top:1px solid rgba(11,19,42,.12);align-self:stretch} .rvc-stars{display:inline-flex;gap:3px} .rvc-stars svg{width:16px;height:16px;fill:none;stroke:var(--navy);stroke-width:1.3;stroke-linejoin:round} .rvc-who{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.9rem} .rvc-dots{display:flex;justify-content:center;gap:4px;margin-top:26px} .rvc-dot{width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:6px} .rvc-dot span{display:block;width:22px;height:2px;border-radius:2px;background:rgba(11,19,42,.28);transition:background .3s,width .3s} .rvc-dot[aria-current=true] span{width:36px;background:var(--navy)} .rvc-dot:hover span{background:var(--navy)} @media(max-width:820px){ .rvc-head{flex-direction:column;align-items:flex-start;gap:24px} .rvc-slide{padding:52px 40px 44px;min-height:320px} } @media(max-width:640px){ .reviews{padding:84px 0 92px} .rvc-head{margin-bottom:28px} .rvc-slide{padding:40px 24px 32px;min-height:300px} .rvc-q{width:36px;height:27px;margin-bottom:22px} .rvc-quote{margin-bottom:28px} .rvc-quote p{font-size:2rem} .rvc-btn{height:44px;min-width:44px} .rvc-who{font-size:.84rem} } .rvc-slide{align-items:center;text-align:center;padding:76px 64px 56px;min-height:340px;background-image:radial-gradient(60% 80% at 50% 0%,rgba(var(--acc-rgb),.08),transparent 65%),var(--grain)} .rvc-quote{max-width:820px;margin-left:auto;margin-right:auto} .rvc-meta{justify-content:center;align-self:center;width:min(560px,100%)} .rvc-who{justify-content:center} @media(max-width:640px){.rvc-slide{padding:44px 22px 32px;min-height:300px}.rvc-meta{flex-direction:column;gap:14px}} @media(prefers-reduced-motion:reduce){.rvc-track,.rvc-dot span{transition:none}} :root{--acc:#BFBAF6;--acc-rgb:191,186,246} header.nav::after{background:rgba(11,19,42,.09);opacity:1} :focus-visible{outline:3px solid var(--lav);outline-offset:2px;box-shadow:0 0 0 2px var(--navy);border-radius:6px} .loop-toggle:focus-visible{outline:3px solid var(--lav);outline-offset:2px;box-shadow:0 0 0 2px var(--navy)} .dark :focus-visible,.band :focus-visible{outline-color:var(--lav);box-shadow:0 0 0 2px #fff} .label::before{background:var(--navy);opacity:.55} .dark .label::before,.band-copy .label::before{background:var(--lav);opacity:1} .tagd::before{background:var(--navy)} .dark .tagd::before{background:var(--lav)} .pn::after{background:var(--navy);opacity:.5} .chap-mark::after{background:var(--lav)} .hero-vis .seq-t::after{background:var(--navy)} .hero-meta span::before{background:var(--navy)} .next svg,.does svg,.doesnt svg,.form-trust svg,.trust svg{color:var(--navy)} .dark .trust svg,.dark .dq-n{color:var(--lav)} .fld input:focus,.fld select:focus,.fld textarea:focus,.search-row:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(191,186,246,.75)} .fld [aria-invalid=true]{border-color:var(--navy);box-shadow:0 0 0 3px rgba(191,186,246,.6)} .rvc-q{fill:var(--lav)} .dark .case-stat{border-top:1px solid rgba(191,186,246,.55);padding-top:30px} .dark .case-stat .cs-n{color:var(--ivory);font-weight:400} .dark .case-stat .cs-n small{color:var(--lav)} .dark .case-stat .cs-n::after{content:"";display:block;width:56px;height:1px;background:var(--lav);margin-top:22px} section{padding:96px 0} .film{padding:88px 0 96px} .platform{padding:56px 0 96px} .band{margin-bottom:80px} .pil-grid{margin-bottom:80px} .case.dark,.data.dark{padding:104px 0} .pull-row{margin-top:80px;padding-top:64px} .reviews{padding:96px 0} .chapter-pt .pt{padding:56px 0 96px} .band-pt .band-img{object-position:62% center} .band-pt .band-veil{background:linear-gradient(90deg,rgba(11,19,42,.84) 0%,rgba(11,19,42,.6) 36%,rgba(11,19,42,.1) 66%,rgba(11,19,42,0) 100%),linear-gradient(0deg,rgba(11,19,42,.45),transparent 45%)} .band-pt{margin-bottom:72px} .pt-steps{max-width:1000px;margin:0 auto;gap:48px} .pt-steps .phone.sm{width:min(172px,100%);margin-bottom:24px} .pt-note{margin-top:40px} .download{margin-top:44px} @media(max-width:1080px){section{padding:80px 0}.case.dark,.data.dark{padding:88px 0}.reviews{padding:80px 0}.platform,.chapter-pt .pt{padding:48px 0 80px}} @media(max-width:1180px) and (min-width:641px){.band-pt .band-copy{max-width:470px}.band-pt .band-img{object-position:78% center}.band-pt .band-veil{background:linear-gradient(90deg,rgba(11,19,42,.9) 0%,rgba(11,19,42,.72) 42%,rgba(11,19,42,.2) 72%,rgba(11,19,42,0) 100%),linear-gradient(0deg,rgba(11,19,42,.45),transparent 45%)}} @media(max-width:640px){section{padding:64px 0}.film{padding:64px 0}.platform,.chapter-pt .pt{padding:40px 0 64px}.case.dark,.data.dark{padding:72px 0}.reviews{padding:64px 0 72px}.band,.band-pt{margin-bottom:56px}.pil-grid{margin-bottom:56px}.pull-row{margin-top:56px;padding-top:44px}.band-pt .band-img{object-position:70% center}.band-pt .band-veil{background:linear-gradient(0deg,rgba(11,19,42,.92) 0%,rgba(11,19,42,.74) 46%,rgba(11,19,42,.1) 82%)}.pt-steps .phone.sm{width:150px}.poster-veil{background:linear-gradient(180deg,rgba(11,19,42,.34),rgba(11,19,42,.88) 70%)}} .mscreen{position:absolute;inset:0;container-type:inline-size;background:#fff;color:#0B132A;font-family:var(--body,Inter),system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden;text-align:left;line-height:1.25} .ms-status{display:flex;justify-content:space-between;align-items:center;padding:4.2cqw 7cqw 1.6cqw 8.5cqw;font-size:3.9cqw;font-weight:600;color:#0B132A} .ms-sig{display:block;width:13cqw;height:3cqw;background:linear-gradient(90deg,#0B132A 0 3cqw,transparent 3cqw 4cqw,#0B132A 4cqw 7cqw,transparent 7cqw 8cqw,#0B132A 8cqw 13cqw);border-radius:1cqw} .ms-back{display:flex;align-items:center;gap:1cqw;padding:2.5cqw 5cqw;font-size:4.3cqw;font-weight:500;color:#0B132A} .ms-back svg,.cs-head svg{width:5.5cqw;height:5.5cqw} .ms-app{display:flex;gap:4.5cqw;padding:2cqw 6cqw 5cqw;align-items:flex-start} .ms-icon{width:27cqw;height:27cqw;border-radius:6.2cqw;box-shadow:0 0 0 .4cqw rgba(11,19,42,.12),0 2cqw 5cqw -2cqw rgba(11,19,42,.35);flex:none;object-fit:cover} .ms-app-t{display:flex;flex-direction:column;gap:1cqw;min-width:0;padding-top:1cqw} .ms-app-t b{font-size:5.6cqw;font-weight:700;letter-spacing:-.01em} .ms-app-t span{font-size:3.7cqw;color:#4a5066} .ms-app-t .ms-get{position:relative;display:inline-grid;margin-top:2.6cqw;width:19cqw;height:7.4cqw;border-radius:99px;background:#0B132A;color:#fff} .ms-get em{grid-area:1/1;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:3.8cqw;color:#fff} .ms-get .g2{opacity:0} .ms-info{display:grid;grid-template-columns:repeat(3,1fr);margin:0 6cqw;border-top:1px solid rgba(11,19,42,.14);border-bottom:1px solid rgba(11,19,42,.14);padding:3cqw 0} .ms-info div{display:flex;flex-direction:column;align-items:center;gap:.8cqw;border-left:1px solid rgba(11,19,42,.12)} .ms-info div:first-child{border-left:0} .ms-info small{font-size:2.9cqw;color:#4a5066;text-transform:uppercase;letter-spacing:.04em} .ms-info b{font-size:3.6cqw;font-weight:700;color:#0B132A} .ms-h{margin:4.5cqw 6cqw 2.4cqw;font-size:4.8cqw;font-weight:700;color:#0B132A} .ms-shots{display:flex;gap:2.6cqw;padding:0 6cqw;overflow:hidden} .ms-shots img{width:36cqw;height:auto;aspect-ratio:180/404;border-radius:3.4cqw;box-shadow:0 0 0 .4cqw rgba(11,19,42,.14);flex:none} .ms-desc{margin:4cqw 6cqw 0;font-size:3.7cqw;line-height:1.4;color:#3b4157} .lp-get{position:absolute;left:calc(37.5cqw + 9.5cqw);top:47cqw;width:12cqw;height:12cqw;margin:-6cqw 0 0 -6cqw;border-radius:50%;background:rgba(191,186,246,.55);box-shadow:0 0 0 1.4cqw rgba(191,186,246,.35);opacity:0;pointer-events:none} .cs-head{display:flex;align-items:center;gap:2cqw;padding:2.4cqw 5cqw 3cqw;color:#0B132A} .cs-head b{flex:1;text-align:center;margin-right:7.5cqw;font-size:5.2cqw;font-weight:700} .cs-search{display:flex;align-items:center;gap:2.4cqw;margin:0 5cqw;padding:0 3.6cqw;height:10.5cqw;border:.5cqw solid #6b7186;border-radius:3.2cqw;background:#fff;font-size:3.7cqw;color:#3b4157} .cs-search svg{width:4.6cqw;height:4.6cqw;color:#0B132A;flex:none} .cs-sub{margin:4cqw 5cqw 2.6cqw;font-size:3.6cqw;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3b4157} .cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.4cqw;padding:0 5cqw} .cs-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(11,19,42,.16);border-radius:3.6cqw;padding:1.8cqw 1.8cqw 2.6cqw;box-shadow:0 1.6cqw 4cqw -2.4cqw rgba(11,19,42,.3)} .cs-card img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:2.4cqw;display:block} .cs-card b{margin:2.2cqw .8cqw 0;font-size:3.9cqw;font-weight:700;line-height:1.2;color:#0B132A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cs-city{margin:.8cqw .8cqw 0;font-size:3.3cqw;color:#3b4157} .cs-doc{align-self:flex-start;margin:1.8cqw .8cqw 0;padding:.8cqw 2.2cqw;border-radius:99px;background:#EEEDFD;color:#0B132A;font-size:3.1cqw;font-weight:700} .mscreen .lp-tap{position:absolute;left:28cqw;top:66cqw;width:12cqw;height:12cqw;margin:-6cqw 0 0 -6cqw;border-radius:50%;background:rgba(191,186,246,.55);box-shadow:0 0 0 1.4cqw rgba(191,186,246,.35);opacity:0;pointer-events:none} .hero .seq .seq-t .store-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .hero .store-row .store-badge{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:5px 9px 5px 7px;border-radius:9px;background:#000;color:#fff;text-decoration:none;border:1px solid #000;line-height:1} .hero .store-row .store-badge{white-space:nowrap;flex:none} .hero .store-row .store-badge svg{width:17px;height:17px;flex:none} .hero .store-row .store-badge .sb-t{display:flex;flex-direction:column;gap:2px;margin:0;color:#fff} .hero .store-row .store-badge small{font-size:.6rem;font-weight:500;letter-spacing:.01em;color:#fff} .hero .store-row .store-badge b{display:block;font-size:.84rem;font-weight:600;letter-spacing:-.01em;color:#fff;margin:0;animation:none!important} .hero .store-row .store-badge:hover{background:#1c1c1e} .hero .store-row .store-badge:focus-visible{outline:3px solid var(--lav);outline-offset:2px;box-shadow:0 0 0 2px var(--navy)} .hero .seq-t .store-row .sb-t{display:flex} @media(max-width:640px){.hero .seq .seq-t .store-row{display:flex;gap:6px;margin-top:7px}.hero .store-row .store-badge{min-height:34px;padding:4px 9px 4px 8px;gap:6px;border-radius:8px}.hero .store-row .store-badge svg{width:15px;height:15px}.hero .store-row .store-badge small{font-size:.5rem}.hero .store-row .store-badge b{font-size:.78rem}} .hero-vis:hover *,.hero-vis:hover *::before,.hero-vis:hover *::after,.hero-vis:focus-within *,.hero-vis:focus-within *::before,.hero-vis:focus-within *::after{animation-play-state:paused!important} .seq.seq4{grid-template-columns:repeat(4,minmax(0,1fr))} @media(prefers-reduced-motion:reduce) and (max-width:640px){.hero .seq .seq-t .store-row{justify-content:center;gap:6px}.hero .store-row .store-badge{width:36px;height:36px;min-height:36px;padding:0;justify-content:center;border-radius:50%}.hero .store-row .store-badge .sb-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hero-vis .ai-tag{position:static;transform:none;display:block;margin:6px auto 0;width:auto;white-space:normal;background:none;border:0;box-shadow:none;padding:0;font-size:.62rem;color:var(--ink2)}} @media(prefers-reduced-motion:reduce) and (min-width:641px) and (max-width:1180px){.hero .seq .seq-t .store-row{justify-content:center}} @media(prefers-reduced-motion:reduce) and (min-width:1181px){.hero .seq .seq-t .store-row{flex-wrap:wrap;justify-content:center}} .hero .store-row .store-badge small,.hero .store-row .store-badge b{color:#fff} @keyframes lp5-c1{0%,19.4%{color:var(--ink)}20.4%,95.4%{color:var(--ink2)}96.6%,100%{color:var(--ink)}} @keyframes lp5-c2{0%,19.4%{color:var(--ink2)}20.4%,39.4%{color:var(--ink)}40.4%,100%{color:var(--ink2)}} @keyframes lp5-c3{0%,39.4%{color:var(--ink2)}40.4%,59.4%{color:var(--ink)}60.4%,100%{color:var(--ink2)}} @keyframes lp5-c4{0%,59.4%{color:var(--ink2)}60.4%,79.4%{color:var(--ink)}80.4%,100%{color:var(--ink2)}} @keyframes lp5-c5{0%,79.4%{color:var(--ink2)}80.4%,95.4%{color:var(--ink)}96.6%,100%{color:var(--ink2)}} @keyframes lp5-n1{0%,19.4%{background:var(--navy);border-color:var(--navy)}20.4%,95.4%{background:#fff;border-color:rgba(11,19,42,.28)}96.6%,100%{background:var(--navy);border-color:var(--navy)}} @keyframes lp5-n2{0%,19.4%{background:#fff;border-color:rgba(11,19,42,.28)}20.4%,39.4%{background:var(--navy);border-color:var(--navy)}40.4%,100%{background:#fff;border-color:rgba(11,19,42,.28)}} @keyframes lp5-n3{0%,39.4%{background:#fff;border-color:rgba(11,19,42,.28)}40.4%,59.4%{background:var(--navy);border-color:var(--navy)}60.4%,100%{background:#fff;border-color:rgba(11,19,42,.28)}} @keyframes lp5-n4{0%,59.4%{background:#fff;border-color:rgba(11,19,42,.28)}60.4%,79.4%{background:var(--navy);border-color:var(--navy)}80.4%,100%{background:#fff;border-color:rgba(11,19,42,.28)}} @keyframes lp5-n5{0%,79.4%{background:#fff;border-color:rgba(11,19,42,.28)}80.4%,95.4%{background:var(--navy);border-color:var(--navy)}96.4%,100%{background:#fff;border-color:rgba(11,19,42,.28)}} @keyframes lp5-b1{0%{transform:scaleX(0);opacity:1}20%{transform:scaleX(1);opacity:1}93.3%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}99.1%,100%{transform:scaleX(0);opacity:0}} @keyframes lp5-b2{0%,20%{transform:scaleX(0);opacity:1}40%{transform:scaleX(1);opacity:1}93.3%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}99.1%,100%{transform:scaleX(0);opacity:0}} @keyframes lp5-b3{0%,40%{transform:scaleX(0);opacity:1}60%{transform:scaleX(1);opacity:1}93.3%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}99.1%,100%{transform:scaleX(0);opacity:0}} @keyframes lp5-b4{0%,60%{transform:scaleX(0);opacity:1}80%{transform:scaleX(1);opacity:1}93.3%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}99.1%,100%{transform:scaleX(0);opacity:0}} @keyframes lp5-b5{0%,80%{transform:scaleX(0);opacity:1}93.3%{transform:scaleX(1);opacity:1}99%{transform:scaleX(1);opacity:0}99.1%,100%{transform:scaleX(0);opacity:0}} @keyframes lp5-p2{0%,20%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:cubic-bezier(.6,0,.3,1)}26%{clip-path:inset(0 0 0 0);opacity:1}85.4%{clip-path:inset(0 0 0 0);opacity:1}85.5%,99.9%{clip-path:inset(0 0 0 0);opacity:0}100%{clip-path:inset(0 100% 0 0);opacity:0}} @keyframes lp5-p3{0%,40%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:cubic-bezier(.6,0,.3,1)}46%{clip-path:inset(0 0 0 0);opacity:1}85.4%{clip-path:inset(0 0 0 0);opacity:1}85.5%,99.9%{clip-path:inset(0 0 0 0);opacity:0}100%{clip-path:inset(0 100% 0 0);opacity:0}} @keyframes lp5-p4{0%,60%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:cubic-bezier(.6,0,.3,1)}66%{clip-path:inset(0 0 0 0);opacity:1}85.4%{clip-path:inset(0 0 0 0);opacity:1}85.5%,99.9%{clip-path:inset(0 0 0 0);opacity:0}100%{clip-path:inset(0 100% 0 0);opacity:0}} @keyframes lp5-p5{0%,80%{opacity:0}85%{opacity:1}95%{opacity:1}100%{opacity:0}} @keyframes lp5-edge{0%,20%{left:0;opacity:0;animation-timing-function:cubic-bezier(.6,0,.3,1)}20.6%{opacity:1}25.4%{opacity:1}26%{left:var(--pw);opacity:0}39.9%{left:0;opacity:0}40%{left:0;opacity:0;animation-timing-function:cubic-bezier(.6,0,.3,1)}40.6%{opacity:1}45.4%{opacity:1}46%{left:var(--pw);opacity:0}59.9%{left:0;opacity:0}60%{left:0;opacity:0;animation-timing-function:cubic-bezier(.6,0,.3,1)}60.6%{opacity:1}65.4%{opacity:1}66%{left:var(--pw);opacity:0}100%{left:var(--pw);opacity:0}} @keyframes lp5-scan{0%,22%{top:15%;opacity:0}23.6%{opacity:1}30.8%{top:52%;opacity:1}38%{top:15%;opacity:1}39.6%,100%{top:15%;opacity:0}} @keyframes lp5-ba{0%,46.4%{opacity:0}49.6%{opacity:1}52%{opacity:.35}54.4%{opacity:1}58.4%,100%{opacity:0}} @keyframes lp5-trt{0%,68%{opacity:0}70%,77%{opacity:1}79%,100%{opacity:0}} @keyframes lp5-ttap{0%,67.5%{opacity:0;transform:scale(.4)}68.7%{opacity:1;transform:scale(.8)}70%{opacity:.9;transform:scale(1)}73%,100%{opacity:0;transform:scale(1.7)}} @keyframes lp5-pick{0%,87.2%{box-shadow:0 0 0 0 rgba(11,19,42,0)}88.8%,94.4%{box-shadow:0 0 0 2px var(--navy),0 6px 16px -6px rgba(11,19,42,.35)}96.4%,100%{box-shadow:0 0 0 0 rgba(11,19,42,0)}} @keyframes lp5-tap{0%,86.8%{opacity:0;transform:scale(.4)}88%{opacity:1;transform:scale(.8)}89.6%{opacity:.9;transform:scale(1)}92.8%,100%{opacity:0;transform:scale(1.7)}} @keyframes lp5-gtap{0%,10.4%{opacity:0;transform:scale(.4)}11.6%{opacity:1;transform:scale(.8)}12.8%{opacity:.9;transform:scale(1)}15.6%,100%{opacity:0;transform:scale(1.7)}} @keyframes lp5-g1{0%,12.8%{opacity:1}13.6%,96%{opacity:0}97%,100%{opacity:1}} @keyframes lp5-g2{0%,12.8%{opacity:0}13.6%,96%{opacity:1}97%,100%{opacity:0}} @media(prefers-reduced-motion:no-preference){ .hero-vis{--pw:310px;--gap:34px;--tw:276px;--ph:calc((var(--pw) - 14px) * 943 / 420 + 14px)} .hero-vis .seq{width:calc(var(--pw) + var(--gap) + var(--tw));gap:2px} .hero-vis .seq-phone .phone-shell{border-radius:44px;padding:7px;box-shadow:0 34px 60px -30px rgba(11,19,42,.45),0 10px 24px -14px rgba(11,19,42,.25),inset 0 0 0 1px rgba(255,255,255,.08)} .hero-vis .seq-phone .phone-screen{border-radius:37px} .hero-vis .seq li:nth-child(n+2) .phone-shell{box-shadow:none} .hero-vis .seq li:nth-child(1) .seq-phone{z-index:1;animation:none} .hero-vis .seq li:nth-child(2) .seq-phone{z-index:2;animation:lp5-p2 15s linear infinite} .hero-vis .seq li:nth-child(3) .seq-phone{z-index:3;animation:lp5-p3 15s linear infinite} .hero-vis .seq li:nth-child(4) .seq-phone{z-index:4;animation:lp5-p4 15s linear infinite} .hero-vis .seq li:nth-child(5) .seq-phone{z-index:5;animation:lp5-p5 15s linear infinite} .hero-vis .seq-t{padding-top:12px;padding-bottom:14px} .hero-vis .seq-t span{font-size:.84rem} .hero-vis .seq li:nth-child(1) .seq-t b{animation:lp5-c1 15s linear infinite} .hero-vis .seq li:nth-child(2) .seq-t b{animation:lp5-c2 15s linear infinite} .hero-vis .seq li:nth-child(3) .seq-t b{animation:lp5-c3 15s linear infinite} .hero-vis .seq li:nth-child(4) .seq-t b{animation:lp5-c4 15s linear infinite} .hero-vis .seq li:nth-child(5) .seq-t b{animation:lp5-c5 15s linear infinite} .hero-vis .seq li:nth-child(1) .seq-t::before{animation:lp5-n1 15s linear infinite} .hero-vis .seq li:nth-child(2) .seq-t::before{animation:lp5-n2 15s linear infinite} .hero-vis .seq li:nth-child(3) .seq-t::before{animation:lp5-n3 15s linear infinite} .hero-vis .seq li:nth-child(4) .seq-t::before{animation:lp5-n4 15s linear infinite} .hero-vis .seq li:nth-child(5) .seq-t::before{animation:lp5-n5 15s linear infinite} .hero-vis .seq li:nth-child(1) .seq-t::after{animation:lp5-b1 15s linear infinite} .hero-vis .seq li:nth-child(2) .seq-t::after{animation:lp5-b2 15s linear infinite} .hero-vis .seq li:nth-child(3) .seq-t::after{animation:lp5-b3 15s linear infinite} .hero-vis .seq li:nth-child(4) .seq-t::after{animation:lp5-b4 15s linear infinite} .hero-vis .seq li:nth-child(5) .seq-t::after{animation:lp5-b5 15s linear infinite} .lp-edge{z-index:6;animation:lp5-edge 15s linear infinite} .hero-vis .lp-scan{animation:lp5-scan 15s linear infinite} .hero-vis .lp-ba{animation:lp5-ba 15s linear infinite} .lp-get{display:block;animation:lp5-gtap 15s linear infinite} .ms-get .g1{animation:lp5-g1 15s linear infinite} .ms-get .g2{animation:lp5-g2 15s linear infinite} .mscreen .lp-tap{display:block;animation:lp5-tap 15s linear infinite} .cs-card.is-pick{animation:lp5-pick 15s linear infinite} .hero-vis.is-paused .cs-card.is-pick,.hero-vis.is-paused .lp-get,.hero-vis.is-paused .ms-get em{animation-play-state:paused} .loop-toggle{z-index:6;left:max(calc(var(--pw) + var(--gap)),calc(50% - (var(--pw) + var(--gap) + var(--tw)) / 2 + var(--pw) + var(--gap)))} .hero-vis .lp-trt{display:block;left:4.6%;top:24%;width:72.4%;height:17.6%;border-radius:12px;box-shadow:0 0 0 2px var(--navy),0 6px 16px -6px rgba(11,19,42,.35);opacity:0;animation:lp5-trt 15s linear infinite} .hero-vis .lp-ttap{display:block;left:66.5%;top:37.4%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(191,186,246,.55);box-shadow:0 0 0 5px rgba(191,186,246,.35);opacity:0;animation:lp5-ttap 15s linear infinite} } @media(prefers-reduced-motion:no-preference) and (max-width:1180px){.hero-vis{--pw:290px;--gap:32px;--tw:250px}} @media(prefers-reduced-motion:no-preference) and (max-width:640px){ .hero-vis{--pw:192px;--gap:14px;--tw:0px;--ph:calc((var(--pw) - 10px) * 943 / 420 + 10px)} .hero-vis .seq{width:100%} .hero-vis .seq-phone .phone-shell{border-radius:28px;padding:5px} .hero-vis .seq-phone .phone-screen{border-radius:23px} .hero-vis .seq-t{padding-top:8px;padding-bottom:10px} .hero-vis .seq-t span{font-size:.74rem} .loop-toggle{left:auto} .hero .seq .seq-t .store-row{flex-wrap:wrap} } .hipaa-pill{display:flex;width:max-content;max-width:100%;align-items:center;gap:9px;margin:0 0 20px;padding:9px 18px 9px 13px;border-radius:999px;background:var(--navy);color:#fff;font-size:.92rem;font-weight:600;letter-spacing:.01em;line-height:1.2;box-shadow:0 14px 28px -16px rgba(11,19,42,.55)} .hipaa-pill svg{width:20px;height:20px;flex:none;color:var(--lav)} .steps-h{display:none} @media(max-width:640px){.hipaa-pill{font-size:.86rem;padding:8px 15px 8px 11px;margin-bottom:14px}.hipaa-pill svg{width:18px;height:18px}} @media(prefers-reduced-motion:no-preference){ .hero-vis{--bw:calc(var(--tw) + 44px);--bg:22px;width:calc(var(--pw) + var(--bg) + var(--bw));max-width:100%;justify-self:center;min-height:var(--ph)} .hero-vis .steps-box{margin-left:calc(var(--pw) + var(--bg));padding:20px 18px 12px 20px;border-radius:24px;border:1px solid rgba(191,186,246,.95);background:linear-gradient(165deg,rgba(191,186,246,.26),rgba(168,203,252,.16) 70%),#fff;box-shadow:0 1px 1px rgba(11,19,42,.03),0 26px 50px -30px rgba(11,19,42,.32)} .hero-vis .steps-h{display:flex;align-items:center;gap:9px;margin:0 0 4px;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--navy)} .hero-vis .steps-h::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--lav),var(--sky))} .hero-vis .seq{position:static;width:auto;max-width:none;min-height:0;padding-left:0;margin:0;justify-content:flex-start} .hero-vis .seq li:last-child .seq-t{background:none} } @media(prefers-reduced-motion:no-preference) and (max-width:640px){ .hero-vis{--bg:8px;--bw:999px;width:100%} .hero-vis .steps-box{padding:10px 7px 4px 8px;border-radius:16px} .hero-vis .steps-h{font-size:.66rem;gap:6px;margin-bottom:0} .hero-vis .steps-h::before{width:6px;height:6px} } @media(prefers-reduced-motion:no-preference) and (max-width:379px){ .hero .steps-box .store-row .store-badge{width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border-radius:50%} .hero .steps-box .store-row .store-badge .sb-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} } .seq.seq5{grid-template-columns:repeat(5,minmax(0,1fr))} @media(min-width:1025px){.pt-steps{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1120px;gap:36px}} @media(min-width:761px) and (max-width:1024px){.pt-steps{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;gap:56px 40px}} @media(prefers-reduced-motion:no-preference) and (min-width:641px) and (max-width:1180px){.hero-vis .steps-box{padding-top:16px}.hero-vis .seq-t{padding-top:9px;padding-bottom:10px}.hero-vis .seq-t span{line-height:1.38}} @media(prefers-reduced-motion:no-preference) and (max-width:640px){.hero-vis .seq-t{padding-top:6px;padding-bottom:8px}.hero-vis .seq-t span{font-size:.7rem;line-height:1.32}.hero .steps-box .store-row{flex-wrap:nowrap;gap:6px}.hero .steps-box .store-row .store-badge{width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border-radius:50%}.hero .steps-box .store-row .store-badge .sb-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}} @media(prefers-reduced-motion:no-preference) and (max-width:379px){.hero-vis .seq-t>span:not(.store-row){display:none}.hero-vis .seq-t{padding-top:8px;padding-bottom:10px}} .nav-links a.is-clin{color:var(--navy);background:rgba(191,186,246,.28);font-weight:600} .pt-link{margin:16px 0 0;font-size:.9rem;color:var(--ink2)} .pt-link a{color:var(--navy);font-weight:600;text-underline-offset:3px} .hero-b .lead{max-width:34em} .hero-b .hipaa-pill{margin-bottom:18px} .cval{background:var(--navy);color:#fff;padding:0} .cval-list{list-style:none;margin:0;padding:26px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0} .cval-list li{padding:4px 28px;border-left:1px solid rgba(191,186,246,.28)} .cval-list li:first-child{border-left:0;padding-left:0} .cval-list b{display:block;font-family:var(--disp);font-weight:400;font-size:1.3rem;color:#BFBAF6;margin-bottom:4px} .cval-list span{font-size:.92rem;color:rgba(255,255,255,.86)} @media (max-width:980px){.cval-list{grid-template-columns:1fr;gap:14px}.cval-list li{border-left:0;padding:0}} @media (min-width:1101px){.hero-b .trust{flex-wrap:nowrap;gap:10px 20px}.hero-b .trust li{white-space:nowrap}} @media(max-width:640px){.hero-b .hero-ctas{flex-direction:column;flex-wrap:nowrap}.hero-b .hero-ctas .btn{flex:none;width:100%;padding:14px 16px;font-size:.92rem}.hero-b .pt-link{order:2;margin-top:14px;font-size:.86rem}.hero-b .trust{order:3}.hero-b .lead{order:4}} .nav-links a.is-clin{background:none;color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:9px;text-decoration-color:rgba(11,19,42,.55)} .nav-links a.is-clin:hover{background:none;text-decoration-color:var(--navy)} .hero.hero-a3{padding:72px 0 96px;background:var(--ivory)} .hero-a3 .h3g{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:72px;align-items:center} .hero-a3 .h3-copy{max-width:640px} .hero-a3 .hipaa-pill{margin-bottom:26px} .hero-a3 .label{margin-bottom:20px} .hero-a3 h1{margin:0 0 28px;max-width:15ch;font-size:clamp(2.9rem,5.3vw,5.1rem)} .hero-a3 .lead{margin:0 0 36px;max-width:52ch;order:initial;font-size:1.14rem} .hero-a3 .hero-ctas{display:flex;gap:12px;flex-wrap:wrap} .hero-a3 .trust{margin-top:30px} .h3-vis{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;justify-self:center} .h3-ring{position:absolute;left:50%;top:46%;width:clamp(380px,36vw,520px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(191,186,246,.9);pointer-events:none} .h3-ring::after{content:"";position:absolute;inset:-34px;border-radius:50%;border:1px solid rgba(11,19,42,.07)} .h3-phone{position:relative;width:clamp(240px,20.5vw,292px)} .h3-phone .phone-shell{border-radius:46px;padding:9px;background:var(--navy);box-shadow:0 50px 80px -40px rgba(11,19,42,.55),0 18px 34px -22px rgba(11,19,42,.35),inset 0 0 0 1px rgba(255,255,255,.1)} .h3-phone .phone-screen{border-radius:37px;aspect-ratio:420/943;background:#fff} .h3-phone .shot{width:100%;height:100%;object-fit:cover;object-position:top} .h3-cap{position:relative;margin-top:22px;font-size:.84rem;color:var(--ink2);letter-spacing:.01em} .how{background:#fff;padding:112px 0 104px} .how-head{margin-bottom:52px} .how-head .label{margin-bottom:16px} .how-head h2{max-width:24ch} .how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(11,19,42,.16)} .how-steps li{padding:28px 28px 0 0;position:relative} .how-steps li+li{padding-left:28px;border-left:1px solid var(--line)} .how-steps li::before{content:"";position:absolute;top:-1px;left:0;width:36px;height:1px;background:var(--lav)} .how-steps li+li::before{left:28px} .how-n{display:block;font-family:var(--disp);font-size:1.5rem;line-height:1;color:var(--ink3);margin-bottom:22px} .how-steps h3{margin-bottom:8px} .how-steps p{color:var(--ink2);font-size:.95rem;line-height:1.55} .steps{gap:0;border-top:1px solid rgba(11,19,42,.16)} .steps li,.steps-sec .steps li{background:none;border:0;border-radius:0;padding:30px 28px 0 0;box-shadow:none} .steps li+li{border-left:1px solid var(--line);padding-left:28px} .steps li::before{top:-1px;left:0;width:36px;height:1px;background:var(--lav);opacity:1} .steps li+li::before{left:28px} .steps-sec{padding-bottom:104px} .claims-grid{gap:0;border-top:1px solid rgba(11,19,42,.16)} .cl,.cl.does,.cl.doesnt{background:none;border:0;border-radius:0;padding:34px 48px 0 0} .cl+.cl{border-left:1px solid var(--line);padding-left:48px;padding-right:0} .cl h3{margin-bottom:10px} .cl ul{gap:0} .cl li{padding:15px 0;border-bottom:1px solid var(--line2)} .cl li:last-child{border-bottom:0} .doesnt svg{color:var(--ink3)} .find{padding:104px 0} .find3{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:end} .find-copy h2{margin-bottom:18px} .find-get{border-left:1px solid rgba(11,19,42,.16);padding:6px 0 6px 48px} .find-get-h{font-family:var(--disp);font-size:1.7rem;line-height:1.15;margin-bottom:6px} .find-get .stores{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px} .find-get .stores a{display:block;border-radius:10px} .find-get .stores img{height:48px;width:auto} .mail span{font:inherit} @media(max-width:1180px){.hero-a3 .h3g{column-gap:48px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.h3-ring{width:350px}.h3-ring::after{inset:-24px}.how-steps li{padding-right:20px}.how-steps li+li{padding-left:20px}.how-steps li+li::before{left:20px}} @media(max-width:959px){ .hero.hero-a3{padding:48px 0 72px} .hero-a3 .h3g{grid-template-columns:1fr;row-gap:56px} .hero-a3 .h3-copy{max-width:680px} .h3-phone{width:260px} .h3-ring{width:400px} } @media(max-width:1024px){ .how-steps{grid-template-columns:1fr 1fr 1fr} .how-steps li,.how-steps li+li{padding:26px 24px 30px 0;border-left:0} .how-steps li::before,.how-steps li+li::before{left:0} .how-steps li:nth-child(n+4){border-top:1px solid var(--line)} .how-head{display:block} .steps{grid-template-columns:1fr 1fr} .steps li,.steps li+li{padding:28px 24px 30px 0;border-left:0} .steps li::before,.steps li+li::before{left:0} .steps li:nth-child(n+3){border-top:1px solid var(--line)} .find3{grid-template-columns:1fr;gap:40px} .find-get{border-left:0;border-top:1px solid rgba(11,19,42,.16);padding:32px 0 0} } @media(max-width:820px){ .claims-grid{grid-template-columns:1fr} .cl,.cl.does,.cl.doesnt{padding:30px 0 0} .cl+.cl{border-left:0;padding-left:0;margin-top:34px;border-top:1px solid rgba(11,19,42,.16)} } @media(max-width:640px){ .hero.hero-a3{padding:28px 0 60px} .hero-a3 .hipaa-pill{margin-bottom:18px} .hero-a3 .label{margin-bottom:14px} .hero-a3 h1{margin-bottom:20px} .hero-a3 .lead{font-size:1.02rem;margin:0 0 28px} .hero-a3 .hero-ctas{gap:8px;flex-wrap:nowrap} .hero-a3 .trust{margin-top:22px} .hero-a3 .h3g{row-gap:48px} .h3-phone{width:236px} .h3-phone .phone-shell{border-radius:38px;padding:7px} .h3-phone .phone-screen{border-radius:31px} .h3-ring{width:330px} .h3-ring::after{inset:-22px} .how{padding:80px 0 72px} .how-head{margin-bottom:36px} .how-steps{grid-template-columns:1fr} .how-steps li,.how-steps li+li{display:grid;grid-template-columns:52px 1fr;column-gap:8px;padding:22px 0;border-top:1px solid var(--line)} .how-steps li:first-child{border-top:0} .how-steps li::before{display:none} .how-n{grid-row:span 2;font-size:1.3rem;margin:2px 0 0} .how-steps h3{margin-bottom:4px} .steps{grid-template-columns:1fr} .steps li,.steps li+li{padding:24px 0;border-top:1px solid var(--line)} .steps li:first-child{border-top:0} .find{padding:80px 0} .find-get .stores img{height:44px} } @media(max-width:379px){.h3-phone{width:216px}.h3-ring{width:300px}} .hero.hero-a4{padding:64px 0 88px;background:var(--ivory)} .hero-a4 .h4{display:flex;flex-direction:column;align-items:center;text-align:center} .hero-a4 .h4-copy{max-width:820px;display:flex;flex-direction:column;align-items:center} .hero-a4 .hipaa-pill{margin:0 auto 24px} .hero-a4 .label{margin:0 0 18px} .hero-a4 h1{margin:0 0 24px;font-size:clamp(2.7rem,6vw,5.4rem);max-width:none} .hero-a4 .lead{margin:0 auto 34px;max-width:60ch;font-size:1.12rem;order:initial} .hero-a4 .hero-ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap} .hero-a4 .trust{justify-content:center;margin-top:30px;padding-top:20px;order:initial} .h4-vis{position:relative;margin:56px 0 0;display:flex;flex-direction:column;align-items:center;width:100%} .h4-ring{position:absolute;left:50%;top:44%;width:clamp(300px,40vw,560px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(191,186,246,.9);pointer-events:none} .h4-ring::after{content:"";position:absolute;inset:-36px;border-radius:50%;border:1px solid rgba(11,19,42,.07)} .h4-vis::before{content:"";position:absolute;left:0;right:0;top:44%;height:1px;background:rgba(11,19,42,.09)} .h4-phone{position:relative;width:clamp(220px,21vw,300px)} .h4-phone .phone-shell{border-radius:46px;padding:9px;background:var(--navy);box-shadow:0 50px 80px -40px rgba(11,19,42,.55),0 18px 34px -22px rgba(11,19,42,.35),inset 0 0 0 1px rgba(255,255,255,.1)} .h4-phone .phone-screen{border-radius:37px;aspect-ratio:420/943;background:#fff} .h4-phone .shot{width:100%;height:100%;object-fit:cover;object-position:top} .h4-cap{position:relative;margin-top:22px;font-size:.84rem;color:var(--ink2);letter-spacing:.01em} @media(max-width:980px){.hero.hero-a4{padding:44px 0 64px}.h4-vis{margin-top:44px}.h4-ring{width:400px}} @media(max-width:640px){.hero.hero-a4{padding:26px 0 56px}.hero-a4 .hipaa-pill{margin-bottom:16px}.hero-a4 .label{margin-bottom:12px}.hero-a4 h1{margin-bottom:18px;font-size:clamp(2.4rem,11vw,3.2rem)}.hero-a4 .lead{font-size:1rem;margin:0 0 26px}.hero-a4 .hero-ctas{gap:8px;flex-wrap:nowrap;width:100%}.hero-a4 .trust{margin-top:20px;gap:8px 14px}.h4-vis{margin-top:36px}.h4-phone{width:228px}.h4-phone .phone-shell{border-radius:38px;padding:7px}.h4-phone .phone-screen{border-radius:31px}.h4-ring{width:320px}.h4-ring::after{inset:-22px}} @media(max-width:379px){.h4-phone{width:208px}.h4-ring{width:290px}} .hero.hero-a4{padding:44px 0 88px} .hero-a4 .hipaa-pill{margin-bottom:18px} .hero-a4 .label{margin:0 0 14px} .hero-a4 .label::after{content:"";width:32px;height:1px;background:var(--navy);opacity:.55} .hero-a4 h1{margin:0 0 20px} .hero-a4 .lead{margin-bottom:28px} .hero-a4 .trust{margin-top:24px;padding-top:16px} .hero-a4 .h4-copy>*{order:0} .h4-vis{margin-top:40px} @media(max-width:640px){.hero.hero-a4{padding:24px 0 56px}.hero-a4 .label{font-size:.8rem;gap:10px}.hero-a4 .label::before,.hero-a4 .label::after{width:18px}.hero-a4 .trust{flex-direction:column;align-items:center}.h4-vis{margin-top:32px}} .hero-a4 h1,.hero-a4 .lead{text-wrap:balance} .case-lead{margin:18px 0 0;max-width:46ch;color:var(--on);font-size:1.05rem;line-height:1.6} .oversight{padding:96px 0 40px;background:#fff} .ov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 48px;margin-top:44px} .ov{border-top:1px solid var(--line);padding-top:26px} .ov-k{margin:0 0 12px;font-size:.8rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)} .ov h3{font-family:var(--disp);font-size:1.6rem;line-height:1.15;margin:0 0 14px} .ov p:last-child{margin:0;color:var(--ink2);line-height:1.65} @media(max-width:980px){.ov-grid{grid-template-columns:1fr;gap:34px}.oversight{padding:72px 0 24px}} .def-more{margin-top:18px;color:var(--ink2);line-height:1.65;max-width:62ch} .foot-tag{margin:14px 0 16px;max-width:36ch;font-size:.88rem;line-height:1.6;color:var(--ink2)} .band-veil{background:rgba(11,19,42,.6)!important;background-image:none!important} .laptop-base{background:#e8e4de!important;background-image:none!important} .dark::after{display:none!important} .hero.hero-a4v{position:relative;overflow:hidden;padding:40px 0 96px;background:var(--ivory)} .hero-a4v .a4v-copy>*{order:0} .hero-a4v .vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .hero-a4v::before,.hero-a4v .halo{display:none} .a4v-copy{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:860px;margin:0 auto} .hero-a4v .hipaa-pill{margin:0 0 22px} .hero-a4v .label{margin:0 0 18px;justify-content:center} .hero-a4v .label::before{background:var(--navy);opacity:.55} .hero-a4v .label::after{content:"";width:28px;height:1px;background:var(--navy);opacity:.55} .hero-a4v h1{margin:0 0 24px;max-width:none;font-size:clamp(2.7rem,5.2vw,4.9rem);line-height:1.02;text-wrap:balance} .hero-a4v .lead{margin:0 0 30px;max-width:66ch;font-size:1.1rem;line-height:1.62;color:var(--ink2);text-wrap:pretty} .hero-a4v .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center} .hero-a4v .hero-ctas .btn{align-self:auto;margin-top:0;padding:15px 26px} .hero-a4v .trust{justify-content:center;margin-top:26px;padding-top:18px} .a4v-stage{--pw:270px;--g:76px;position:relative;display:grid;max-width:1120px;margin:30px auto 0} .a4v-stage>.a4v-vis,.a4v-stage>.hiw{grid-area:1/1} .a4v-vis{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;justify-self:center;z-index:1} .a4v-ring{position:absolute;left:50%;top:44%;width:calc(var(--pw) + 2*var(--g) - 24px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(191,186,246,.95);pointer-events:none} .a4v-phone{position:relative;width:var(--pw)} .a4v-phone .phone-shell{border-radius:44px;padding:9px;background:var(--navy);box-shadow:0 50px 80px -40px rgba(11,19,42,.55),0 18px 34px -22px rgba(11,19,42,.35),inset 0 0 0 1px rgba(255,255,255,.1)} .a4v-phone .phone-screen{border-radius:35px;aspect-ratio:420/943;background:#fff} .a4v-cap{position:relative;margin-top:22px;font-size:.84rem;color:var(--ink2);letter-spacing:.01em;text-align:center;max-width:32ch} .hero-a4v .hiw{position:relative;z-index:2;align-self:start;padding-top:32px;pointer-events:none} .hero-a4v .hiw-h,.hero-a4v .hiw-step,.hero-a4v .hiw-play{pointer-events:auto} .hiw-h{display:flex;align-items:center;gap:12px;font-family:var(--font);font-size:.84rem;font-weight:500;letter-spacing:.02em;line-height:1.3;color:var(--ink2);margin:0 0 18px} .hiw-h::before{content:"";width:28px;height:1px;background:var(--navy);opacity:.55;flex:none} .hiw-step{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:baseline;width:100%;margin:0;padding:16px 4px 17px 0;background:none;border:0;border-top:1px solid rgba(11,19,42,.12);border-radius:0;text-align:left;font:inherit;color:var(--ink2);cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent} .hiw-n{font-family:var(--disp);font-size:1.25rem;line-height:1;color:var(--ink3);font-variant-numeric:lining-nums;transition:color .4s} .hiw-tx{display:flex;flex-direction:column;gap:4px;min-width:0} .hiw-t{font-size:1rem;font-weight:500;line-height:1.3;color:var(--ink2);transition:color .4s} .hiw-d{font-size:.86rem;line-height:1.45;color:var(--ink3)} .hiw-step:hover .hiw-t{color:var(--navy)} .hiw-step:is([aria-selected="true"],[aria-current="step"]) .hiw-n{color:var(--navy)} .hiw-step:is([aria-selected="true"],[aria-current="step"]) .hiw-t{color:var(--navy);font-weight:600} .hiw-bar{position:absolute;left:0;right:0;top:-1px;height:1.5px;background:var(--navy);transform:scaleX(0);transform-origin:left center;pointer-events:none} .hiw-step:is([aria-selected="true"],[aria-current="step"]) .hiw-bar{transform:scaleX(1)} .hiw.is-auto .hiw-step:is([aria-selected="true"],[aria-current="step"]) .hiw-bar{animation:hiwfill var(--hiw-dur,4.4s) linear both} .hiw.is-auto.is-held .hiw-step:is([aria-selected="true"],[aria-current="step"]) .hiw-bar{animation-play-state:paused} .hiw-step:focus-visible{border-radius:4px;outline:2px solid var(--blue);outline-offset:3px} .hiw-play{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;padding:6px 2px;background:none;border:0;font:inherit;font-size:.84rem;font-weight:500;color:var(--ink2);cursor:pointer} .hiw-play:focus-visible{border-radius:4px;outline:2px solid var(--blue);outline-offset:3px} .hiw-play[hidden]{display:none} .hiw-play svg{width:14px;height:14px} .hiw-play:hover span{text-decoration:underline;text-underline-offset:3px} .hiw-play .i-play{display:none} .hiw-play[data-state="paused"] .i-play{display:inline} .hiw-play[data-state="paused"] .i-pause{display:none} @keyframes hiwfill{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media(min-width:1181px){ .hero-a4v .hiw-list{display:grid;grid-template-columns:minmax(0,1fr) var(--pw) minmax(0,1fr);column-gap:var(--g);grid-template-rows:repeat(3,auto);align-items:stretch} .hero-a4v .hiw-step:nth-child(1){grid-area:2/1} .hero-a4v .hiw-step:nth-child(2){grid-area:3/1;border-bottom:1px solid rgba(11,19,42,.12)} .hero-a4v .hiw-step:nth-child(3){grid-area:1/3} .hero-a4v .hiw-step:nth-child(4){grid-area:2/3} .hero-a4v .hiw-step:nth-child(5){grid-area:3/3;border-bottom:1px solid rgba(11,19,42,.12)} .hero-a4v .hiw-step:nth-child(-n+2){grid-template-columns:minmax(0,1fr) 40px;padding:16px 0 17px 4px;text-align:right} .hero-a4v .hiw-step:nth-child(-n+2) .hiw-n{grid-column:2;grid-row:1;text-align:right} .hero-a4v .hiw-step:nth-child(-n+2) .hiw-tx{grid-column:1;grid-row:1;align-items:flex-end} .hero-a4v .hiw-step:nth-child(-n+2) .hiw-bar{transform-origin:right center} .hero-a4v .hiw-h{position:absolute;top:32px;left:0;width:calc((100% - var(--pw))/2 - var(--g));justify-content:flex-start;padding-top:17px;margin:0;flex-direction:row-reverse} .hero-a4v .hiw-play{display:flex;margin:18px 0 0 calc((100% + var(--pw))/2 + var(--g))} .hero-a4v .hiw-play[hidden]{display:none} } @media(max-width:1180px){ .hero.hero-a4v{padding:52px 0 84px} .a4v-stage{--pw:264px;--g:60px;display:flex;flex-direction:column;align-items:center;max-width:none;margin-top:52px} .hero-a4v .hiw{padding-top:0;width:100%;max-width:none;align-self:stretch;justify-self:auto;margin-top:52px;pointer-events:auto;display:flex;flex-direction:column;align-items:center} .hero-a4v .hiw-h{justify-content:center;margin-bottom:20px} .hero-a4v .hiw-h::after{content:"";width:28px;height:1px;background:var(--navy);opacity:.55;flex:none} .hero-a4v .hiw-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:28px;width:100%;max-width:1060px} .hero-a4v .hiw-step{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 0 4px} .hero-a4v .hiw-play{margin-top:22px} } @media(max-width:820px){ .hero-a4v .hiw-list{grid-template-columns:minmax(0,1fr);max-width:540px;border-bottom:1px solid rgba(11,19,42,.12)} .hero-a4v .hiw-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0;padding:15px 0 16px} .hero-a4v .hiw{max-width:540px;align-self:center} .hero-a4v .hiw-h{align-self:flex-start;justify-content:flex-start} .hero-a4v .hiw-h::after{display:none} .hero-a4v .hiw-play{align-self:flex-start} } @media(max-width:640px){ .hero.hero-a4v{padding:30px 0 64px} .hero-a4v .hipaa-pill{margin-bottom:16px} .hero-a4v .label{margin-bottom:14px;font-size:.8rem} .hero-a4v .label::before,.hero-a4v .label::after{display:none} .hero-a4v h1{font-size:clamp(2.4rem,11vw,3.3rem);margin-bottom:18px} .hero-a4v .lead{font-size:1rem;margin-bottom:28px} .hero-a4v .hero-ctas{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:340px} .hero-a4v .trust{flex-direction:column;align-items:center;gap:8px} .hero-a4v .trust span{text-align:left} .a4v-stage{--pw:248px;--g:48px;margin-top:44px} .a4v-phone .phone-shell{border-radius:38px;padding:7px} .a4v-phone .phone-screen{border-radius:31px} .hero-a4v .hiw{margin-top:44px} } @media(max-width:379px){.a4v-stage{--pw:228px;--g:40px}.hero-a4v .hero-ctas .btn{padding:14px 20px}} @media(prefers-reduced-motion:reduce){.hiw-panel,.hiw-panel.is-on{transition:none;transform:none}.hiw-n,.hiw-t{transition:none}} .hiw-screen{container-type:inline-size;background:#fff} .hiw-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .8s ease,transform 1.1s ease,visibility 0s linear .8s} .hiw-panel.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .8s ease,transform 1.1s ease,visibility 0s} .hiw-panel .shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top} .ls{height:100%;background:#fff;color:var(--navy);padding:5cqw 6.5cqw 0;font-family:var(--font);display:flex;flex-direction:column} .ls-status{display:flex;justify-content:space-between;align-items:center;font-size:4.4cqw;font-weight:600;padding:1.2cqw 3cqw 0} .ls-status i{position:relative;width:6.6cqw;height:3.3cqw;border:1px solid rgba(11,19,42,.55);border-radius:1.1cqw;box-sizing:border-box} .ls-status i::before{content:"";position:absolute;inset:.6cqw;right:1.6cqw;background:var(--navy);border-radius:.5cqw} .ls-status i::after{content:"";position:absolute;right:-1.2cqw;top:50%;width:.7cqw;height:1.4cqw;transform:translateY(-50%);background:rgba(11,19,42,.55);border-radius:0 .4cqw .4cqw 0} .ls-back{display:flex;align-items:center;gap:1cqw;margin:6cqw 0 5cqw -1.5cqw;font-size:5cqw;font-weight:500;color:var(--navy)} .ls-back svg{width:6cqw;height:6cqw} .ls-app{display:flex;gap:4.5cqw;align-items:center} .ls-icon{width:27cqw;height:27cqw;border-radius:6.5cqw;box-shadow:0 0 0 1px rgba(11,19,42,.08);flex:none} .ls-name{display:flex;flex-direction:column;align-items:flex-start;min-width:0} .ls-name b{font-size:7cqw;font-weight:700;line-height:1.1;letter-spacing:-.01em} .ls-name>span:first-of-type{font-size:4.6cqw;color:rgba(11,19,42,.7);margin-top:1cqw} .ls-get{position:relative;display:inline-grid;margin-top:3.4cqw;border-radius:99px;background:var(--navy);color:#fff;font-size:4.6cqw;font-weight:700;min-width:19cqw;height:7.6cqw;overflow:hidden} .ls-get em{grid-area:1/1;font-style:normal;display:flex;align-items:center;justify-content:center;padding:0 4cqw} .ls-get .g2{opacity:0} .ls-info{display:grid;grid-template-columns:repeat(3,1fr);margin:6.5cqw 0 0;padding:4cqw 0;border-top:1px solid rgba(11,19,42,.12);border-bottom:1px solid rgba(11,19,42,.12)} .ls-info div{display:flex;flex-direction:column;align-items:center;gap:1cqw;text-align:center} .ls-info div+div{border-left:1px solid rgba(11,19,42,.12)} .ls-info small{font-size:3.4cqw;color:rgba(11,19,42,.68);letter-spacing:.02em} .ls-info b{font-size:4.4cqw;font-weight:700} .ls-h{font-size:6cqw;font-weight:700;margin:6.5cqw 0 3cqw;letter-spacing:-.01em} .ls-feat{list-style:none;margin:0;padding:0} .ls-feat li{display:flex;align-items:center;gap:3.5cqw;padding:3cqw 0;font-size:4.8cqw;font-weight:500;border-bottom:1px solid rgba(11,19,42,.08)} .ls-feat svg{width:8cqw;height:8cqw;flex:none;color:var(--navy);padding:1.3cqw;border-radius:2.4cqw;background:rgba(191,186,246,.35);box-sizing:content-box} .ls-desc{font-size:4.4cqw;line-height:1.5;color:rgba(11,19,42,.72);margin:4.5cqw 0 0} @keyframes lsg1{0%,52%{opacity:1;transform:none}60%,100%{opacity:0;transform:translateY(-40%)}} @keyframes lsg2{0%,54%{opacity:0;transform:translateY(40%)}64%,100%{opacity:1;transform:none}} @media(prefers-reduced-motion:no-preference){.hiw-panel.is-on .ls-get .g1{animation:lsg1 4.4s ease both}.hiw-panel.is-on .ls-get .g2{animation:lsg2 4.4s ease both}} .hero.hero-a5{padding:44px 0 88px} .hero-a5 .hiw{pointer-events:auto;padding:26px 24px 16px;border-radius:24px;border:1px solid rgba(191,186,246,.95);background:#fff;background-color:rgba(191,186,246,.14);box-shadow:0 1px 1px rgba(11,19,42,.03),0 26px 50px -32px rgba(11,19,42,.3)} .hero-a5 .hiw-h{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:var(--font);font-size:1.02rem;font-weight:600;letter-spacing:0;line-height:1.3;color:var(--navy)} .hero-a5 .hiw-h::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lav);opacity:1;flex:none;box-shadow:0 0 0 3px rgba(191,186,246,.35)} .hero-a5 .hiw-h::after{display:none} .hero-a5 .hiw-step{border-top:1px solid rgba(11,19,42,.1);padding:14px 4px 15px 0} .hero-a5 .hiw-list .hiw-step:last-child{border-bottom:0} .hero-a5 .hiw-play{margin:10px 0 0;align-self:flex-start} .hero-a5 .a4v-stage>.a4v-vis,.hero-a5 .a4v-stage>.hiw{grid-area:auto} @media(min-width:1181px){ .hero-a5 .a5{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.36fr);column-gap:52px;align-items:center} .hero-a5 .a4v-copy{align-items:flex-start;text-align:left;max-width:none;margin:0} .hero-a5 .label{justify-content:flex-start} .hero-a5 .label::after{display:none} .hero-a5 h1{font-size:clamp(3rem,4.3vw,4.35rem);margin-bottom:22px} .hero-a5 .lead{font-size:1.04rem;max-width:40ch;margin-bottom:28px} .hero-a5 .hero-ctas{justify-content:flex-start} .hero-a5 .trust{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:8px;margin-top:24px} .hero-a5 .a4v-stage{--pw:272px;--g:56px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:48px;align-items:center;max-width:none;margin:0} .hero-a5 .a4v-vis{justify-self:center;padding:0 10px} .hero-a5 .hiw{align-self:center;padding:24px 22px 14px} .hero-a5 .hiw-list{display:block} .hero-a5 .hiw-h{position:static;width:auto;padding:0;flex-direction:row;margin:0 0 12px} .hero-a5 .hiw-step,.hero-a5 .hiw-step:nth-child(-n+2){display:grid;grid-template-columns:40px minmax(0,1fr);padding:13px 4px 14px 0;text-align:left;border-bottom:0} .hero-a5 .hiw-step:nth-child(-n+2) .hiw-n{grid-column:1;text-align:left} .hero-a5 .hiw-step:nth-child(-n+2) .hiw-tx{grid-column:2;align-items:flex-start} .hero-a5 .hiw-step:nth-child(-n+2) .hiw-bar{transform-origin:left center} .hero-a5 .hiw-play{display:flex;margin:8px 0 0} .hero-a5 .hiw-play[hidden]{display:none} } @media(min-width:1181px) and (max-width:1320px){ .hero-a5 .a5{column-gap:36px} .hero-a5 .a4v-stage{--pw:244px;--g:48px;column-gap:34px} .hero-a5 h1{font-size:clamp(2.8rem,4.2vw,3.6rem)} .hero-a5 .hero-ctas .btn{padding:14px 20px} } @media(max-width:1180px){ .hero.hero-a5{padding:48px 0 80px} .hero-a5 .a4v-copy{max-width:760px} .hero-a5 .a4v-stage{--pw:252px;--g:50px;display:grid;grid-template-columns:auto minmax(0,430px);justify-content:center;align-items:center;column-gap:56px;max-width:none;margin-top:52px} .hero-a5 .hiw{margin-top:0;width:auto;align-self:center;display:block} .hero-a5 .hiw-h{justify-content:flex-start;margin-bottom:12px} .hero-a5 .hiw-list{display:block;max-width:none} .hero-a5 .hiw-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0;padding:13px 4px 14px 0} .hero-a5 .hiw-play{display:flex;margin-top:8px} .hero-a5 .hiw-play[hidden]{display:none} } @media(max-width:860px){ .hero-a5 .a4v-stage{--pw:226px;--g:40px;grid-template-columns:auto minmax(0,1fr);column-gap:32px} .hero-a5 .hiw{padding:20px 18px 12px} } @media(max-width:700px){ .hero-a5 .a4v-stage{display:flex;flex-direction:column;align-items:center;--pw:248px;--g:48px} .hero-a5 .hiw{margin-top:40px;width:100%;max-width:520px;align-self:center} } @media(max-width:640px){.hero-a5 .a4v-stage{--pw:240px;--g:44px;margin-top:40px}} @media(max-width:379px){.hero-a5 .a4v-stage{--pw:224px;--g:38px}.hero-a5 .hiw{padding:18px 14px 10px}} /* ---- A7 additions ---- */ .press{background:#fff} .press .poster-h{font-family:var(--disp);font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1;margin-top:14px;color:#fff;font-weight:400} .vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .press .poster-cap{max-width:470px} .press .poster-cap p:not(.poster-h){color:rgba(255,255,255,.86)} .poster-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px} .poster-link:hover{border-bottom-color:#fff} .poster-link svg{width:14px;height:14px} .appt-mock{display:block;width:100%;height:auto} .onboard{margin-top:26px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;background:#fff;border:1px solid rgba(11,19,42,.1);border-radius:4px;padding:28px 32px;position:relative} .onboard::before{content:"";position:absolute;left:0;top:0;width:44px;height:2px;background:var(--acc)} .onb-icon{width:58px;height:58px;border-radius:50%;background:var(--ivory);display:flex;align-items:center;justify-content:center;color:var(--navy);border:1px solid rgba(11,19,42,.08)} .onb-icon svg{width:30px;height:30px} .onb-copy .label{margin-bottom:8px} .onb-copy h3{margin-bottom:6px;font-family:var(--disp);font-weight:400;font-size:1.75rem;line-height:1.1} .onb-copy p:not(.label){color:var(--ink2);max-width:560px} .onb-pts{list-style:none;margin:0;padding:0 0 0 28px;border-left:1px solid var(--line);display:grid;gap:10px;font-size:.92rem;font-weight:500;white-space:nowrap} .onb-pts li{display:flex;align-items:center;gap:9px} .onb-pts li svg{width:17px;height:17px;color:var(--navy);flex:none} .btn-demo{padding:12px 20px;font-size:.92rem} .btn-demo svg{width:17px;height:17px} .ft-link{display:inline-flex!important;align-items:center;gap:6px;margin-top:8px;font-size:.86rem;font-weight:600;color:var(--navy);text-decoration:none;border-bottom:1px solid rgba(11,19,42,.25)} .ft-link svg{width:13px!important;height:13px!important;color:var(--navy)!important;margin:0!important} footer .foot-contact{display:flex;flex-direction:column;gap:4px;line-height:1.6} .foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr} .trust-strip{margin-top:52px;padding:26px 30px;border:1px solid var(--line);border-radius:4px;background:var(--ivory);display:grid;grid-template-columns:minmax(0,1.25fr) auto minmax(0,.9fr);gap:34px;align-items:center} .trust-strip h2{margin-bottom:6px} .ts-copy p{color:var(--ink2);font-size:.88rem;max-width:430px} .ts-badges{display:flex;gap:14px;flex-wrap:wrap} .tbadge{display:inline-flex;align-items:center;gap:11px;padding:9px 16px 9px 10px;background:#fff;border:1px solid rgba(11,19,42,.14);border-radius:999px;color:var(--navy)} .tb-mark{width:38px;height:38px;flex:none} .tb-t{display:flex;flex-direction:column;line-height:1.15} .tb-t b{font-size:.92rem;font-weight:700;letter-spacing:.08em} .tb-t small{font-size:.7rem;color:var(--ink2);letter-spacing:.02em} .ts-cta{justify-self:end;text-align:right} footer .ts-link{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(11,19,42,.3);padding-bottom:2px} footer .ts-link:hover{text-decoration:none;border-bottom-color:var(--navy)} .ts-link svg{width:14px;height:14px} .ts-soon{margin-top:8px;font-size:.8rem;color:var(--ink2)} @media(max-width:1080px){.trust-strip{grid-template-columns:1fr auto}.ts-cta{grid-column:1/-1;justify-self:start;text-align:left}.onboard{grid-template-columns:auto minmax(0,1fr)}.onb-pts{grid-column:1/-1;border-left:0;padding:18px 0 0;border-top:1px solid var(--line)}} @media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr 1fr}} @media(max-width:640px){.onboard{grid-template-columns:1fr;gap:16px;padding:24px 20px}.onb-pts{white-space:normal}.trust-strip{grid-template-columns:1fr;gap:20px;padding:22px 20px}.ts-badges{gap:10px}.tbadge{padding:7px 14px 7px 8px}.tb-mark{width:32px;height:32px}.press .poster-cap p:not(.poster-h):not(.tagd){font-size:.88rem}.press .poster{aspect-ratio:auto;min-height:460px}.press .poster-veil{background:linear-gradient(180deg,rgba(11,19,42,.25),rgba(11,19,42,.82) 55%)}.press .poster-cap{left:22px;right:22px;bottom:24px}} @media(min-width:641px) and (max-width:980px){.press .poster{aspect-ratio:auto;min-height:420px}} .fd-grid{grid-template-columns:repeat(2,1fr)}.fd{display:flex;gap:28px;align-items:flex-start}.fd-photo{width:132px;height:132px;flex:0 0 132px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px #fff,0 0 0 7px var(--line)}.fd-tx h3{margin-top:0}@media (max-width:720px){.fd-grid{grid-template-columns:1fr}.fd{flex-direction:column;gap:18px}.fd-photo{width:112px;height:112px;flex-basis:112px}}.fp{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:56px;align-items:center;margin-top:40px}.fp-vid{border-radius:28px;overflow:hidden;background:#111;box-shadow:0 30px 60px -30px rgba(30,25,60,.45);aspect-ratio:432/766}.fp-vid video{display:block;width:100%;height:100%;object-fit:cover}.fp-tx .tagd{display:inline-block;margin-bottom:14px}.fp-h{font-size:1.6rem;line-height:1.25;margin:0 0 14px}.fp-tx p{max-width:46ch}@media (max-width:820px){.fp{grid-template-columns:1fr;gap:28px}.fp-vid{max-width:300px;margin:0 auto}}.hiw-stores{display:flex;gap:8px;align-items:center;margin:-6px 0 12px 40px;position:relative;z-index:2;pointer-events:auto}.hiw-stores a{display:inline-block;border-radius:7px;line-height:0}.hiw-stores img{height:34px;width:auto}@media(max-width:820px){.hiw-stores img{height:36px}} .ld-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.ld{display:flex;flex-direction:column;gap:18px;padding:0 0 24px;overflow:hidden}.ld-photo{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:14px;display:block;background:#E9E3FB}.ld-tx{padding:0 4px}.ld-tx h3{margin-top:0;margin-bottom:6px}.ld-sub{font-size:.82rem;line-height:1.45;opacity:.75;margin:0 0 12px;font-style:italic}@media(max-width:1080px){.ld-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ld-grid{grid-template-columns:1fr}.ld-photo{max-width:420px}} /* ========================================================================== WordPress integration ========================================================================== */ .ss-part{display:contents} .admin-bar header.nav{top:32px} @media (max-width:782px){.admin-bar header.nav{top:46px}} @media (max-width:600px){.admin-bar header.nav{top:0}} .wp-site-blocks{padding:0} .wp-site-blocks>main{margin:0} .entry-content>*,.wp-block-post-content>*{margin-block-start:0;margin-block-end:0} .wp-block-image img{height:auto} /* Buttons from the block editor use the site button style */ .wp-block-buttons.ss-btns{display:flex;flex-wrap:wrap;gap:12px;margin:40px 0 0} .ss-center .wp-block-buttons,.wp-block-buttons.ss-btns{justify-content:center} .wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-weight:600;font-size:.96rem;line-height:1.2;padding:15px 26px;border-radius:999px;text-decoration:none;border:1px solid transparent;background:var(--navy);color:#fff;box-shadow:0 14px 30px -14px rgba(11,19,42,.55);transition:transform .2s,box-shadow .2s,background .2s,border-color .2s} .wp-block-button .wp-block-button__link:hover{background:rgba(11,19,42,.86);transform:translateY(-1px);color:#fff} .wp-block-button.is-style-outline .wp-block-button__link{background:rgba(255,255,255,.7);color:var(--navy);border-color:rgba(11,19,42,.22);box-shadow:none} .wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--navy);background:#fff;color:var(--navy)} /* ========================================================================== Inner pages (same design system as the home page) ========================================================================== */ .ss-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(191,186,246,.18),rgba(168,203,252,.08) 62%,#fff);padding:96px 0 88px} .ss-hero::before{content:"";position:absolute;z-index:-1;right:-200px;top:-180px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(247,130,237,.14),transparent 65%);pointer-events:none} .ss-hero::after{content:"";position:absolute;z-index:-1;left:-220px;bottom:-260px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(125,223,252,.12),transparent 65%);pointer-events:none} .ss-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center} .ss-hero-grid.ss-hero-center{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center} .ss-hero-center .ss-hero-copy{display:flex;flex-direction:column;align-items:center;max-width:860px} .ss-hero .label{margin-bottom:18px} .ss-hero h1{font-size:clamp(2.6rem,5vw,4.5rem);margin:0 0 24px} .ss-hero .lead{margin:0 0 16px} .ss-hero-center .lead{margin-left:auto;margin-right:auto} .ss-hero .stores{justify-content:center;margin-top:18px} .ss-hero .stores img{height:48px} .ss-hero-img{margin:0} .ss-hero-img img{width:100%;height:auto;border-radius:var(--r2)} .ss-sec{padding:104px 0} .ss-sec.ss-tight{padding:16px 0 104px} .ss-alt{background:linear-gradient(180deg,#fff,rgba(168,203,252,.10))} .ss-sec .sec-head{margin-bottom:48px} .ss-sec .sec-head .lead{margin:0} .ss-center{text-align:center;margin-left:auto;margin-right:auto} .sec-head.ss-center{max-width:760px} .ss-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:ss} .ss-cards.ss-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))} .ss-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 24px 30px} .ss-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:var(--grad);opacity:.8} .ss-card h3{margin:0 0 8px} .ss-card p{margin:0;color:var(--ink2);font-size:.94rem} .ss-card p.ss-num{font-family:var(--disp);font-size:2.1rem;line-height:1;margin:0 0 16px;color:var(--navy)} .ss-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px} .ss-chips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 20px;font-weight:500;font-size:.95rem;box-shadow:0 1px 1px rgba(11,19,42,.03)} .ss-foot{margin:28px 0 0;color:var(--ink2);font-size:.92rem;max-width:76ch} .ss-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start} .ss-split .sec-head{margin-bottom:0} .ss-checkcard{background:var(--navy);color:#fff;border-radius:var(--r2);padding:36px 34px} .ss-checkcard h3{color:#fff;margin:0 0 20px;font-size:1.15rem} .ss-checks{list-style:none;padding:0;margin:0;display:grid;gap:14px} .ss-checks li{position:relative;padding-left:34px;color:rgba(255,255,255,.88);font-size:.97rem} .ss-checks li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--grad)} .ss-checks li::after{content:"";position:absolute;left:8px;top:7px;width:5px;height:9px;border:solid var(--navy);border-width:0 2px 2px 0;transform:rotate(45deg)} .ss-img{margin:0 0 40px} .ss-img img{width:100%;height:auto;border-radius:var(--r2)} .ss-wide-img{margin:0} .ss-wide-img img{width:100%;height:auto} /* Forms on the clinic pages */ .ss-form-sec .ss-form-wrap{max-width:900px} .cf7-card .form-h{font-size:clamp(1.9rem,3vw,2.6rem);margin:0 0 10px} .cf7-card .form-sub{color:var(--ink2);margin:0 0 30px} .cf7-form .fset-h{margin:34px 0 16px;padding-top:24px;border-top:1px solid var(--line2);font-size:1.02rem} .cf7-form .fset-h:first-child{border-top:0;padding-top:0;margin-top:0} .cbx-group{border:0;padding:0;margin:0;min-width:0} .cbx-group legend{font-size:.88rem;font-weight:600;margin-bottom:12px;padding:0} .cbx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px} .fld .cbx{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;font-weight:400;cursor:pointer} .fld .cbx input{width:18px;height:18px;margin:3px 0 0;padding:0;flex:none;accent-color:var(--navy)} .form-note{color:var(--ink2);font-size:.93rem;margin:0} .cf7-form .err:not(:empty){color:#B42318;font-size:.85rem} .cf7-form .pw-mismatch{color:#B42318;font-size:.88rem;margin:6px 0 0} .cf7-form [aria-invalid="true"]{border-color:#B42318} .cf7-form .form-foot{margin-top:28px} .cf7-form .submit-err{color:#B42318;margin:18px 0 0} /* Policy pages and any new page */ .page-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(191,186,246,.18),rgba(168,203,252,.06) 70%,#fff);padding:88px 0 40px} .page-hero::before{content:"";position:absolute;z-index:-1;right:-220px;top:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(247,130,237,.13),transparent 65%);pointer-events:none} .page-hero h1{font-size:clamp(2.4rem,4.6vw,4rem);max-width:22ch;margin:0} .legal{padding:32px 0 112px} .legal-body{max-width:800px} .legal-body h2{font-size:clamp(1.55rem,2.4vw,2.05rem);margin:52px 0 14px;line-height:1.15} .legal-body h3{margin:30px 0 8px} .legal-body p{margin:0 0 16px;color:var(--ink2)} .legal-body li{color:var(--ink2);margin:6px 0} .legal-body ul,.legal-body ol{margin:0 0 20px;padding-left:1.35em} .legal-body a{color:var(--navy);text-decoration:underline;text-underline-offset:2px} .legal-body strong{color:var(--ink)} .legal-body .updated{font-size:.92rem;color:var(--ink3);margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid var(--line)} .legal-body>:first-child{margin-top:0} .ss-posts{list-style:none;padding:0;margin:0} .ss-404 .wp-block-buttons{justify-content:flex-start} @media (max-width:980px){ .ss-hero-grid,.ss-split{grid-template-columns:minmax(0,1fr);gap:40px} .ss-cards,.ss-cards.ss-cards-3{grid-template-columns:repeat(2,minmax(0,1fr))} .ss-sec{padding:76px 0} .ss-hero{padding:72px 0 64px} } @media (max-width:600px){ .ss-cards,.ss-cards.ss-cards-3{grid-template-columns:minmax(0,1fr)} .cbx-grid{grid-template-columns:minmax(0,1fr)} .ss-hero{padding:56px 0 52px} .ss-sec{padding:60px 0} .page-hero{padding:56px 0 28px} .ss-checkcard{padding:28px 22px} } /* ===== 1.0.1: accessibility, mobile legibility and tap targets ===== */ /* Phone and browser chrome inside the product mockups is drawn by CSS so it is not read as page text. */ .ls-time::before{content:"9:41"} .ls-search::before{content:"Search"} .ls-get .g1::before{content:"Get"} .ls-get .g2::before{content:"Open"} .ui-url::before{content:"SkinSync AI clinic portal"} .ui-url{min-height:1.5em} /* Appointments calendar: external image, same size as before */ img.appt-mock{display:block;width:100%;height:auto;max-width:none} .x-scroll{position:relative} .swipe-hint{display:none} @media (max-width:720px){ .portal-grid,.portal-grid>*,.viewer,.ppanel,.browser,.lap-wrap{min-width:0} .x-scroll{width:100%;max-width:100%;contain:inline-size;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin} .x-scroll:focus-visible{outline:2px solid var(--navy);outline-offset:2px} .appt-scroll img.appt-mock{width:1120px} .lap-scroll{padding:0 22px 14px} .lap-scroll .laptop{width:840px;max-width:none;margin:0} .lap-wrap.lap-sm{max-width:none;margin-left:-20px;margin-right:-20px} .lap-sm figcaption{padding:0 20px} .swipe-hint{display:flex;align-items:center;gap:8px;margin:10px 4px 0;font-size:.8rem;font-weight:600;letter-spacing:.01em;color:var(--ink2)} .swipe-hint::before{content:"Swipe to see more"} .swipe-hint::after{content:"";width:22px;height:1px;background:currentColor;box-shadow:4px 0 0 0 currentColor;opacity:.6} .lap-sm .swipe-hint{margin:6px 20px 0} } /* Hero phone: larger on phones so the listing text stays readable */ @media (max-width:640px){ .hero-a5 .a4v-stage{--pw:min(300px,calc(100vw - 72px));--g:30px} .ls-info small{font-size:4.4cqw} } /* Small labels at least 12px on phones */ @media (max-width:720px){ .tagd{font-size:.76rem} .tb-t small{font-size:.75rem} } /* Tap targets: at least 44px tall on touch screens, using padding rather than bigger visuals */ @media (max-width:900px),(pointer:coarse){ .hiw-stores a{padding:4px 0} .stores a{display:inline-flex;align-items:center;min-height:44px} .ft-link{min-height:44px;margin-top:0;border-bottom:0!important;text-decoration:underline;text-decoration-color:rgba(11,19,42,.3);text-underline-offset:5px} footer .ts-link{min-height:44px;padding-bottom:0;border-bottom:0;text-decoration:underline;text-decoration-color:rgba(11,19,42,.3);text-underline-offset:5px} footer ul{gap:0} footer li a{display:inline-flex;align-items:center;min-height:44px} footer .foot-contact{gap:0} footer .foot-contact a{display:inline-flex;align-items:center;min-height:44px} .foot-bottom a,.dq p a,#data p a,form p.small a{display:inline-block;padding:14px 0;margin-top:-14px;margin-bottom:-14px} .social a{width:44px;height:44px} header .brand{min-height:44px} .ptab{min-height:44px} .data-links a.link{min-height:44px;padding-bottom:0;border-bottom:0;text-decoration:underline;text-decoration-color:rgba(11,19,42,.3);text-underline-offset:5px} } /* 1.0.2: space between footer links that wrap onto two or three lines on phones */ @media(max-width:640px){footer li a{line-height:1.3;padding:6px 0}} /* 1.0.4: footer Company column (five columns on wide screens) */ @media(min-width:1081px){.foot-grid{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr}} @media(min-width:641px) and (max-width:1080px){.foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:640px){.foot-grid{grid-template-columns:1fr 1fr}} /* 1.0.4: Press page */ .ss-press-hero{padding-bottom:72px} .ss-press-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px} .ss-press-contact .ss-press-ctas{justify-content:flex-start;margin-top:24px} .ss-press-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:30px;font-size:.92rem} .ss-press-jump a{color:var(--ink2);text-decoration:none;border-bottom:1px solid rgba(11,19,42,.2);padding:6px 0} .ss-press-jump a:hover{color:var(--ink);border-bottom-color:var(--navy)} .ss-press-sec{scroll-margin-top:80px} .ss-press-sec .sec-head{margin-bottom:36px} .ss-press-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .ss-press-list{display:grid;gap:16px;max-width:860px} .ss-press-item{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;box-shadow:var(--sh)} .ss-press-item h3{font-size:1.5rem;line-height:1.2;margin:0 0 10px} .ss-press-item p{margin:0 0 12px;color:var(--ink2);font-size:.95rem} .ss-press-item p.ss-press-meta{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);margin-bottom:10px} .ss-press-item p.ss-press-link{margin:auto 0 0;padding-top:4px;font-weight:600;color:var(--navy)} .ss-press-item p.ss-press-link a{color:var(--navy);text-decoration:underline;text-underline-offset:3px} .ss-press-ph{background:rgba(255,255,255,.6);border:1.5px dashed rgba(11,19,42,.2);box-shadow:none} .ss-press-ph h3,.ss-press-ph p,.ss-press-ph p.ss-press-meta,.ss-press-ph p.ss-press-link{color:rgba(11,19,42,.7)} .ss-press-tv{padding:0;overflow:hidden} .ss-press-tv>*:not(.ss-press-shot){margin-left:24px;margin-right:24px} .ss-press-tv p.ss-press-link{margin-bottom:26px} .ss-press-shot{display:block;margin:0 0 20px;aspect-ratio:16/10;overflow:hidden;background:var(--navy)} .ss-press-shot img{width:100%;height:100%;object-fit:cover;display:block} .ss-press-grid .ss-press-tv+.ss-press-ph{grid-column:span 2} p.ss-press-empty{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 24px;color:var(--ink2);font-size:.95rem} .ss-soon-pill{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);background:rgba(191,186,246,.28);border-radius:999px;padding:6px 13px} .ss-soon-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--navy);opacity:.55} .ss-press-contact{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;box-shadow:var(--sh)} .ss-press-contact h3{font-family:var(--font);font-weight:600;font-size:1.05rem;letter-spacing:0;margin:22px 0 6px} .ss-press-contact h3:first-child{margin-top:0} .ss-press-contact p{margin:0;color:var(--ink2)} .ss-press-contact p a{color:var(--navy);text-decoration:underline;text-underline-offset:3px} @media(max-width:1000px){.ss-press-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-press-grid .ss-press-tv+.ss-press-ph{grid-column:auto}} @media(max-width:640px){.ss-press-grid{grid-template-columns:minmax(0,1fr)}.ss-press-item{padding:22px 20px}.ss-press-tv{padding:0}.ss-press-tv>*:not(.ss-press-shot){margin-left:20px;margin-right:20px}.ss-press-contact{padding:24px 20px}.ss-press-ctas .btn{flex:1 1 auto}} /* 1.0.4: no italic styling in headings anywhere */ h1,h2,h3,h4,h5,h6,.wp-block-heading,h1 em,h2 em,h3 em,h4 em,h5 em,h6 em,h1 i,h2 i,h3 i,h4 i,h5 i,h6 i,.wp-block-heading em,.wp-block-heading i{font-style:normal} /* 1.0.9 accessibility */ .fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:2px solid var(--navy);outline-offset:2px} .wpcf7 input:not([type=submit]):focus-visible,.wpcf7 select:focus-visible,.wpcf7 textarea:focus-visible{outline:2px solid var(--navy);outline-offset:2px} .legal-body h2.ss-h3{font-family:var(--font);font-weight:600;font-size:1.06rem;line-height:1.35;letter-spacing:-.005em;margin:30px 0 8px} /* 1.0.13: the five app phone screens ship pre-cropped to the screen area and sized once with a high quality filter to 3x their largest display size, saved lossless. Keep the exact 1.0.11 proportions so every phone stays in the same place and size. */ img[src*="/skinsync-ai-app-select-clinic-v3.webp"],img[src*="/skinsync-ai-app-select-clinic.webp"],img[src*="/skinsync-ai-app-select-clinic-screen-lis.webp"],img[src*="/skinsync-ai-app-capture-your-profile-v3.webp"],img[src*="/skinsync-ai-app-capture-your-profile.webp"],img[src*="/skinsync-ai-app-screen-for-capturing-fro.webp"],img[src*="/skinsync-ai-app-ar-face-model-preview-v3.webp"],img[src*="/skinsync-ai-app-ar-face-model-preview.webp"],img[src*="/skinsync-ai-app-3d-face-model-with-a-tre.webp"],img[src*="/skinsync-ai-app-home-screen-v3.webp"],img[src*="/skinsync-ai-app-home-screen.webp"]{aspect-ratio:1268/2766} img[src*="/skinsync-ai-app-facial-scan-consent-v3.webp"],img[src*="/skinsync-ai-app-facial-scan-consent.webp"],img[src*="/skinsync-ai-app-screen-facial-scan-conse.webp"]{aspect-ratio:1268/2709} /* 1.0.14: app screens ship at exactly 1x, 2x and 3x of each box, cut to the box's own proportions. Show them at their natural ratio (no crop, no rescale) and fade the hero screens without a zoom. */ .phone-screen .shot,.hiw-panel .shot{flex:none;width:100%;height:auto;object-fit:fill;object-position:0 0} .hiw-panel,.hiw-panel.is-on{transform:none} .hiw-panel{transition:opacity .8s ease,visibility 0s linear .8s} .hiw-panel.is-on{transition:opacity .8s ease,visibility 0s} img[src*="/skinsync-ai-app-"][src*="-guide-"]{aspect-ratio:1268/2766} .ss-learn .ln-shots .ln-shot{min-width:min(48%,175px)} @media(max-width:1000px){.ss-learn .ln-shots .ln-shot{min-width:min(48%,160px)}} @media(max-width:640px){.ss-learn .ln-shots .ln-shot{min-width:min(48%,140px)}} /* 1.0.14b: Inside Business video, Your Privacy Choices link, Report a Concern form */ .poster.is-playing .poster-veil,.poster.is-playing .play,.poster.is-playing .poster-cap,.poster.is-playing>img{display:none} .poster .ib-video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain;z-index:3} .film-note{margin-top:14px;font-size:.86rem;color:var(--ink2);text-align:center} footer .ss-privacy-choices{display:inline-flex;align-items:center;gap:8px} footer .ss-pc-icon{width:30px;height:14px;flex:none} .ss-pc-manage{margin:0 0 30px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fff} .ss-pc-manage[hidden]{display:none} .ss-pc-manage p{margin:10px 0 0;font-size:.92rem} .ss-pc-btn{font:inherit;font-weight:600;font-size:.95rem;padding:11px 20px;border-radius:999px;border:1px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer} .ss-rc-intro{font-size:1.04rem;line-height:1.7;margin-bottom:30px!important;padding-bottom:26px;border-bottom:1px solid var(--line)} .ss-rc{max-width:680px} .ss-rc [hidden]{display:none!important} .ss-rc-form{display:grid;gap:24px} .ss-rc-req-note{margin:0!important;font-size:.86rem;color:var(--ink3)} .ss-rc-req{color:#B4233C} .ss-rc-field{display:grid;gap:8px} .ss-rc label,.ss-rc legend{font-weight:600;color:var(--ink);font-size:.98rem} .ss-rc-opt{font-weight:400;color:var(--ink3)} .ss-rc-help{margin:0!important;font-size:.9rem;line-height:1.55;color:var(--ink2)} .ss-rc select,.ss-rc textarea,.ss-rc input[type=text],.ss-rc input[type=date]{font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid rgba(11,19,42,.28);border-radius:12px;padding:13px 14px;width:100%;max-width:100%;min-height:50px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none} .ss-rc select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230B132A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px} .ss-rc textarea{min-height:180px;resize:vertical;line-height:1.55} .ss-rc-date input{max-width:240px} .ss-rc select:focus,.ss-rc textarea:focus,.ss-rc input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(46,163,242,.3)} .ss-rc [aria-invalid=true]{border-color:#B4233C!important} .ss-rc-err{margin:0!important;color:#B4233C!important;font-size:.9rem;font-weight:500} .ss-rc-who{margin:0;padding:20px 20px 22px;border:1px solid var(--line);border-radius:14px;display:grid;gap:16px;min-width:0} .ss-rc-who legend{padding:0 6px;margin-left:-6px} .ss-rc-hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden} .ss-rc-summary{padding:16px 18px;border:1px solid #B4233C;border-left-width:4px;border-radius:10px;background:#FFF5F6;color:var(--ink);font-size:.95rem} .ss-rc-summary p{margin:0 0 6px!important;color:var(--ink)!important;font-weight:600} .ss-rc-summary ul{margin:0!important;padding-left:1.2em} .ss-rc-summary a{color:#B4233C!important} .ss-rc-summary:focus{outline:2px solid var(--navy);outline-offset:3px} .ss-rc-actions{display:grid;gap:14px;justify-items:start} .ss-rc-submit{font:inherit;font-weight:600;min-height:50px;padding:14px 28px;border-radius:999px;border:0;background:var(--navy);color:#fff;cursor:pointer} .ss-rc-submit[disabled]{opacity:.6;cursor:progress} .ss-rc-privacy{margin:0!important;font-size:.86rem;color:var(--ink3)!important} .ss-rc-done{padding:30px 28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(191,186,246,.16),#fff)} .ss-rc-done-h{font-family:var(--disp);font-weight:400;font-style:normal;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.15;margin:0 0 16px!important} .ss-rc-done p{margin:0 0 8px!important} .ss-rc-ref{font-size:1.15rem;letter-spacing:.04em;color:var(--navy);font-variant-numeric:tabular-nums;word-break:break-all} @media(max-width:640px){.ss-rc-who{padding:16px}.ss-rc-submit{width:100%}.ss-rc-actions{justify-items:stretch}.ss-rc-date input{max-width:none}.ss-rc-done{padding:24px 20px}} #inside-business .poster-cap .tagd{margin:0 6px 6px 0} #inside-business .poster.is-playing{aspect-ratio:16/9} @media(max-width:640px){#inside-business .poster{aspect-ratio:4/5}#inside-business .poster img{object-position:58% center}#inside-business .play{top:38%}#inside-business .poster.is-playing{aspect-ratio:16/9}} .ss-rc-who legend{float:left;width:100%;padding:0;margin:0 0 2px} .ss-rc-who legend+*{clear:both} .ss-rc-ref{word-break:normal;white-space:nowrap} .ss-rc-done:focus{outline:none} .ss-rc-done:focus-visible{outline:2px solid var(--navy);outline-offset:3px} @media(max-width:640px){.ss-rc-ref{font-size:1.02rem;letter-spacing:.02em}} /* 1.0.14b: Press page, Inside Business Today segments (poster cards and the player). */ .ss-ib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch} .ss-ib-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)} .ss-ib-feature{grid-column:span 2;grid-row:span 2} .ss-ib-open{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:var(--navy);cursor:pointer;font:inherit;color:#fff;text-align:left} .ss-ib-nosrc{cursor:default} .ss-ib-shot{position:relative;display:block;aspect-ratio:16/9;overflow:hidden} .ss-ib-feature .ss-ib-open{flex:1 1 auto;display:flex} .ss-ib-feature .ss-ib-shot{flex:1 1 auto;min-height:100%;width:100%} .ss-ib-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease} .ss-ib-open:not(.ss-ib-nosrc):hover .ss-ib-shot img{transform:scale(1.03)} .ss-ib-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,19,42,0) 45%,rgba(11,19,42,.55));pointer-events:none} .ss-ib-play{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .2s,background .2s} .ss-ib-play svg{width:26px;height:26px;margin-left:3px} .ss-ib-feature .ss-ib-play{width:78px;height:78px} .ss-ib-feature .ss-ib-play svg{width:34px;height:34px} .ss-ib-open:hover .ss-ib-play,.ss-ib-open:focus-visible .ss-ib-play{transform:translate(-50%,-50%) scale(1.07);background:rgba(255,255,255,.3)} .ss-ib-open:focus-visible{outline:3px solid var(--blue);outline-offset:-3px} .ss-ib-dur{position:absolute;right:12px;bottom:12px;z-index:2;font-size:.78rem;font-weight:600;letter-spacing:.03em;background:rgba(11,19,42,.72);color:#fff;border-radius:999px;padding:4px 10px} .ss-ib-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:0 0 auto} .ss-ib-body p{margin:0 0 10px;color:var(--ink2);font-size:.95rem} .ss-ib-body p.ss-press-meta{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);margin-bottom:8px} .ss-ib-body h3{font-size:1.15rem;line-height:1.3;margin:0 0 8px} .ss-ib-feature .ss-ib-body h3{font-size:1.35rem} .ss-ib-note{margin:22px 0 0;font-size:.88rem;color:var(--ink2)} .ss-ib-dialog{width:min(1100px,94vw);max-width:none;max-height:94vh;padding:0;border:0;border-radius:var(--r2);background:var(--navy);color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden} .ss-ib-dialog::backdrop{background:rgba(6,10,24,.82)} .ss-ib-dialog-in{display:flex;flex-direction:column} .ss-ib-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 12px 12px 20px} .ss-ib-dialog-t{margin:0;font-weight:600;font-size:1rem;line-height:1.35;color:#fff} .ss-ib-close{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center} .ss-ib-close svg{width:20px;height:20px} .ss-ib-close:hover,.ss-ib-close:focus-visible{background:rgba(255,255,255,.14)} .ss-ib-stage{position:relative;aspect-ratio:16/9;background:#000;max-height:calc(94vh - 130px)} .ss-ib-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000} .ss-ib-dialog-note{margin:0;padding:12px 20px 16px;font-size:.86rem;color:rgba(255,255,255,.82);display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px} html.ss-ib-lock{overflow:hidden} @media(max-width:960px){.ss-ib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-ib-feature{grid-column:1/-1;grid-row:auto}.ss-ib-feature .ss-ib-shot{min-height:0;aspect-ratio:16/9}} @media(max-width:640px){.ss-ib-grid{grid-template-columns:1fr;gap:16px}.ss-ib-body{padding:16px 18px 18px}.ss-ib-dialog{width:100vw;max-height:100vh;border-radius:0}.ss-ib-dialog-head{padding:10px 10px 10px 16px}} @media(prefers-reduced-motion:reduce){.ss-ib-shot img,.ss-ib-play{transition:none}.ss-ib-open:hover .ss-ib-shot img{transform:none}} /* 14b: label as a link (Full Press Coverage) */ .label a.label-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;transition:opacity .2s} .label a.label-link:hover,.label a.label-link:focus-visible{opacity:.7} /* 1.0.14b build press4: the feature poster is wide (the panel at the desk). On the taller Press feature card keep both founders and the host in view. */ .ss-ib-feature .ss-ib-shot img{object-position:18% 50%} /* 1.0.16: Policies hub, policy tools (Download PDF, Print) and print layout. */ .ss-pol-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 28px;padding:0 0 20px;border-bottom:1px solid rgba(16,24,64,.12)} .ss-pol-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid rgba(16,24,64,.22);background:#fff;color:#101840;font:inherit;font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s} .legal-body .ss-pol-btn{color:#101840;text-decoration:none} .ss-pol-btn:hover{background:#f3f2fe;border-color:rgba(16,24,64,.4)} .ss-pol-btn:focus-visible{outline:2px solid #4b47c9;outline-offset:2px} .ss-pol-btn svg{flex:none} .ss-pol-pdf{background:#101840;border-color:#101840;color:#fff} .legal-body .ss-pol-pdf{color:#fff} .ss-pol-pdf:hover{background:#262f66;border-color:#262f66} .ss-pol-all{margin-left:auto;font-weight:600} .ss-pol-intro{font-size:1.1rem} .ss-pol-list{list-style:none;margin:8px 0 28px!important;padding:0!important;display:grid;gap:14px} .ss-pol-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:0!important;padding:22px 24px;border:1px solid rgba(16,24,64,.12);border-radius:18px;background:#fff} .ss-pol-copy{flex:1 1 320px;min-width:0} .legal-body .ss-pol-title{font-size:1.35rem;margin:0 0 6px;line-height:1.25} .legal-body .ss-pol-title a{color:#101840;text-decoration:none} .legal-body .ss-pol-title a:hover{text-decoration:underline} .ss-pol-copy p{margin:0!important;font-size:.97rem} .ss-pol-actions{display:flex;flex-wrap:wrap;gap:8px} @media (max-width:600px){.ss-pol-all{margin-left:0}.ss-pol-item{padding:18px}} @media print{ @page{margin:16mm 16mm 18mm} html,body{background:#fff!important;color:#000!important} body *{box-shadow:none!important;text-shadow:none!important} .ss-part,header.nav,.nav,nav,footer,.wp-block-template-part,.ss-pol-tools,.ss-pol-actions,button,.btn,.skip-link,dialog,[role="dialog"],.ss-pc-banner,#ib-play{display:none!important} .page-hero{background:#fff!important;padding:0 0 10px!important;overflow:visible!important} .page-hero::before,.page-hero::after{display:none!important} .page-hero h1{font-size:22pt!important;color:#000!important;max-width:none!important} .page-hero .wrap::before{content:"SkinSync AI";display:block;font-size:10pt;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#000;margin:0 0 6px} .legal{padding:0!important} .wrap,.legal-body{max-width:none!important;width:auto!important;padding:0!important;margin:0!important} .legal-body,.legal-body p,.legal-body li,.legal-body h2,.legal-body h3,.legal-body h4,.legal-body td,.legal-body th,.legal-body strong{color:#000!important;background:transparent!important} .legal-body{font-size:11pt;line-height:1.5} .legal-body h2{font-size:15pt!important;margin:18pt 0 6pt!important;page-break-after:avoid;break-after:avoid} .legal-body h3{font-size:12.5pt!important;margin:12pt 0 4pt!important;page-break-after:avoid;break-after:avoid} .legal-body p,.legal-body li{orphans:3;widows:3} .legal-body a{color:#000!important;text-decoration:underline} .legal-body table{border-collapse:collapse;width:100%} .legal-body th,.legal-body td{border:1px solid #777;padding:4pt 6pt} .ss-pol-item{border:1px solid #999;break-inside:avoid} } /* 1.0.16.2: Vimeo player */ .poster iframe.ib-video{border:0;display:block} .ss-ib-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000} .ss-ib-feature .ss-ib-shot img{object-position:50% 40%}