﻿:root{--cyan:#19bdeb;--cyan-deep:#009dde;--light:#eaf9ff;--navy:#071a2b;--ink:#111827;--muted:#60718c;--line:#cceaf8;--shadow:0 15px 40px rgba(15,70,105,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:14px;line-height:1.5;background:#fff}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}svg{display:block}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.container{width:min(100% - 48px,1200px);margin-inline:auto}.skip-link{position:absolute;z-index:100;top:-100px;left:12px;padding:12px 16px;background:var(--navy);color:white}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #eab308;outline-offset:3px}[hidden]{display:none!important}
.site-header{height:74px;background:#fff;position:relative;z-index:50;border-bottom:1px solid #e8f3f8}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand img{width:157px;height:37px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:700;white-space:nowrap}.desktop-nav a{padding:12px 0;border-bottom:2px solid transparent}.desktop-nav a:hover,.desktop-nav a.active{color:var(--cyan-deep);border-color:var(--cyan)}.header-actions{position:relative;display:flex;align-items:center}.portal-trigger{min-height:44px;padding:0 17px;border:1px solid #c8d9e4;border-radius:14px;background:white;color:#17314a;font-size:12px;font-weight:800;white-space:nowrap}.portal-trigger:hover{border-color:var(--cyan);color:var(--cyan-deep)}.portal-trigger span{margin-left:8px}.portal-menu{position:absolute;top:calc(100% + 10px);right:0;width:230px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.portal-menu a,.portal-menu button{display:block;width:100%;padding:12px;border:0;border-radius:9px;background:none;text-align:left;font-weight:700;font-size:12px}.portal-menu a:hover,.portal-menu button:hover{background:var(--light)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f5fcff 0%,#e5f8ff 46%,#76d7fc 77%,#02a9e8 100%)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(35deg,transparent 44%,rgba(255,255,255,.5) 44.3%,rgba(255,255,255,.5) 45%,transparent 45.3%),linear-gradient(155deg,transparent 62%,rgba(255,255,255,.35) 62.3%,rgba(255,255,255,.35) 63%,transparent 63.3%);pointer-events:none}.hero-wave{position:absolute;pointer-events:none;border:34px solid rgba(255,255,255,.47);border-radius:50%;transform:rotate(-20deg)}.hero-wave-one{width:750px;height:270px;left:-180px;bottom:-150px}.hero-wave-two{width:800px;height:330px;right:-130px;bottom:-215px;border-color:rgba(0,153,220,.48)}.hero-grid{min-height:438px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;position:relative}.hero-copy{position:relative;z-index:2;padding:42px 0 48px}.eyebrow{margin:0 0 12px;color:#009fe0;font-size:11px;letter-spacing:.18em;font-weight:800}.hero h1{margin:0;max-width:640px;font-size:clamp(34px,3.7vw,55px);line-height:1.05;letter-spacing:-.055em;font-weight:800}.hero h1 span,.section-heading h2 span{color:#00aeeb}.hero-tagline{font-weight:800;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.035em;margin:10px 0 8px}.hero-description{max-width:530px;margin:0;color:#47617b;font-size:13px;line-height:1.65}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 20px;border-radius:11px;font-size:12px;font-weight:800;text-align:center;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,125,190,.18)}.button .icon{width:17px;height:17px}.button-primary{background:linear-gradient(135deg,#05c2f2,#009fe5);color:white}.button-outline{background:white;border-color:#8bd9f6;color:#102038;min-width:150px}.hero-art{position:relative;height:438px;min-width:0}.hero-r{position:absolute;left:-30px;top:34px;color:rgba(0,174,235,.26);font-size:410px;font-weight:800;line-height:1;transform:skewX(-10deg);user-select:none}.phone{position:absolute;width:212px;height:385px;border:9px solid #07111b;border-radius:34px;background:#07111b;box-shadow:0 16px 24px rgba(0,40,70,.35);overflow:hidden}.phone-light{left:18%;top:27px;transform:rotate(-10deg);z-index:2}.phone-dark{left:54%;top:30px;transform:rotate(8deg);z-index:1}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:78px;height:17px;border-radius:0 0 12px 12px;background:#07111b;z-index:3}.phone-screen{height:100%;padding:25px 12px 12px;background:#fff;overflow:hidden}.screen-brand{font-size:12px;font-style:italic;font-weight:800;color:#111;letter-spacing:-.08em}.screen-brand span{color:#00aeea}.screen-heading{margin:13px 0 9px;font-weight:800;font-size:15px}.screen-highlight{height:62px;display:flex;align-items:center;padding:10px;border-radius:7px;background:linear-gradient(135deg,#38d2f6,#009ae6);color:#fff;font-size:11px;font-weight:800;line-height:1.25}.screen-row{height:40px;margin-top:7px;padding:8px;background:#f0f8fc;border-radius:7px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;color:#3d5870}.screen-dot{height:12px;width:30px;border-radius:10px;background:#b5eaff}.screen-label{font-size:9px;font-weight:800;margin:15px 0 8px}.screen-list{display:flex;align-items:center;gap:6px;height:30px;border-top:1px solid #e7f0f4}.screen-list i{width:17px;height:17px;border-radius:50%;background:#9fdef5}.screen-list span{height:5px;width:60px;border-radius:5px;background:#d4e4ed}.screen-list b{margin-left:auto;width:24px;height:9px;border-radius:5px;background:#bdebd6}.phone-dark .phone-screen{background:#071a2b;color:white}.phone-dark .screen-brand{color:white}.phone-dark .screen-row{background:#0e2a42;color:#d5e8f3}.phone-dark .screen-label{color:#d5e8f3}.phone-dark .screen-list{border-color:#23445c}.phone-dark .screen-list span{background:#33536c}
.section{padding:30px 0}.section-heading{text-align:center;margin-bottom:20px}.section-heading.compact{margin-bottom:18px}.section-heading .eyebrow{margin-bottom:3px}.section-heading h2{font-size:clamp(22px,2.2vw,31px);line-height:1.2;letter-spacing:-.045em;margin:0;font-weight:800}.section-heading>p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px}.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.program-card{height:234px;position:relative;overflow:hidden;border-radius:18px;box-shadow:var(--shadow)}.sub-card{background:linear-gradient(110deg,#dff6ff 0%,#f1fbff 58%,#d5f2ff 100%)}.pic-card{background:radial-gradient(circle at 83% 40%,#07558c 0%,transparent 38%),linear-gradient(120deg,#061827,#083a5e)}.program-card::after{content:"";position:absolute;pointer-events:none;width:270px;height:160px;border:18px solid rgba(0,174,235,.12);border-radius:50%;bottom:-120px;right:-55px;transform:rotate(-20deg)}.program-portrait{position:absolute;bottom:0;height:100%;object-fit:cover;object-position:center bottom;z-index:1}.sub-portrait{left:0;width:42%;object-position:50% 100%;mix-blend-mode:multiply}.pic-portrait{right:0;width:42%;object-position:55% 100%;mix-blend-mode:screen}.program-content{position:relative;z-index:2;width:59%;height:100%;margin-left:41%;padding:18px 20px 17px 0;display:flex;flex-direction:column;align-items:flex-start}.pic-card .program-content{margin-left:0;padding-left:24px;color:white}.program-icon,.feature-icon,.step-icon{display:grid;place-items:center;flex:none;color:#00ace8;background:#dff6ff;border-radius:12px}.program-icon{position:absolute;top:19px;left:-53px;width:44px;height:44px}.pic-card .program-icon{left:auto;right:-54px;background:#063c5e;color:#11c9ed}.program-icon .icon{width:29px;height:29px}.program-content h3{font-size:23px;line-height:1.08;letter-spacing:-.045em;margin:2px 0 10px;font-weight:700}.program-content h3 strong{font-size:26px}.program-content p{font-size:11px;line-height:1.5;margin:0 0 auto;color:#49617b}.pic-card .program-content p{color:#d6ebf5}.program-content .button{min-height:43px;width:100%;padding:0 12px;white-space:nowrap;font-size:10px;gap:8px}.button-ghost{background:rgba(0,13,25,.44);color:white;border-color:#8bdff4}.button-ghost:hover{background:#05334f}
.advantages{padding-top:33px}.advantage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.advantage-card{min-height:172px;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff;box-shadow:0 4px 15px rgba(14,91,133,.03)}.feature-icon{width:49px;height:49px;margin-bottom:11px}.feature-icon .icon{width:28px;height:28px;stroke-width:2.3}.advantage-card h3{font-size:12px;line-height:1.3;margin:0 0 5px;font-weight:800}.advantage-card p{font-size:11px;line-height:1.4;color:var(--muted);margin:0}
.steps-section{padding-top:12px;padding-bottom:46px}.steps-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.step{position:relative;display:flex;align-items:flex-start;gap:9px;min-width:0}.step:not(:last-child)::after{content:'â†’';position:absolute;right:-16px;top:22px;color:#29bdeb;font-size:22px;font-weight:400}.step-number{position:absolute;top:-5px;left:-3px;z-index:2;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#08afea;color:white;font-size:11px;font-weight:800}.step-icon{width:50px;height:50px;margin-left:11px}.step-icon .icon{width:27px;height:27px}.step>div{padding-top:3px;min-width:0}.step h3{font-size:10px;line-height:1.35;margin:0 0 3px;font-weight:800}.step p{font-size:9px;line-height:1.4;margin:0;color:var(--muted)}
.about-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(107deg,#061929 0%,#082c48 53%,#0a88ce 100%);color:white}.about-section::before{content:"";position:absolute;left:35%;bottom:-240px;width:900px;height:300px;border:35px solid rgba(128,225,255,.4);border-radius:50%;transform:rotate(-17deg);z-index:-1}.about-grid{min-height:220px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.about-copy{position:relative;z-index:2;padding:22px 0}.about-copy .eyebrow{color:#9fe9ff}.about-copy h2{font-size:clamp(21px,2.2vw,31px);line-height:1.15;letter-spacing:-.04em;margin:0 0 6px}.about-copy p:not(.eyebrow){max-width:550px;margin:0 0 13px;color:#d9e9f5;font-size:11px;line-height:1.5}.button-white{min-height:38px;background:#fff;color:#0a2741;font-size:10px}.about-visual{height:220px;position:relative;overflow:hidden}.about-visual img{position:absolute;right:-5%;bottom:0;width:110%;height:100%;object-fit:cover;object-position:bottom right;mix-blend-mode:screen}.about-monogram{position:absolute;right:24%;bottom:-16px;font-size:160px;line-height:1;font-style:italic;font-weight:800;color:rgba(255,255,255,.75);text-shadow:0 8px 22px rgba(0,31,59,.5)}
.site-footer{padding:31px 0 0;background:#fff}.footer-grid{display:flex;justify-content:space-between;gap:50px;padding-bottom:27px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;color:#5f728c;font-size:11px;gap:3px}.footer-brand img{width:157px;height:37px;object-fit:contain;margin-bottom:7px}.footer-brand strong{font-size:12px;color:#14263a}.footer-links h2{font-size:12px;margin:0 0 8px}.footer-links nav{display:grid;grid-template-columns:repeat(3,max-content);gap:7px 18px;font-size:11px;color:#526780}.footer-links a:hover{color:var(--cyan-deep)}.footer-bottom{border-top:1px solid #e5eef3;padding:15px 0 20px;font-size:10px;color:#8092a7}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);min-width:min(90vw,340px);background:#0a253d;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);text-align:center;font-size:12px}
@media(max-width:1050px){.desktop-nav{gap:17px}.container{width:min(100% - 40px,1200px)}.program-content h3{font-size:20px}.program-content h3 strong{font-size:23px}.program-content{width:57%;margin-left:43%}.sub-portrait{width:41%}.advantage-grid{grid-template-columns:repeat(3,1fr)}.steps-grid{gap:12px}.step{gap:5px}.step-icon{width:42px;height:42px}.step:not(:last-child)::after{right:-12px}}
@media(max-width:900px){.container{width:min(100% - 32px,560px)}.site-header{height:62px}.brand img{width:140px;height:auto}.desktop-nav,.portal-trigger,.portal-menu{display:none!important}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--navy)}.menu-toggle .icon{width:26px;height:26px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:62px;left:0;right:0;padding:12px max(16px,calc((100vw - 560px)/2));background:#fff;box-shadow:0 15px 28px rgba(7,26,43,.12);border-top:1px solid #e9f3f8}.mobile-nav a,.mobile-nav button{min-height:44px;display:flex;align-items:center;width:100%;padding:7px 12px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;font-weight:700}.mobile-nav a:hover,.mobile-nav button:hover{background:var(--light)}.hero{background:linear-gradient(155deg,#f7fcff 0%,#e3f7ff 63%,#5ac9f4 100%)}.hero-grid{display:block;min-height:0}.hero-copy{padding:35px 0 0}.hero h1{font-size:clamp(32px,7.8vw,48px);max-width:490px}.hero-description{font-size:12px}.hero-art{height:330px;max-width:440px;margin:4px auto 0}.hero-r{font-size:310px;top:10px;left:3%}.phone{width:165px;height:302px;border-width:7px;border-radius:27px}.phone-light{left:15%;top:24px}.phone-dark{left:53%;top:27px}.phone-screen{padding:20px 9px 9px}.phone-notch{width:60px;height:13px}.screen-heading{font-size:12px;margin:9px 0 7px}.screen-highlight{height:47px;font-size:9px}.screen-row{height:29px;font-size:7px}.screen-label{font-size:8px;margin:10px 0 5px}.screen-list{height:24px}.screen-list span{width:42px}.program-grid{grid-template-columns:1fr}.program-card{height:208px}.program-content{width:57%;margin-left:43%;padding-right:15px}.program-content h3{font-size:19px}.program-content h3 strong{font-size:21px}.program-content p{font-size:10px}.sub-portrait,.pic-portrait{width:44%}.pic-card .program-content{width:61%}.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.advantage-card{min-height:160px}.steps-grid{grid-template-columns:1fr;gap:0;max-width:520px;margin:auto}.step{min-height:96px;align-items:center;gap:15px;padding:12px 16px 12px 42px;background:white;border:1px solid #d9edf8;border-radius:12px;box-shadow:0 4px 18px rgba(0,64,110,.04)}.step:not(:last-child){margin-bottom:20px}.step:not(:last-child)::after{content:'â†“';right:auto;left:54px;top:auto;bottom:-27px;font-size:24px;z-index:3}.step-number{left:10px;top:10px}.step-icon{width:51px;height:51px;margin-left:0}.step h3{font-size:13px}.step p{font-size:11px}.about-grid{display:block;min-height:0}.about-copy{padding:30px 0 5px}.about-copy p:not(.eyebrow){font-size:11px}.about-visual{height:185px;margin:0 -16px}.footer-grid{display:block}.footer-links{margin-top:25px}.footer-links nav{grid-template-columns:repeat(2,max-content)}}
@media(max-width:430px){.hero-copy{padding-top:29px}.hero h1{font-size:clamp(29px,8.3vw,36px)}.hero-tagline{font-size:18px}.hero-buttons{gap:9px}.hero-buttons .button{flex:1;padding:0 8px;gap:7px;font-size:10px;min-width:0}.hero-art{height:294px}.phone{width:144px;height:267px;border-width:6px;border-radius:24px}.phone-light{left:13%;top:19px}.phone-dark{left:52%;top:22px}.hero-r{font-size:260px}.section{padding-top:23px;padding-bottom:23px}.program-content{width:58%;margin-left:42%}.program-card{height:205px}.program-content h3{font-size:18px}.program-content h3 strong{font-size:20px}.program-content .button{font-size:9px}.program-icon{width:37px;height:37px;left:-42px}.pic-card .program-icon{right:-40px}.program-icon .icon{width:23px;height:23px}.advantage-card{padding:12px;min-height:158px}.feature-icon{width:41px;height:41px}.feature-icon .icon{width:24px;height:24px}.advantage-card h3{font-size:11px}.advantage-card p{font-size:10px}.section-heading h2{font-size:23px}.steps-section{padding-bottom:30px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.hero-buttons .button{font-size:9px}.program-content{padding-right:9px}.program-content p{font-size:9px}.program-content .button{font-size:8px}.pic-card .program-content{padding-left:16px}.advantage-grid{gap:8px}.advantage-card{padding:10px}.phone-light{left:10%}.phone-dark{left:51%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Keep program copy in its own column on narrow screens. */
@media(max-width:900px){.program-card{height:224px}.program-icon,.pic-card .program-icon{position:static;left:auto;right:auto;width:40px;height:40px;margin-bottom:3px}.program-icon .icon{width:25px;height:25px}.sub-portrait{left:auto;right:0;width:46%;object-position:48% bottom}.sub-card .program-content{margin-left:0;width:55%;padding:14px 4px 14px 15px}.pic-portrait{width:45%}.pic-card .program-content{width:56%;padding:14px 4px 14px 15px}.program-content h3{font-size:18px;margin:0 0 5px}.program-content h3 strong{font-size:20px}.program-content p{font-size:10px;line-height:1.35}.program-content .button{min-height:44px;font-size:9px;gap:4px}.program-content .button .icon{width:14px;height:14px}.advantage-card h3{font-size:12px}.advantage-card p{font-size:11px}.button-white{min-height:44px}.about-monogram{display:none}}
@media(max-width:360px){.sub-card .program-content,.pic-card .program-content{width:57%;padding-left:12px}.program-content p{font-size:9.5px}.program-content .button{font-size:8px}}
.about-monogram{display:none}
@media(min-width:600px) and (max-width:900px){.container{width:min(100% - 48px,660px)}.hero-copy{padding-top:44px}.hero-art{height:345px}.program-card{height:240px}.program-content p{font-size:11px}.advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.step:not(:last-child)::after{content:"\2192"}
@media(max-width:900px){.step:not(:last-child)::after{content:"\2193"}}
.portal-menu a,.portal-menu button{min-height:44px}
