*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03070c;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.hero{position:relative;max-width:1536px;margin:auto}.hero img{display:block;width:100%;height:auto}.hit{position:absolute;top:64.2%;height:29.5%;border-radius:22px;cursor:pointer;display:block;transition:background .22s,box-shadow .22s,transform .22s;outline:none}.hit:hover,.hit:focus-visible{transform:translateY(-5px) scale(1.012);background:rgba(255,255,255,.045);box-shadow:inset 0 0 28px var(--glow),0 0 30px -5px var(--glow),0 0 70px -25px var(--glow)}.hit:focus-visible{outline:2px solid white;outline-offset:3px}.lighting{left:3.1%;width:30.5%;--glow:#00cfff}.join{left:35.3%;width:29.6%;--glow:#ffc436}.login{left:67.1%;width:29.3%;--glow:#b34dff}@media(prefers-reduced-motion:reduce){.hit{transition:none}.hit:hover{transform:none}}.mobile-links{display:none}.page{min-height:100vh;padding:36px 18px;background:radial-gradient(circle at top right,#06375c,#03070c 60%)}.wrap{max-width:780px;margin:0 auto}.back{display:inline-block;color:#5cefff;text-decoration:none;margin-bottom:35px}.eyebrow{color:#48dfff;text-transform:uppercase;letter-spacing:3px;font-weight:bold}.page h1{font-size:clamp(36px,6vw,66px);margin:12px 0}.page p{line-height:1.65;color:#c8d5e1}.panel{border:1px solid #1d6d94;background:#081825;padding:25px;border-radius:18px;margin-top:24px;box-shadow:0 0 35px #00d9ff12}.panel h2{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields label{display:block;font-size:13px;color:#a9d6ea}.fields input,.fields textarea,.fields select{width:100%;margin-top:7px;padding:13px;background:#07101a;border:1px solid #45617a;border-radius:8px;color:#fff;font:inherit}.wide{grid-column:1/-1}.btn{display:inline-block;background:linear-gradient(110deg,#00d5ed,#0085ff);color:#00131c;padding:15px 22px;border:0;border-radius:10px;text-decoration:none;font-weight:800;cursor:pointer}.small{font-size:13px;color:#aac2ce}.points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.point{border:1px solid #245574;padding:18px;border-radius:12px;background:#071b2b}@media(max-width:650px){.hero img{width:100%;height:auto}.hit{display:block;border-radius:8px}.mobile-links{display:grid;gap:12px;padding:18px;margin-top:-8px}.mobile-links a{padding:15px;text-align:center;text-decoration:none;border-radius:10px;border:1px solid #00ccff;background:#05283d;font-weight:bold}.fields,.points{grid-template-columns:1fr}.wide{grid-column:auto}}
.brand-logo{display:block;max-width:350px;margin:0 0 18px}.brand-logo img{display:block;width:100%;height:auto}

/* Fit complete 16:9 landing artwork within the visible laptop viewport. */
@media (min-width:651px){.hero{width:min(100%,calc((100dvh - 14px) * 1672 / 941));max-width:1536px;margin-inline:auto}.hero img{width:100%;height:auto}}
@media (max-width:650px){.hero{width:100%}}

/* Coastline Smart Control app discovery strip */
.smart-app-strip{background:linear-gradient(115deg,#06121e,#081d31);border-top:1px solid #14617d;border-bottom:1px solid #14617d;padding:25px 18px}.smart-app-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.smart-app-kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:#69e9ff}.smart-app-strip h2{font-size:clamp(21px,3vw,30px);margin:8px 0}.smart-app-strip p{color:#c5d9e4;max-width:650px;line-height:1.5;margin:0}.smart-app-actions{display:flex;flex-direction:column;gap:12px;align-items:center;min-width:220px}.smart-app-btn{display:block;text-align:center;text-decoration:none;background:linear-gradient(110deg,#00e1f1,#168cfc);color:#001923;padding:15px 19px;border-radius:12px;font-weight:900;white-space:nowrap}.smart-app-text{color:#a6edff;font-size:13px;text-align:center}@media(max-width:700px){.smart-app-inner{flex-direction:column;text-align:center}.smart-app-actions{width:100%}.smart-app-btn{width:100%}}

/* Updated two-panel landing artwork (1536 x 1024). */
.hero{max-width:1536px;width:100%;margin:auto}
.hero .hit{top:58%;height:27%;border-radius:24px}
.hero .hit.lighting{left:12%;width:38%;--glow:#00cfff}
.hero .hit.join{left:52%;width:35%;--glow:#ffc436}
.hero .hit.login{display:none}
@media(min-width:651px){.hero{width:min(100%,calc((100dvh - 14px) * 1.5));max-width:1536px}}
@media(max-width:650px){.hero{width:100%}.hero .hit{top:58%;height:27%;border-radius:10px}.mobile-links{display:grid}}

/* Three-panel image landing: clickable glow overlays precisely align to artwork. */
.hero{width:min(100%,1024px)!important;max-width:1024px!important;margin:0 auto!important}
.hero .hit{top:68.6%!important;height:17.8%!important;border-radius:24px!important;background:transparent!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
.hero .hit.lighting{left:3.4%!important;width:31.4%!important;--glow:#ffad32!important}
.hero .hit.join{left:36.8%!important;width:28.8%!important;--glow:#00baff!important}
.hero .hit.app{left:67.3%!important;width:29.5%!important;--glow:#e94dff!important}
.hero .hit:hover,.hero .hit:focus-visible{transform:translateY(-5px) scale(1.018)!important;box-shadow:inset 0 0 24px var(--glow),0 0 24px var(--glow),0 0 56px -10px var(--glow)!important;filter:brightness(1.1)}
@media(max-width:650px){.hero .hit{border-radius:10px!important}.mobile-links{display:grid}}