*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#060e11;background:#fcfaf7;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #008eb2;outline-offset:4px}button[hidden],a[hidden],[hidden]{display:none!important}.original{position:relative;width:100%;margin:0 auto}.design{display:block;width:100%;height:auto}.hotspot{position:absolute;left:calc(var(--x)/1086*100%);top:calc(var(--y)/1448*100%);width:calc(var(--w)/1086*100%);height:calc(var(--h)/1448*100%);background:transparent;border:0;border-radius:4px;text-decoration:none;transition:background .2s}.hotspot:hover{background:rgba(255,255,255,.16);box-shadow:0 0 0 1px #ffffff40}.hotspot.pill{border-radius:100px}.anchor{position:absolute;left:0;scroll-margin-top:20px}.mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;z-index:100;top:-70px;left:16px;background:white;padding:12px}.skip:focus{top:16px}dialog{width:min(92vw,480px);border:0;border-radius:20px;padding:42px 30px;box-shadow:0 20px 90px #0005;background:#fcfaf7}dialog::backdrop{background:#071b2599;backdrop-filter:blur(5px)}dialog h2{font-size:32px;letter-spacing:-1.2px}dialog p{line-height:1.6}dialog .btn{margin:12px 6px 0 0}.close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:13px 25px;border-radius:40px;background:#050d0f;color:#fff;border:1px solid #050d0f;text-decoration:none;font-size:14px;line-height:1.25}.btn:hover{background:#21363c}.btn.secondary{background:transparent;color:#050d0f}.eyebrow{font-size:11px!important;letter-spacing:1.8px;text-transform:uppercase;line-height:1.7!important}h1,h2,p{margin-top:0}h2{font-size:34px;letter-spacing:-1.4px;line-height:1.1}p{line-height:1.5}
@media(max-width:700px){.original{display:none}.mobile{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none}header{display:flex;align-items:center;justify-content:space-between;padding:23px 22px;background:#fff8ed}.brand{text-decoration:none;font-size:25px;letter-spacing:5px}.brand small{display:block;font-size:6.5px;letter-spacing:2px;margin-top:3px}.menu-toggle{border:0;background:none;font-size:24px;width:44px;height:44px}#mobile-nav{padding:12px 24px 24px;background:#fff8ed;display:grid;gap:0}#mobile-nav a,#mobile-nav button{padding:13px 0;text-decoration:none;border:0;background:none;text-align:left}.hero{display:flex;flex-direction:column}.hero-photo{height:330px;background-image:url('assets/sunvex-original.png');background-size:850px auto;background-position:right -82px;background-repeat:no-repeat}.hero-copy{padding:30px 24px 34px;background:linear-gradient(135deg,#effaff,#fff8ed)}h1{font-size:clamp(38px,9.7vw,65px);line-height:1.02;letter-spacing:-2px;margin-bottom:20px}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:460px}.actions{display:flex;flex-wrap:wrap;gap:10px}.benefits{padding:15px 24px;background:#faf8f4;display:grid;gap:0}.benefits article{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid #ddd9d2}.benefits article:last-child{border-bottom:0}.benefits article>span{font-size:43px;line-height:1;width:43px;flex-shrink:0}.benefits h2{font-size:17px;letter-spacing:-.3px;margin-bottom:6px}.benefits p{margin:0;font-size:14px;color:#42464a}.hospitality{padding:40px 24px;background:#fdfbf8}.hospitality>p:not(.eyebrow){font-size:15px;color:#42464a}.cards{display:grid;gap:18px;margin-top:28px}.card{max-width:400px;width:100%;margin:auto;border-radius:13px;overflow:hidden}.crop{width:100%;aspect-ratio:var(--width)/var(--height);position:relative;overflow:hidden}.crop img{position:absolute;display:block;max-width:none;width:calc(1086/var(--width)*100%);height:auto;left:calc(var(--left)/var(--width)*-100%);top:calc(var(--top)/var(--height)*-100%)}.how{padding:40px 24px;background:linear-gradient(#dbf4fccf,#dff6fff2),url('assets/sunvex-original.png') center bottom/auto 1448px}.how h2{font-size:35px}.how ol{list-style:none;padding:5px 0 0;margin:0}.how li{padding:20px 22px;margin-top:12px;background:#ffffffb5;border-radius:12px;display:grid;gap:7px}.how li b{font-size:19px;font-weight:500}.how li span{font-size:14px}section{scroll-margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}