:root{--ocean:#001b29;--ocean-deep:#000d14;--lagoon:#00a896;--lagoon-light:#02c39a;--reef:#0586a8;--sunset:#f76c5e;--lava:#ff6b1a;--hibiscus:#e63946;--sand:#f4e4c1;--cream:#fdf6e3;--shell:#fffaf0;--ink:#0d2233;--muted:#5a6b7a;--line:rgba(13,34,51,.12);--font-display:'Fraunces',Georgia,serif;--font-body:'Manrope',-apple-system,sans-serif;--font-mono:'JetBrains Mono',monospace;--maxw:1280px;--radius:3px;--radius-card:18px}body{font-family:var(--font-body);font-size:17px;line-height:1.65;color:var(--ink);background:var(--shell);overflow-x:hidden;-webkit-font-smoothing:antialiased}.page-hero{position:relative;padding:150px 0 0;background:var(--ocean);color:#fff;overflow:hidden}.page-hero-bg{position:absolute;inset:0;background-image:url("/images/hawaii-seo.webp");background-size:cover;background-position:center;opacity:.42;z-index:0}.page-hero-tint{position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(0,13,20,.9) 0%,rgba(0,27,41,.72) 45%,rgba(0,168,150,.42) 100%)}.page-hero-inner{position:relative;z-index:3;max-width:var(--maxw);margin:0 auto;padding:0 28px 130px}.crumbs{font-family:var(--font-mono);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:22px}.page-hero h1{font-family:var(--font-display);font-weight:300;font-size:clamp(2.3rem,5.6vw,4.6rem);line-height:1;letter-spacing:-.02em;margin-bottom:22px;max-width:15ch;font-variation-settings:"SOFT" 50,"WONK" 0}.page-hero .lede{font-size:clamp(1.05rem,1.4vw,1.28rem);max-width:660px;color:rgba(255,255,255,.92);margin-bottom:18px}.btn-dark{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;background:var(--ocean);color:#fff;font-weight:700;font-size:14.5px;border-radius:var(--radius);border:1px solid var(--ocean)}.btn-dark:hover{background:var(--reef);border-color:var(--reef)}.pull{border-left:3px solid var(--lava);padding:4px 0 4px 24px;margin:30px 0;font-family:var(--font-display);font-size:1.3rem;font-weight:400;font-style:italic;line-height:1.4;color:var(--ink)}.stats::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 40%,rgba(0,168,150,.16),transparent 60%),radial-gradient(ellipse at 75% 60%,rgba(255,107,26,.13),transparent 60%)}.stats .container{position:relative;z-index:1;padding-top:70px;padding-bottom:70px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-box .s-num{font-family:var(--font-display);font-size:2.6rem;font-weight:400;font-style:italic;color:var(--lava);line-height:1;margin-bottom:10px}.stat-box .s-src{font-family:var(--font-mono);font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.45)}.answer-card{border:1px solid var(--line);border-left:3px solid var(--lagoon);border-radius:var(--radius);padding:30px 32px;background:var(--shell);margin-bottom:20px}.geotool{background:linear-gradient(180deg,#fffaf0 0%,var(--cream) 100%)}.geo-wrap{display:grid;grid-template-columns:340px 1fr;gap:40px;align-items:start}.geo-controls{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:28px}.geo-controls h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin-bottom:6px}.geo-controls .gc-sub{font-size:.88rem;color:var(--muted);margin-bottom:22px}.gc-field{margin-bottom:20px}.gc-field label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-weight:500}.gc-field select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius);font-family:inherit;font-size:.96rem;background:var(--shell);color:var(--ink)}.gc-field select:focus{border-color:var(--lagoon);outline:none;background:#fff}.gc-toggle{display:flex;gap:8px}.gc-toggle button{flex:1;padding:11px 8px;border:1px solid var(--line);background:var(--shell);border-radius:var(--radius);font-size:.86rem;font-weight:600;color:var(--muted);transition:all .2s}.gc-toggle button[aria-pressed="true"]{background:var(--ocean);border-color:var(--ocean);color:#fff}.geo-readout{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.geo-readout .r-big{font-family:var(--font-display);font-size:2.8rem;font-weight:400;font-style:italic;color:var(--lava);line-height:1}.geo-readout .r-lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.geo-readout .r-note{font-size:.9rem;color:var(--muted);margin-top:12px;line-height:1.55}.geo-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:32px}.geo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:440px;margin:0 auto 22px}.geo-cell{aspect-ratio:1;border-radius:2px;background:#e8edf1;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:500;color:rgba(255,255,255,.9);transition:background .35s ease}.geo-cell.top3{background:#00a896}.geo-cell.mid{background:#f0a13a}.geo-cell.out{background:#d8dfe4;color:#9aa9b4}.geo-cell.you{outline:3px solid var(--ocean);outline-offset:1px;font-weight:700}.geo-legend{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-bottom:20px}.geo-legend span{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;color:var(--muted)}.geo-legend i{width:13px;height:13px;border-radius:2px;display:inline-block}.geo-caption{font-size:.9rem;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:18px}.geo-caption strong{color:var(--ink)}.geo-disclaimer{font-size:.8rem;color:var(--muted);font-style:italic;margin-top:14px;line-height:1.5}.hoods{background:#fff}.hood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hood-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--shell);transition:all .3s}.hood-card:hover{border-color:var(--lagoon);background:#fff;box-shadow:0 12px 34px rgba(0,27,41,.06)}.hood-card h3{font-family:var(--font-display);font-size:1.28rem;font-weight:500;margin-bottom:6px}.hood-card .h-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--lagoon);margin-bottom:12px;display:block}.hood-card p{font-size:.94rem;color:var(--muted);line-height:1.6}.mistakes{background:linear-gradient(180deg,var(--shell) 0%,#f8efde 100%)}.mistake-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.mistake{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;position:relative}.mistake .m-num{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;color:var(--hibiscus);margin-bottom:10px;display:block}.mistake h3{font-family:var(--font-display);font-size:1.2rem;font-weight:500;margin-bottom:10px;line-height:1.3}.mistake p{font-size:.94rem;color:var(--muted);line-height:1.6}.mistake .fix{margin-top:12px;font-size:.92rem;color:var(--ink)}.mistake .fix strong{color:var(--lagoon)}.svc{background:linear-gradient(180deg,var(--ocean) 0%,var(--ocean-deep) 100%);color:#fff;position:relative;overflow:hidden}.svc::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(0,168,150,.15),transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,107,26,.1),transparent 50%)}.svc .container{position:relative;z-index:1}.svc h2{color:#fff}.svc .section-intro{color:rgba(255,255,255,.72)}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.svc-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);padding:30px 26px;transition:all .35s}.svc-card:hover{background:rgba(255,255,255,.07);border-color:rgba(0,168,150,.4);transform:translateY(-5px)}.svc-card h3{font-family:var(--font-display);font-size:1.32rem;font-weight:400;margin-bottom:10px}.svc-card p{color:rgba(255,255,255,.72);font-size:.94rem;line-height:1.6}.svc-card .card-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:var(--lagoon-light);font-weight:600;font-size:.88rem;border-bottom:1px solid rgba(2,195,154,.4);padding-bottom:2px}.svc-card .card-link:hover{color:#fff;border-bottom-color:#fff}.timeline{background:#fff}.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.tl-item{border-top:3px solid var(--lagoon);padding-top:22px}.tl-item:nth-child(2){border-top-color:var(--lava)}.tl-item:nth-child(3){border-top-color:var(--hibiscus)}.tl-item:nth-child(4){border-top-color:var(--reef)}.tl-item .t-when{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.tl-item h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin-bottom:10px}.tl-item p{font-size:.93rem;color:var(--muted);line-height:1.6}@media (max-width:1180px){.header-nav{gap:18px}.header-nav a{font-size:12.5px}}@media (max-width:1024px){.geo-wrap{grid-template-columns:1fr;gap:28px}.stat-grid{grid-template-columns:repeat(2,1fr)}.hood-grid{grid-template-columns:repeat(2,1fr)}.svc-grid{grid-template-columns:repeat(2,1fr)}.mistake-list{grid-template-columns:1fr}.tl{grid-template-columns:repeat(2,1fr)}.rel-grid{grid-template-columns:1fr}.audit-grid{grid-template-columns:1fr;gap:40px}.footer-top{grid-template-columns:1fr 1fr;gap:36px}.header-nav{display:none}.menu-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--shell);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}.header-nav.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 28px;border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.08);gap:18px;align-items:flex-start}.header-nav.mobile-open a{font-size:15px}}@media (max-width:640px){.container{padding:64px 20px}.header-inner{padding:12px 16px}.header-logo{width:140px}.header-cta{padding:9px 14px;font-size:13px}.header-cta .label-long{display:none}.page-hero{padding-top:120px}.page-hero-inner{padding:0 20px 90px}.page-hero h1{max-width:100%}.stat-grid{grid-template-columns:1fr}.hood-grid{grid-template-columns:1fr}.svc-grid{grid-template-columns:1fr}.tl{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:30px}.geo-panel{padding:22px 16px}.geo-controls{padding:22px}.geo-cell{font-size:8px}.audit-form{padding:26px 22px}.field-row{grid-template-columns:1fr}.faq-q{padding:18px;font-size:1rem}.faq-q .num{display:none}.faq-item.open .faq-a{padding:0 18px 22px}.btn-primary,.btn-ghost{width:100%;justify-content:center}.answer-card{padding:24px 22px}.pull{font-size:1.12rem;padding-left:18px}}.planner{background:var(--ocean);color:#fff;position:relative;overflow:hidden}.planner::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 420px at 85% 0%,rgba(2,195,154,.18),transparent 60%),radial-gradient(700px 380px at 0% 100%,rgba(255,107,26,.12),transparent 60%);pointer-events:none}.planner .container{position:relative}.planner h2.section-h{color:#fff}.planner .section-intro{color:rgba(255,255,255,.78)}.pl-wrap{display:grid;grid-template-columns:.95fr 1.25fr;gap:34px;margin-top:40px;align-items:start}.pl-controls{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);padding:28px}.pl-q{margin-bottom:22px}.pl-q:last-child{margin-bottom:0}.pl-q legend{font-weight:700;font-size:.95rem;margin-bottom:10px;color:#fff}.pl-q fieldset{border:0}.pl-opts{display:flex;flex-wrap:wrap;gap:8px}.pl-opts label{position:relative;cursor:pointer}.pl-opts input{position:absolute;opacity:0;pointer-events:none}.pl-opts span{display:inline-block;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font-size:.88rem;font-weight:600;color:rgba(255,255,255,.85);transition:background .2s,border-color .2s,color .2s}.pl-opts label:hover span{border-color:var(--lagoon-light)}.pl-opts input:checked + span{background:var(--lagoon);border-color:var(--lagoon);color:#fff}.pl-opts input:focus-visible + span{outline:3px solid var(--lava);outline-offset:2px}.pl-out{background:#fff;color:var(--ink);border-radius:var(--radius-card);padding:30px;min-height:100%}.pl-out h3{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.2;margin-bottom:6px}.pl-note{color:var(--muted);font-size:.95rem;margin-bottom:22px}.pl-list{list-style:none;display:grid;gap:12px;counter-reset:pl}.pl-item{border:1px solid var(--line);border-radius:14px;padding:16px 18px 16px 62px;position:relative;counter-increment:pl;background:var(--shell);animation:plIn .45s ease both}.pl-item::before{content:counter(pl);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--ocean);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.9rem}.pl-item.top::before{background:var(--lava)}.pl-item h4{font-size:1.02rem;font-weight:800;margin-bottom:4px}.pl-item p{font-size:.93rem;color:var(--muted);line-height:1.55}.pl-item a{color:var(--lava);font-weight:700;font-size:.88rem;display:inline-block;margin-top:6px}.pl-later{margin-top:18px;font-size:.9rem;color:var(--muted)}.pl-later strong{color:var(--ink)}.pl-island{margin-top:18px;padding:14px 16px;border-left:3px solid var(--lagoon);background:rgba(0,168,150,.06);font-size:.93rem;border-radius:0 10px 10px 0}@keyframes plIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pl-item{animation:none}}.leak-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px}.leak{border:1px solid var(--line);border-radius:var(--radius-card);padding:28px;background:#fff}.leak h3{font-family:var(--font-display);font-weight:500;font-size:1.25rem;margin-bottom:10px}.leak p{color:var(--muted);font-size:.97rem}.leak .fix{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);color:var(--ink);font-size:.95rem}.leak .fix strong{color:var(--reef)}.netband{background:linear-gradient(180deg,#fffaf0 0%,#f8efde 100%)}.netband .nb-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.netband .nb-num{font-family:var(--font-display);font-style:italic;font-size:clamp(4rem,10vw,7.5rem);line-height:.9;color:var(--lava)}.netband .nb-lbl{font-weight:700;margin-top:10px}.netband p{margin-bottom:14px;max-width:62ch}.netband .nb-sites{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.netband .nb-sites span{font-family:var(--font-mono);font-size:.78rem;padding:6px 10px;border-radius:6px;background:#fff;border:1px solid var(--line)}@media (max-width:1024px){.pl-wrap{grid-template-columns:1fr}.leak-grid{grid-template-columns:1fr}.netband .nb-grid{grid-template-columns:1fr;gap:26px}}@media (max-width:640px){.pl-controls,.pl-out{padding:22px}.pl-item{padding-left:56px}}