:root {
  --black: #050505;
  --panel: #101010;
  --panel-soft: #171717;
  --line: rgba(228, 184, 92, 0.28);
  --gold: #d7a844;
  --gold-bright: #f3d27a;
  --white: #f8f8f5;
  --muted: #c9c9c2;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.46);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--white); background: radial-gradient(circle at 22% 0%, rgba(215, 168, 68, 0.14), transparent 31%), var(--black); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 76%); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
strong, b { color: var(--gold-bright); }
.section-pad { padding: 76px clamp(20px, 5vw, 76px); }
.announcement { display: flex; justify-content: center; gap: 16px; padding: 9px 18px; color: var(--black); background: linear-gradient(90deg, #b88426, #f6df99, #b88426); font-size: 14px; font-weight: 900; }
.announcement a { text-decoration: underline; text-underline-offset: 3px; }
.nav-shell { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 72px; padding: 10px clamp(20px, 5vw, 76px); border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(5, 5, 5, .88); backdrop-filter: blur(18px); }
.brand img { width: 148px; height: 48px; object-fit: contain; object-position: left center; }
.nav-links { display: flex; align-items: center; gap: 22px; color: var(--muted); font-size: 14px; font-weight: 900; }
.nav-links a:hover, .nav-item button:hover { color: var(--gold-bright); }
.nav-item { position: relative; }
.nav-item button { border: 0; padding: 18px 0; color: var(--muted); background: transparent; font: inherit; cursor: pointer; }
.dropdown-menu { position: absolute; top: 100%; left: -18px; min-width: 250px; display: none; padding: 10px; border: 1px solid var(--line); background: rgba(8,8,8,.98); box-shadow: var(--shadow); }
.dropdown-menu a { display: block; padding: 12px 14px; color: var(--white); }
.dropdown-menu a:hover { background: rgba(215,168,68,.12); }
.has-dropdown:hover .dropdown-menu, .has-dropdown.open .dropdown-menu { display: block; }
.nav-cta { padding: 12px 16px; border: 1px solid var(--line); color: var(--white) !important; }
.nav-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); background: transparent; }
.nav-toggle span { display: block; width: 20px; height: 2px; margin: 5px auto; background: var(--gold-bright); }
.home-hero { position: relative; display: grid; grid-template-columns: minmax(0, .82fr) minmax(420px, 1.28fr); align-items: center; gap: clamp(12px, 3vw, 42px); min-height: 560px; overflow: hidden; background: linear-gradient(90deg, rgba(215,168,68,.18), rgba(10,10,10,.9) 42%, #050505); }
.home-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 14% 22%, rgba(246,223,153,.24), transparent 32%), linear-gradient(90deg, rgba(215,168,68,.20), transparent 48%); }
.hero-copy { position: relative; z-index: 2; max-width: 720px; }
.hero-words { display: grid; gap: 4px; margin: 0 0 20px; font-size: clamp(34px, 5.8vw, 78px); line-height: .88; font-weight: 900; text-transform: uppercase; }
.hero-words span:nth-child(1), .hero-words span:nth-child(3) { color: var(--gold-bright); }
.hero-words span:nth-child(2) { color: var(--white); text-shadow: 0 0 22px rgba(255,255,255,.18); }
.home-hero h1 { max-width: 720px; font-size: clamp(32px, 4vw, 54px); }
.home-hero p:not(.eyebrow) { max-width: 650px; font-size: clamp(16px, 1.5vw, 19px); }
.hero-art { position: relative; z-index: 1; justify-self: start; width: min(1120px, 128%); margin-left: clamp(-150px, -8vw, -62px); margin-right: clamp(-120px, -6vw, -28px); }
.hero-art img { width: 100%; max-height: 620px; object-fit: contain; object-position: center center; opacity: .82; mix-blend-mode: screen; filter: drop-shadow(0 26px 58px rgba(0,0,0,.62)) saturate(1.08) contrast(1.04); -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 82%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 82%, transparent 100%); }
.hero-image { position: relative; overflow: hidden; background: #030303; }
.hero-image img { width: 100%; height: clamp(260px, 38vw, 430px); object-fit: cover; object-position: center 38%; }
.intro, .page-hero { max-width: 1180px; }
.page-hero { padding-bottom: 52px; }
.eyebrow { margin: 0 0 14px; color: var(--gold-bright); font-size: 12px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 1040px; margin-bottom: 22px; font-size: clamp(40px, 6vw, 76px); line-height: .98; letter-spacing: 0; font-weight: 900; }
h2 { margin-bottom: 18px; font-size: clamp(31px, 4.2vw, 56px); line-height: 1; font-weight: 900; }
h3 { margin-bottom: 10px; font-size: 22px; }
p { color: var(--muted); line-height: 1.7; }
.intro p:not(.eyebrow), .page-hero p:not(.eyebrow) { max-width: 800px; font-size: clamp(17px, 2vw, 21px); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border: 1px solid var(--line); font-weight: 900; text-transform: uppercase; font-size: 13px; letter-spacing: .08em; }
.button.primary { color: var(--black); border-color: transparent; background: linear-gradient(135deg, #c08a28, #f4d980 48%, #a7721d); box-shadow: 0 18px 36px rgba(215,168,68,.18); }
.button.secondary { color: var(--white); background: rgba(255,255,255,.04); }
.service-strip { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid rgba(255,255,255,.08); background: #090909; }
.service-strip a { min-height: 132px; padding: 26px 22px; border-right: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; justify-content: space-between; }
.service-strip span { font-size: 20px; font-weight: 900; }
.service-strip small { color: var(--gold-bright); font-weight: 900; text-transform: uppercase; }
.service-strip a:hover { background: rgba(215,168,68,.08); }
.split { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: clamp(28px, 5vw, 70px); background: linear-gradient(180deg, #090909, #050505); }
.split-media { border: 1px solid var(--line); box-shadow: var(--shadow); }
.split-media img { width: 100%; aspect-ratio: 1 / .72; object-fit: cover; }
.text-link { display: inline-block; margin-top: 8px; color: var(--gold-bright); font-weight: 900; border-bottom: 1px solid var(--gold); }
.pillars { border-block: 1px solid var(--line); background: linear-gradient(90deg, rgba(215,168,68,.12), rgba(255,255,255,.03)); }
.pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pillar-grid article { padding: 28px; border: 1px solid rgba(255,255,255,.09); background: rgba(10,10,10,.72); }
.pillar-grid h3 { color: var(--gold-bright); font-size: clamp(25px, 3vw, 38px); text-transform: uppercase; }
.section-heading { max-width: 880px; margin-bottom: 36px; }
.team-grid, .case-grid, .process-grid, .quote-grid, .explain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.team-grid { grid-template-columns: repeat(2, 1fr); }
.team-card { display: grid; grid-template-columns: minmax(180px, .42fr) 1fr; gap: 24px; align-items: center; padding: 24px; border: 1px solid rgba(255,255,255,.09); background: var(--panel-soft); }
.team-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border: 1px solid var(--line); }
.team-card span { color: var(--gold-bright); font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.portfolio-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.portfolio-grid article, .case-grid article, .process-grid article, blockquote, .contact-form, .explain-grid article { margin: 0; padding: 28px; border: 1px solid rgba(255,255,255,.09); background: var(--panel-soft); }
.portfolio-grid article { overflow: hidden; padding: 0; }
.portfolio-grid img { width: 100%; aspect-ratio: 1 / .7; object-fit: cover; transition: transform .35s ease; }
.portfolio-grid article:hover img { transform: scale(1.04); }
.portfolio-grid span { display: block; padding: 18px 18px 0; color: var(--gold-bright); font-weight: 900; }
.portfolio-grid p { padding: 0 18px 18px; }
.portfolio-grid .text-link { margin: 0 18px 20px; }
.case-grid b, .process-grid b { display: block; margin-bottom: 18px; font-size: 34px; }
.cta-band { display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid var(--line); background: linear-gradient(90deg, rgba(215,168,68,.12), rgba(255,255,255,.03)); }
.cta-band div { max-width: 820px; }
.contact { display: grid; grid-template-columns: .8fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: start; }
.contact-form { display: grid; gap: 18px; }
label { display: grid; gap: 8px; color: var(--gold-bright); font-weight: 900; }
input, textarea, select { width: 100%; border: 1px solid rgba(255,255,255,.13); border-radius: 0; padding: 15px 14px; color: var(--white); background: #0b0b0b; font: inherit; }
input:focus, textarea:focus, select:focus { outline: 2px solid rgba(243,210,122,.4); border-color: var(--gold); }
.footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px clamp(20px, 5vw, 76px); border-top: 1px solid rgba(255,255,255,.08); background: #030303; color: var(--muted); }
.footer img { width: 150px; }
.footer div { display: flex; gap: 20px; color: var(--gold-bright); font-weight: 900; }
.footer p { margin: 0; font-size: 14px; }
@media (max-width: 1100px) { .home-hero, .split, .contact { grid-template-columns: 1fr; } .hero-art { justify-self: center; width: min(940px, 108%); margin-left: 0; margin-right: 0; } .portfolio-grid { grid-template-columns: repeat(2, 1fr); } .service-strip, .team-grid, .case-grid, .process-grid, .explain-grid, .pillar-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 780px) { .home-hero { min-height: auto; gap: 22px; } .hero-art { width: 112%; margin-left: -6%; } .hero-art img { max-height: 330px; opacity: .86; } .announcement { flex-direction: column; align-items: center; gap: 4px; text-align: center; } .nav-toggle { display: block; } .nav-links { position: absolute; left: 0; right: 0; top: 100%; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 20px; background: rgba(5,5,5,.98); border-bottom: 1px solid var(--line); } .nav-links.open { display: flex; } .nav-links a, .nav-item button { width: 100%; padding: 12px 0; text-align: left; } .dropdown-menu { position: static; display: none; min-width: 0; margin-bottom: 8px; box-shadow: none; } .has-dropdown.open .dropdown-menu { display: block; } .nav-cta { text-align: center !important; } .brand img { width: 132px; } .section-pad { padding: 58px 20px; } .hero-image img { height: 320px; object-position: 58% top; } .service-strip, .portfolio-grid, .team-grid, .case-grid, .process-grid, .quote-grid, .explain-grid, .pillar-grid { grid-template-columns: 1fr; } .team-card { grid-template-columns: 1fr; } .service-strip a { min-height: 104px; } .cta-band { align-items: stretch; flex-direction: column; } .footer { align-items: flex-start; flex-direction: column; } h1 { font-size: clamp(38px, 13vw, 60px); } }






/* 2026 growth site upgrade */
.signal-bar{display:flex;justify-content:space-between;gap:20px;padding:18px clamp(20px,5vw,78px);border-block:1px solid var(--line);background:#080808}.signal-bar strong{font-size:16px}.signal-bar span{color:var(--muted)}
.service-suite,.faq,.method{background:linear-gradient(180deg,#080808,#050505)}
.suite-grid,.definition-grid,.method-grid,.faq-grid,.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.definition-grid,.faq-grid{grid-template-columns:repeat(3,1fr)}.outcome-grid{grid-template-columns:repeat(3,1fr)}
.suite-grid a,.definition-grid article,.method-grid article,.faq-grid article,.outcome-grid article{position:relative;margin:0;padding:28px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}.suite-grid a:hover{border-color:var(--line);transform:translateY(-2px)}
.suite-grid span,.outcome-grid span{display:block;margin-bottom:22px;color:var(--gold-bright);font-size:13px;font-weight:900}.suite-grid b{display:block;margin-top:18px;color:var(--gold-bright);text-transform:uppercase;font-size:12px}.definition-grid h2,.outcome-grid h3{color:var(--gold-bright);text-transform:uppercase}
.feature-band,.app-showcase{display:grid;grid-template-columns:.9fr 1fr;align-items:start;gap:clamp(28px,5vw,70px);background:linear-gradient(90deg,rgba(215,168,68,.10),rgba(255,255,255,.02))}.feature-list{display:grid;gap:14px}.feature-list article{padding:22px;border:1px solid rgba(255,255,255,.09);background:rgba(5,5,5,.55)}
.dashboard-mock{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px;border:1px solid var(--line);background:radial-gradient(circle at 20% 0%,rgba(243,210,122,.14),transparent 36%),#0b0b0b;box-shadow:var(--shadow)}.dashboard-mock div{padding:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.dashboard-mock .wide{grid-column:1/-1}.dashboard-mock span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.dashboard-mock strong{display:block;margin-top:8px;font-size:46px}
.outcomes{border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(215,168,68,.12),rgba(255,255,255,.03))}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(215,168,68,.14),rgba(255,255,255,.03))}.cta-panel div{max-width:860px}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.trust-row span{padding:8px 10px;border:1px solid rgba(255,255,255,.1);color:var(--gold-bright);background:rgba(0,0,0,.35);font-size:12px;font-weight:900;text-transform:uppercase}
@media (max-width:1100px){.feature-band,.app-showcase{grid-template-columns:1fr}.suite-grid,.method-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:780px){.signal-bar,.cta-panel{align-items:stretch;flex-direction:column}.suite-grid,.definition-grid,.method-grid,.faq-grid,.outcome-grid,.dashboard-mock{grid-template-columns:1fr}}

.founder-grid{align-items:stretch}.founder-card{grid-column:span 1}.disclaimer{padding-top:28px;padding-bottom:28px;border-top:1px solid rgba(255,255,255,.08);background:#070707}.disclaimer p{max-width:980px;margin:0;color:var(--muted);font-size:14px}
@media (max-width:780px){.founder-card{grid-column:auto}}


.founder-card img{aspect-ratio:4/5;object-fit:cover;object-position:center 12%}.dog-card img{aspect-ratio:4/5;object-position:center 58%}



.funnel-visual{position:relative;z-index:1;display:grid;align-content:center;gap:12px;min-height:500px;width:min(620px,100%);justify-self:center;margin-left:0;padding:34px 26px;border:1px solid rgba(243,210,122,.2);background:radial-gradient(circle at 50% 18%,rgba(243,210,122,.2),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:var(--shadow);overflow:hidden}
.funnel-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.9),rgba(0,0,0,.35))}
.funnel-glow{position:absolute;left:50%;top:50%;width:56%;height:82%;transform:translate(-50%,-50%);background:linear-gradient(180deg,rgba(243,210,122,.28),rgba(215,168,68,.04));clip-path:polygon(0 0,100% 0,62% 100%,38% 100%);filter:blur(18px);opacity:.7}




/* Refined homepage revenue funnel */
.refined-funnel{width:min(650px,100%);padding:30px 34px 34px;gap:10px;background:radial-gradient(circle at 50% 12%,rgba(243,210,122,.18),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.014));}
.refined-funnel::after{content:"";position:absolute;left:50%;top:42px;bottom:132px;width:56%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(243,210,122,.20),rgba(215,168,68,.06));clip-path:polygon(0 0,100% 0,56% 100%,44% 100%);filter:blur(.2px);opacity:.65;pointer-events:none;}
.funnel-band{position:relative;z-index:2;display:grid;grid-template-columns:42px 1fr;align-items:start;gap:12px;margin-inline:auto;padding:16px 20px;border:1px solid rgba(243,210,122,.36);background:linear-gradient(135deg,rgba(8,8,8,.96),rgba(31,24,10,.82));box-shadow:0 18px 42px rgba(0,0,0,.24);}
.funnel-band::before,.funnel-band::after{content:"";position:absolute;top:-1px;bottom:-1px;width:26px;background:inherit;border-block:1px solid rgba(243,210,122,.24);}
.funnel-band::before{left:-13px;transform:skewX(10deg);border-left:1px solid rgba(243,210,122,.24)}
.funnel-band::after{right:-13px;transform:skewX(-10deg);border-right:1px solid rgba(243,210,122,.24)}
.funnel-band span{position:relative;z-index:1;color:var(--gold-bright);font-size:12px;font-weight:900;letter-spacing:.14em}.funnel-band h3{position:relative;z-index:1;margin:0 0 5px;color:var(--white);font-size:20px;text-transform:uppercase}.funnel-band p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:13px;line-height:1.42}
.band-1{width:88%}.band-2{width:76%}.band-3{width:64%}.band-4{width:52%}.refined-funnel .funnel-result{position:relative;z-index:2;width:min(360px,78%);margin:14px auto 0;padding:18px 22px;text-align:center;border:1px solid rgba(243,210,122,.36);background:linear-gradient(135deg,rgba(243,210,122,.18),rgba(255,255,255,.055));box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 34px rgba(215,168,68,.14)}.refined-funnel .funnel-result span{display:block;margin-bottom:5px;color:var(--gold-bright);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.refined-funnel .funnel-result strong{display:block;margin-bottom:6px;color:var(--white);font-size:24px;line-height:1.05;text-transform:uppercase}.refined-funnel .funnel-result p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}

@media (max-width:780px){.refined-funnel{padding:24px 18px}.funnel-band{width:100%;grid-template-columns:34px 1fr}.funnel-band::before,.funnel-band::after{display:none}.refined-funnel::after{display:none}.refined-funnel .funnel-result{width:100%}}





/* Branded resource and article layer */
.resource-strip{background:linear-gradient(180deg,#070707,#050505);border-top:1px solid rgba(255,255,255,.06)}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.resource-grid-large{grid-template-columns:repeat(2,1fr)}
.resource-grid a,.context-grid article,.article-sidebar,.takeaway-box{display:block;padding:24px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016))}
.resource-grid a:hover{border-color:var(--line);transform:translateY(-2px)}.resource-grid span,.article-meta span,.article-sidebar span{display:block;margin-bottom:12px;color:var(--gold-bright);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.resource-grid h2{font-size:clamp(24px,3vw,34px)}.resource-grid h3{font-size:20px}.resource-grid b{display:inline-block;margin-top:8px;color:var(--gold-bright);font-size:12px;text-transform:uppercase}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.context-grid a,.article-body a{color:var(--gold-bright);font-weight:900;border-bottom:1px solid rgba(243,210,122,.48)}
.article-hero{padding-bottom:38px}.article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.article-meta span{margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.35)}
.article-shell{display:grid;grid-template-columns:290px minmax(0,820px);align-items:start;gap:clamp(26px,5vw,58px);background:linear-gradient(180deg,#080808,#050505)}.article-sidebar{position:sticky;top:100px}.article-sidebar a{display:block;margin:0 0 18px;color:var(--white);font-weight:800}.article-sidebar a:hover{color:var(--gold-bright)}.article-body{padding:0}.article-body h2{margin-top:34px;font-size:clamp(28px,3vw,42px)}.article-body h2:first-child{margin-top:0}.article-body h3{margin-top:24px;color:var(--white)}.article-body p,.article-body li{font-size:18px;line-height:1.8;color:var(--muted)}.takeaway-box{margin:36px 0}.takeaway-box ul{margin:0;padding-left:22px}.takeaway-box li{margin:10px 0}.article-faq{margin-top:34px;padding-top:14px;border-top:1px solid var(--line)}
@media (max-width:1100px){.resource-grid{grid-template-columns:repeat(2,1fr)}.article-shell{grid-template-columns:1fr}.article-sidebar{position:static}.context-grid{grid-template-columns:1fr}}
@media (max-width:780px){.resource-grid,.resource-grid-large{grid-template-columns:1fr}.article-body p,.article-body li{font-size:16px}}

/* Navigation and footer breathing room after resource expansion */
.footer div{flex-wrap:wrap}
@media (max-width:1180px) and (min-width:781px){.nav-links{gap:14px;font-size:13px}.nav-cta{padding-inline:12px}.brand img{width:132px}}


/* Contact form email and coffee additions */
.contact-copy a,.form-note a{color:var(--gold-bright);font-weight:900;border-bottom:1px solid rgba(243,210,122,.48)}
.coffee-card{margin-top:26px;padding:24px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(243,210,122,.12),rgba(255,255,255,.035))}
.coffee-card span{display:block;margin-bottom:10px;color:var(--gold-bright);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.coffee-card h3{font-size:clamp(24px,3vw,34px)}
.hidden-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form label span{color:var(--muted);font-size:12px;text-transform:none;letter-spacing:0}
.form-note{margin:0;color:var(--muted);font-size:14px}


/* Portfolio proof additions */
.portfolio-proof{background:linear-gradient(180deg,#080808,#050505);border-top:1px solid rgba(255,255,255,.06)}
.portfolio-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(24px,4vw,54px);padding:24px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(215,168,68,.045));box-shadow:var(--shadow)}
.portfolio-showcase img{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:left top;border:1px solid rgba(255,255,255,.12)}
.portfolio-showcase span{display:block;margin-bottom:12px;color:var(--gold-bright);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.portfolio-showcase h2,.portfolio-showcase h3{margin-bottom:14px}.portfolio-showcase-wide{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr)}
.software-proof{background:linear-gradient(90deg,rgba(215,168,68,.10),rgba(255,255,255,.02));border-top:1px solid var(--line)}
.software-split{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.software-split article{padding:28px;border:1px solid rgba(255,255,255,.09);background:rgba(10,10,10,.72)}
.software-split h3{color:var(--gold-bright)}
@media (max-width:1100px){.portfolio-showcase,.portfolio-showcase-wide{grid-template-columns:1fr}.software-split{grid-template-columns:1fr}}

/* Mobile image sizing pass */
@media (max-width:780px){
  .team.section-pad{padding-top:30px}
  .team-grid{gap:16px}
  .team-card{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:16px;padding:16px}
  .team-card img,.founder-card img,.dog-card img{width:118px;height:150px;aspect-ratio:auto;object-fit:cover;margin:0}
  .founder-card img{object-position:center 10%}
  .dog-card img{object-position:center 48%}
  .team-card h3{font-size:20px;margin-bottom:6px}
  .team-card p{font-size:14px;line-height:1.55;margin:0}
  .team-card span{font-size:10px;letter-spacing:.12em}
  .portfolio-grid img{max-height:220px}
  .portfolio-showcase{padding:16px}
  .portfolio-showcase img{aspect-ratio:16/10;max-height:240px;object-fit:cover}
  .split-media img{max-height:280px}
}
@media (max-width:460px){
  .team-card{grid-template-columns:96px 1fr;gap:14px;padding:14px}
  .team-card img,.founder-card img,.dog-card img{width:96px;height:124px}
  .team-card h3{font-size:18px}
  .team-card p{font-size:13px;line-height:1.5}
}


/* Package and timeline sections */
.packages{background:linear-gradient(180deg,#080808,#050505);border-top:1px solid var(--line);border-bottom:1px solid rgba(255,255,255,.06)}
.package-grid,.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.package-grid article,.timeline-grid article{padding:28px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016))}
.package-grid span{display:block;margin-bottom:12px;color:var(--gold-bright);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.package-grid h3{font-size:clamp(23px,2.5vw,32px);line-height:1.08}
.package-grid b,.timeline-grid b{display:block;margin-top:18px;color:var(--gold-bright);font-size:13px;line-height:1.5}
.timeline-band{background:linear-gradient(90deg,rgba(215,168,68,.10),rgba(255,255,255,.02));border-top:1px solid rgba(255,255,255,.06)}
.timeline-grid h3{color:var(--white)}
@media (max-width:1100px){.package-grid,.timeline-grid{grid-template-columns:1fr}}


/* Compact homepage stats */
.why-stats{position:relative;overflow:hidden;border-block:1px solid var(--line);background:radial-gradient(circle at 50% 0%,rgba(243,210,122,.12),transparent 28%),#070707}
.why-stats::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(30deg,rgba(255,255,255,.028) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.028) 87.5%,rgba(255,255,255,.028)),linear-gradient(150deg,rgba(255,255,255,.028) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.028) 87.5%,rgba(255,255,255,.028));background-size:42px 72px;opacity:.35}
.why-stats .section-heading{position:relative;z-index:1;text-align:center;margin-inline:auto}
.why-stat-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}
.why-stat-grid article{padding:16px 10px}
.why-stat-grid strong{display:block;color:transparent;-webkit-text-stroke:2px rgba(248,248,245,.78);text-stroke:2px rgba(248,248,245,.78);font-size:clamp(42px,8vw,92px);line-height:.95;font-weight:900}
.why-stat-grid span{display:block;margin-top:10px;color:var(--white);font-size:clamp(13px,1.7vw,22px);font-weight:800}
.portfolio-depth{background:linear-gradient(180deg,#080808,#050505);border-top:1px solid rgba(255,255,255,.06)}
@media (max-width:780px){.home-hero{min-height:auto;padding-top:36px;padding-bottom:34px}.signal-bar{padding-block:14px}.service-suite.section-pad,.packages.section-pad,.why-stats.section-pad,.cta-panel.section-pad{padding-top:42px;padding-bottom:42px}.why-stat-grid{gap:6px}.why-stat-grid article{padding:8px 4px}.why-stat-grid strong{-webkit-text-stroke:1px rgba(248,248,245,.82);text-stroke:1px rgba(248,248,245,.82);font-size:clamp(34px,12vw,52px)}.why-stat-grid span{font-size:12px;line-height:1.25}.packages .section-heading p{display:none}}

/* Golden Circle WHY section */
.golden-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:clamp(24px,4vw,58px);align-items:center}
.golden-copy,.golden-circle,.golden-steps,.golden-why .why-stat-grid{position:relative;z-index:1}
.golden-copy{max-width:780px}.golden-copy h2{font-size:clamp(34px,5vw,66px)}.golden-copy p:not(.eyebrow){font-size:clamp(17px,1.8vw,21px)}
.golden-circle{justify-self:center;width:min(340px,84vw);aspect-ratio:1;position:relative;display:grid;place-items:center}
.circle-ring{position:absolute;display:grid;place-items:center;border:2px solid rgba(243,210,122,.55);border-radius:50%;background:rgba(5,5,5,.42);box-shadow:inset 0 0 32px rgba(243,210,122,.05),0 0 34px rgba(215,168,68,.08)}
.circle-ring span{color:var(--white);font-weight:900;text-transform:uppercase;letter-spacing:.14em}.circle-what{inset:0}.circle-how{inset:18%}.circle-why{inset:36%;border-color:var(--gold-bright);background:radial-gradient(circle,rgba(243,210,122,.18),rgba(5,5,5,.78))}.circle-why span{color:var(--gold-bright)}
.golden-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.golden-steps article{padding:20px;border:1px solid rgba(255,255,255,.09);background:rgba(10,10,10,.68)}.golden-steps span{display:block;margin-bottom:8px;color:var(--gold-bright);font-weight:900;text-transform:uppercase;letter-spacing:.14em}.golden-steps p{margin:0;font-size:15px;line-height:1.55}
.golden-why .why-stat-grid{grid-column:1/-1;margin-top:8px}
@media (max-width:900px){.golden-why{grid-template-columns:1fr}.golden-circle{order:2}.golden-steps{order:3}.golden-why .why-stat-grid{order:4}.golden-copy{order:1}.golden-steps{grid-template-columns:1fr}}
@media (max-width:780px){.golden-why.section-pad{padding-top:38px;padding-bottom:38px}.golden-copy h2{font-size:clamp(30px,10vw,44px)}.golden-copy p:not(.eyebrow){font-size:15px;line-height:1.65}.golden-circle{width:min(260px,78vw)}.golden-steps article{padding:16px}.golden-steps p{font-size:14px}}

/* Belief-led WHY section, no diagram */
.belief-why{display:grid;gap:28px}
.belief-intro{position:relative;z-index:1;max-width:980px;margin-inline:auto;text-align:center}.belief-intro h2{font-size:clamp(34px,5vw,68px)}.belief-intro p:not(.eyebrow){max-width:850px;margin-inline:auto;font-size:clamp(17px,1.8vw,21px)}
.belief-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.belief-grid article{padding:24px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.016))}.belief-grid span{display:block;margin-bottom:10px;color:var(--gold-bright);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.belief-grid h3{font-size:clamp(20px,2.2vw,28px);line-height:1.08}.belief-grid p{margin:0;font-size:15px;line-height:1.6}
.belief-why .why-stat-grid{margin-top:4px}
@media (max-width:900px){.belief-grid{grid-template-columns:1fr}.belief-intro{text-align:left}.belief-intro p:not(.eyebrow){margin-inline:0}}
@media (max-width:780px){.belief-why.section-pad{padding-top:38px;padding-bottom:38px}.belief-grid article{padding:18px}.belief-intro h2{font-size:clamp(30px,10vw,44px)}.belief-intro p:not(.eyebrow),.belief-grid p{font-size:14px;line-height:1.58}}

/* Align WHY section with square grid architecture */
.belief-why::before,.golden-why::before{background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:44px 44px;opacity:.55}
.belief-why{background:radial-gradient(circle at 50% 0%,rgba(243,210,122,.10),transparent 28%),linear-gradient(180deg,#080808,#050505)}

/* Team card desktop containment fix */
.team-card{min-height:0;overflow:hidden}
.team-card img,.founder-card img,.dog-card img{width:220px;max-width:100%;height:275px;aspect-ratio:auto;object-fit:cover;align-self:center;justify-self:start}
.founder-card img{object-position:center 16%}.dog-card img{object-position:center 52%}
@media (min-width:1101px){.founder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-card{grid-template-columns:220px minmax(0,1fr)}.team-card p{font-size:15px;line-height:1.62}}
@media (max-width:1100px) and (min-width:781px){.team-card{grid-template-columns:180px minmax(0,1fr)}.team-card img,.founder-card img,.dog-card img{width:180px;height:230px}}
/* Team card mobile final override */
@media (max-width:780px){.team-card{grid-template-columns:118px 1fr}.team-card img,.founder-card img,.dog-card img{width:118px;height:150px;max-width:118px}.founder-card img{object-position:center 10%}.dog-card img{object-position:center 48%}}
@media (max-width:460px){.team-card{grid-template-columns:96px 1fr}.team-card img,.founder-card img,.dog-card img{width:96px;height:124px;max-width:96px}}