: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}}.post-hero .page-hero-inner{padding-bottom:110px}.post-hero h1{max-width:20ch;font-size:clamp(2.1rem,4.8vw,3.9rem)}.post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.9rem;color:rgba(255,255,255,.78);margin-top:6px}.post-meta b{color:#fff;font-weight:700}.post-wrap{max-width:var(--maxw);margin:0 auto;padding:70px 28px 40px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}.post-wrap>*{min-width:0}.toc{position:sticky;top:110px;font-size:.9rem;border-left:2px solid var(--line);padding-left:18px}.toc h2{font-size:.95rem;font-weight:800;margin-bottom:12px;color:var(--ink)}.toc ol{list-style:none;display:grid;gap:9px}.toc a{color:var(--muted);line-height:1.35;display:block}.toc a:hover,.toc a.on{color:var(--lava)}.article{max-width:720px;font-size:1.06rem;line-height:1.75}.article>p,.article section>p{margin-bottom:20px}.article h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15;margin:52px 0 18px;letter-spacing:-.01em;scroll-margin-top:100px}.article h3{font-size:1.18rem;font-weight:800;margin:32px 0 10px;scroll-margin-top:100px}.article ul,.article ol{margin:0 0 22px 22px;display:grid;gap:8px}.article a:not(.btn-primary):not(.btn-ghost){color:var(--lava);font-weight:600;border-bottom:1.5px solid rgba(255,107,26,.35)}.article strong{font-weight:800}.article code{font-family:var(--font-mono);font-size:.88em;background:rgba(13,34,51,.06);padding:2px 6px;border-radius:5px}.takeaways{background:var(--ocean);color:#fff;border-radius:var(--radius-card);padding:28px 30px;margin:0 0 36px}.takeaways h2{font-family:var(--font-body);font-size:1rem;font-weight:800;margin:0 0 12px;color:var(--lagoon-light);letter-spacing:.2px}.takeaways ul{margin:0 0 0 18px;gap:8px}.takeaways li{color:rgba(255,255,255,.9);font-size:1rem;line-height:1.55}.callout{border-left:3px solid var(--lagoon);background:rgba(0,168,150,.06);padding:18px 20px;border-radius:0 12px 12px 0;margin:26px 0;font-size:1rem}.callout.warn{border-color:var(--lava);background:rgba(255,107,26,.06)}.qcard{border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:18px 0;background:#fff}.qcard h3{margin:0 0 8px;display:flex;gap:12px;align-items:baseline}.qcard h3 .qn{flex:none;width:30px;height:30px;border-radius:50%;background:var(--ocean);color:#fff;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-2px)}.qcard p{margin:0 0 10px;font-size:1rem}.qcard .good{font-size:.95rem;color:var(--muted)}.qcard .good b{color:#00786b}.qcard .bad b{color:#b8480b}.qcard .bad{font-size:.95rem;color:var(--muted);margin:0}.tool{background:var(--ocean);color:#fff;border-radius:var(--radius-card);padding:30px;margin:36px 0;position:relative;overflow:hidden}.tool::before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(2,195,154,.28),transparent 70%);pointer-events:none}.tool h2{color:#fff;margin-top:0 !important}.tool p{color:rgba(255,255,255,.82);font-size:.98rem}.tool label{color:#fff}.tool .btn-primary{margin-top:8px}.tool textarea{width:100%;min-height:140px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);color:#fff;padding:14px;font:inherit;font-size:.98rem;line-height:1.5}.tool .res{background:#fff;color:var(--ink);border-radius:14px;padding:20px 22px;margin-top:16px;font-size:.98rem}.tool .res:empty{display:none}.checks{display:grid;gap:8px;margin:14px 0}.checks label{display:flex;gap:12px;align-items:flex-start;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);cursor:pointer;font-size:.95rem;line-height:1.4}.checks input{margin-top:3px;width:18px;height:18px;accent-color:var(--lagoon);flex:none}.checks.flags input{accent-color:var(--lava)}.meter{height:10px;border-radius:999px;background:var(--line);overflow:hidden;margin:10px 0 12px}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lagoon),var(--lagoon-light));transition:width .4s ease}.meter.bad i{background:linear-gradient(90deg,var(--lava),var(--sunset))}.tbl-wrap{overflow-x:auto;margin:22px 0 28px;border:1px solid var(--line);border-radius:14px}.tbl{width:100%;border-collapse:collapse;min-width:560px;font-size:.95rem}.tbl th,.tbl td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{background:var(--shell);font-weight:800}.tbl tr:last-child td{border-bottom:0}.author{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin:48px 0 10px}.author .av{width:64px;height:64px;border-radius:50%;background:var(--ocean);color:#fff;font-family:var(--font-display);font-size:1.5rem;display:flex;align-items:center;justify-content:center}.author h2{font-family:var(--font-body);font-size:1rem;font-weight:800;margin:0 0 4px}.author p{font-size:.95rem;color:var(--muted);margin:0}.post-cta{background:linear-gradient(120deg,var(--ocean) 0%,#003447 100%);color:#fff;border-radius:var(--radius-card);padding:34px;margin:40px 0 10px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.post-cta h2{color:#fff;margin:0 0 8px !important;font-size:1.6rem}.post-cta p{color:rgba(255,255,255,.8);margin:0;font-size:1rem}.post-cta .ctas{display:flex;flex-direction:column;gap:10px}.month{border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:16px 0;background:#fff;scroll-margin-top:100px}.month.on{border-color:var(--lava);box-shadow:0 0 0 3px rgba(255,107,26,.15)}.month h3{margin:0 0 6px}.month .ev{font-size:.95rem;color:var(--muted);margin:0 0 12px}.month .cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.month h4{font-size:.85rem;font-weight:800;color:var(--reef);margin-bottom:6px}.month ul{margin:0 0 0 18px;font-size:.95rem;gap:6px}.mpick{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.mpick button{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:700;font-size:.85rem}.mpick button[aria-pressed="true"]{background:var(--lagoon);border-color:var(--lagoon)}.seg{display:inline-flex;border:1px solid rgba(255,255,255,.22);border-radius:999px;overflow:hidden;margin:6px 0 4px}.seg button{padding:8px 14px;color:#fff;font-weight:700;font-size:.85rem}.seg button[aria-pressed="true"]{background:var(--lava)}.res h4{font-size:.86rem;font-weight:800;color:var(--reef);margin:10px 0 6px}.res h4:first-child{margin-top:0}.res ul{margin:0 0 6px 18px;display:grid;gap:5px}.okfix{font-family:var(--font-display);font-size:1.05rem;line-height:1.6;white-space:pre-wrap}.okfix mark{background:rgba(2,195,154,.22);color:inherit;border-radius:4px;padding:0 2px}.oklist{list-style:none;margin:12px 0 0 !important;padding:0;display:grid;gap:6px}.oklist li{font-size:.93rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}.blog-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;overflow:hidden;transition:border-color .25s,transform .25s}.blog-card:hover{border-color:var(--lava);transform:translateY(-3px)}.blog-card .bc-img{aspect-ratio:16/9;background-size:cover;background-position:center}.blog-card .bc-body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}.blog-card .bc-kw{font-size:.8rem;font-weight:800;color:var(--lagoon)}.blog-card h2,.blog-card h3{font-family:var(--font-display);font-weight:500;font-size:1.35rem;line-height:1.2}.blog-card p{color:var(--muted);font-size:.96rem}.blog-card .bc-go{margin-top:auto;color:var(--lava);font-weight:700;font-size:.92rem;display:inline-flex;gap:8px;align-items:center}@media (max-width:1024px){.post-wrap{grid-template-columns:minmax(0,1fr);gap:10px}.toc{position:static;border-left:0;padding:18px 20px;background:var(--shell);border-radius:14px;margin-bottom:10px}}@media (max-width:640px){.post-wrap{padding:44px 20px 20px}.post-cta{grid-template-columns:1fr;padding:26px}.month .cols{grid-template-columns:1fr}.tool{padding:22px}}