.hero.shell{background:linear-gradient(125deg,#e7f5f2 0,#f5f9f8 45%,#fff 75%);border:1px solid #e3eeeb;isolation:isolate;gap:60px;padding:62px 58px 52px;margin-top:28px;min-height:650px;overflow:hidden}.hero h1{font-size:clamp(32px,3.6vw,52px);line-height:1.55;letter-spacing:-1.3px}.hero-content>p{max-width:450px;font-size:16px;line-height:2.1}.hero .dots{opacity:.25}.hero .ring{opacity:.22}.hero-media{position:relative;padding:0 16px 0 30px;min-width:0}.coastal-art{height:495px;position:relative;border-radius:150px 28px 28px 28px;overflow:hidden;background:#186e70;box-shadow:0 30px 55px #1b565328;transform:rotate(-2deg)}.coast-photo{width:100%;height:100%;object-fit:cover;object-position:50% 46%}.coast-shade{position:absolute;inset:0;background:linear-gradient(180deg,#033c4415,#06393e20 30%,#04363cd9)}.coast-location{position:absolute;top:30px;right:26px;color:#fff;font-size:12px;padding:8px 13px;border-radius:30px;border:1px solid #ffffff55;background:#06394033;backdrop-filter:blur(8px)}.coast-caption{position:absolute;bottom:55px;right:28px;color:white;z-index:2}.coast-caption>span{font-size:12px;color:#c1eee4}.coast-caption strong{display:block;margin-top:10px;font-size:32px;line-height:1.6}.coast-tech{position:absolute;width:210px;height:210px;left:-10px;bottom:20px;z-index:3;filter:drop-shadow(0 12px 14px #092c3566);animation:coast-float 7s ease-in-out infinite}.coast-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.photo-credit{display:block;font:10px Arial;text-align:center;margin-top:14px;color:#536b70}.hero .note-a{top:72px;right:-15px;z-index:4}.hero .note-b{bottom:25px;left:0;z-index:4}.quick-trust{border-top:1px solid #dce8e3;padding-top:23px;margin-top:35px}.logo-track{align-items:center;gap:22px}.logo-track img{width:185px;height:68px;flex-shrink:0;object-fit:contain;filter:grayscale(.7);opacity:.85;transition:filter .3s,opacity .3s}.logo-track img:hover{filter:none;opacity:1}.client-logo-note{text-align:center;font-size:11px;color:#6f8585;margin-top:15px}.coastal-footer{position:relative;overflow:hidden;background:#0d2d34;color:#ccdbdf;padding:58px 0 0;margin-top:80px}.footer-seascape{position:absolute;bottom:62px;left:0;width:100%;height:160px;color:#59b6ab;opacity:.13;pointer-events:none}.footer-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:36px;border-bottom:1px solid #ffffff15;margin-bottom:42px;gap:24px}.footer-topline h2{font-size:28px;color:white;margin:10px 0}.footer-topline .eyebrow{color:#92d9ce}.coastal-footer .footer-grid{display:grid;grid-template-columns:1.25fr .7fr 1fr 1.35fr;gap:34px;padding-bottom:38px;position:relative}.coastal-footer h4{color:white;margin-bottom:22px}.coastal-footer .footer-about p{line-height:2.1;font-size:13px}.south-label{font-size:12px;color:#83c9c0}.coastal-footer .logo{color:white}.coastal-footer .logo img{background:#fff;border-radius:12px;padding:4px}.coastal-footer .footer-contact p{font-size:12px;line-height:1.9}.coastal-footer .footer-contact small{font-size:11px;display:block;margin-top:12px}.follow-link{display:flex!important;align-items:center;gap:10px;border:1px solid #ffffff15;border-radius:14px;padding:13px!important;margin:10px 0;background:#ffffff04;font-size:12px}.follow-link svg{width:27px;height:27px;flex-shrink:0;color:#8cdbd0}.follow-link span{flex:1}.follow-link small{display:block;font-size:10px;color:#99b2b8;margin-top:4px}.follow-link[aria-disabled]{cursor:default}.social-note{font-size:10px;color:#8da9ae}.coastal-footer .footer-bottom{position:relative;gap:20px;font-size:11px;padding:22px 0;border-top:1px solid #ffffff15}.trust-placeholder{font-size:10px;border:1px dashed #ffffff30;border-radius:8px;padding:8px}.auth-modal{width:min(850px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;padding:0;border-radius:28px;box-shadow:0 30px 100px #06313c44;color:#193c42;background:#fff;overflow:auto}.auth-modal[open]{display:grid;grid-template-columns:.9fr 1.1fr;animation:auth-enter .35s ease both}.auth-modal::backdrop{background:#102e42aa;backdrop-filter:blur(9px)}.auth-close{position:absolute;left:18px;top:14px;border:0;background:#ecf4f2;width:34px;height:34px;border-radius:50%;font:24px Arial;cursor:pointer;z-index:2}.auth-visual{background:linear-gradient(150deg,#eaf8f3,#cbe9e3);padding:40px 30px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.auth-visual>img{width:210px;height:210px;object-fit:contain;align-self:center;animation:coast-float 7s infinite}.auth-visual h2{font-size:32px;line-height:1.6;margin:10px 0}.auth-visual p{font-size:13px;line-height:2;color:#577873}.auth-waves{border-top:1px solid #a9cec7;margin-top:24px;padding-top:20px;font-size:11px;color:#49746f}.auth-body{padding:48px 36px 38px}.auth-logo{width:44px;height:44px;object-fit:contain}.auth-body h2{font-size:23px;margin:20px 0 10px}.auth-body>p{font-size:13px;line-height:2;color:#6a8084}.auth-steps{display:flex;gap:5px;margin-top:20px}.auth-steps i{width:30px;height:4px;background:#e8efed;border-radius:4px;transition:background .3s}.auth-steps i.active{background:#139486}.auth-body label{font-size:12px;font-weight:bold;display:block;margin:25px 0 10px}.auth-field{display:flex;align-items:center;background:#f4f8f7;border:1px solid #dce8e4;border-radius:13px;overflow:hidden;direction:ltr}.auth-field input{border:0!important;background:none!important;width:100%;padding:16px;font:18px Arial;outline:0;min-width:0}.auth-field span{border-left:1px solid #d8e5e1;padding:0 14px;color:#79928d}.auth-field:focus-within{border-color:#149c8e;box-shadow:0 0 0 3px #149c8e15}.auth-submit{width:100%;justify-content:space-between;margin-top:15px;min-height:50px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-message{min-height:28px;color:#bb3c4a;font-size:12px;line-height:1.8;margin:12px 0 0}.auth-message.success{color:#168776}.auth-security{font-size:10px!important;margin-top:22px!important;border-top:1px solid #edf1ef;padding-top:15px}.otp-input{width:100%;border:1px solid #dce8e4;border-radius:13px;background:#f4f8f7;text-align:center;letter-spacing:12px;padding:16px;font:26px Arial;box-sizing:border-box}.code-actions{display:flex;justify-content:space-between;margin:14px 0}.code-actions button{border:0;background:none;color:#138679;font-family:inherit;font-size:11px;cursor:pointer}.code-actions button:disabled{color:#839893;cursor:default}.auth-body [hidden]{display:none!important}.auth-body form{animation:auth-enter .3s ease both}body:has(.auth-modal[open]){overflow:hidden}@keyframes auth-enter{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}@keyframes coast-float{50%{transform:translateY(-12px)}}
@media(max-width:1000px){.hero.shell{padding:35px;gap:28px}.coastal-footer .footer-grid{grid-template-columns:1fr 1fr}.coastal-art{height:430px}.coast-caption strong{font-size:28px}.coast-tech{width:165px;height:165px}}@media(max-width:680px){.hero.shell{padding:30px 22px 24px;gap:30px;min-height:0;margin-top:18px;border-radius:24px}.hero h1{font-size:33px;letter-spacing:-.8px}.hero-content>p{font-size:14px}.hero-media{padding:0 16px}.coastal-art{height:360px;border-radius:90px 22px 22px 22px}.coast-caption strong{font-size:27px}.hero .note-a{right:0;top:35px}.hero .note-b{left:0;bottom:15px}.float-note{padding:10px;font-size:11px}.float-note small{font-size:9px}.photo-credit{font-size:9px}.quick-trust{margin-top:25px}.coastal-footer{padding-top:35px;margin-top:50px}.footer-topline{align-items:flex-start;flex-direction:column;gap:8px}.footer-topline h2{font-size:23px}.coastal-footer .footer-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.footer-about,.footer-follow{grid-column:1/-1}.coastal-footer .footer-bottom{flex-wrap:wrap;line-height:1.8}.auth-modal[open]{grid-template-columns:1fr}.auth-visual{display:none}.auth-body{padding:38px 24px 28px}.auth-body h2{font-size:21px}.logo-track img{width:155px;height:60px}}@media(prefers-reduced-motion:reduce){.coast-tech,.auth-visual>img,.auth-modal[open],.auth-body form{animation:none!important}}

.hero-media{height:auto!important}.hero .note-b{bottom:40px}.hero-content{min-width:0}.coastal-footer .footer-topline .button{width:auto}.auth-modal :focus-visible,.coastal-footer a:focus-visible{outline:3px solid #59b6ab;outline-offset:4px}.logo-marquee:hover .logo-track{animation-play-state:paused}
