/* HWD landing page: all rules are scoped to prevent changes to the OLI site, CRM or intake. */
.hwd-landing{--hd-bg:#071820;--hd-deep:#051219;--hd-teal:#61d1c0;--hd-gold:#c4a574;--hd-muted:#a4b5bb;overflow:hidden;background:var(--hd-deep);color:white}.hwd-landing h1,.hwd-landing h2,.hwd-landing h3{letter-spacing:-.045em}.hwd-landing .hwd-label{display:inline-block;color:var(--hd-teal);font-size:11px;font-weight:800;letter-spacing:.22em}.hwd-hero{position:relative;background:radial-gradient(ellipse at 74% 35%,#143941 0%,transparent 52%),linear-gradient(140deg,#081b25 0%,#04121a 85%);padding:82px 0 85px}.hwd-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000)}.hwd-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.07fr;gap:34px;align-items:center}.hwd-kicker{display:inline-flex;align-items:center;gap:10px;color:#c5e8e4;font-size:10px;font-weight:700;letter-spacing:.16em;border:1px solid rgba(97,209,192,.28);border-radius:100px;background:rgba(97,209,192,.065);padding:10px 15px}.hwd-pulse{height:7px;width:7px;border-radius:50%;background:#61d1c0;box-shadow:0 0 0 4px rgba(97,209,192,.12)}.hwd-wordmark{margin:34px 0 26px;display:flex;align-items:center;gap:17px}.hwd-mark{font-size:35px;font-weight:800;letter-spacing:-.09em;line-height:1}.hwd-mark span{color:var(--hd-teal)}.hwd-mark-caption{font-size:10px;letter-spacing:.21em;font-weight:700;color:#b1c4c8;border-left:1px solid #557178;padding-left:16px;white-space:nowrap}.hwd-hero h1{font-size:clamp(39px,4.2vw,67px);line-height:1.09;margin:0 0 24px}.hwd-landing em{font-style:normal;color:var(--hd-teal)}.hwd-lede{max-width:565px;color:#b8c8ce;font-size:17px;line-height:1.8;margin-bottom:30px}.hwd-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hwd-primary,.hwd-secondary{display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:6px;font-size:13px;font-weight:750;padding:15px 21px;transition:transform .2s,background .2s}.hwd-primary{background:var(--hd-teal);color:#09232b}.hwd-primary:hover{transform:translateY(-2px);background:#84e3d6}.hwd-secondary{border:1px solid #4f636c;color:white}.hwd-secondary:hover{background:rgba(255,255,255,.06)}.hwd-trust{display:flex;gap:16px;align-items:center;color:#79969e;font-size:10px;letter-spacing:.17em;margin-top:46px;line-height:1.8}.hwd-trust-rule{height:1px;width:35px;background:#8da9ac;flex:none}.hwd-hero-visual{position:relative}.hwd-visual-glow{position:absolute;width:78%;height:70%;top:14%;left:12%;border-radius:50%;background:#0d7d7f;filter:blur(100px);opacity:.25}.hwd-hero-visual img{position:relative;filter:drop-shadow(0 26px 33px rgba(0,0,0,.52));width:100%;border-radius:14px}.hwd-visual-caption{position:relative;display:block;text-align:center;color:#719197;font-size:10px;letter-spacing:.2em;margin-top:26px}.hwd-bar{background:#102a34;border-top:1px solid #29414b;border-bottom:1px solid #29414b}.hwd-bar-items{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;color:#c9dadc;font-size:10px;font-weight:700;letter-spacing:.15em}.hwd-bar-items b{color:var(--hd-teal);font-size:16px;font-weight:400}.hwd-section{padding:112px 0}.hwd-features{background:#f3f5f4;color:#12252d}.hwd-features .hwd-label{color:#318578}.hwd-section-head{display:grid;grid-template-columns:1.4fr .7fr;gap:60px;align-items:end;margin:14px 0 45px}.hwd-section-head h2{font-size:clamp(32px,3.5vw,51px);line-height:1.15;margin:0}.hwd-section-head h2 span{color:#7a898b}.hwd-section-head p{font-size:15px;color:#5c7077;margin:0;line-height:1.8}.hwd-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hwd-tile{padding:29px 22px 30px;background:#fff;border:1px solid #dfe7e6;border-radius:10px;box-shadow:0 14px 35px rgba(22,48,56,.035);min-height:310px}.hwd-tile-icon{height:52px;width:52px;background:#e8f6f2;color:#237e76;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:29px;margin-bottom:35px}.hwd-tile-number{color:#4b968c;letter-spacing:.14em;font-size:9px;font-weight:800}.hwd-tile h3{font-size:21px;margin:12px 0}.hwd-tile p{font-size:13px;line-height:1.75;color:#607379;margin:0}.hwd-preview{background:#09212a;padding:115px 0}.hwd-preview-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.hwd-preview h2{font-size:clamp(35px,3.5vw,52px);line-height:1.14;margin:18px 0 24px}.hwd-preview p{font-size:16px;color:#afc3c8;line-height:1.85}.hwd-preview-list{margin:31px 0;border-top:1px solid #35515a}.hwd-preview-list div{border-bottom:1px solid #35515a;padding:15px 0;font-size:13px;font-weight:600;color:#d8e6e8;display:flex;gap:20px}.hwd-preview-list span{color:var(--hd-teal);font-weight:700}.hwd-preview small{color:#7f9aa1;font-size:11px;line-height:1.6;display:block}.hwd-preview-frame{background:linear-gradient(160deg,#193d48,#0b232c);border:1px solid #365760;border-radius:20px;padding:22px;box-shadow:0 30px 70px #0005}.hwd-preview-frame img{width:100%;border-radius:8px}.hwd-preview-tag{text-align:center;font-size:10px;font-weight:700;letter-spacing:.18em;color:#86aaa9;margin-top:20px}.hwd-roadmap{background:#102f38;padding:66px 0;border-top:1px solid #2a5056}.hwd-roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.hwd-roadmap h2{font-size:clamp(29px,3vw,43px);line-height:1.2;margin:17px 0}.hwd-roadmap p{color:#b4cbcf;font-size:14px;line-height:1.85;margin:0 0 12px}.hwd-roadmap strong{color:white}.hwd-final{background:radial-gradient(ellipse at 50% 100%,#14524e 0%,transparent 65%),#06171d;padding:104px 0;text-align:center}.hwd-final-inner{max-width:750px}.hwd-final h2{font-size:clamp(39px,5vw,68px);line-height:1.1;margin:22px 0}.hwd-final p{font-size:16px;line-height:1.8;color:#b5c5c9;max-width:540px;margin:0 auto 29px}.hwd-final-note{color:#719298;letter-spacing:.1em;font-size:10px;margin-top:35px}
@media(max-width:1050px){.hwd-hero-grid,.hwd-preview-grid{gap:28px}.hwd-feature-grid{grid-template-columns:repeat(2,1fr)}.hwd-tile{min-height:250px}.hwd-bar-items{font-size:9px;letter-spacing:.07em}}@media(max-width:760px){.hwd-hero{padding:48px 0 65px}.hwd-hero-grid,.hwd-section-head,.hwd-preview-grid,.hwd-roadmap-grid{grid-template-columns:1fr}.hwd-hero-visual{margin-top:20px}.hwd-hero h1{font-size:clamp(36px,10vw,53px)}.hwd-lede{font-size:15px}.hwd-wordmark{margin-top:30px}.hwd-section,.hwd-preview{padding:70px 0}.hwd-section-head{gap:18px;margin-bottom:30px}.hwd-bar-items{flex-wrap:wrap;justify-content:center;gap:10px 17px}.hwd-bar-items b{display:none}.hwd-bar-items span{font-size:9px}.hwd-roadmap{padding:55px 0}.hwd-final{padding:75px 0}.hwd-preview-art{order:-1}}@media(max-width:460px){.hwd-kicker{font-size:8px;letter-spacing:.1em}.hwd-feature-grid{grid-template-columns:1fr}.hwd-buttons{align-items:stretch;flex-direction:column}.hwd-primary,.hwd-secondary{width:100%}.hwd-trust{font-size:9px}.hwd-mark-caption{font-size:9px}.hwd-hero-visual img{border-radius:5px}}

/* HWD coastal identity: reversed logo directly on the navy hero. */
.hwd-landing .hwd-brand-panel{display:inline-flex;align-items:center;justify-content:center;width:min(100%,390px);padding:0;margin:26px 0 24px;background:transparent;border:0;border-radius:0;box-shadow:none}
.hwd-landing .hwd-brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.hwd-landing .hwd-final-brand{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:35px;color:#a8bdca;letter-spacing:.08em;font-size:10px}
.hwd-landing .hwd-final-brand img{width:43px;height:43px;object-fit:contain;flex:none}
@media(max-width:460px){.hwd-landing .hwd-brand-panel{width:min(100%,320px);padding:0}.hwd-landing .hwd-final-brand{flex-direction:column;line-height:1.6}}
