@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--navy:#002c60;--blue:#06336b;--cyan:#59c7df;--ink:#10243a;--muted:#556c81;--line:#d5e2ec;--pale:#f1f6fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:white;color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #13809b;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:99;padding:15px;background:white}.skip:focus{top:0}header{height:94px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(15px);z-index:20}.brand{display:flex;gap:14px;align-items:center;color:var(--navy)}.brand-symbol{width:52px;height:53px;overflow:hidden;display:block;flex-shrink:0}.brand-symbol img{width:52px;height:78px;display:block}.brand b,.brand small{display:block;line-height:1.6;letter-spacing:2px}.brand b{font-size:15px}.brand small{font-size:10px}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:#13809b}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:16px 24px;background:var(--navy);border:1px solid var(--navy);border-radius:4px;color:white;font-size:14px;font-weight:700;cursor:pointer;line-height:1.45;transition:background .2s,transform .2s}.button:hover{background:#114675;transform:translateY(-1px)}.button.small{padding:12px 18px}.button.light{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}.button.outline{background:transparent;color:var(--navy)}.button.outline:hover{background:var(--pale)}.text-link{border:0;border-bottom:1px solid #89a6bc;padding:7px 0;background:transparent;color:var(--navy);font-size:14px;font-weight:600;cursor:pointer}.hero{padding:65px 5.5% 72px;display:grid;grid-template-columns:.85fr 1.15fr;gap:5%;align-items:center;overflow:hidden;max-width:1720px;margin:auto}.eyebrow{font-size:12px;letter-spacing:1.8px;line-height:1.5;font-weight:700;color:var(--blue);margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(43px,4.4vw,70px);font-weight:500;line-height:1.06;letter-spacing:-2.5px;margin-bottom:26px}h1 em,h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:var(--blue)}.lead{color:var(--muted);max-width:460px;line-height:1.8;margin-bottom:26px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-caption{font-size:13px;color:var(--muted);margin:28px 0 0}.hero-proof{position:relative;background:var(--pale);padding:26px 24px 32px;border-radius:8px;min-width:0;border:1px solid var(--line)}.proof-label{font-size:10px;letter-spacing:1.4px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:22px}.proof-label span:last-child{color:var(--navy);font-family:Georgia;font-weight:bold}.screen{display:block;width:93%;border:1px solid #c2d2e1;border-radius:6px;overflow:hidden;box-shadow:0 18px 35px #002c601b;background:white}.screen img{display:block;width:100%;height:auto}.screen-bar{display:flex;gap:5px;padding:10px;background:white;align-items:center}.screen-bar i{width:5px;height:5px;border-radius:50%;background:#a8bbc9}.screen-bar span{font-size:9px;color:var(--muted);margin:auto}.phone-shot{position:absolute;width:24%;height:auto;right:12px;top:28%;border:5px solid #173d63;border-radius:18px;box-shadow:0 20px 30px #002c602a}.proof-caption{padding-top:25px;max-width:70%;font-size:14px}.proof-caption strong{display:block;font-weight:500;margin-bottom:8px}.proof-caption a{color:var(--navy);font-size:12px;border-bottom:1px solid #abc0d0}.audience{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:25px 5.5%;background:var(--navy);color:white;font-size:14px}.audience>span{font-size:10px;letter-spacing:1.5px;color:var(--cyan)}.audience b{font-weight:400}.section{padding:78px 5.5%;max-width:1720px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-head>div{max-width:700px}.section-head>p{max-width:390px;color:var(--muted);margin-bottom:3px;font-size:15px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:clamp(31px,3vw,45px);line-height:1.15;letter-spacing:-1.2px;font-weight:500;margin:0}h3{font-size:26px;line-height:1.2;letter-spacing:-.7px;font-weight:500}.segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.segment{background:white;border:1px solid var(--line);padding:27px;text-align:left;color:var(--ink);cursor:pointer;border-radius:5px;transition:.2s}.segment.active{background:var(--navy);color:white;border-color:var(--navy)}.segment:hover{border-color:var(--blue);box-shadow:0 8px 20px #002c600c}.segment-n{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.segment.active .segment-n{color:var(--cyan)}.segment h3{margin:28px 0 12px}.segment p{font-size:14px;opacity:.8}.segment-link{border-top:1px solid var(--line);padding-top:17px;margin-top:24px;display:flex;justify-content:space-between;font-size:13px;font-weight:600}.segment.active .segment-link{border-color:#ffffff30}.segment-link b{font-size:18px;color:var(--cyan)}footer{padding:42px 5.5% 24px;background:var(--navy);color:#b8d4e8;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:center;font-size:14px}footer .brand{color:white}footer .brand-symbol{background:var(--navy)}footer p{margin:0}footer .wa-link{text-align:right;line-height:2}.wa-link strong{font-weight:500;color:white}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff22;padding-top:23px;font-size:12px}.floating-contact{position:fixed;bottom:20px;right:20px;z-index:25;background:var(--navy);color:white;border:1px solid var(--cyan);padding:12px 18px;font-size:13px;border-radius:30px;box-shadow:0 6px 20px #002c6028;display:flex;gap:20px}.floating-contact span{color:var(--cyan)}[hidden]{display:none!important}@media(max-width:1000px){header{gap:15px}nav{gap:17px}.hero{gap:4%;padding-top:50px}.hero-proof{padding:20px 15px}.proof-caption{font-size:12px}h1{font-size:46px}.segment{padding:22px}.segment h3{font-size:24px}.audience{font-size:12px}}@media(max-width:760px){header{height:82px}header nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:42px 6%}.hero h1{font-size:clamp(43px,8vw,60px)}.hero-proof{max-width:640px;padding:22px 20px 25px}.proof-caption{font-size:14px}.phone-shot{width:22%;right:14px;top:24%}.audience{flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:22px 6%}.audience>span{width:100%;text-align:center}.section{padding:55px 6%}.section-head{display:block}.section-head>p{margin:20px 0 0;max-width:100%}.segment-grid{grid-template-columns:1fr}.segment h3 br{display:none}.segment h3{margin:14px 0 10px}.segment-link{margin-top:14px}footer{grid-template-columns:1fr 1fr;gap:25px}footer .wa-link{text-align:left}.floating-contact{bottom:12px;right:12px}.footer-bottom{padding-bottom:35px;flex-wrap:wrap}}@media(max-width:440px){.brand b{font-size:12px}.brand small{font-size:8px}.brand{gap:8px}.brand-symbol{width:43px;height:44px}.brand-symbol img{width:43px;height:64.5px}header .button{font-size:12px;padding:10px 12px;gap:10px}.hero h1{font-size:43px}.phone-shot{border-width:3px;border-radius:10px}.proof-label{font-size:8px}.proof-caption{font-size:12px}.proof-caption a{font-size:11px}.screen-bar{padding:7px}.screen-bar span{font-size:7px}footer{grid-template-columns:1fr}.actions{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
