.s-hero { position:relative; min-height:720px; overflow:hidden; background:var(--s-navy); color:#fff; }
.s-hero-media { position:absolute; inset:0; background:linear-gradient(90deg, rgba(7,29,45,.2), rgba(7,29,45,0) 70%), url('/img/hero-behavior.png') center/cover no-repeat; }
.s-hero-inner { position:relative; display:flex; min-height:720px; align-items:center; justify-content:space-between; padding-top:64px; }
.s-hero-copy { max-width:600px; }
.s-hero .s-eyebrow { color:#79d0c8; margin-bottom:28px; }
.s-hero h1 { margin-bottom:26px; font-size:clamp(42px, 5.1vw, 72px); font-weight:700; letter-spacing:-.075em; line-height:1.14; }
.s-hero h1 em, .s-intro h2 em, .s-approach h2 em, .s-contact h2 em { color:#5bc5bd; font-style:normal; }
.s-hero-desc { color:rgba(255,255,255,.72); font-size:16px; line-height:1.85; }
.s-hero-actions { display:flex; align-items:center; gap:28px; margin-top:42px; }
.s-button-primary { --jwbutton-bg:#5bc5bd; --jwbutton-color:#092234; --jwbutton-bghover:#83dad3; height:52px; padding:0 22px; border:0; border-radius:0; font-size:13px; font-weight:700; }
.s-button-primary span { margin-left:12px; font-size:18px; }
.s-hero-actions .s-text-link { color:#fff; }
.s-hero-index { display:flex; align-items:center; gap:14px; margin-top:300px; color:#fff; font-family:'DM Sans', sans-serif; }
.s-hero-index strong { font-size:14px; font-weight:500; }
.s-hero-index span { width:68px; height:1px; background:#5bc5bd; }
.s-hero-index small { color:rgba(255,255,255,.55); font-size:9px; letter-spacing:.16em; writing-mode:vertical-rl; }
.s-section { padding:150px 0; }
.s-intro { background:#fff; }
.s-intro-grid { display:grid; grid-template-columns:1fr 2fr; gap:80px; }
.s-intro h2, .s-section-head h2, .s-approach h2, .s-contact h2 { margin:24px 0 28px; font-size:clamp(34px, 4vw, 56px); font-weight:700; letter-spacing:-.07em; line-height:1.22; }
.s-lead { max-width:560px; color:var(--s-muted); font-size:16px; line-height:1.9; }
.s-intro .s-text-link { margin-top:34px; }
.s-consulting { background:var(--s-mist); }
.s-section-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:60px; }
.s-section-head > p { color:var(--s-muted); font-size:14px; line-height:1.8; text-align:right; }
.s-service-grid { display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid var(--s-line); }
.s-service-card { position:relative; display:grid; grid-template-columns:54px 1fr 30px; gap:22px; min-height:228px; padding:32px 26px; border-bottom:1px solid var(--s-line); transition:background .25s ease, transform .25s ease; }
.s-service-card:nth-child(odd) { border-right:1px solid var(--s-line); }
.s-service-card:hover { background:#fff; transform:translateY(-3px); }
.s-service-card > span { color:var(--s-teal); font:600 13px 'DM Sans', sans-serif; }
.s-service-card h3 { margin:12px 0 16px; font-size:22px; letter-spacing:-.05em; }
.s-service-card p { max-width:290px; color:var(--s-muted); font-size:13px; line-height:1.8; }
.s-service-card b { color:var(--s-teal); font:400 22px 'DM Sans', sans-serif; }
.s-service-card-featured { background:var(--s-navy); color:#fff; }
.s-service-card-featured p { color:rgba(255,255,255,.62); }
.s-approach { background:var(--s-navy); color:#fff; }
.s-approach-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:90px; }
.s-approach .s-eyebrow { color:#79d0c8; }
.s-approach h2 { margin-bottom:0; }
.s-approach-content { padding-top:64px; }
.s-approach .s-lead { color:rgba(255,255,255,.7); }
.s-process { display:grid; grid-template-columns:1fr 20px 1fr 20px 1.2fr 20px 1.2fr; align-items:center; gap:10px; margin-top:78px; }
.s-process > div { display:flex; flex-direction:column; gap:10px; }
.s-process span, .s-process small { color:#5bc5bd; font:600 11px 'DM Sans', sans-serif; letter-spacing:.08em; }
.s-process strong { font-size:15px; white-space:nowrap; }
.s-process small { color:rgba(255,255,255,.42); font-weight:400; }
.s-process i { color:rgba(255,255,255,.3); font:normal 18px 'DM Sans', sans-serif; }
.s-insight { background:#fff; }
.s-insight-grid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--s-line); }
.s-insight-item { min-height:260px; padding:28px 26px; border-bottom:1px solid var(--s-line); border-right:1px solid var(--s-line); transition:background .2s ease; }
.s-insight-item:first-child { border-left:1px solid var(--s-line); }
.s-insight-item:hover { background:var(--s-mist); }
.s-insight-item small { color:var(--s-teal); font:600 10px 'DM Sans', sans-serif; letter-spacing:.14em; }
.s-insight-item h3 { margin-top:48px; font-size:21px; letter-spacing:-.05em; line-height:1.45; }
.s-insight-item span { display:block; margin-top:28px; color:var(--s-muted); font-size:12px; }
.s-contact { padding:112px 0; background:#dcefe9; }
.s-contact-inner { display:flex; align-items:flex-end; justify-content:space-between; }
.s-contact h2 { margin-bottom:0; }
.s-contact-info { min-width:390px; padding-bottom:4px; }
.s-contact-info p { color:#446267; font-size:14px; line-height:1.8; }
.s-contact-mail, .s-contact-phone { display:block; margin-top:26px; font:600 16px 'DM Sans', sans-serif; }
.s-contact-mail { color:var(--s-teal); }
.s-contact-mail span { margin-left:10px; }
.s-contact-phone { margin-top:8px; color:var(--s-ink); }
@media (max-width:800px) { .s-container { width:min(100% - 40px, 560px); } .s-header-inner { height:76px; } .s-logo img { width:156px; } .s-desktop-nav, .s-header-cta { display:none; } .s-mobile-menu { display:flex; width:38px; height:38px; flex-direction:column; justify-content:center; gap:6px; padding:8px; } .s-mobile-menu span { display:block; width:100%; height:1px; background:#fff; transition:transform .2s ease; } .s-mobile-menu.is-open span:first-child { transform:translateY(3.5px) rotate(45deg); } .s-mobile-menu.is-open span:last-child { transform:translateY(-3.5px) rotate(-45deg); } .s-mobile-nav { display:flex; position:absolute; top:76px; right:20px; left:20px; flex-direction:column; gap:0; padding:8px 22px; border:1px solid rgba(255,255,255,.14); background:rgba(6,27,42,.98); opacity:0; pointer-events:none; transform:translateY(-8px); transition:opacity .2s ease, transform .2s ease; } .s-mobile-nav.is-open { opacity:1; pointer-events:auto; transform:none; } .s-mobile-nav a { padding:15px 0; border-bottom:1px solid rgba(255,255,255,.1); font-size:14px; } .s-mobile-nav a:last-child { border-bottom:0; } .s-hero, .s-hero-inner { min-height:700px; } .s-hero-media { background-position:63% center; } .s-hero-inner { align-items:flex-end; padding-bottom:100px; } .s-hero h1 { font-size:clamp(40px, 11vw, 58px); } .s-hero-desc { font-size:14px; } .s-hero-index { display:none; } .s-section { padding:92px 0; } .s-intro-grid, .s-approach-grid { grid-template-columns:1fr; gap:28px; } .s-intro h2, .s-section-head h2, .s-approach h2, .s-contact h2 { font-size:39px; } .s-section-head, .s-contact-inner { display:block; } .s-section-head > p { margin-top:22px; text-align:left; } .s-section-head > .s-text-link { margin-top:28px; } .s-service-grid, .s-insight-grid { grid-template-columns:1fr; } .s-service-card:nth-child(odd) { border-right:0; } .s-service-card { min-height:195px; } .s-approach-content { padding-top:0; } .s-process { grid-template-columns:repeat(4, 1fr); gap:8px; margin-top:48px; } .s-process i { display:none; } .s-process strong { font-size:12px; } .s-process small { font-size:9px; } .s-insight-item, .s-insight-item:first-child { min-height:215px; border-right:1px solid var(--s-line); border-left:1px solid var(--s-line); } .s-insight-item h3 { margin-top:32px; font-size:20px; } .s-contact { padding:84px 0; } .s-contact-info { min-width:0; margin-top:40px; } .s-footer-top, .s-footer-bottom { display:block; } .s-footer-links { margin-top:28px; } .s-footer-bottom { padding-top:34px; } .s-footer-bottom > p { margin-top:22px; } }