:root{color-scheme:light;--ink:#101e38;--muted:#52647c;--blue:#1455ed;--cyan:#0aa9f0;--line:#dce6f1;--navy:#071b37;--pale:#f2f8fe}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #ecaa22;outline-offset:5px;border-radius:7px}img{display:block;max-width:100%;height:auto}.preview-note{padding:8px 20px;text-align:center;background:#e9f1ff;color:#31547c;font-size:12px;font-weight:600;letter-spacing:.04em}.site-header{max-width:1240px;padding:13px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.company img{width:170px;height:auto}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}nav a[aria-current]{color:var(--blue)}nav a:hover,.existing-portal:hover{text-decoration:underline}.portal-link{padding:12px 17px;border:1px solid var(--line);border-radius:100px}.app-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 50%,#114d7f 0,transparent 45%),linear-gradient(120deg,#07152d 0,#0c294d 66%,#0a3e62 100%);color:#fff}.hero-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:35px;padding:58px 40px 34px}.app-brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.app-brand img{border-radius:14px;box-shadow:0 4px 15px #0002}.app-brand strong{display:block;font-size:22px;margin-top:5px;letter-spacing:-.02em}.eyebrow{display:block;letter-spacing:.16em;font-size:11px;font-weight:750;line-height:1.5}.app-brand .eyebrow{color:#9bd6ff;font-size:10px}h1{font-size:clamp(38px,4.2vw,60px);letter-spacing:-.055em;line-height:1.06;font-weight:760;margin:0 0 23px;max-width:650px}h1 span{color:#72d6ff}.hero-description{max-width:520px;font-size:18px;line-height:1.65;color:#d8e7f7;margin:0 0 23px}.hero-points{padding:0;margin:0 0 30px;list-style:none;display:grid;gap:12px;font-size:15px;color:#eff7ff}.hero-points li{display:flex;gap:11px;line-height:1.45}.hero-points li span{color:#8be2ff;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:720;line-height:1.35;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:#fff;color:#0b345d;box-shadow:0 7px 20px #00122b30}.button-primary:hover{background:#dcf5ff}.button-secondary{border:1px solid #81a9d260;color:#e5f5ff}.button-secondary:hover{background:#ffffff0c}.availability{font-size:12px;line-height:1.6;color:#b7d0e8;margin:18px 0 0}.availability span{padding:0 6px}.phone-showcase{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;margin:0;padding:0 25px}.phone-halo{position:absolute;z-index:-1;width:390px;max-width:110%;aspect-ratio:1;border:1px solid #8cdbff24;border-radius:50%;top:12%;box-shadow:0 0 0 45px #3eb5e407,0 0 0 90px #3eb5e405;background:radial-gradient(circle,#3ab9e340,transparent 70%)}.phone{width:286px;max-width:100%;padding:7px 8px 12px;background:#101923;border:2px solid #637887;border-radius:39px;box-shadow:18px 25px 55px #0006,-3px -3px 15px #a7e8ff19;transform:rotate(3deg);position:relative}.phone::after{content:"";position:absolute;right:-5px;top:114px;width:3px;height:43px;background:#718493;border-radius:0 3px 3px 0}.phone-speaker{width:48px;height:4px;margin:2px auto 7px;background:#344655;border-radius:5px}.phone-screen{overflow:hidden;border-radius:27px;background:#f5f9fc}.phone-screen img{width:100%;height:auto}.phone-showcase figcaption{text-align:center;font-size:11px;line-height:1.5;color:#b9cfe2;margin-top:22px}.hero-bottom{max-width:1160px;margin:auto;border-top:1px solid #a8c8ef20;padding:18px 0;display:flex;gap:20px;justify-content:space-between;color:#b9d1e5;font-size:12px}.section-wrap{max-width:1240px;margin:auto;padding:72px 40px}.features{display:grid;grid-template-columns:.95fr 1.2fr;gap:80px}.section-intro .eyebrow{color:#36659d}h2{font-size:35px;line-height:1.16;letter-spacing:-.045em;margin:15px 0 0}.feature-list article{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.feature-list article:first-child{padding-top:0}.feature-list article:last-child{border-bottom:0;padding-bottom:0}.feature-number{font-size:12px;font-weight:750;color:var(--blue);padding-top:4px}.feature-list h3{font-size:19px;letter-spacing:-.025em;margin:0 0 8px}.feature-list p{margin:0;max-width:520px;font-size:15px;line-height:1.65;color:var(--muted)}.access-section{background:var(--pale);border-top:1px solid #e5eef7;border-bottom:1px solid #e5eef7}.access-inner{max-width:1240px;margin:auto;padding:47px 40px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px}.access-inner .eyebrow{color:#36659d}.access-inner h2{font-size:30px}.access-inner p{color:var(--muted);font-size:15px;line-height:1.65;margin:16px 0 0;max-width:620px}.access-inner .access-detail{font-size:12px;line-height:1.6;margin-top:10px}.access-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.button-dark{background:#123c69;color:#fff}.button-dark:hover{background:#0a2c51}.existing-portal{font-size:13px;color:#255281;font-weight:600}footer{display:flex;gap:20px;justify-content:space-between;max-width:1240px;margin:auto;padding:24px 40px;color:#64768b;font-size:11px;line-height:1.5}@media(min-width:1440px){.hero-inner{padding-top:66px;padding-bottom:42px}.phone{width:300px}}@media(max-width:900px){.site-header{padding-inline:24px}nav{gap:18px;font-size:13px}.hero-inner{padding:45px 24px 30px;gap:18px;grid-template-columns:1.05fr .85fr}h1{font-size:43px}.hero-description{font-size:16px}.hero-points{font-size:14px}.phone-showcase{padding:0 10px}.phone{width:260px}.hero-bottom{margin:0 24px}.section-wrap{padding:52px 24px}.features{gap:35px}h2{font-size:30px}.access-inner{padding:40px 24px;gap:30px}footer{padding-inline:24px}}@media(max-width:650px){.preview-note{font-size:10px;padding:7px 14px}.site-header{padding:11px 18px;gap:10px;align-items:center}.company img{width:135px}nav{gap:12px;font-size:12px}nav a:first-child{display:none}.portal-link{padding:10px 11px;border-radius:10px}nav a[aria-current]{max-width:55px;line-height:1.3}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding:35px 22px 28px;gap:34px}.app-brand{margin-bottom:23px;gap:11px}.app-brand img{width:48px;height:48px;border-radius:12px}.app-brand strong{font-size:19px}.app-brand .eyebrow{font-size:9px}h1{font-size:40px;line-height:1.08;letter-spacing:-.05em;margin-bottom:20px}.hero-description{font-size:16px;line-height:1.65;margin-bottom:22px}.hero-points{font-size:14px;gap:11px;margin-bottom:26px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.button{min-height:49px;font-size:14px;padding:13px 16px}.availability{font-size:11px;margin-top:16px;max-width:310px}.phone-showcase{align-self:center;width:100%;padding:0 20px}.phone{width:257px;transform:rotate(2deg)}.phone-halo{width:300px;top:12%;max-width:100%}.phone-showcase figcaption{margin-top:20px;font-size:10px}.hero-bottom{margin:0 22px;padding:17px 0;display:grid;gap:7px;font-size:11px}.features{display:block;padding:42px 22px}.section-intro{margin-bottom:30px}h2{font-size:30px}.section-intro h2 br{display:none}.feature-list article{gap:15px;padding:22px 0}.feature-list h3{font-size:18px}.feature-list p{font-size:14px}.access-inner{display:block;padding:35px 22px}.access-inner h2{font-size:28px}.access-actions{margin-top:24px;align-items:stretch;gap:17px}.existing-portal{font-size:12px;text-align:center}.access-inner p{font-size:14px}.access-inner .access-detail{font-size:12px}footer{padding:20px 22px;flex-direction:column;gap:7px;font-size:10px}}@media(max-width:350px){h1{font-size:35px}.hero-inner{padding-inline:18px}.hero-points{font-size:13px}.company img{width:120px}.site-header{padding-inline:14px}nav{gap:10px;font-size:11px}.phone-showcase{padding-inline:12px}.button{font-size:13px}.portal-link{padding-inline:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
:root .portal-label-short{display:none}.portal-link{white-space:nowrap}@media(max-width:650px){:root .portal-label-short{display:inline}.portal-label{display:none}.app-hero .hero-points{display:none}.app-hero .hero-description{margin-bottom:24px}.hero-actions .button-secondary{display:none}.app-hero .hero-inner{gap:30px}.app-hero .availability{margin-top:14px}}
