
:root{--ink:#17324b;--muted:#547086;--blue:#0878d8;--sun:#ffca4d;--bg:#f5fbff;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.top{background:#083e75;color:white;text-align:center;padding:8px 14px;font-weight:700}.top a{color:white}.nav{background:white;box-shadow:0 8px 26px #123b6212;position:sticky;top:0;z-index:4}.navin{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px}.brand{font-weight:950;text-decoration:none;letter-spacing:-.7px;font-size:clamp(19px,2vw,25px);line-height:1.1}.brand em{font-style:normal;color:#f07b2d}.navlinks{display:flex;gap:19px;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:14px;font-weight:750}.navlinks a:hover{color:var(--blue)}.hero{background:linear-gradient(120deg,#e2f8ff 0%,#fff7e6 65%,#ffedf5);padding:64px 0 75px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px}.kicker{font-size:13px;letter-spacing:2px;font-weight:900;color:#0c82ba;text-transform:uppercase}.hero h1{font-size:clamp(39px,5.2vw,70px);line-height:1.08;letter-spacing:-2.8px;margin:12px 0 22px}.hero h1 span{color:#ed7936}.hero p{font-size:19px;max-width:650px;color:#385e79}.hero-art{background:white;border-radius:28px;box-shadow:0 24px 55px #0d567b22;padding:14px;transform:rotate(1deg)}.hero-art img{width:100%;display:block;border-radius:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;background:#0878d8;color:white;text-decoration:none;padding:13px 21px;border-radius:12px;font-weight:850;border:0;cursor:pointer}.btn.orange{background:#f07832}.btn.outline{background:white;color:#0878d8;border:2px solid #0878d8}.highlights{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.highlights span{background:#ffffffb8;border:1px solid #c9e8f6;padding:7px 12px;border-radius:99px;font-size:13px;font-weight:750}.section{padding:70px 0}.section h2{font-size:clamp(31px,4vw,45px);line-height:1.15;letter-spacing:-1.4px;margin:8px 0 14px}.intro{max-width:760px;color:var(--muted);font-size:18px;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:white;border:1px solid #d6edf8;border-radius:22px;padding:27px;box-shadow:0 10px 28px #164e7a0e;border-top:7px solid var(--accent)}.icon{font-size:32px;color:var(--accent)}.card h3{font-size:25px;line-height:1.2;margin:10px 0}.tagline{font-weight:750;color:#38647f}.service-list{list-style:none;padding:0;margin:19px 0 25px;columns:1}.service-list li{padding:6px 0 6px 25px;position:relative}.service-list li:before{content:'✓';color:#10a775;position:absolute;left:0;font-weight:900}.card .btn{background:var(--accent)}.band{background:#0a5b9e;color:white}.band .intro{color:#d9f3ff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{background:#ffffff17;border:1px solid #ffffff44;border-radius:18px;padding:22px}.step b{color:#ffdb6c;font-size:22px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-box,.form-box{background:white;border-radius:22px;padding:28px;border:1px solid #d5e9f5;box-shadow:0 10px 25px #164e7a10}.contact-row{margin:22px 0}.contact-row small{display:block;text-transform:uppercase;font-weight:900;letter-spacing:1px;color:#648096}.contact-row a{font-size:clamp(17px,2vw,24px);font-weight:850;color:#086fb9;overflow-wrap:anywhere}.field{display:block;margin:12px 0;font-weight:750}.field input,.field select,.field textarea{display:block;width:100%;margin-top:6px;border:1px solid #b9d3e5;border-radius:10px;padding:12px;background:#fbfeff;color:#17324b}.field textarea{min-height:110px;resize:vertical}.fine{font-size:13px;color:#58758a}.status{margin-top:14px;font-weight:750}.error{color:#b42318}.success{color:#067047}.footer{background:#0b2f4d;color:#e5f3ff;padding:38px 0}.footer a{color:#fff}.footergrid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{margin:5px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}@media(max-width:850px){.hero-grid,.contact-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.navin{align-items:flex-start;flex-direction:column;padding:15px 0}.navlinks{gap:10px}.navlinks a{font-size:12px}.hero{padding:36px 0}.hero-art{max-width:580px}} 

/* 2026 bright refresh */
body{background:linear-gradient(180deg,#fffdf5 0%,#e9faff 42%,#fff3f7 100%)}
.top{background:linear-gradient(90deg,#ff6b35,#ffab23,#f74b91);color:#102c47;box-shadow:0 4px 20px #ffac4050}
.top a{color:#102c47}
.nav{border-bottom:4px solid #ffdb54}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,#fff4a4 0,transparent 37%),radial-gradient(circle at 90% 25%,#b7edff 0,transparent 45%),linear-gradient(125deg,#fff6d7,#ffe4f3 45%,#d9f8ff);padding:80px 0 90px}
.hero:after{content:'';position:absolute;width:350px;height:350px;border:48px solid #ffffff52;border-radius:50%;top:-150px;right:-130px;pointer-events:none}
.hero h1{color:#083a6a;text-shadow:0 2px #fff9}
.hero h1 span{color:#f05368}
.hero-art{border:6px solid white;box-shadow:0 30px 75px #ff7c8b55;transform:rotate(-2deg);transition:transform .3s ease}
.hero-art:hover{transform:rotate(0) scale(1.01)}
.kicker{color:#db4c75}
.highlights span{background:#fff;border:2px solid #ffe09a;box-shadow:0 4px 10px #ffb85d20}
.btn{background:linear-gradient(110deg,#0878d8,#0b9fdb);box-shadow:0 7px 18px #0c78b52b;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-3px);box-shadow:0 11px 24px #0c78b53b}
.btn.orange{background:linear-gradient(110deg,#ff6b3a,#ff9c25)}
.card{background:linear-gradient(150deg,#fff,#f8fcff);box-shadow:0 16px 35px #18598414;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-6px);box-shadow:0 22px 40px #18598425}
.card h3{color:#083f73}
.service-list li:before{color:#06b58c}
.color-ribbon{background:linear-gradient(90deg,#05b3d7,#5275e6,#ee64a0,#ff9e37);color:white;text-align:center;font-weight:900;letter-spacing:1px;padding:23px 0;font-size:clamp(12px,1.7vw,18px);box-shadow:0 10px 30px #258ac32c}
.contact-box{border-top:7px solid #0eb9dc}.form-box{border-top:7px solid #ff8a37}
.contact-box,.form-box{box-shadow:0 20px 45px #17528b17}
.section h2{color:#073e70}
@media(max-width:850px){.hero{padding:44px 0 58px}.color-ribbon{line-height:2}}
