﻿

:root { --lime:#b7de1b; --lime-bright:#e2e319; --green:#88ce39; --graphite:#4b4b4b; --mid:#6a6a6a; --ink:#252827; --soft:#f5f6f2; --line:#dfe1dc; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:84px; }
body { margin:0; color:var(--ink); background:#fff; font-family:Arial,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button,input,textarea { font:inherit; }
.container { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.site-header { position:fixed; z-index:100; inset:0 0 auto; background:rgba(255,255,255,.95); border-bottom:1px solid rgba(75,75,75,.12); backdrop-filter:blur(15px); }
.nav-wrap { width:min(1280px,calc(100% - 40px)); height:84px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; }
.logo-lockup { display:flex; align-items:center; gap:8px; height:56px; }
.logo-mark { position:relative; display:block; width:62px; height:51px; overflow:hidden; }
.logo-mark img { position:absolute; max-width:none; width:151px; left:-45px; top:-28px; }
.logo-word { position:relative; display:block; width:91px; height:24px; overflow:hidden; }
.logo-word img { position:absolute; max-width:none; width:214px; left:-65px; top:-106px; }
.main-nav { display:flex; align-items:center; gap:31px; font-size:12px; font-weight:700; }
.main-nav>a:not(.nav-contact) { position:relative; padding:34px 0 31px; }
.main-nav>a:not(.nav-contact):after { content:""; position:absolute; left:0; right:100%; bottom:22px; height:3px; background:linear-gradient(90deg,var(--green),var(--lime-bright)); transition:.25s ease; }
.main-nav>a:hover:after { right:0; }
.nav-contact { display:flex; align-items:center; gap:18px; padding:13px 18px; color:#fff; background:var(--graphite); }
.nav-contact:hover { color:#1d211e; background:var(--lime); }
.menu-button { display:none; border:0; background:transparent; }
.hero { position:relative; min-height:830px; padding-top:84px; overflow:hidden; background:#fff; }
.hero-photo { position:absolute; inset:84px 0 0 46%; background:url('/images/seceo-v2/executive-advisory.png') center/cover no-repeat; clip-path:polygon(10% 0,100% 0,100% 100%,0 100%); }
.hero-copy { position:relative; z-index:3; width:min(1180px,calc(100% - 48px)); margin:auto; padding-top:118px; }
.overline,.section-label { margin:0 0 26px; color:#6d7528; font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.overline { display:flex; align-items:center; gap:12px; }
.mini-triangle { width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:12px solid var(--lime); }
h1,h2,h3,p { text-wrap:pretty; }
h1,h2 { margin:0; color:var(--graphite); letter-spacing:-.055em; font-weight:500; }
h1 { max-width:670px; font-size:clamp(58px,6.4vw,90px); line-height:.98; }
h1 em,h2 em { font-style:normal; color:#7a921c; }
.hero-intro { max-width:570px; margin:31px 0 33px; color:#676b68; font-size:17px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:30px; }
.btn { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:52px; padding:0 21px; border:0; cursor:pointer; font-size:12px; font-weight:800; }
.btn.lime { color:#292c29; background:linear-gradient(110deg,var(--green),var(--lime-bright)); box-shadow:0 15px 30px rgba(180,217,31,.22); }
.btn.lime:hover { transform:translateY(-2px); }
.inline-link { padding:8px 0 5px; border-bottom:1px solid #90948f; font-size:12px; font-weight:800; }
.inline-link span { margin-left:10px; color:#84991f; }
.hero-proof { position:absolute; z-index:3; left:0; right:54%; bottom:0; min-height:102px; display:grid; grid-template-columns:repeat(3,1fr); padding-left:max(24px,calc((100vw - 1180px)/2)); padding-right:35px; color:#fff; background:var(--graphite); }
.hero-proof>div { display:flex; flex-direction:column; justify-content:center; gap:5px; padding:0 17px; border-left:1px solid rgba(255,255,255,.14); }
.proof-value { font-size:13px; font-weight:800; }
.proof-label { color:#cfd1cc; font-size:8px; line-height:1.45; letter-spacing:.08em; text-transform:uppercase; }
.hero-angle { position:absolute; z-index:2; display:block; width:0; height:0; }
.angle-a { left:42%; top:84px; border-left:0 solid transparent; border-right:140px solid transparent; border-top:245px solid rgba(226,227,25,.85); }
.angle-b { left:45%; top:255px; border-left:0 solid transparent; border-right:78px solid transparent; border-top:138px solid rgba(75,75,75,.7); }
.positioning { padding:105px 0; background:var(--soft); }
.positioning-grid { display:grid; grid-template-columns:.35fr 1.35fr .7fr; gap:60px; align-items:start; }
.positioning-grid h2,.heading-row h2,.about h2,.approach h2,.outcomes h2,.contact h2 { font-size:clamp(39px,4.5vw,61px); line-height:1.12; }
.positioning-grid>p:last-child,.heading-row>p { margin:6px 0 0; color:#6a6e6a; font-size:14px; line-height:1.8; }
.section { padding:116px 0; }
.heading-row { display:grid; grid-template-columns:1.25fr .65fr; gap:90px; align-items:end; margin-bottom:60px; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-card { min-height:425px; display:flex; flex-direction:column; padding:29px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; transition:.25s ease; }
.service-card:hover { position:relative; z-index:2; transform:translateY(-5px); border-color:transparent; box-shadow:0 22px 55px rgba(38,42,38,.1); }
.service-number { display:flex; align-items:center; justify-content:space-between; color:#77831b; font-size:10px; font-weight:800; }
.service-icon { width:28px; height:28px; color:#9fbd1f; stroke-width:1.6; transition:.25s ease; }
.service-card:hover .service-icon { color:#829d13; transform:translateY(-2px) scale(1.08); }
.service-card h3 { margin:54px 0 17px; color:var(--graphite); font-size:22px; line-height:1.3; font-weight:600; }
.service-card>p { margin:0; color:#6c706c; font-size:13px; line-height:1.75; }
.service-points { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:25px; }
.chip { padding:6px 9px; border:1px solid #dcded9; color:#727670; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.about { background:var(--soft); }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:92px; align-items:center; }
.about-visual { position:relative; padding:0 34px 34px 0; }
.about-visual:after { content:""; position:absolute; z-index:0; right:0; bottom:0; width:66%; height:58%; background:linear-gradient(145deg,var(--green),var(--lime-bright)); clip-path:polygon(100% 0,100% 100%,0 100%); }
.about-visual>img { position:relative; z-index:1; width:100%; aspect-ratio:4/4.7; object-fit:cover; object-position:center; filter:saturate(.85); }
.visual-tag { position:absolute; z-index:3; left:-18px; bottom:62px; min-width:260px; display:flex; align-items:center; gap:15px; padding:20px 22px; color:#fff; background:var(--graphite); }
.tag-mark { width:0; height:0; border-left:17px solid transparent; border-right:17px solid transparent; border-bottom:29px solid var(--lime); }
.visual-tag p { display:flex; flex-direction:column; gap:4px; margin:0; }
.visual-tag strong { font-size:13px; }
.visual-tag small { color:#cfd1cc; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.about-copy .lead { margin:28px 0 18px; color:#4f534f; font-size:18px; line-height:1.65; }
.about-copy>p:not(.section-label):not(.lead) { color:#70736f; font-size:13px; line-height:1.8; }
.value-list { margin-top:30px; border-top:1px solid #d7d9d4; }
.value-list>div { display:grid; grid-template-columns:42px 1fr; gap:13px; padding:18px 0; border-bottom:1px solid #d7d9d4; }
.value-list>div>span { color:#8ca021; font-size:9px; font-weight:800; }
.value-list p { display:flex; flex-direction:column; gap:5px; margin:0; }
.value-list strong { color:var(--graphite); font-size:12px; }
.value-list small { color:#777a76; font-size:10px; line-height:1.55; }
.approach { position:relative; overflow:hidden; color:#fff; background:var(--graphite); }
.approach:after { content:""; position:absolute; right:-130px; top:-100px; width:420px; height:420px; border:1px solid rgba(226,227,25,.25); transform:rotate(45deg); }
.approach .section-label { color:#d9e266; }
.approach-head { display:grid; grid-template-columns:.35fr 1.15fr .65fr; gap:55px; align-items:end; }
.approach h2 { color:#fff; }
.approach h2 em { color:#d5df49; }
.approach-head>p:last-child { margin:0 0 5px; color:#c1c3bf; font-size:13px; line-height:1.75; }
.stage-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:75px; }
.stage-grid article { padding-right:35px; }
.stage-grid article>span { color:#d1dc3d; font-size:9px; font-weight:800; }
.stage-line { position:relative; height:1px; margin:24px 0 27px; background:rgba(255,255,255,.22); }
.stage-line i { position:absolute; top:-5px; width:11px; height:11px; transform:rotate(45deg); background:var(--lime); }
.stage-grid h3 { margin:0 0 12px; font-size:20px; font-weight:600; }
.stage-grid p { margin:0; color:#bfc2bd; font-size:12px; line-height:1.7; }
.approach-link { display:inline-flex; gap:25px; margin-top:65px; padding-bottom:6px; border-bottom:2px solid var(--lime); font-size:12px; font-weight:800; }
.outcomes { background:#fff; }
.outcomes-grid { display:grid; grid-template-columns:1.05fr repeat(3,.65fr); gap:42px; align-items:start; }
.outcomes article { padding-top:13px; }
.outcome-icon { display:block; margin-bottom:32px; color:#93a51e; font-size:31px; }
.outcomes article h3 { margin:0 0 13px; color:var(--graphite); font-size:17px; }
.outcomes article p { margin:0; color:#737672; font-size:12px; line-height:1.7; }
.perspectives { background:var(--soft); }
.perspective-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:30px; }
.perspective-main { min-height:360px; display:grid; grid-template-columns:.8fr 1.2fr; background:#fff; border:1px solid var(--line); }
.perspective-art { position:relative; overflow:hidden; display:grid; place-items:center; color:#fff; background:var(--graphite); }
.perspective-art:before { content:""; position:absolute; width:230px; height:230px; border:1px solid rgba(255,255,255,.16); transform:rotate(45deg); }
.perspective-art>span { position:relative; z-index:2; font-size:53px; font-weight:300; letter-spacing:-.08em; }
.perspective-art i { position:absolute; width:9px; height:9px; transform:rotate(45deg); background:var(--lime); }
.perspective-art i:nth-of-type(1) { left:28px; top:28px; }.perspective-art i:nth-of-type(2) { right:38px; bottom:47px; }.perspective-art i:nth-of-type(3) { left:55%; top:23%; }
.perspective-main>div:last-child { display:flex; flex-direction:column; padding:40px; }
.meta { margin:0 0 21px!important; color:#7e8e20!important; font-size:8px!important; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.perspective-main h3,.perspective-list h3 { margin:0; color:var(--graphite); font-size:23px; line-height:1.4; font-weight:600; }
.perspective-main>div:last-child>p:not(.meta) { color:#747773; font-size:12px; line-height:1.7; }
.perspective-main a,.perspective-list a { margin-top:auto; color:#3d413e; font-size:10px; font-weight:800; }
.perspective-main a span,.perspective-list a span { margin-left:8px; color:#82951e; }
.perspective-list { display:grid; grid-template-rows:1fr 1fr; border-top:1px solid #d6d8d3; }
.perspective-list article { display:flex; flex-direction:column; padding:27px 7px 27px 0; border-bottom:1px solid #d6d8d3; }
.perspective-list h3 { font-size:18px; }
.contact { padding:110px 0; background:#eff0eb; }
.contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:105px; }
.contact-copy h2 { color:var(--graphite); }
.contact-copy>p:not(.section-label) { max-width:470px; color:#666b66; font-size:14px; line-height:1.75; }
.contact-facts { display:flex; flex-direction:column; gap:8px; margin-top:44px; color:#555a55; font-size:10px; font-weight:700; }
.contact-facts a { width:max-content; color:#647318; border-bottom:1px solid #aabf39; }
.contact-facts a:hover { color:#2f352f; }
.contact-form { display:grid; gap:21px; padding:39px; background:#fff; box-shadow:0 25px 60px rgba(50,54,49,.11); border-top:4px solid var(--lime); }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.contact-form label { display:grid; gap:7px; color:#626762; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.contact-form input,.contact-form textarea { width:100%; padding:10px 0; border:0; border-bottom:1px solid #cfd2cc; border-radius:0; outline:0; background:#fff; color:#2a2d2a; resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus { border-color:#95b01a; }
.contact-form textarea::placeholder { color:#a1a49f; }
.consent { grid-template-columns:17px 1fr!important; align-items:start; gap:10px!important; text-transform:none!important; letter-spacing:0!important; font-weight:400!important; line-height:1.5; }
.consent input { width:14px; height:14px; accent-color:#9dbb1a; }
.consent a { color:#647318; text-decoration:underline; text-underline-offset:2px; }
.hp-field { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.form-submit { width:100%; color:#252825; background:linear-gradient(110deg,var(--green),var(--lime-bright)); }
.form-submit:disabled { cursor:wait; opacity:.65; }
.form-status:empty { display:none; }
.form-success,.form-error { margin:0; padding:10px 12px; font-size:11px; line-height:1.55; }
.form-success { color:#53610e; background:#f2f7d5; }
.form-error { color:#7c2727; background:#fff0f0; }
footer { padding:58px 0 25px; color:#c4c6c1; background:#3f403f; }
.footer-grid { display:grid; grid-template-columns:1.7fr .65fr 1fr; gap:90px; padding-bottom:45px; }
.footer-brand-lockup { display:flex; align-items:center; gap:9px; height:54px; }
.footer-logo-mark { position:relative; display:block; width:62px; height:51px; overflow:hidden; }
.footer-logo-mark img { position:absolute; max-width:none; width:151px; left:-45px; top:-28px; }
.footer-wordmark { color:#f4f5f1; font-size:21px; font-weight:800; letter-spacing:.09em; }
.footer-grid>div:first-child>p { max-width:350px; margin:18px 0 0; color:#b8bbb6; font-size:11px; line-height:1.7; }
.footer-grid>div:not(:first-child) { display:flex; flex-direction:column; gap:10px; font-size:10px; }
.footer-grid strong { margin-bottom:8px; color:#fff; font-size:8px; letter-spacing:.14em; text-transform:uppercase; }
.footer-grid a:hover { color:var(--lime); }
.footer-bottom { display:flex; justify-content:space-between; padding-top:21px; border-top:1px solid rgba(255,255,255,.13); font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.footer-bottom div { display:flex; gap:22px; }
.footer-links { align-items:center; }

.legal-page { min-height:100vh; padding-top:84px; background:#f7f8f4; }
.legal-header { padding:92px 0 58px; color:#fff; background:var(--graphite); }
.legal-header .section-label { color:var(--lime); }
.legal-header h1 { max-width:850px; margin:0; font-size:clamp(44px,6vw,76px); line-height:1.08; letter-spacing:-.045em; }
.legal-header p:last-child { max-width:720px; margin:24px 0 0; color:#d6d8d3; font-size:15px; line-height:1.7; }
.legal-content { width:min(820px,calc(100% - 40px)); margin:0 auto; padding:65px 0 100px; }
.legal-content h2 { margin:48px 0 12px; color:var(--graphite); font-size:25px; }
.legal-content h2:first-child { margin-top:0; }
.legal-content p,.legal-content li { color:#555b55; font-size:14px; line-height:1.8; }
.legal-content ul { padding-left:21px; }
.legal-content a { color:#65751a; text-decoration:underline; text-underline-offset:3px; }
.legal-meta { padding:15px 18px; border-left:3px solid var(--lime); background:#eef1e8; }
.legal-back { display:inline-flex; align-items:center; gap:10px; color:#fff; background:var(--graphite); padding:13px 18px; }
.legal-back:hover { color:#252825; background:var(--lime); }
.error-page { display:grid; place-items:center; min-height:100vh; padding:40px; background:#f2f3ee; text-align:center; }
.error-card { max-width:720px; }
.error-code { display:block; color:#819817; font-size:12px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.error-card h1 { margin:20px 0; color:var(--graphite); font-size:clamp(48px,8vw,84px); line-height:1; }
.error-card p { margin:0 auto 34px; max-width:570px; color:#606560; font-size:15px; line-height:1.75; }

@media (max-width:980px) {
  .main-nav { position:fixed; inset:84px 0 auto; display:none; padding:24px; background:#fff; box-shadow:0 15px 30px rgba(50,50,50,.1); }.main-nav.open { display:flex; flex-direction:column; align-items:stretch; gap:0; }.main-nav>a:not(.nav-contact) { padding:14px 0; }.nav-contact { justify-content:space-between; margin-top:10px; }.menu-button { display:grid; grid-template-columns:24px auto; align-items:center; column-gap:9px; }.menu-button i { grid-column:1; width:24px; height:1px; background:var(--graphite); }.menu-button span { grid-column:2; grid-row:1/3; font-size:10px; font-weight:800; }
  .hero-photo { left:42%; }.hero-copy { padding-top:95px; }.hero-proof { right:45%; }.positioning-grid,.approach-head { grid-template-columns:.35fr 1fr; }.positioning-grid>p:last-child,.approach-head>p:last-child { grid-column:2; }.about-grid { gap:48px; }.outcomes-grid { grid-template-columns:1fr 1fr; }.contact-grid { gap:55px; }
  .service-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:700px) {
  .container { width:calc(100% - 32px); }.nav-wrap { width:calc(100% - 28px); height:72px; }.main-nav { top:72px; }.logo-lockup { transform:scale(.86); transform-origin:left center; }.hero { min-height:900px; padding-top:72px; }.hero-photo { inset:72px 0 auto; height:360px; clip-path:polygon(0 0,100% 0,100% 88%,0 100%); background-position:60% center; }.hero-copy { width:calc(100% - 32px); padding-top:400px; }.hero-copy .overline { margin-bottom:18px; }.hero h1 { font-size:48px; }.hero-intro { margin:22px 0; font-size:15px; line-height:1.6; }.hero-actions { align-items:flex-start; flex-direction:column; gap:17px; }.hero-proof { position:relative; right:auto; bottom:auto; grid-template-columns:1fr; min-height:0; margin-top:38px; padding:14px 16px; }.hero-proof>div { padding:9px 12px; }.hero-angle { display:none; }
  .positioning,.section { padding:78px 0; }.positioning-grid,.heading-row,.about-grid,.approach-head,.perspective-grid,.contact-grid { grid-template-columns:1fr; gap:29px; }.positioning-grid>p:last-child,.approach-head>p:last-child { grid-column:auto; }.positioning-grid h2,.heading-row h2,.about h2,.approach h2,.outcomes h2,.contact h2 { font-size:39px; }.heading-row { margin-bottom:39px; }.service-grid { grid-template-columns:1fr; }.service-card { min-height:345px; }.about-visual { padding-right:20px; }.visual-tag { left:-7px; min-width:240px; }.stage-grid { grid-template-columns:1fr; gap:28px; margin-top:52px; }.stage-grid article { position:relative; padding-left:32px; }.stage-grid article>span { display:none; }.stage-line { position:absolute; left:0; top:7px; width:1px; height:100%; margin:0; }.stage-line i { left:-5px; top:0; }.approach-link { margin-top:45px; }.outcomes-grid { grid-template-columns:1fr; gap:30px; }.outcomes article { padding-top:0; padding-bottom:25px; border-bottom:1px solid var(--line); }.outcome-icon { margin-bottom:13px; }.perspective-main { grid-template-columns:1fr; }.perspective-art { min-height:220px; }.field-row { grid-template-columns:1fr; }.contact-form { padding:28px 22px; }.footer-grid { grid-template-columns:1fr 1fr; gap:38px; }.footer-grid>div:first-child { grid-column:1/-1; }.footer-bottom { align-items:flex-start; flex-direction:column; gap:15px; }
  .legal-page { padding-top:72px; }.legal-header { padding:72px 0 45px; }.legal-content { padding:48px 0 75px; }.footer-links { align-items:flex-start; flex-direction:column; gap:12px!important; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

