:root{--bg-deep:#041727;--bg-mid:#6f8fb5;--bg-light:#fff;--panel:#ffffffe6;--text:#041727;--muted:#34506d;--headline:#041727;--line:#0b1f3a24;--primary:#c3823c;--primary-dark:#a86d26;--radius:18px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 10%, #c3823c33 0%, transparent 40%), radial-gradient(circle at 85% 5%, #6f8fb538 0%, transparent 30%), linear-gradient(140deg, var(--bg-deep), var(--bg-mid) 42%, var(--bg-light));min-height:100vh;margin:0}#root{min-height:100vh}.page-shell{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbffdb;border:1px solid #04172729;border-radius:26px;width:min(1120px,100% - 2rem);margin:1rem auto;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;display:flex}.brand{color:var(--headline);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-logo{object-fit:cover;border:1px solid #04172724;border-radius:50%;flex:none;width:2.4rem;height:2.4rem}.topnav{gap:1rem;display:flex}.topnav a{color:var(--muted);font-weight:600;text-decoration:none}.topnav a.is-active,.topnav a:hover{color:var(--primary)}main{gap:1.4rem;padding:1.4rem;display:grid}.hero,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:clamp(1.2rem,2vw,2.1rem)}.hero-background{background:url(/images/HarborDeep_01_v2.jpg) calc(50% + 40px)/cover no-repeat;align-items:flex-end;min-height:clamp(460px,68vh,720px);display:flex;position:relative;overflow:hidden}.hero-copy-block{z-index:1;border-radius:calc(var(--radius) - 4px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8fbffc7;border:1px solid #0417271f;flex-direction:column;justify-content:center;max-width:52rem;padding:clamp(1.4rem,3vw,2.4rem);display:flex;position:relative}.eyebrow{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin:0}h1{color:var(--headline);max-width:16ch;margin-top:.7rem;font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.05}.hero-copy{color:var(--muted);max-width:58ch;margin-top:.9rem;font-size:1.02rem}.hero-cta{flex-wrap:wrap;gap:.7rem;margin-top:1.25rem;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:700;text-decoration:none;transition:transform .14s,background-color .14s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{color:var(--headline);border:1px solid var(--line);background:#fff6}.trust-strip{flex-wrap:wrap;gap:.7rem;margin:1.15rem 0 0;padding:0;list-style:none;display:flex}.trust-strip li{border:1px solid var(--line);color:var(--muted);background:#ffffff80;border-radius:999px;padding:.4rem .65rem;font-size:.84rem;font-weight:600}h2{color:var(--headline);margin-bottom:.95rem}.grid{gap:.85rem;display:grid}.cards-3{flex-wrap:wrap;justify-content:center;display:flex}.cards-3>*{flex:0 0 calc(33.333% - .57rem);min-width:180px}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.services-hero h1{max-width:22ch}.case-study-feature{grid-template-columns:minmax(180px,29%) minmax(0,1fr);align-items:stretch;gap:2.5rem;display:grid}.case-study-feature-image{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;height:100%;min-height:180px}.case-study-feature-copy{justify-content:space-between;align-items:center;gap:1rem;display:flex}.case-study-feature-copy h2{white-space:pre-line}.case-study-feature-copy .hero-copy{margin-top:0}.cs-list-outer{padding:0}.cs-list{flex-direction:column;gap:2rem;display:flex}.cs-item{border:1px solid var(--line);background:#ffffffd1;border-radius:18px;overflow:hidden}.cs-trigger{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:1.25rem 1.5rem;display:block}.cs-trigger:hover .cs-icon{color:var(--primary-dark)}.cs-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.cs-icon{width:1.5rem;height:1.5rem;color:var(--primary);flex:none;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:transform .5s;display:inline-flex;transform:rotate(0)}.cs-item.is-open .cs-icon{transform:rotate(45deg)}.cs-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s,opacity .5s;display:grid}.cs-content>div{min-height:0;overflow:hidden}.cs-item.is-open .cs-content{opacity:1;grid-template-rows:1fr}.cs-expanded-content{border-top:1px solid var(--line);color:var(--muted);padding:1.5rem 1.5rem 1.25rem;line-height:1.6}.cs-expanded-content p,.cs-expanded-content ul,.cs-expanded-content blockquote{margin:0}.cs-detail-layout{gap:1.5rem;display:grid}.cs-section-divider{border-top:1px solid var(--line)}.cs-detail-section{gap:1rem;display:grid}.cs-detail-intro{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:1.5rem}.cs-detail-intro h3,.cs-detail-section h4,.cs-subsection h5,.cs-step-block h5{color:var(--headline);margin:0}.cs-detail-intro h3{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.2}.cs-highlight-grid,.cs-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.cs-highlight-card,.cs-results-card,.cs-outcome-panel,.cs-step-block{border:1px solid var(--line);background:#ffffffb8;border-radius:14px}.cs-highlight-card,.cs-results-card,.cs-outcome-panel{padding:1rem}.cs-closing-panel{padding:2rem 2.75rem}.cs-highlight-value{color:var(--primary-dark);margin-bottom:.35rem;font-size:1.3rem;font-weight:800;line-height:1.1;display:block}.cs-detail-columns{border:1px solid var(--line);background:#ffffffd1;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;padding:1.2rem;display:grid}.cs-detail-image-panel{background:0 0;border:0;border-radius:0;align-self:center;align-items:center;padding:0;display:flex}.cs-detail-image{object-fit:cover;object-position:center center;border-radius:10px;width:100%;height:100%;min-height:340px}.cs-subsection{gap:.7rem;display:grid}.cs-chip-row{flex-wrap:wrap;gap:.55rem;display:flex}.cs-chip{color:var(--headline);background:#6f8fb51f;border:1px solid #6f8fb559;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.92rem;font-weight:600;display:inline-flex}.cs-quote{border-left:3px solid var(--primary);color:var(--headline);padding-left:.9rem;font-size:1.02rem;font-style:italic}.cs-bullet-list{color:var(--muted);gap:.45rem;padding-left:1.1rem;display:grid}.cs-bullet-list li::marker{color:var(--primary-dark)}.cs-approach-list{gap:.9rem;display:grid}.cs-step-block{grid-template-columns:auto minmax(0,1fr);gap:.9rem;padding:1rem;display:grid}.cs-step-block span{width:2.25rem;height:2.25rem;color:var(--primary-dark);background:#c3823c24;border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.cs-step-block>div,.cs-query-list{gap:.55rem;display:grid}.cs-query-list p{color:var(--headline);border-left:3px solid #6f8fb573;padding-left:.8rem;font-style:italic}.cs-results-card{gap:.8rem;display:grid}.cs-outcome-content{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:1.2rem;display:grid}.cs-outcome-image-panel{align-items:center;display:flex}.cs-outcome-image{object-fit:cover;object-position:center;border-radius:10px;width:100%;min-height:260px}.cs-closing-line{color:var(--headline);text-align:center;margin:0;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:600;line-height:1.55}.card,.step-card{border:1px solid var(--line);background:#ffffffd1;border-radius:14px;padding:1rem}.card h3,.step-card h3{color:var(--headline);margin-bottom:.55rem;font-size:1rem}.card p,.step-card p,.cta-panel p{color:var(--muted);line-height:1.45}.step-card span{color:var(--primary);margin-bottom:.6rem;font-size:.86rem;font-weight:800;display:inline-block}.cta-panel{gap:.8rem;display:grid}.faq-list{gap:.7rem;display:grid}.faq-item{border:1px solid var(--line);background:#ffffffbf;border-radius:12px;overflow:hidden}.faq-trigger{text-align:left;cursor:pointer;width:100%;color:var(--headline);font-weight:700;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.faq-icon{flex:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:1.15rem;line-height:1;transition:transform .5s;display:inline-flex;transform:rotate(0)}.faq-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s,opacity .5s;display:grid}.faq-content p{min-height:0;margin:0;padding:0 1rem;overflow:hidden}.faq-item.is-open .faq-content{opacity:1;grid-template-rows:1fr}.faq-item.is-open .faq-icon{transform:rotate(45deg)}.faq-item.is-open .faq-content p{padding:0 1rem 1rem}.faq-trigger:hover{color:var(--primary)}.faq-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.faq-item p{color:var(--muted);line-height:1.45}.site-footer{border-top:1px solid var(--line);padding:1rem 1.4rem 1.2rem}.site-footer p{color:var(--muted);font-size:.88rem}@media (width<=1024px){.hero-background{min-height:clamp(420px,60vh,640px)}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-feature{grid-template-columns:minmax(180px,31%) minmax(0,1fr)}.cs-detail-intro,.cs-detail-columns,.cs-results-grid,.cs-outcome-content{grid-template-columns:1fr}.cards-4,.cards-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.page-shell{border-radius:20px;width:min(1120px,100% - 1rem);margin:.5rem auto}.topbar{flex-direction:column;align-items:flex-start}.hero-background{min-height:0}.hero-copy-block{padding:1.2rem}.cards-3>*{flex:0 0 100%}.cards-3,.cards-4,.cards-5,.services-grid,.case-study-feature{grid-template-columns:1fr}.case-study-feature-image{min-height:220px}.cs-trigger{padding:1rem}.cs-expanded-content{padding:1.2rem 1rem 1rem}.cs-highlight-grid,.cs-results-grid,.cs-step-block{grid-template-columns:1fr}.cs-step-block span{width:2rem;height:2rem}.cs-detail-image,.cs-outcome-image{min-height:220px}}
