:root{font-family:'DM Sans',system-ui,sans-serif;color:#17394a;background:#f7fbfb;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:5}.skip:focus{top:12px}header{display:flex;justify-content:space-between;align-items:center;height:82px;padding:0 max(5vw,24px);border-bottom:1px solid #dce9ec;background:#f7fbfb}.logo,.footer-logo{font-family:Outfit,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.06em;text-decoration:none}.logo{display:flex;align-items:center;gap:11px}.logo>span:last-child>span,.footer-logo span{color:#eb925f}.logo-icon{display:grid;place-items:center;width:36px;height:36px;background:#0e3e57;color:#b4e5e5;border-radius:11px;font-size:26px;font-weight:400;letter-spacing:0}nav{display:flex;align-items:center;gap:30px}nav a{font-size:13px;text-decoration:none;font-weight:700}nav a:hover{text-decoration:underline}.nav-cta{padding:12px 18px;background:#0e3e57;color:white;border-radius:6px}.nav-cta:hover{background:#1f6078;text-decoration:none}.hero{display:grid;grid-template-columns:53% 47%;min-height:610px;overflow:hidden}.hero-text{padding:90px 7vw 75px max(5vw,24px);background:#e8f2f5}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#407783;margin:0 0 21px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(62px,6.4vw,96px);line-height:1.02;margin:0 0 28px;font-weight:700;max-width:780px}h1 em{font-style:normal;color:#207e8b}.lead{font-size:19px;line-height:1.65;max-width:580px;color:#426271}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:17px 23px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:800}.button:hover{transform:translateY(-2px)}.dark{background:#0e3e57;color:white}.hero-actions>span{color:#5e7b87;font-size:12px}.hero-art{position:relative;background:linear-gradient(150deg,#79bcc4,#abd9d7);overflow:hidden}.sun{position:absolute;width:370px;height:370px;border-radius:50%;background:#cde8df;right:8%;top:7%;box-shadow:0 0 0 75px #d5f0e455}.home{position:absolute;bottom:18%;left:17%;width:70%;height:50%;background:#f9faf3;border:10px solid #f9faf3;box-shadow:20px 18px 0 #10506433}.roof{position:absolute;top:-27%;left:-8%;width:116%;height:27%;background:#174b63;clip-path:polygon(50% 0,100% 100%,0 100%)}.room{position:absolute;top:10%;height:77%;border:3px solid #bee0dc;background:#e5f3ed;width:29%;display:flex;align-items:center;justify-content:center}.r1{left:3%}.r2{left:35.5%;background:#f9e2c5}.r3{right:3%}.room i{position:absolute;bottom:9%;font-size:10px;letter-spacing:.15em;color:#47707a;font-style:normal;font-weight:800}.wave{font-family:Outfit;font-size:95px;line-height:1;color:#45a2a6;transform:rotate(90deg)}.w2{color:#e99560}.unit{position:absolute;right:3%;top:-8%;background:#174b63;color:white;font-size:10px;letter-spacing:.14em;font-weight:800;padding:10px}.art-caption{position:absolute;bottom:27px;right:25px;background:#0e3e57;color:white;padding:11px 13px;letter-spacing:.15em;font-size:10px;font-weight:800}.ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:25px max(5vw,24px);background:#0e3e57;color:white}.ribbon span{font-size:12px;letter-spacing:.1em;color:#8cd2d4}.ribbon b{color:white;letter-spacing:0;font-size:14px;margin-left:10px}.section{padding:105px max(5vw,24px)}.section-intro{max-width:830px}.section h2,.contact h2{font-size:clamp(45px,4.8vw,70px);line-height:1.12;margin-bottom:20px}.section-intro>p:last-child{color:#57717d;font-size:17px;line-height:1.65}.guide{background:#f7fbfb}.guide-layout{display:grid;grid-template-columns:42% 1fr;gap:18px;margin-top:46px}.options{display:flex;flex-direction:column;gap:11px}.option{display:flex;align-items:flex-start;gap:20px;position:relative;text-align:left;background:white;border:1px solid #d8e6e8;padding:25px;border-radius:8px;min-height:136px;color:#17394a;cursor:pointer}.option:hover{border-color:#4fa0a6}.option.active{background:#e5f4f3;border-color:#58a5a9;box-shadow:inset 0 0 0 1px #58a5a9}.number{font-size:11px;color:#4a8990;font-weight:800}.option strong,.option small{display:block}.option strong{font-family:Outfit;font-size:20px;letter-spacing:-.04em;margin-bottom:8px}.option small{font-size:13px;line-height:1.45;color:#64818a;max-width:280px}.option b{position:absolute;right:20px;top:20px;font-size:19px}.result{background:#10485e;color:white;border-radius:8px;padding:42px 48px;display:flex;flex-direction:column;justify-content:center;min-height:430px}.result>span{color:#92d7d4;letter-spacing:.15em;font-size:11px;font-weight:800}.result h3{font-size:46px;margin:18px 0 15px}.result p{font-size:17px;line-height:1.7;color:#dcf0ef}.result ul{line-height:2;padding-left:20px;color:#dcf0ef}.prep{background:#e8f2f5}.prep-head{max-width:740px}.prep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.prep-grid article{background:white;padding:32px;border-radius:8px;min-height:250px}.prep-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#daefeb;color:#206879;font-size:12px;font-weight:800;margin-bottom:34px}.prep-grid h3{font-size:25px;margin-bottom:12px}.prep-grid p{font-size:15px;line-height:1.6;color:#607a84}.prep-note{margin:27px 0 0;font-size:13px;color:#57717d;max-width:760px}.clarity{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#fff}.clarity p{font-size:18px;line-height:1.7;color:#4f6975}.clarity a{font-size:14px;font-weight:800;text-underline-offset:4px;color:#145d70}.contact{padding:105px max(5vw,24px);display:grid;grid-template-columns:1fr 330px;gap:70px;background:#0e3e57;color:white}.contact>div:first-child{max-width:840px}.contact .eyebrow{color:#a4dfdf}.contact h2 em{color:#f8b982;font-style:normal}.contact p{font-size:18px;line-height:1.7;color:#dbeced}.contact .button{margin:12px 0 20px}.light{background:#f8b982;color:#153d51}.contact small{display:block;color:#a9ced3;font-size:12px}.contact-card{align-self:center;border:1px solid #70a5af;border-radius:8px;padding:32px}.contact-card>span{font-size:11px;letter-spacing:.16em;color:#9cdbdb;font-weight:800}.contact-card ul{padding-left:18px;line-height:2.3;font-size:15px;margin-bottom:0}footer{display:grid;grid-template-columns:1.25fr 1.8fr 1fr;gap:35px;background:#e0ebed;padding:48px max(5vw,24px)}footer p{font-size:13px;line-height:1.6;color:#4f6c78;margin:0}footer>div:last-child{display:flex;flex-direction:column;gap:10px}footer a{font-size:13px;text-decoration:none;font-weight:700}footer a:hover{text-decoration:underline}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-text{padding:70px 28px}.hero-art{min-height:410px}.home{height:55%;width:55%;left:22%}.guide-layout,.clarity,.contact,footer{grid-template-columns:1fr}.prep-grid{grid-template-columns:1fr}.contact-card{display:none}}@media(max-width:540px){header{height:70px;padding:0 18px}.logo{font-size:16px}.logo-icon{width:30px;height:30px;font-size:21px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:10px}.hero-text{padding:55px 20px}.hero h1{font-size:61px}.lead{font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-art{min-height:300px}.home{width:68%;left:16%;height:55%}.wave{font-size:58px}.room i{font-size:7px}.art-caption{font-size:8px;bottom:15px;right:10px}.ribbon{padding:17px 20px;gap:5px}.ribbon span{font-size:9px}.ribbon b{display:block;margin:5px 0 0;font-size:11px}.section{padding:75px 20px}.section h2,.contact h2{font-size:45px}.section-intro>p:last-child{font-size:15px}.guide-layout{margin-top:30px}.option{min-height:112px;padding:20px}.option strong{font-size:18px}.result{padding:30px 26px;min-height:0}.result h3{font-size:37px}.result p{font-size:15px}.prep-grid{margin-top:25px}.prep-grid article{min-height:0;padding:26px}.prep-grid span{margin-bottom:20px}.clarity p{font-size:16px}.contact{padding:80px 20px}.contact p{font-size:16px}.contact .button{width:100%}footer{padding:40px 20px;gap:18px}.footer-logo{font-size:19px}}

@media(max-width:900px){nav>a:not(.nav-cta){display:none}}