:root{--bg:#02070d;--bg2:#06101a;--panel:#07131f;--blue:#087cff;--blue2:#00a2ff;--text:#f5f8fb;--muted:#b7c1cb;--line:rgba(0,133,255,.34);--max:1280px;--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.section-grid-bg{position:relative;background-image:linear-gradient(rgba(0,128,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,128,255,.045) 1px,transparent 1px);background-size:42px 42px}.section-grid-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(0,102,255,.12),transparent 34%);pointer-events:none}.eyebrow{position:relative;z-index:1;color:var(--blue2);font-size:13px;font-weight:800;letter-spacing:.38em;margin-bottom:14px}.micro-heading{font-weight:800;letter-spacing:.26em;font-size:13px;color:#e6edf5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 28px;border:1px solid transparent;font-size:13px;font-weight:800;letter-spacing:.04em;transition:.25s ease}.btn-primary{background:linear-gradient(90deg,#0870ef,#078cff);box-shadow:0 0 28px rgba(0,114,255,.14)}.btn-primary:hover{filter:brightness(1.16);transform:translateY(-1px)}.btn-outline{border-color:#087cff;background:rgba(0,0,0,.3)}.btn-outline:hover{background:rgba(0,120,255,.12)}
.site-header{height:84px;position:sticky;top:0;z-index:1000;background:rgba(2,7,13,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:100%;display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-family:"Arial Black",Arial,sans-serif;font-size:31px;line-height:1;color:var(--blue);font-style:italic;letter-spacing:-4px}.brand-name{font-family:"Arial Black",Arial,sans-serif;font-size:15px;line-height:.86;letter-spacing:-.02em}.main-nav{display:flex;justify-content:center;gap:38px}.main-nav a,.footer nav a{font-size:12px;font-weight:800}.main-nav a:hover{color:var(--blue2)}.nav-cta{min-height:48px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px}
.hero{min-height:650px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,7,13,1) 0%,rgba(2,7,13,.97) 34%,rgba(2,7,13,.40) 54%,rgba(2,7,13,.08) 76%,rgba(2,7,13,.03) 100%),url('assets/hero-bg.png');background-repeat:no-repeat;background-size:auto 118%;background-position:right 46% center}.hero-inner{min-height:650px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{max-width:660px;padding:54px 0}.hero h1,.problem h2,.blueprint h2,.section-heading h2,.proxy h2,.about h2,.audit h2{font-family:"Arial Black",Arial,sans-serif;line-height:.92;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(60px,6vw,94px)}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong,.section-heading h2 strong,.proxy h2 strong,.problem h2 strong,.blueprint h2 strong,.about h2 strong{color:var(--blue)}.hero p{font-size:18px;color:#d9e0e7;max-width:650px;margin:26px 0 26px}.button-row{display:flex;gap:15px;margin:28px 0}.service-strip{display:flex;align-items:center;gap:0;margin-top:30px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#b9d8ec}.service-strip span+span:before{content:"";display:inline-block;height:18px;border-left:1px solid var(--blue);margin:0 20px -5px}
.trust-bar{border-bottom:1px solid var(--line);padding:30px 0 34px}.trust-title{text-align:center;font-size:10px;letter-spacing:.3em;color:#aebac4;margin-bottom:24px}.logo-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:30px}.logo-row img{width:100%;height:72px;object-fit:contain;object-position:center;filter:grayscale(1) brightness(0) invert(1);opacity:.72;transition:.2s ease}.logo-row img:hover{opacity:1;transform:scale(1.04)}
.problem{padding:72px 0 60px;border-bottom:1px solid var(--line)}.problem>.container,.blueprint>.container,.solutions>.container,.results>.container,.about>.container{position:relative;z-index:2}.problem-head{display:grid;grid-template-columns:1fr 350px;gap:40px;align-items:end}.problem h2{font-size:clamp(44px,5vw,70px)}.problem-note{font-size:15px;color:#d2dae2}.problem-note b{color:var(--blue2)}.problem-copy{display:grid;grid-template-columns:1fr 350px;gap:40px;margin-top:24px}.problem-copy p{font-size:17px;color:#d9e0e6}.blue-line{color:var(--blue)!important;font-weight:800}.issue-list{list-style:none;padding:0;margin:0}.issue-list li{margin:7px 0}.issue-list li:before{content:"×";display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--blue2);border-radius:50%;color:var(--blue2);margin-right:12px;font-size:11px}.system-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;margin:48px 0 34px}.system-flow article{text-align:center}.flow-icon,.tech-icon{width:74px;height:74px;border:1px solid var(--blue2);border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;color:#7cd5ff;font-size:34px;box-shadow:0 0 25px rgba(0,127,255,.25)}.system-flow h3{font-size:14px}.system-flow p{font-size:13px;color:#b7c1ca;margin:4px auto;max-width:130px}.flow-arrow{color:var(--blue2);font-size:26px}.center-callout{text-align:center}.center-callout span,.center-callout strong,.center-callout small{display:block}.center-callout span{font-size:12px;letter-spacing:.22em}.center-callout strong{font-size:26px;color:var(--blue);margin:4px}.center-callout small{color:#cbd4dc}
.blueprint{padding:64px 0 70px;border-bottom:1px solid var(--line)}.blueprint-head{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:end}.blueprint h2{font-size:clamp(45px,5vw,70px)}.blueprint-head>p{color:#c7d0d8}.blueprint-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:44px 0 36px}.blueprint-card{text-align:center;padding:16px 12px 24px;border-right:1px solid rgba(0,121,255,.2)}.blueprint-card:last-child{border-right:0}.num{display:block;color:var(--blue);font-size:24px;margin-bottom:10px}.blueprint-card .tech-icon{border-radius:0;width:82px;height:62px;background:linear-gradient(180deg,rgba(0,126,255,.12),rgba(0,126,255,.02));box-shadow:0 12px 28px rgba(0,110,255,.15)}.blueprint-card h3{color:#bceaff;font-size:18px;margin:12px 0 6px}.blueprint-card p{color:#c7d0d8;font-size:14px}.center-button{text-align:center}
.work{padding:70px 0;background:#01060b;border-bottom:1px solid var(--line)}.section-heading.split{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:end;margin-bottom:34px}.section-heading h2{font-size:clamp(48px,5vw,76px)}.section-heading h3{font-family:"Arial Black",Arial,sans-serif;color:var(--blue);font-size:26px;margin:6px 0}.section-heading>p{color:#c9d2da}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:linear-gradient(180deg,#091420,#050a10);border:1px solid rgba(0,126,255,.42);overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,100,255,.12)}.project-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid rgba(0,126,255,.3)}.project-body{padding:16px}.project-body h3{margin:0;font-size:20px}.tags{font-size:11px;color:var(--blue2);letter-spacing:.14em;margin:4px 0 10px}.project-body p{font-size:14px;color:#cbd3db;min-height:60px}.project-body a,.solution-card a{font-size:12px;color:var(--blue2);font-weight:800}
.solutions{padding:72px 0}.solution-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.solution-card{border:1px solid rgba(0,126,255,.52);padding:24px 20px;background:rgba(3,12,20,.7);min-height:360px}.solution-card .tech-icon{border:0;box-shadow:none;border-radius:0;width:auto;height:60px;margin:0;color:#3aa9ff}.solution-card h3{text-align:center;font-size:16px}.solution-card ul{padding-left:18px;color:#c6d0d8;font-size:13px;min-height:160px}.solution-card li{margin:7px 0}.solution-card li::marker{color:var(--blue2)}
.proxy{padding:78px 0;background:radial-gradient(circle at 70% 45%,rgba(0,105,255,.18),transparent 35%),linear-gradient(135deg,#02070c,#07111b);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proxy-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.proxy h2{font-size:clamp(55px,6vw,90px)}.proxy p{font-size:18px;color:#d2dbe3;max-width:620px}.proxy-features{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px;font-size:11px;color:#c5eaff}.phone-wrap{display:grid;place-items:center;position:relative;min-height:590px}.soundwave{position:absolute;width:130%;height:120px;top:43%;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,137,255,.7) 8px 9px,transparent 10px 14px);mask-image:linear-gradient(transparent 10%,#000 50%,transparent 90%);transform:rotate(-2deg)}.phone{position:relative;z-index:2;width:300px;min-height:550px;border:8px solid #253443;border-radius:45px;padding:44px 22px 26px;background:linear-gradient(180deg,#03101c,#02060b);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 45px rgba(0,126,255,.24);transform:rotate(6deg)}.phone-top{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:95px;height:17px;border-radius:20px;background:#0e1b27}.proxy-logo{text-align:center;font-size:23px;font-weight:900;font-style:italic;margin-bottom:25px}.proxy-logo span{font-weight:300}.chat{border:1px solid var(--blue);border-radius:13px;padding:14px;font-size:13px;color:#dbeaff;margin-bottom:16px}.phone button{width:100%;border:1px solid #087cff;background:#061729;color:#cceaff;border-radius:20px;padding:9px;margin:6px 0}.mic{width:54px;height:54px;border:1px solid var(--blue2);border-radius:50%;display:grid;place-items:center;margin:18px auto 8px;color:var(--blue2);box-shadow:0 0 18px rgba(0,126,255,.35)}.phone small{display:block;text-align:center;color:#5ac3ff;font-size:8px;letter-spacing:.2em}
.results{padding:64px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,126,255,.32);border:1px solid rgba(0,126,255,.2)}.stat-grid article{background:#06101a;text-align:center;padding:32px 20px}.stat-grid strong{display:block;font-family:"Arial Black",Arial,sans-serif;font-size:42px;color:#91d9ff}.stat-grid span{display:block;font-size:13px;font-weight:800;min-height:40px}.stat-grid small{color:#6fa8c8}.data-note{text-align:center;color:#6e8ca2;font-size:11px;margin-top:14px}.testimonials{padding:58px 0 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-grid blockquote{margin:0;border:1px solid rgba(0,126,255,.35);background:#07111a;padding:28px;font-size:17px;color:#d8e0e6}.testimonial-grid footer{font-size:12px;color:#41a9ff;margin-top:20px}.about{padding:70px 0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.about-visual{min-height:400px;border:1px solid rgba(0,126,255,.3);display:grid;place-items:center;background:radial-gradient(circle,#112338 0,#060b11 58%);position:relative;overflow:hidden}.about-monogram{font-family:"Arial Black",Arial,sans-serif;font-size:150px;color:#087cff;opacity:.65;letter-spacing:-20px;font-style:italic}.about-visual span{position:absolute;bottom:24px;left:24px;font-weight:900;letter-spacing:.18em}.about h2{font-size:clamp(44px,5vw,72px)}.about-copy p{font-size:17px;color:#cbd4dc}.audit{padding:70px 0;background:linear-gradient(90deg,rgba(2,7,13,.95),rgba(2,7,13,.6)),radial-gradient(circle at 70% 50%,#163250,#03080d 55%);border-top:1px solid var(--line)}.audit-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.audit h2{font-size:clamp(42px,4.5vw,68px)}.audit p{color:#cbd4dc;max-width:700px}.audit-actions{display:grid;gap:14px;text-align:center}.audit-actions>a:last-child{font-size:12px;color:#d7e6ef}.footer{border-top:1px solid var(--line);padding:36px 0 20px;background:#01050a}.footer-grid{display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:30px}.footer nav{display:flex;justify-content:center;gap:30px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);margin-top:25px;padding-top:18px;font-size:10px;color:#8293a0}
.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.nav-wrap{grid-template-columns:220px 1fr auto}.main-nav{gap:18px}.main-nav a{font-size:11px}.nav-cta{padding:0 16px}.hero h1{font-size:70px}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution-card:last-child{grid-column:1/-1}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.logo-row{grid-template-columns:repeat(3,1fr)}.blueprint-steps{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:12px}.proxy-grid{gap:30px}}
@media(max-width:820px){.container{width:min(calc(100% - 40px),var(--max))}.site-header{height:72px}.nav-wrap{grid-template-columns:1fr auto}.brand-name{font-size:13px}.brand-mark{font-size:28px}.menu-toggle{display:block}.main-nav,.nav-cta{display:none}.main-nav.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#030911;flex-direction:column;padding:25px 20px;border-bottom:1px solid var(--line)}.hero{min-height:auto;padding-top:0}.hero-art{background-image:linear-gradient(180deg,rgba(2,7,13,.96) 0%,rgba(2,7,13,.9) 56%,rgba(2,7,13,.42) 100%),url('assets/hero-bg.png');background-position:65% center}.hero-inner{min-height:740px;align-items:flex-start}.hero-copy{padding:76px 0 250px;max-width:100%}.hero h1{font-size:clamp(54px,13vw,78px)}.hero p{font-size:16px;max-width:520px}.service-strip{flex-wrap:wrap;gap:10px 0}.service-strip span+span:before{margin:0 12px -4px}.logo-row{grid-template-columns:repeat(2,1fr)}.problem-head,.problem-copy,.blueprint-head,.section-heading.split,.proxy-grid,.about-grid,.audit-grid{grid-template-columns:1fr}.problem-note,.problem-copy{margin-top:16px}.system-flow{grid-template-columns:1fr 1fr;gap:24px}.flow-arrow{display:none}.system-flow article:last-of-type{grid-column:1/-1}.blueprint-steps{grid-template-columns:repeat(2,1fr);overflow:visible}.blueprint-card{border-right:0;border-bottom:1px solid rgba(0,126,255,.2)}.blueprint-card:last-child{grid-column:1/-1}.portfolio-grid{grid-template-columns:1fr 1fr}.solution-grid{grid-template-columns:1fr 1fr}.solution-card:last-child{grid-column:1/-1}.proxy-copy{order:1}.phone-wrap{order:2;min-height:550px}.proxy-features{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr auto}.footer nav{display:none}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.eyebrow{font-size:10px;letter-spacing:.3em}.micro-heading{font-size:10px;letter-spacing:.16em}.hero-copy{padding-top:55px}.hero h1{font-size:52px}.button-row{flex-direction:column;align-items:stretch}.btn{width:100%;padding:0 18px}.trust-title{font-size:8px;line-height:1.7}.logo-row{grid-template-columns:1fr 1fr}.logo-row span{font-size:11px}.problem,.blueprint,.work,.solutions,.proxy,.results,.testimonials,.about,.audit{padding:52px 0}.problem h2,.blueprint h2,.section-heading h2,.proxy h2,.about h2,.audit h2{font-size:42px}.problem-copy p{font-size:15px}.system-flow{grid-template-columns:1fr}.system-flow article:last-of-type{grid-column:auto}.blueprint-steps{grid-template-columns:1fr}.blueprint-card:last-child{grid-column:auto}.portfolio-grid{grid-template-columns:1fr}.solution-grid{grid-template-columns:1fr}.solution-card:last-child{grid-column:auto}.proxy-features{grid-template-columns:1fr 1fr}.phone{width:255px;min-height:500px}.phone-wrap{min-height:520px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid strong{font-size:30px}.about-visual{min-height:280px}.about-monogram{font-size:110px}.footer-grid{grid-template-columns:1fr}.footer-grid>.btn{width:auto}.footer-bottom{flex-direction:column;gap:10px}.project-body p{min-height:auto}}

/* V2: real brand/client assets + wide-screen hero correction */
.brand-logo-only{display:flex;align-items:center}.site-logo{display:block;width:72px;height:auto;object-fit:contain}.footer-logo{width:78px}.nav-wrap{grid-template-columns:140px 1fr auto}
.hero-art{background-image:linear-gradient(90deg,rgba(2,7,13,.98) 0%,rgba(2,7,13,.93) 31%,rgba(2,7,13,.46) 49%,rgba(2,7,13,.05) 74%,rgba(2,7,13,0) 100%),url('assets/hero-bg.png');background-size:auto 100%;background-position:right center;background-repeat:no-repeat;background-color:#02070d}
.logo-row-images{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;align-items:center}
.logo-row-images img{width:100%;height:70px;object-fit:contain;opacity:.76;filter:grayscale(1);transition:opacity .25s ease,filter .25s ease,transform .25s ease}
.logo-row-images img:hover{opacity:1;filter:grayscale(0);transform:translateY(-2px)}
@media(min-width:1600px){.hero{min-height:690px}.hero-inner{min-height:690px}.hero-art{background-size:auto 100%;background-position:right center}.hero-copy{max-width:690px}}
@media(max-width:1080px){.nav-wrap{grid-template-columns:110px 1fr auto}.site-logo{width:62px}.logo-row-images{grid-template-columns:repeat(4,1fr)}.logo-row-images img{height:64px}}
@media(max-width:820px){.nav-wrap{grid-template-columns:1fr auto}.site-logo{width:58px}.hero-art{background-image:linear-gradient(180deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.93) 49%,rgba(2,7,13,.50) 100%),url('assets/hero-bg.png');background-size:auto 72%;background-position:right bottom;background-repeat:no-repeat}.logo-row-images{grid-template-columns:repeat(4,1fr);gap:12px}.logo-row-images img{height:58px}}
@media(max-width:560px){.site-logo{width:52px}.logo-row-images{grid-template-columns:repeat(2,1fr)}.logo-row-images img{height:58px}.hero-art{background-size:auto 52%;background-position:74% bottom}}

@media (min-width:1600px){.hero-art{background-size:auto 128%;background-position:right 43% center}.hero{min-height:690px}.hero-inner{min-height:690px}.logo-row img{height:82px}.trust-bar{padding-top:34px;padding-bottom:38px}}
@media (min-width:2200px){.hero-art{background-size:auto 138%;background-position:right 40% center}.hero{min-height:740px}.hero-inner{min-height:740px}.logo-row img{height:92px}}
@media (max-width:1100px){.logo-row{grid-template-columns:repeat(4,1fr);gap:24px 32px}.logo-row img{height:66px}}
@media (max-width:640px){.logo-row{grid-template-columns:repeat(2,1fr);gap:20px 26px}.logo-row img{height:58px}.hero-art{background-size:auto 72%;background-position:right top 18px;opacity:.55}}

/* V3 final polish */
@media (min-width:1200px){.logo-row-images img{height:88px}.logo-row-images{gap:34px}.trust-bar{padding:34px 0 40px}}
@media (min-width:1600px){.logo-row-images img{height:100px}.logo-row-images{gap:40px}.trust-title{margin-bottom:28px}}

/* V4 desktop refinement: lower hero artwork + larger client proof logos */
@media (min-width:1200px){
  .hero-art{background-position:right 43% calc(50% + 48px)}
  .logo-row-images img{height:112px}
  .logo-row-images{gap:30px}
  .trust-bar{padding:38px 0 46px}
}
@media (min-width:1600px){
  .hero-art{background-position:right 43% calc(50% + 56px)}
  .logo-row-images img{height:128px}
  .logo-row-images{gap:34px}
  .trust-title{margin-bottom:30px}
}
@media (min-width:2200px){
  .hero-art{background-position:right 40% calc(50% + 64px)}
  .logo-row-images img{height:138px}
}

/* V5 — humanized problem section */
.problem-question{display:inline-block;color:#fff;font-weight:800;letter-spacing:.16em;font-size:11px;margin-bottom:8px}.owner-line{font-size:20px!important;color:#fff!important;margin-bottom:8px}.owner-line strong{color:var(--blue2)}.problem-copy>div>p:nth-child(2){max-width:680px;color:#aebbc7}.issue-list{align-self:start}.issue-list li{line-height:1.35;margin:10px 0}
/* V6: human-centered customer journey */
.human-flow .flow-icon{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(0,132,255,.12),transparent 64%);font-family:Arial,sans-serif}
.human-flow .flow-icon span{position:absolute;color:#86d9ff;text-shadow:0 0 14px rgba(0,140,255,.55);line-height:1}
.human-flow h3{font-size:13px;letter-spacing:.04em;margin-bottom:4px}
.human-flow .flow-label{font-size:9px;letter-spacing:.22em;color:var(--blue2);font-weight:800;margin-bottom:5px}
.human-flow p{max-width:150px}
.person-icon{font-size:15px;top:17px;left:28px}.briefcase-icon{font-size:30px;top:32px;left:22px}
.phone-icon{font-size:38px;top:19px;left:27px}.person-head{font-size:12px;top:29px;left:13px}
.spark-icon{font-size:25px;top:17px;right:15px}
.people-icon{font-size:11px;top:17px;left:18px;letter-spacing:8px}.handshake-icon{font-size:35px;top:31px;left:20px}
.team-icon{font-size:9px;top:20px;left:12px;letter-spacing:5px}.rise-icon{font-size:32px;top:32px;left:24px}

/* V7: simplified Work of Iron client mark, enlarged for visual balance */
.logo-row-images img[alt="Work of Iron"]{transform:scale(1.34)}
.logo-row-images img[alt="Work of Iron"]:hover{transform:scale(1.39) translateY(-2px)}
@media(max-width:820px){.logo-row-images img[alt="Work of Iron"]{transform:scale(1.2)}.logo-row-images img[alt="Work of Iron"]:hover{transform:scale(1.24) translateY(-2px)}}

/* V8: client logo transparency + brand-color hover details */
.logo-row-images img[alt="Balance of Nature"]:hover{filter:none;}
.logo-row-images img[alt="Dr. Phytos"]:hover{filter:none;}
.logo-row-images img[alt="Moto United"]:hover{filter:none;}

/* V9: unify client strip — white at rest, no color hover, rebalance sizes */
.logo-row-images img,
.logo-row-images img:hover{
  filter:grayscale(1) brightness(0) invert(1);
  opacity:.82;
}
.logo-row-images img:hover{opacity:1;transform:none;}
.logo-row-images img[alt="Work of Iron"],
.logo-row-images img[alt="Work of Iron"]:hover{
  transform:scale(1.34);
  filter:grayscale(1) brightness(0) invert(1);
}
.logo-row-images img[alt="Balance of Nature"],
.logo-row-images img[alt="Balance of Nature"]:hover{transform:scale(1.28);}
.logo-row-images img[alt="Marine United"],
.logo-row-images img[alt="Marine United"]:hover{transform:scale(1.34);}
.logo-row-images img[alt="Moto United"],
.logo-row-images img[alt="Moto United"]:hover{transform:scale(1.34);}
@media(max-width:820px){
  .logo-row-images img[alt="Work of Iron"],.logo-row-images img[alt="Work of Iron"]:hover{transform:scale(1.18)}
  .logo-row-images img[alt="Balance of Nature"],.logo-row-images img[alt="Balance of Nature"]:hover{transform:scale(1.14)}
  .logo-row-images img[alt="Marine United"],.logo-row-images img[alt="Marine United"]:hover{transform:scale(1.18)}
  .logo-row-images img[alt="Moto United"],.logo-row-images img[alt="Moto United"]:hover{transform:scale(1.18)}
}

/* V10: true white transparent client marks + stronger visual balance */
.logo-row-images{
  grid-template-columns:1.15fr 1.35fr 1.25fr 1.22fr 1.18fr 1.38fr 1.38fr .8fr;
  gap:34px;
}
.logo-row-images img{
  width:100%;
  height:86px;
  max-width:none;
  object-fit:contain;
  opacity:.84;
  filter:none;
  transform:none !important;
}
.logo-row-images img:hover{opacity:.84;filter:none;transform:none !important;}
.logo-row-images img[alt="CrossFit Zion"]{height:88px;}
.logo-row-images img[alt="Work of Iron"]{height:110px;}
.logo-row-images img[alt="Auto Trim Design"]{height:86px;}
.logo-row-images img[alt="Balance of Nature"]{height:102px;}
.logo-row-images img[alt="Dr. Phytos"]{height:86px;}
.logo-row-images img[alt="Marine United"]{height:106px;}
.logo-row-images img[alt="Moto United"]{height:106px;}
.logo-row-images img[alt="Wild Coyote"]{height:72px;}
@media(min-width:1600px){
  .logo-row-images{gap:42px;}
  .logo-row-images img[alt="CrossFit Zion"]{height:96px;}
  .logo-row-images img[alt="Work of Iron"]{height:122px;}
  .logo-row-images img[alt="Auto Trim Design"]{height:94px;}
  .logo-row-images img[alt="Balance of Nature"]{height:114px;}
  .logo-row-images img[alt="Dr. Phytos"]{height:94px;}
  .logo-row-images img[alt="Marine United"]{height:118px;}
  .logo-row-images img[alt="Moto United"]{height:118px;}
  .logo-row-images img[alt="Wild Coyote"]{height:78px;}
}
@media(max-width:1100px){.logo-row-images{grid-template-columns:repeat(4,1fr);row-gap:24px}}
@media(max-width:560px){.logo-row-images{grid-template-columns:repeat(2,1fr);gap:18px}.logo-row-images img{height:64px!important}.logo-row-images img[alt="Work of Iron"]{height:78px!important}}

/* V11: true knockout client strip — transparent background, pure white marks */
.logo-row-images img,.logo-row-images img:hover{filter:none!important;opacity:.9!important;background:transparent!important;mix-blend-mode:normal;transform:none!important;}
.logo-row-images img[alt="Balance of Nature"]{height:112px;}
.logo-row-images img[alt="Marine United"]{height:116px;}
.logo-row-images img[alt="Moto United"]{height:116px;}
@media(min-width:1600px){.logo-row-images img[alt="Balance of Nature"]{height:124px}.logo-row-images img[alt="Marine United"]{height:128px}.logo-row-images img[alt="Moto United"]{height:128px}}

/* V13: client strip cleanup — alpha-based true white marks, lighter Auto Trim, larger Wild Coyote */
.logo-row-images img,.logo-row-images img:hover{filter:none!important;opacity:.9!important;background:transparent!important;transform:none!important;}
.logo-row-images img[alt="Auto Trim Design"]{height:80px!important;opacity:.78!important;}
.logo-row-images img[alt="Wild Coyote"]{height:112px!important;}
@media(min-width:1600px){
  .logo-row-images img[alt="Auto Trim Design"]{height:88px!important;}
  .logo-row-images img[alt="Wild Coyote"]{height:124px!important;}
}
@media(max-width:820px){
  .logo-row-images img[alt="Auto Trim Design"]{height:62px!important;}
  .logo-row-images img[alt="Wild Coyote"]{height:78px!important;}
}



/* V14 — client logo marquee: spacious, soft-gray, roughly four marks visible at a time */
.trust-bar{
  overflow:hidden;
  padding:38px 0 46px;
}
.trust-title{
  margin-bottom:34px;
}
.logo-marquee{
  width:100%;
  overflow:hidden;
  position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.logo-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:bgLogoMarquee 44s linear infinite;
}
.logo-set{
  display:flex;
  align-items:center;
  gap:72px;
  padding-right:72px;
  flex:none;
}
.client-logo{
  width:220px;
  height:96px;
  flex:0 0 220px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.client-logo img,
.client-logo img:hover{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  opacity:.82 !important;
  filter:none !important;
  transform:none !important;
  background:transparent !important;
}
.client-logo img[alt="Work of Iron"]{max-height:104px;}
.client-logo img[alt="Battle of the Breasts"]{max-height:92px;}
.client-logo img[alt="Wild Coyote"]{max-height:88px;}
.logo-marquee:hover .logo-track{animation-play-state:paused;}
@keyframes bgLogoMarquee{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}
@media(min-width:1600px){
  .logo-set{gap:88px;padding-right:88px}
  .client-logo{width:250px;flex-basis:250px;height:106px}
  .trust-bar{padding:42px 0 52px}
}
@media(max-width:900px){
  .logo-set{gap:50px;padding-right:50px}
  .client-logo{width:185px;flex-basis:185px;height:82px}
  .logo-track{animation-duration:38s}
}
@media(max-width:560px){
  .trust-bar{padding:30px 0 34px}
  .trust-title{margin-bottom:24px}
  .logo-set{gap:38px;padding-right:38px}
  .client-logo{width:150px;flex-basis:150px;height:72px}
  .logo-track{animation-duration:34s}
}
@media(prefers-reduced-motion:reduce){
  .logo-track{animation:none}
  .logo-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
}


/* V16 — elevated growth-story treatment */
.problem{
  overflow:hidden;
  isolation:isolate;
  position:relative;
  background:
    radial-gradient(circle at 86% 46%,rgba(0,120,255,.13),transparent 28%),
    linear-gradient(180deg,rgba(2,7,13,.98),rgba(3,10,18,.98));
}
.problem:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 48%,rgba(0,125,255,.025) 48% 49%,transparent 49% 100%),
    linear-gradient(rgba(0,125,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,125,255,.028) 1px,transparent 1px);
  background-size:100% 100%,42px 42px,42px 42px;
  z-index:-3;
}
.problem>.container{position:relative;z-index:3}

.growth-trajectory{
  position:absolute;
  inset:18% -2% 3%;
  z-index:-1;
  pointer-events:none;
  opacity:.82;
}
.growth-trajectory svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.growth-path-soft{
  fill:none;
  stroke:#008cff;
  stroke-width:20;
  stroke-linecap:round;
  opacity:.035;
  filter:url(#growthGlow);
}
.growth-path-main{
  fill:none;
  stroke:url(#growthLine);
  stroke-width:3.5;
  stroke-linecap:round;
  filter:url(#growthGlow);
}
.growth-arrow-head{
  fill:none;
  stroke:#34b6ff;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.92;
  filter:url(#growthGlow);
}
.growth-bars{
  position:absolute;
  right:6%;
  bottom:9%;
  width:38%;
  height:58%;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:3.5%;
  opacity:.12;
  transform:skewX(-5deg);
}
.growth-bars span{
  flex:1 1 0;
  max-width:52px;
  border:1px solid rgba(0,154,255,.6);
  background:linear-gradient(180deg,rgba(0,145,255,.12),rgba(0,145,255,.015));
  box-shadow:0 0 30px rgba(0,115,255,.08);
}
.growth-bars span:nth-child(1){height:14%}
.growth-bars span:nth-child(2){height:22%}
.growth-bars span:nth-child(3){height:31%}
.growth-bars span:nth-child(4){height:45%}
.growth-bars span:nth-child(5){height:63%}
.growth-bars span:nth-child(6){height:88%}

.problem-note{
  position:relative;
  padding:22px 24px 22px;
  border:1px solid rgba(0,139,255,.34);
  background:linear-gradient(180deg,rgba(9,24,39,.76),rgba(4,12,20,.54));
  box-shadow:0 18px 55px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(9px);
}
.problem-note:before{
  content:"";
  position:absolute;
  top:-1px;
  left:22px;
  width:82px;
  height:2px;
  background:linear-gradient(90deg,#00a2ff,transparent);
  box-shadow:0 0 18px rgba(0,151,255,.6);
}
.problem-question{
  color:#dff4ff;
}
.issue-list{
  padding:18px 18px 18px 0;
}

.system-flow{
  position:relative;
  z-index:2;
  padding-top:18px;
}
.system-flow article{
  transition:transform .25s ease;
}
.system-flow article:nth-of-type(1){transform:translateY(18px)}
.system-flow article:nth-of-type(2){transform:translateY(10px)}
.system-flow article:nth-of-type(3){transform:translateY(2px)}
.system-flow article:nth-of-type(4){transform:translateY(-8px)}
.system-flow article:nth-of-type(5){transform:translateY(-20px)}

.human-flow .flow-icon{
  background:
    radial-gradient(circle at 50% 45%,rgba(0,132,255,.17),transparent 62%),
    rgba(3,13,22,.78);
  border-color:rgba(0,174,255,.8);
  box-shadow:0 0 24px rgba(0,127,255,.18), inset 0 0 18px rgba(0,127,255,.04);
}
.human-flow article:nth-of-type(5) .flow-icon{
  transform:scale(1.08);
  box-shadow:0 0 36px rgba(0,145,255,.34), inset 0 0 20px rgba(0,145,255,.08);
}
.human-flow article:nth-of-type(5) h3,
.human-flow article:nth-of-type(5) .flow-label{
  color:#58c7ff;
}

.center-callout{
  margin-top:24px;
  position:relative;
  z-index:3;
  padding:18px 20px 4px;
}
.center-callout strong{
  text-shadow:0 0 28px rgba(0,126,255,.22);
}

@media(max-width:820px){
  .growth-trajectory{
    inset:30% -30% 6% -15%;
    opacity:.48;
  }
  .growth-bars{display:none}
  .problem-note{
    max-width:640px;
  }
  .system-flow article:nth-of-type(n){
    transform:none;
  }
}

@media(max-width:560px){
  .growth-trajectory{
    display:none;
  }
  .problem-note{
    padding:18px 18px;
  }
}


/* V17 — human strategy background replaces abstract growth arrow */
.problem{
  background:
    linear-gradient(90deg,rgba(1,6,11,.98) 0%,rgba(1,7,13,.94) 38%,rgba(2,9,16,.82) 62%,rgba(2,8,14,.92) 100%),
    #02070d;
}
.growth-trajectory{display:none!important}

.growth-human-bg{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,
      rgba(2,7,12,.98) 0%,
      rgba(2,7,12,.94) 34%,
      rgba(2,7,12,.62) 52%,
      rgba(2,7,12,.20) 73%,
      rgba(2,7,12,.48) 100%),
    linear-gradient(180deg,
      rgba(2,7,12,.20) 0%,
      rgba(2,7,12,.10) 48%,
      rgba(2,7,12,.84) 79%,
      rgba(2,7,12,.98) 100%),
    url("assets/growth-human-bg.png");
  background-size:cover;
  background-position:center top;
  opacity:.74;
  filter:saturate(.9) contrast(1.05);
}
.growth-human-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 79% 30%,rgba(0,135,255,.10),transparent 26%),
    linear-gradient(180deg,transparent 0 63%,rgba(0,0,0,.50) 88%,rgba(0,0,0,.78) 100%);
}

/* Keep the copy dominant while letting the human image show through */
.problem-copy{
  text-shadow:0 2px 20px rgba(0,0,0,.72);
}
.problem-note{
  background:linear-gradient(180deg,rgba(4,14,24,.78),rgba(3,10,17,.70));
  backdrop-filter:blur(12px);
  border-color:rgba(0,151,255,.42);
  box-shadow:0 20px 60px rgba(0,0,0,.36);
}

/* Return the process flow to a clean horizontal baseline */
.system-flow article:nth-of-type(n){
  transform:none;
}
.human-flow .flow-icon{
  background:rgba(2,10,18,.82);
}
.human-flow article:nth-of-type(5) .flow-icon{
  transform:none;
}

@media(max-width:1100px){
  .growth-human-bg{
    background-position:60% top;
    opacity:.60;
  }
}
@media(max-width:820px){
  .growth-human-bg{
    background-position:67% top;
    opacity:.38;
  }
}
@media(max-width:560px){
  .growth-human-bg{
    background-position:72% top;
    opacity:.22;
  }
}


/* V18 — approved custom BG growth icon set */
.custom-growth-flow{
  margin-top:46px;
  margin-bottom:34px;
}
.custom-growth-flow article{
  min-width:0;
  text-align:center;
}
.growth-icon-art{
  height:145px;
  width:100%;
  max-width:205px;
  margin:0 auto 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.growth-icon-art:after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:8px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,151,255,.42),transparent);
  box-shadow:0 0 18px rgba(0,133,255,.25);
}
.growth-icon-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:screen;
  filter:contrast(1.08) saturate(.92);
}
.custom-growth-flow h3{
  font-size:14px;
  letter-spacing:.02em;
  margin:0 0 5px;
}
.custom-growth-flow .flow-label{
  font-size:9px;
  letter-spacing:.24em;
  color:var(--blue2);
  font-weight:800;
  margin-bottom:7px;
}
.custom-growth-flow p{
  max-width:160px;
  margin:0 auto;
}
.custom-growth-flow .flow-arrow{
  align-self:center;
  margin-top:-48px;
  font-size:30px;
  text-shadow:0 0 18px rgba(0,142,255,.35);
}

@media(max-width:820px){
  .growth-icon-art{height:132px;max-width:190px}
  .custom-growth-flow .flow-arrow{display:none}
}
@media(max-width:560px){
  .growth-icon-art{height:150px;max-width:220px}
  .custom-growth-flow{gap:34px}
}


/* V19 — Growth Blueprint methodology */
.blueprint-v19{
  position:relative;
  overflow:hidden;
  padding:84px 0 0;
  border-top:1px solid rgba(0,139,255,.38);
  border-bottom:1px solid rgba(0,139,255,.32);
  background:
    radial-gradient(circle at 78% 24%,rgba(0,103,255,.12),transparent 32%),
    linear-gradient(180deg,#02080e 0%,#030b14 70%,#02070d 100%);
}
.blueprint-v19:after{
  content:"";
  position:absolute;
  width:560px;height:560px;
  right:-180px;top:-190px;
  border:1px solid rgba(0,139,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(0,139,255,.018),0 0 0 140px rgba(0,139,255,.012);
  pointer-events:none;
}
.blueprint-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:70px;
  align-items:end;
  margin-bottom:58px;
}
.blueprint-head .eyebrow{margin-bottom:12px}
.blueprint-head h2{
  margin:0;
  font-size:clamp(44px,5vw,78px);
  line-height:.94;
  letter-spacing:-.045em;
}
.blueprint-head h2 span{color:#087fff}
.blueprint-head>p{
  margin:0 0 6px;
  color:#cbd6e0;
  font-size:17px;
  line-height:1.55;
}
.blueprint-system{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
}
.bp-connector{
  position:absolute;
  left:8%;right:8%;top:123px;height:1px;
  background:linear-gradient(90deg,transparent,#078dff 8%,#078dff 92%,transparent);
  opacity:.45;
  box-shadow:0 0 16px rgba(0,139,255,.18);
}
.bp-step{
  position:relative;
  min-width:0;
  padding:0 30px 42px;
  border-right:1px solid rgba(0,139,255,.20);
}
.bp-step:last-child{border-right:0}
.bp-num{
  color:#078cff;
  font-size:22px;
  font-weight:700;
  letter-spacing:.08em;
  margin-bottom:12px;
}
.bp-art{
  width:132px;height:132px;
  margin:0 auto 20px;
  position:relative;
  background:
    linear-gradient(rgba(0,132,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,132,255,.055) 1px,transparent 1px);
  background-size:18px 18px;
  border:1px solid rgba(0,139,255,.18);
  box-shadow:inset 0 0 30px rgba(0,104,255,.035),0 0 25px rgba(0,104,255,.035);
}
.bp-art:before,.bp-art:after,.bp-art span,.bp-art i{
  position:absolute;box-sizing:border-box;
}
.bp-step h3{
  color:#dff5ff;
  font-size:18px;
  margin:0 0 6px;
}
.bp-sub{
  color:#078cff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
  margin-bottom:13px;
}
.bp-step p{
  color:#b8c5d0;
  font-size:13px;
  line-height:1.55;
  margin:0;
}

/* blueprint cube */
.bp-cube .cube-top{width:58px;height:58px;left:36px;top:26px;border:2px solid #70d4ff;transform:rotate(30deg) skewY(-30deg) scaleY(.86)}
.bp-cube .cube-left{width:50px;height:58px;left:26px;top:54px;border:2px solid #078cff;transform:skewY(30deg)}
.bp-cube .cube-right{width:50px;height:58px;right:26px;top:54px;border:2px solid #078cff;transform:skewY(-30deg)}

/* pin/search */
.bp-pin .pin-ring{width:58px;height:72px;left:36px;top:22px;border:3px solid #078cff;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.bp-pin .pin-point{width:18px;height:18px;left:56px;top:45px;border:2px solid #70d4ff;border-radius:50%}
.bp-pin .pin-search{width:29px;height:29px;right:19px;bottom:19px;border:2px solid #70d4ff;border-radius:50%}
.bp-pin .pin-search:after{content:"";position:absolute;width:18px;height:2px;background:#70d4ff;right:-13px;bottom:-7px;transform:rotate(45deg)}

/* eye */
.bp-eye .eye-shell{width:94px;height:58px;left:18px;top:37px;border:3px solid #078cff;border-radius:70% 0 70% 0;transform:rotate(45deg)}
.bp-eye .eye-iris{width:44px;height:44px;left:43px;top:44px;border:3px solid #70d4ff;border-radius:50%}
.bp-eye .eye-dot{width:14px;height:14px;left:58px;top:59px;background:#078cff;border-radius:50%;box-shadow:0 0 15px #078cff}

/* shield */
.bp-shield .shield-shell{width:72px;height:86px;left:29px;top:20px;border:3px solid #078cff;clip-path:polygon(50% 0,100% 18%,91% 72%,50% 100%,9% 72%,0 18%)}
.bp-shield .shield-check{width:42px;height:22px;left:45px;top:52px;border-left:4px solid #70d4ff;border-bottom:4px solid #70d4ff;transform:rotate(-45deg)}

/* bars */
.bp-bars i{bottom:25px;width:18px;border:2px solid #078cff;background:rgba(0,128,255,.06)}
.bp-bars i:nth-child(1){height:28px;left:28px}
.bp-bars i:nth-child(2){height:48px;left:55px}
.bp-bars i:nth-child(3){height:70px;left:82px}
.bp-bars .bars-arrow{width:70px;height:48px;left:34px;top:23px;border-top:3px solid #70d4ff;transform:rotate(-24deg)}
.bp-bars .bars-arrow:after{content:"";position:absolute;right:-2px;top:-9px;width:16px;height:16px;border-top:3px solid #70d4ff;border-right:3px solid #70d4ff;transform:rotate(24deg)}

.bp-cta{text-align:center;padding:8px 0 58px}
.proof-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(0,139,255,.26);
  background:rgba(0,5,10,.58);
}
.proof-strip>div{
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  border-right:1px solid rgba(145,191,224,.25);
}
.proof-strip>div:last-child{border-right:0}
.proof-strip strong{
  color:#eef8ff;
  font-size:24px;
  line-height:1;
  margin-bottom:8px;
}
.proof-strip span{
  color:#8fa8ba;
  font-size:9px;
  letter-spacing:.12em;
  line-height:1.35;
}
.proof-strip .proof-pending{opacity:.42}

@media(max-width:1000px){
  .blueprint-head{grid-template-columns:1fr;gap:18px}
  .blueprint-head>p{max-width:620px}
  .blueprint-system{grid-template-columns:repeat(2,1fr)}
  .bp-connector{display:none}
  .bp-step{border-bottom:1px solid rgba(0,139,255,.15)}
  .bp-step:nth-child(odd){border-right:0}
  .proof-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .blueprint-v19{padding-top:62px}
  .blueprint-system{grid-template-columns:1fr}
  .bp-step{border-right:0;padding:0 12px 40px}
  .bp-art{margin-left:0}
  .proof-strip{grid-template-columns:1fr 1fr}
  .proof-strip>div{min-height:100px}
}


/* V20 — dimensional connected Growth Blueprint */
.blueprint-v20{
  position:relative;
  overflow:hidden;
  padding:82px 0 74px;
  border-top:1px solid rgba(0,139,255,.34);
  border-bottom:1px solid rgba(0,139,255,.30);
  background:
    radial-gradient(circle at 75% 28%,rgba(0,105,255,.14),transparent 34%),
    linear-gradient(180deg,#02080e,#020a12 62%,#02070c);
}
.bp20-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 440px;
  gap:70px;
  align-items:end;
  margin-bottom:30px;
}
.bp20-head .eyebrow{margin-bottom:12px}
.bp20-head h2{
  margin:0;
  font-size:clamp(48px,5.2vw,82px);
  line-height:.92;
  letter-spacing:-.05em;
}
.bp20-head h2 span{display:block;color:#087fff}
.bp20-intro p{
  margin:0 0 24px;
  max-width:430px;
  color:#c9d4dd;
  font-size:17px;
  line-height:1.6;
}
.bp20-tag{
  color:#8296a7;
  font-size:10px;
  font-weight:700;
  letter-spacing:.24em;
}
.bp20-tag b{color:#0b8fff;margin:0 10px}

.bp20-visual{
  position:relative;
  width:100%;
  min-height:390px;
  overflow:hidden;
  border-top:1px solid rgba(0,139,255,.12);
  border-bottom:1px solid rgba(0,139,255,.18);
  background:#02070c;
}
.bp20-visual img{
  display:block;
  width:100%;
  height:auto;
  transform:scale(1.02);
  transform-origin:center center;
}
.bp20-fade{
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 90px 28px rgba(1,7,12,.48);
}

.bp20-steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-bottom:1px solid rgba(0,139,255,.16);
}
.bp20-steps article{
  min-width:0;
  padding:28px 28px 34px;
  border-right:1px solid rgba(0,139,255,.24);
}
.bp20-steps article:last-child{border-right:0}
.bp20-num{
  color:#078cff;
  font-size:22px;
  font-weight:800;
  margin-bottom:5px;
}
.bp20-steps h3{
  margin:0 0 5px;
  color:#f2f8fc;
  font-size:18px;
}
.bp20-sub{
  color:#9fc2d9;
  font-size:11px;
  margin-bottom:13px;
}
.bp20-steps p{
  margin:0;
  color:#aebdc8;
  font-size:13px;
  line-height:1.55;
}
.bp20-bottom{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:70px;
  padding-top:34px;
}
.bp20-close{
  color:#7e93a4;
  font-size:10px;
  letter-spacing:.18em;
  line-height:1.7;
}
.bp20-close strong{color:#0b8fff;font-weight:800}

@media(max-width:1000px){
  .bp20-head{grid-template-columns:1fr;gap:20px}
  .bp20-visual{min-height:0}
  .bp20-steps{grid-template-columns:repeat(2,1fr)}
  .bp20-steps article{border-bottom:1px solid rgba(0,139,255,.18)}
  .bp20-bottom{justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:620px){
  .blueprint-v20{padding-top:60px}
  .bp20-head h2{font-size:48px}
  .bp20-visual img{
    width:175%;
    max-width:none;
    transform:translateX(-22%);
  }
  .bp20-steps{grid-template-columns:1fr}
  .bp20-steps article{border-right:0;padding-left:8px;padding-right:8px}
  .bp20-bottom{gap:28px}
}


/* V21 — dissolve Growth Blueprint artwork into page background */
.blueprint-v20{
  --bp-page:#020a12;
}

.bp21-blended-visual{
  overflow:visible;
  border:0;
  background:transparent;
  min-height:0;
  margin-top:10px;
  isolation:isolate;
}

/* The image remains crisp in the center, but its perimeter dissolves away. */
.bp21-blended-visual img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  transform:none;
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 7%, #000 88%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 7%, #000 88%, transparent 100%);
  mask-composite: intersect;
}

/* Navy edge wash matches the surrounding section instead of forming a box. */
.bp21-blended-visual:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:-2px;
  pointer-events:none;
  background:
    linear-gradient(90deg,var(--bp-page) 0%,transparent 10%,transparent 90%,var(--bp-page) 100%),
    linear-gradient(180deg,var(--bp-page) 0%,transparent 10%,transparent 82%,var(--bp-page) 100%);
}

/* Soft blue spill makes the connected system feel embedded in the page. */
.bp21-blended-visual:after{
  content:"";
  position:absolute;
  z-index:0;
  left:13%;
  right:10%;
  top:16%;
  bottom:5%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(0,117,255,.18),rgba(0,89,220,.07) 42%,transparent 72%);
  filter:blur(38px);
  transform:scale(1.08);
}

.bp21-blended-visual .bp20-fade{
  z-index:3;
  inset:-1px;
  box-shadow:none;
  background:
    radial-gradient(ellipse at center,transparent 48%,rgba(2,10,18,.20) 67%,rgba(2,10,18,.76) 100%);
}

/* Pull the live five-step content closer to the artwork so it reads as one system. */
.bp20-steps{
  position:relative;
  z-index:4;
  margin-top:-18px;
  background:linear-gradient(180deg,rgba(2,10,18,.10),rgba(2,10,18,.72) 28%,rgba(2,10,18,.94));
}

@media(max-width:620px){
  .bp21-blended-visual{
    overflow:hidden;
    margin-left:-18px;
    margin-right:-18px;
  }
  .bp21-blended-visual img{
    width:175%;
    max-width:none;
    transform:translateX(-22%);
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 88%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 88%,transparent 100%);
  }
  .bp21-blended-visual:before{
    background:linear-gradient(180deg,var(--bp-page),transparent 9%,transparent 84%,var(--bp-page));
  }
}


/* V22 — corrected Blueprint artwork: one set of stages, true transparent fade */
.bp21-blended-visual{
  min-height:0;
  height:430px;
  margin:8px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  background:
    radial-gradient(ellipse at center,rgba(0,117,255,.13),rgba(0,75,180,.045) 48%,transparent 74%);
}
.bp21-blended-visual img{
  width:auto;
  height:100%;
  max-width:100%;
  object-fit:contain;
  transform:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  filter:drop-shadow(0 0 28px rgba(0,119,255,.12));
}
.bp21-blended-visual:before{
  display:none !important;
}
.bp21-blended-visual:after{
  left:12%;
  right:12%;
  top:18%;
  bottom:12%;
  filter:blur(48px);
  opacity:.85;
}
.bp21-blended-visual .bp20-fade{
  display:none;
}
.bp20-steps{
  margin-top:-18px;
  background:transparent;
}

@media(max-width:1000px){
  .bp21-blended-visual{height:360px}
}
@media(max-width:620px){
  .bp21-blended-visual{
    height:275px;
    margin-left:0;
    margin-right:0;
    overflow:visible;
  }
  .bp21-blended-visual img{
    width:auto !important;
    height:100%;
    max-width:none;
    transform:none !important;
  }
}


/* V23 — real-project responsive portfolio */
.work-v23{padding:78px 0 86px;background:radial-gradient(circle at 85% 10%,rgba(0,110,255,.10),transparent 26%),linear-gradient(180deg,#01060b,#020910 58%,#01060b)}
.work-v23 .section-heading.split{align-items:start;margin-bottom:40px}
.work-v23 .work-intro{display:grid;gap:22px;justify-items:start}
.work-v23 .work-intro p{margin:0;max-width:380px;color:#c8d2db}
.work-v23 .work-intro .btn{min-height:48px;width:auto}
.portfolio-grid-v23{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.project-card-v23{position:relative;overflow:visible;background:linear-gradient(180deg,rgba(8,18,29,.95),rgba(3,9,15,.98));border:1px solid rgba(0,130,255,.34);box-shadow:0 18px 50px rgba(0,0,0,.20)}
.project-card-v23:hover{transform:translateY(-5px);border-color:rgba(0,156,255,.62);box-shadow:0 22px 55px rgba(0,91,255,.13)}
.project-devices{position:relative;min-height:260px;padding:20px 22px 0;overflow:hidden;background:linear-gradient(rgba(0,126,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,126,255,.035) 1px,transparent 1px),radial-gradient(circle at 70% 38%,rgba(0,111,255,.08),transparent 34%);background-size:30px 30px,30px 30px,100% 100%}
.laptop-frame{position:absolute;left:20px;right:42px;bottom:18px;height:210px;border:2px solid #768392;border-radius:10px 10px 5px 5px;background:#070d13;box-shadow:0 16px 25px rgba(0,0,0,.45),0 0 0 2px rgba(0,0,0,.55)}
.laptop-screen{position:absolute;inset:8px 8px 14px;overflow:hidden;background:#000;border-radius:4px}
.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.laptop-base{position:absolute;left:-12px;right:-12px;bottom:-10px;height:10px;border-radius:0 0 45% 45%;background:linear-gradient(180deg,#7f8995,#2f3740);box-shadow:0 4px 7px rgba(0,0,0,.5)}
.phone-frame{position:absolute;z-index:4;right:10px;bottom:8px;width:78px;height:164px;border:3px solid #b4bec7;border-radius:18px;padding:7px 5px 5px;background:#05080b;box-shadow:0 14px 26px rgba(0,0,0,.55),0 0 0 2px #151b20;overflow:hidden}
.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:11px}
.phone-notch{position:absolute;z-index:5;top:5px;left:50%;transform:translateX(-50%);width:32px;height:5px;border-radius:10px;background:#05080b}
.project-card-v23 .project-body{padding:17px 18px 20px}
.project-card-v23 .project-body h3{font-size:18px}
.project-card-v23 .project-body p{min-height:63px;font-size:13px}
.project-card-v23 .tags{font-size:10px;line-height:1.55}
@media(max-width:1080px){.portfolio-grid-v23{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portfolio-grid-v23{grid-template-columns:1fr}.project-devices{min-height:300px}.laptop-frame{height:245px;right:55px}.phone-frame{width:88px;height:182px}}
@media(max-width:480px){.project-devices{min-height:245px;padding-left:10px;padding-right:10px}.laptop-frame{left:10px;right:44px;height:198px}.phone-frame{right:7px;width:70px;height:150px}}

/* V26 — humanized solutions */
.solutions-human{position:relative;overflow:hidden;padding:84px 0 78px;background-image:linear-gradient(90deg,rgba(2,8,14,.97) 0%,rgba(2,8,14,.91) 47%,rgba(4,22,45,.64) 100%)}
.solutions-human:after{content:"";position:absolute;right:-8%;top:0;width:58%;height:100%;background:radial-gradient(circle at 60% 35%,rgba(0,126,255,.17),transparent 55%);pointer-events:none}
.solutions-human-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:70px;align-items:center;margin-bottom:42px}
.solutions-human-head h2{font-size:clamp(48px,5vw,76px);line-height:.94;margin:14px 0 22px;letter-spacing:-.035em}.solutions-human-head h2 strong{color:var(--blue);font-weight:900}.solutions-human-head>div>p{max-width:680px;font-size:18px;color:#d0d8e0;line-height:1.65}
.solutions-human-visual{min-height:285px;position:relative}.human-scene{height:285px;position:relative;overflow:hidden;border:1px solid rgba(46,164,255,.22);background:linear-gradient(125deg,rgba(7,18,31,.55),rgba(6,31,59,.3)),radial-gradient(circle at 72% 25%,rgba(0,132,255,.25),transparent 38%),linear-gradient(180deg,#07111d,#02070d);box-shadow:0 30px 70px rgba(0,0,0,.35);clip-path:polygon(5% 0,100% 0,100% 92%,95% 100%,0 100%,0 9%)}
.human-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 35%),repeating-linear-gradient(90deg,transparent 0 72px,rgba(43,143,225,.05) 73px),repeating-linear-gradient(0deg,transparent 0 52px,rgba(43,143,225,.045) 53px)}
.scene-screen{position:absolute;right:8%;top:13%;width:45%;height:43%;border:1px solid rgba(107,198,255,.55);background:rgba(3,13,23,.9);box-shadow:0 0 28px rgba(0,126,255,.18);padding:18px}.scene-screen:before{content:"GROWTH";font-size:9px;letter-spacing:.25em;color:#76d4ff}.scene-screen span{display:block;height:2px;margin:54px 0 0;background:linear-gradient(90deg,#168cff 0 16%,transparent 16% 20%,#168cff 20% 39%,transparent 39% 43%,#168cff 43% 63%,transparent 63% 67%,#168cff 67% 100%);transform:skewY(-10deg);box-shadow:0 0 8px #087fff}.scene-screen i{display:inline-block;width:22%;height:20px;margin:25px 5% 0 0;border-bottom:2px solid #168cff;background:linear-gradient(0deg,rgba(0,126,255,.22),transparent)}
.scene-person{position:absolute;bottom:43px}.scene-person b{display:block;width:47px;height:47px;border-radius:50%;background:linear-gradient(145deg,#b7c3cd,#485867);margin:auto;box-shadow:0 0 18px rgba(67,162,230,.12)}.scene-person span{display:block;width:105px;height:116px;margin-top:5px;background:linear-gradient(145deg,#344556,#111a24);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%)}.scene-person-one{left:22%}.scene-person-two{left:43%;transform:scale(.88);opacity:.85}.scene-table{position:absolute;left:8%;right:6%;bottom:27px;height:24px;background:linear-gradient(180deg,#243443,#080e15);transform:skewX(-16deg);box-shadow:0 9px 18px #000}.scene-caption{position:absolute;left:22px;bottom:16px;font-size:8px;letter-spacing:.24em;color:#8ecff5;z-index:3}
.outcome-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(0,126,255,.32);border-bottom:1px solid rgba(0,126,255,.25)}.outcome-card{position:relative;padding:28px 24px 30px;min-height:320px;border-right:1px solid rgba(0,126,255,.24);background:linear-gradient(180deg,rgba(4,16,27,.68),rgba(2,8,14,.38));transition:.25s ease}.outcome-card:first-child{border-left:1px solid rgba(0,126,255,.24)}.outcome-card:hover{background:linear-gradient(180deg,rgba(5,34,61,.82),rgba(2,12,22,.55));transform:translateY(-4px)}.outcome-num{font-size:12px;letter-spacing:.18em;color:var(--blue2);margin-bottom:22px}.outcome-icon{font-size:38px;line-height:1;color:#7dd4ff;margin-bottom:20px;text-shadow:0 0 22px rgba(0,153,255,.45)}.outcome-card h3{font-size:17px;margin:0 0 8px}.outcome-card strong{display:block;color:#f5f8fb;font-size:14px;line-height:1.4;margin-bottom:12px}.outcome-card p{color:#aebbc6;font-size:13px;line-height:1.55;min-height:82px}.outcome-card a{display:inline-block;margin-top:12px;color:var(--blue2);font-size:11px;font-weight:800;letter-spacing:.06em}.solutions-human-cta{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:38px}.solutions-human-cta span{font-size:10px;letter-spacing:.25em;color:#9aa9b6}
@media(max-width:1080px){.solutions-human-head{grid-template-columns:1fr 1fr;gap:35px}.outcome-grid{grid-template-columns:repeat(2,1fr)}.outcome-card{border-bottom:1px solid rgba(0,126,255,.24)}.outcome-card:last-child{grid-column:1/-1}}
@media(max-width:820px){.solutions-human-head{grid-template-columns:1fr}.solutions-human-visual{min-height:245px}.human-scene{height:245px}.outcome-grid{grid-template-columns:1fr 1fr}.solutions-human-cta{flex-direction:column;gap:16px}.solutions-human-cta .btn{width:auto}}
@media(max-width:560px){.solutions-human{padding:55px 0}.solutions-human-head h2{font-size:43px}.solutions-human-head>div>p{font-size:15px}.human-scene{height:220px}.solutions-human-visual{min-height:220px}.outcome-grid{grid-template-columns:1fr}.outcome-card:last-child{grid-column:auto}.outcome-card{min-height:auto}.outcome-card p{min-height:auto}.scene-person-two{display:none}.scene-person-one{left:18%}.scene-screen{width:52%}}


/* V27 — humanized solutions section with approved system-building visual */
.solutions-v27{
  position:relative;
  overflow:hidden;
  padding:82px 0 86px;
  background:
    radial-gradient(circle at 76% 36%,rgba(0,112,255,.14),transparent 34%),
    linear-gradient(180deg,#02080f 0%,#020a13 60%,#02070d 100%);
  border-top:1px solid rgba(0,139,255,.24);
  border-bottom:1px solid rgba(0,139,255,.24);
}
.solutions-v27-grid{
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:54px;
  align-items:center;
}
.solutions-v27-copy{
  position:relative;
  z-index:3;
}
.solutions-v27 h2{
  font-family:"Arial Black",Arial,sans-serif;
  font-size:clamp(48px,5vw,76px);
  line-height:.94;
  letter-spacing:-.045em;
  margin:0;
}
.solutions-v27 h2 strong{
  color:var(--blue);
}
.solutions-lead{
  max-width:650px;
  color:#d1dbe4;
  font-size:18px;
  margin:26px 0 30px;
}
.solution-outcomes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:28px;
}
.solution-outcomes article{
  min-height:142px;
  padding:18px 18px 16px;
  border:1px solid rgba(0,139,255,.36);
  background:linear-gradient(180deg,rgba(5,17,28,.76),rgba(3,10,17,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.02);
}
.solution-outcomes article:nth-child(4),
.solution-outcomes article:nth-child(5){
  grid-column:span 1;
}
.solution-outcomes span{
  color:#0a8cff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
.solution-outcomes h3{
  margin:12px 0 5px;
  font-size:15px;
  color:#f4f8fb;
}
.solution-outcomes p{
  margin:0;
  color:#b9c6d0;
  font-size:13px;
  line-height:1.45;
}
.solutions-cta{
  width:auto;
  min-width:360px;
}

.solutions-v27-visual{
  position:relative;
  min-height:570px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.solutions-v27-visual:before{
  content:"";
  position:absolute;
  inset:8% 4% 8% 4%;
  background:radial-gradient(ellipse at center,rgba(0,119,255,.22),rgba(0,82,200,.07) 45%,transparent 72%);
  filter:blur(34px);
  pointer-events:none;
}
.solutions-v27-visual img{
  position:relative;
  z-index:2;
  width:118%;
  max-width:none;
  height:auto;
  transform:translateX(5%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 98%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 98%);
  filter:drop-shadow(0 20px 55px rgba(0,0,0,.30));
}

@media(max-width:1050px){
  .solutions-v27-grid{
    grid-template-columns:1fr;
  }
  .solutions-v27-visual{
    min-height:440px;
    order:2;
  }
  .solutions-v27-visual img{
    width:100%;
    transform:none;
  }
}
@media(max-width:760px){
  .solution-outcomes{
    grid-template-columns:1fr 1fr;
  }
  .solution-outcomes article:nth-child(5){
    grid-column:1/-1;
  }
  .solutions-cta{
    min-width:0;
    width:100%;
  }
}
@media(max-width:520px){
  .solutions-v27{
    padding:58px 0 62px;
  }
  .solutions-v27 h2{
    font-size:44px;
  }
  .solution-outcomes{
    grid-template-columns:1fr;
  }
  .solution-outcomes article:nth-child(n){
    grid-column:auto;
  }
  .solutions-v27-visual{
    min-height:300px;
  }
}


/* V28 — match approved render: live copy/cards on left, clean human system visual on right */
.solutions-v27{
  padding:74px 0 78px;
}
.solutions-v27-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr);
  gap:28px;
  align-items:center;
}
.solutions-v27-copy{
  max-width:760px;
}
.solutions-v27 h2{
  font-size:clamp(52px,4.5vw,74px);
  max-width:760px;
}
.solutions-lead{
  max-width:700px;
  margin:24px 0 28px;
}
.solution-outcomes{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:740px;
}
.solution-outcomes article{
  min-height:122px;
  padding:16px 18px 14px;
}
.solution-outcomes article:nth-child(4),
.solution-outcomes article:nth-child(5){
  grid-column:auto;
}
.solution-outcomes article:nth-child(4){
  grid-column:1 / span 2;
}
.solution-outcomes article:nth-child(5){
  grid-column:3;
}
.solutions-v27-visual{
  min-height:610px;
  overflow:visible;
  align-self:stretch;
}
.solutions-v27-visual:before{
  inset:10% -8% 6% -14%;
  background:radial-gradient(ellipse at center,rgba(0,128,255,.24),rgba(0,84,200,.08) 45%,transparent 74%);
  filter:blur(42px);
}
.solutions-v27-visual img{
  position:absolute;
  z-index:2;
  right:-6%;
  bottom:-2%;
  width:122%;
  height:auto;
  max-width:none;
  transform:none;
  mask-image:none;
  -webkit-mask-image:none;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.28));
}
.solutions-cta{
  min-width:470px;
}

@media(max-width:1180px){
  .solutions-v27-grid{
    grid-template-columns:1fr;
  }
  .solutions-v27-copy{
    max-width:none;
  }
  .solutions-v27-visual{
    min-height:430px;
  }
  .solutions-v27-visual img{
    position:relative;
    right:auto;
    bottom:auto;
    width:92%;
    margin:0 auto;
    display:block;
  }
}
@media(max-width:760px){
  .solution-outcomes{
    grid-template-columns:1fr 1fr;
  }
  .solution-outcomes article:nth-child(n){
    grid-column:auto;
  }
  .solution-outcomes article:nth-child(5){
    grid-column:1/-1;
  }
  .solutions-cta{
    min-width:0;
    width:100%;
  }
}
@media(max-width:520px){
  .solution-outcomes{
    grid-template-columns:1fr;
  }
  .solution-outcomes article:nth-child(n){
    grid-column:auto;
  }
  .solutions-v27-visual{
    min-height:280px;
  }
  .solutions-v27-visual img{
    width:120%;
    margin-left:-8%;
  }
}




/* V31 — Solutions as one full-screen composition, not text + a picture */
.solutions-v27{
  position:relative;
  overflow:hidden;
  min-height:900px;
  padding:96px 0 104px;
  isolation:isolate;
  background:#02080f;
  border-top:1px solid rgba(0,139,255,.24);
  border-bottom:1px solid rgba(0,139,255,.24);
}

/* The photo is now the atmosphere of the whole section */
.solutions-v27-visual{
  position:absolute;
  z-index:0;
  inset:-2px;
  min-height:0;
  display:block;
  pointer-events:none;
}
.solutions-v27-visual img{
  position:absolute;
  inset:-8% -5% -9% 26%;
  width:84%;
  height:118%;
  max-width:none;
  object-fit:cover;
  object-position:63% 48%;
  transform:none;
  opacity:.88;
  filter:saturate(.90) contrast(1.03) brightness(.82);
  -webkit-mask-image:
    radial-gradient(ellipse 72% 72% at 68% 49%,#000 0%,#000 50%,rgba(0,0,0,.88) 62%,rgba(0,0,0,.34) 78%,transparent 100%);
  mask-image:
    radial-gradient(ellipse 72% 72% at 68% 49%,#000 0%,#000 50%,rgba(0,0,0,.88) 62%,rgba(0,0,0,.34) 78%,transparent 100%);
}
.solutions-v27-visual:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(90deg,#02080f 0%,#02080f 31%,rgba(2,8,15,.90) 39%,rgba(2,8,15,.38) 55%,rgba(2,8,15,.06) 73%,rgba(2,8,15,.22) 100%),
    linear-gradient(180deg,#02080f 0%,rgba(2,8,15,.12) 16%,transparent 38%,transparent 68%,rgba(2,8,15,.48) 87%,#02080f 100%);
}
.solutions-v27-visual:after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  background:
    radial-gradient(circle at 77% 47%,rgba(0,116,255,.18),transparent 33%),
    radial-gradient(circle at 92% 26%,rgba(0,78,190,.11),transparent 28%);
  mix-blend-mode:screen;
  opacity:.8;
}

.solutions-v27 .container{
  position:relative;
  z-index:4;
  max-width:1500px;
}
.solutions-v27-grid{
  display:block;
  position:relative;
}
.solutions-v27-copy{
  width:min(760px,52vw);
  position:relative;
  z-index:5;
}
.solutions-v27 h2{
  font-size:clamp(58px,5.3vw,92px);
}
.solutions-lead{
  max-width:700px;
}
.solution-outcomes{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:760px;
}
.solution-outcomes article{
  backdrop-filter:blur(4px);
  background:linear-gradient(180deg,rgba(3,13,22,.72),rgba(2,8,14,.58));
}
.solutions-cta{
  min-width:360px;
}

/* subtle edge continuation so the section feels wider than the source image */
.solutions-v27:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 82% 52%,transparent 0%,transparent 35%,rgba(2,8,15,.10) 58%,rgba(2,8,15,.48) 84%,#02080f 100%);
}

@media(max-width:1050px){
  .solutions-v27{
    min-height:auto;
    padding:76px 0 80px;
  }
  .solutions-v27-copy{
    width:100%;
    max-width:760px;
  }
  .solutions-v27-visual img{
    inset:0 -22% 0 20%;
    width:116%;
    height:100%;
    opacity:.42;
  }
  .solutions-v27-visual:before{
    background:
      linear-gradient(90deg,#02080f 0%,rgba(2,8,15,.94) 42%,rgba(2,8,15,.60) 72%,rgba(2,8,15,.38) 100%),
      linear-gradient(180deg,#02080f 0%,transparent 20%,transparent 72%,#02080f 100%);
  }
}
@media(max-width:720px){
  .solutions-v27 h2{font-size:clamp(44px,12vw,64px)}
  .solution-outcomes{grid-template-columns:1fr 1fr}
  .solution-outcomes article:nth-child(n){grid-column:auto}
  .solution-outcomes article:nth-child(5){grid-column:1/-1}
  .solutions-cta{min-width:0;width:100%}
}
@media(max-width:520px){
  .solution-outcomes{grid-template-columns:1fr}
  .solution-outcomes article:nth-child(5){grid-column:auto}
}

/* V32 — stronger edge feathering on Solutions visual */
.solutions-v27-visual img{
  inset:-14% -10% -15% 20%;
  width:94%;
  height:130%;
  -webkit-mask-image: radial-gradient(ellipse 67% 66% at 70% 49%, #000 0%, #000 40%, rgba(0,0,0,.92) 51%, rgba(0,0,0,.68) 62%, rgba(0,0,0,.30) 74%, rgba(0,0,0,.08) 84%, transparent 94%);
  mask-image: radial-gradient(ellipse 67% 66% at 70% 49%, #000 0%, #000 40%, rgba(0,0,0,.92) 51%, rgba(0,0,0,.68) 62%, rgba(0,0,0,.30) 74%, rgba(0,0,0,.08) 84%, transparent 94%);
}
.solutions-v27-visual:before{
  background:
    linear-gradient(90deg,#02080f 0%,#02080f 27%,rgba(2,8,15,.96) 34%,rgba(2,8,15,.72) 44%,rgba(2,8,15,.30) 58%,rgba(2,8,15,.08) 73%,rgba(2,8,15,.32) 100%),
    linear-gradient(180deg,#02080f 0%,rgba(2,8,15,.72) 6%,rgba(2,8,15,.18) 18%,transparent 34%,transparent 63%,rgba(2,8,15,.22) 78%,rgba(2,8,15,.78) 94%,#02080f 100%);
}
.solutions-v27:before{
  background:
    radial-gradient(ellipse 64% 65% at 78% 50%,transparent 0%,transparent 38%,rgba(2,8,15,.08) 53%,rgba(2,8,15,.30) 68%,rgba(2,8,15,.72) 84%,#02080f 100%);
}


/* V33 — full-bleed PROXY Voice feature */
.proxy-v33{
  position:relative;
  min-height:860px;
  overflow:hidden;
  isolation:isolate;
  padding:92px 0 96px;
  background:
    radial-gradient(circle at 77% 43%,rgba(0,126,255,.16),transparent 34%),
    linear-gradient(180deg,#02080f 0%,#020a13 62%,#02070d 100%);
  border-top:1px solid rgba(0,139,255,.30);
  border-bottom:1px solid rgba(0,139,255,.30);
}

.proxy-v33-bg{
  position:absolute;
  z-index:0;
  inset:-3%;
  pointer-events:none;
}
.proxy-v33-bg img{
  position:absolute;
  inset:-5% -4% -7% 28%;
  width:80%;
  height:115%;
  max-width:none;
  object-fit:cover;
  object-position:65% center;
  opacity:.92;
  filter:saturate(.94) contrast(1.04) brightness(.84);
  -webkit-mask-image:
    radial-gradient(ellipse 76% 78% at 68% 50%,#000 0%,#000 52%,rgba(0,0,0,.86) 66%,rgba(0,0,0,.32) 82%,transparent 100%);
  mask-image:
    radial-gradient(ellipse 76% 78% at 68% 50%,#000 0%,#000 52%,rgba(0,0,0,.86) 66%,rgba(0,0,0,.32) 82%,transparent 100%);
}

.proxy-v33-bg:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(90deg,#02080f 0%,#02080f 31%,rgba(2,8,15,.92) 40%,rgba(2,8,15,.48) 55%,rgba(2,8,15,.10) 75%,rgba(2,8,15,.28) 100%),
    linear-gradient(180deg,#02080f 0%,rgba(2,8,15,.10) 14%,transparent 34%,transparent 70%,rgba(2,8,15,.42) 87%,#02080f 100%);
}
.proxy-v33-bg:after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  background:
    radial-gradient(circle at 78% 46%,rgba(0,126,255,.22),transparent 28%),
    radial-gradient(circle at 88% 72%,rgba(0,96,240,.12),transparent 24%);
  mix-blend-mode:screen;
  opacity:.82;
}

.proxy-v33-inner{
  position:relative;
  z-index:4;
}
.proxy-v33-copy{
  width:min(760px,54vw);
}
.proxy-v33 h2{
  font-family:"Arial Black",Arial,sans-serif;
  font-size:clamp(56px,5.6vw,90px);
  line-height:.92;
  letter-spacing:-.048em;
  margin:0;
}
.proxy-v33 h2 strong{
  color:var(--blue);
}
.proxy-v33-lead{
  max-width:650px;
  color:#d2dbe4;
  font-size:19px;
  line-height:1.55;
  margin:26px 0 32px;
}

.proxy-v33-features{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  max-width:760px;
}
.proxy-v33-features article{
  min-height:130px;
  padding:16px 15px 14px;
  border:1px solid rgba(0,139,255,.34);
  background:linear-gradient(180deg,rgba(5,17,29,.70),rgba(2,9,15,.52));
  backdrop-filter:blur(4px);
}
.proxy-v33-features span{
  display:block;
  color:#0b91ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.proxy-v33-features h3{
  margin:16px 0 5px;
  color:#f3f8fb;
  font-size:14px;
}
.proxy-v33-features p{
  margin:0;
  color:#b8c5cf;
  font-size:12px;
  line-height:1.45;
}

.proxy-v33-buttons{
  margin-top:28px;
}
.proxy-v33-flow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 12px;
  margin-top:28px;
  color:#86a6ba;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}
.proxy-v33-flow b{
  color:#0b91ff;
  font-size:16px;
  font-weight:400;
}

@media(max-width:1100px){
  .proxy-v33{
    min-height:auto;
    padding:76px 0 80px;
  }
  .proxy-v33-copy{
    width:100%;
    max-width:760px;
  }
  .proxy-v33-bg img{
    inset:0 -18% 0 22%;
    width:112%;
    height:100%;
    opacity:.42;
  }
  .proxy-v33-bg:before{
    background:
      linear-gradient(90deg,#02080f 0%,rgba(2,8,15,.95) 42%,rgba(2,8,15,.62) 72%,rgba(2,8,15,.38) 100%),
      linear-gradient(180deg,#02080f 0%,transparent 18%,transparent 72%,#02080f 100%);
  }
}
@media(max-width:760px){
  .proxy-v33-features{
    grid-template-columns:1fr 1fr;
  }
  .proxy-v33-features article:last-child{
    grid-column:1/-1;
  }
}
@media(max-width:520px){
  .proxy-v33 h2{font-size:46px}
  .proxy-v33-features{grid-template-columns:1fr}
  .proxy-v33-features article:last-child{grid-column:auto}
  .proxy-v33-flow{display:none}
}


/* V34 — clean PROXY composition: no duplicated artwork text, circular capability icons */
.proxy-v33{
  min-height:800px;
}
.proxy-v33-bg{
  inset:0;
  overflow:hidden;
}
/* Use only the RIGHT half of the generated art. This removes the baked-in
   headline, baked-in feature row and baked-in CTA that were fighting live HTML. */
.proxy-v33-bg img{
  inset:-5% -3% -7% auto;
  width:67%;
  height:115%;
  object-fit:cover;
  object-position:72% center;
  opacity:.88;
  -webkit-mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 8%,rgba(0,0,0,.72) 22%,#000 40%,#000 83%,rgba(0,0,0,.72) 93%,transparent 100%),
    linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%);
  mask-image:
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 8%,rgba(0,0,0,.72) 22%,#000 40%,#000 83%,rgba(0,0,0,.72) 93%,transparent 100%);
}
.proxy-v33-bg:before{
  background:
    linear-gradient(90deg,#02080f 0%,#02080f 42%,rgba(2,8,15,.93) 49%,rgba(2,8,15,.52) 59%,rgba(2,8,15,.08) 76%,rgba(2,8,15,.20) 100%),
    linear-gradient(180deg,#02080f 0%,rgba(2,8,15,.05) 13%,transparent 35%,transparent 72%,rgba(2,8,15,.40) 89%,#02080f 100%);
}
.proxy-v33-copy{
  width:min(720px,48vw);
}
.proxy-v33 h2{
  font-size:clamp(58px,5.25vw,86px);
}
.proxy-v33-features{
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  max-width:720px;
  margin-top:6px;
}
.proxy-v33-features article{
  min-height:0;
  padding:0;
  border:0;
  background:none;
  backdrop-filter:none;
  text-align:center;
}
.proxy-v33-features .proxy-icon{
  width:62px;
  height:62px;
  margin:0 auto 13px;
  border:2px solid #168eff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#72c8ff;
  font-size:25px;
  line-height:1;
  font-weight:700;
  box-shadow:0 0 24px rgba(0,139,255,.08);
}
.proxy-v33-features article:nth-child(3) .proxy-icon{
  font-size:18px;
  letter-spacing:2px;
  padding-bottom:8px;
}
.proxy-v33-features h3{
  margin:0 0 6px;
  font-size:13px;
  letter-spacing:.01em;
}
.proxy-v33-features p{
  font-size:11px;
  line-height:1.35;
  max-width:118px;
  margin:0 auto;
}
.proxy-v33-buttons{
  margin-top:30px;
}
.proxy-v33-flow{
  margin-top:25px;
}

@media(max-width:1100px){
  .proxy-v33-copy{width:100%;max-width:720px}
  .proxy-v33-bg img{
    width:90%;
    right:-28%;
    opacity:.34;
  }
  .proxy-v33-bg:before{
    background:
      linear-gradient(90deg,#02080f 0%,rgba(2,8,15,.96) 48%,rgba(2,8,15,.62) 76%,rgba(2,8,15,.40) 100%),
      linear-gradient(180deg,#02080f 0%,transparent 18%,transparent 72%,#02080f 100%);
  }
}
@media(max-width:760px){
  .proxy-v33-features{
    grid-template-columns:repeat(3,1fr);
    row-gap:24px;
  }
  .proxy-v33-features article:last-child{grid-column:auto}
}
@media(max-width:520px){
  .proxy-v33-features{grid-template-columns:1fr 1fr}
}


/* V35 — PROXY polish */
.proxy-v33 h2 span{
  white-space:nowrap;
}
/* Remove any residual icon/feature graphics from the source art behind live content.
   The source image is shifted farther right and left side is fully covered. */
.proxy-v33-bg img{
  width:60%;
  right:-1%;
  object-position:80% center;
}
.proxy-v33-bg:before{
  background:
    linear-gradient(90deg,#02080f 0%,#02080f 49%,rgba(2,8,15,.98) 53%,rgba(2,8,15,.82) 59%,rgba(2,8,15,.34) 68%,rgba(2,8,15,.06) 80%,rgba(2,8,15,.18) 100%),
    linear-gradient(180deg,#02080f 0%,rgba(2,8,15,.08) 13%,transparent 35%,transparent 72%,rgba(2,8,15,.42) 89%,#02080f 100%);
}
.proxy-v33-features .proxy-icon svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.proxy-v33-features article:first-child .proxy-icon svg{
  fill:none;
}
@media(max-width:1350px){
  .proxy-v33 h2{font-size:clamp(52px,5vw,74px)}
}
@media(max-width:1100px){
  .proxy-v33 h2 span{white-space:normal}
}

/* V36 PROXY CLEANUP */
.proxy-v33{position:relative;overflow:hidden;background:#02080f!important;}
.proxy-v33-bg{position:absolute!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;z-index:0!important;}
.proxy-v33-bg img{
  position:absolute!important;
  width:62%!important;
  height:100%!important;
  right:-2%!important;
  left:auto!important;
  top:0!important;
  object-fit:contain!important;
  object-position:right center!important;
  opacity:.98!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.proxy-v33-bg:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;
  background:linear-gradient(90deg,#02080f 0%,#02080f 43%,rgba(2,8,15,.97) 49%,rgba(2,8,15,.72) 57%,rgba(2,8,15,.20) 66%,transparent 73%)!important;
}
.proxy-v33-bg:after{
  content:""!important;position:absolute!important;inset:0!important;z-index:3!important;
  background:linear-gradient(180deg,#02080f 0%,transparent 7%,transparent 91%,#02080f 100%)!important;
}
.proxy-v33 .container,.proxy-v33-content{position:relative!important;z-index:5!important;}

/* V37 — Proxy logo + headline cleanup */
.proxy-v33 h2 span{display:block;white-space:nowrap;}
@media(max-width:1100px){.proxy-v33 h2 span{white-space:normal;}}

/* V38 — Solutions art: seamless edge fade */
.solutions-v26-visual img,
.solutions-v26-art img,
.solutions-system-visual img{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* V39 humanized real-results section */
.results-humanized{padding:0;background:#02070d;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.results-humanized-art{width:100%;aspect-ratio:1536/1344;background:url('assets/results-humanized.png') center top/cover no-repeat;min-height:720px}
@media(max-width:820px){.results-humanized{padding:0}.results-humanized-art{aspect-ratio:1536/1344;min-height:0;background-size:cover}}
@media(max-width:560px){.results-humanized{padding:0}.results-humanized-art{aspect-ratio:1/1.45;background-size:auto 100%;background-position:center top}}


/* V40 — live, humanized results section (no pasted mockup) */
.results-v40{
  position:relative;
  padding:88px 0 92px;
  border-top:1px solid rgba(0,139,255,.28);
  border-bottom:1px solid rgba(0,139,255,.24);
  background:
    radial-gradient(circle at 86% 10%,rgba(0,105,255,.10),transparent 29%),
    linear-gradient(180deg,#02080f 0%,#020a13 54%,#02070d 100%);
}
.results-v40-head{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:70px;
  align-items:end;
  margin-bottom:44px;
}
.results-v40 h2{
  margin:0;
  font-family:"Arial Black",Arial,sans-serif;
  font-size:clamp(54px,5.2vw,86px);
  line-height:.92;
  letter-spacing:-.048em;
}
.results-v40 h2 strong{color:var(--blue)}
.results-v40-intro p{
  color:#cbd6df;
  font-size:17px;
  line-height:1.6;
  max-width:460px;
  margin:0 0 18px;
}
.results-v40-tag{
  color:#7795aa;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}
.results-v40-tag span{color:#0b91ff;margin:0 7px}

.results-v40-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.result-story{
  overflow:hidden;
  border:1px solid rgba(0,139,255,.31);
  background:linear-gradient(180deg,rgba(7,18,29,.96),rgba(3,9,15,.98));
  box-shadow:0 20px 55px rgba(0,0,0,.22);
}
.result-story-media{
  position:relative;
  height:265px;
  overflow:hidden;
  background:#050a0f;
}
.result-story-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  filter:saturate(.88) contrast(1.03) brightness(.84);
  transform:scale(1.01);
}
.result-story-human img{
  object-position:center 18%;
}
.result-story-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 45%,rgba(3,9,15,.86) 100%),
    radial-gradient(circle at 70% 25%,rgba(0,129,255,.08),transparent 35%);
}
.result-story-label{
  position:absolute;
  left:18px;
  top:17px;
  color:#68c8ff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.20em;
  padding:7px 9px;
  border:1px solid rgba(0,139,255,.38);
  background:rgba(2,8,15,.72);
  backdrop-filter:blur(6px);
}
.result-story-body{
  padding:19px 20px 23px;
}
.result-story-body h3{
  margin:0 0 6px;
  color:#f5f8fb;
  font-size:20px;
}
.result-story-sub{
  color:#0b91ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.4;
  min-height:29px;
}
.result-story-body p{
  color:#b8c5cf;
  font-size:13px;
  line-height:1.55;
  min-height:82px;
  margin:14px 0 17px;
}
.result-story-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:18px;
}
.result-story-pills span{
  color:#8eb9d3;
  border:1px solid rgba(0,139,255,.24);
  background:rgba(0,80,165,.06);
  padding:6px 8px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.10em;
}
.result-story-body a{
  color:#12a1ff;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

.results-v40-band{
  margin-top:34px;
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:38px;
  align-items:center;
  padding:30px 32px;
  border:1px solid rgba(0,139,255,.27);
  background:
    radial-gradient(circle at 85% 50%,rgba(0,116,255,.11),transparent 30%),
    linear-gradient(90deg,rgba(4,14,24,.80),rgba(2,9,16,.62));
}
.results-v40-band h3{
  margin:8px 0 0;
  color:#f4f8fb;
  font-size:25px;
  line-height:1.05;
}
.results-v40-band h3 strong{color:#0b91ff}
.results-v40-band p{
  margin:0;
  color:#aebdc8;
  line-height:1.55;
  font-size:13px;
}
.results-v40-band .btn{white-space:nowrap}

@media(max-width:1050px){
  .results-v40-head{grid-template-columns:1fr;gap:18px}
  .results-v40-grid{grid-template-columns:1fr 1fr}
  .results-v40-grid .result-story:last-child{grid-column:1/-1}
  .results-v40-band{grid-template-columns:1fr 1fr}
  .results-v40-band .btn{grid-column:1/-1;justify-self:start}
}
@media(max-width:720px){
  .results-v40{padding:66px 0 70px}
  .results-v40-grid{grid-template-columns:1fr}
  .results-v40-grid .result-story:last-child{grid-column:auto}
  .result-story-media{height:240px}
  .result-story-body p{min-height:0}
  .results-v40-band{grid-template-columns:1fr}
  .results-v40-band .btn{grid-column:auto;width:100%}
}


/* V41 — more alive About / Why BG visual */
.about-visual-v41{
  position:relative;
  min-height:500px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 46%,rgba(0,133,255,.18),transparent 28%),
    linear-gradient(145deg,rgba(3,13,23,.98),rgba(2,8,14,.98));
  border:1px solid rgba(0,139,255,.42);
  box-shadow:
    inset 0 0 80px rgba(0,91,196,.06),
    0 0 55px rgba(0,100,255,.05);
}
.about-visual-v41::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.34;
  background-image:
    linear-gradient(rgba(0,132,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,132,255,.08) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);
}
.about-visual-v41::after{
  content:"";
  position:absolute;
  width:390px;
  height:390px;
  border:1px solid rgba(0,157,255,.15);
  border-radius:50%;
  box-shadow:
    0 0 0 48px rgba(0,132,255,.018),
    0 0 0 96px rgba(0,132,255,.012);
  z-index:-1;
}
.about-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(65px);
  z-index:-2;
  pointer-events:none;
}
.about-glow-one{
  width:270px;
  height:270px;
  background:rgba(0,126,255,.18);
  left:18%;
  top:18%;
}
.about-glow-two{
  width:230px;
  height:230px;
  background:rgba(0,205,255,.09);
  right:12%;
  bottom:12%;
}
.about-logo-stage{
  position:relative;
  width:250px;
  height:250px;
  display:grid;
  place-items:center;
  transform:translateY(-18px);
}
.about-logo-halo{
  position:absolute;
  inset:16px;
  border-radius:38px;
  background:radial-gradient(circle,rgba(0,147,255,.23),rgba(0,83,189,.06) 52%,transparent 72%);
  filter:blur(4px);
  box-shadow:0 0 65px rgba(0,130,255,.18);
}
.about-real-logo{
  position:relative;
  z-index:2;
  width:205px;
  max-height:205px;
  object-fit:contain;
  filter:
    drop-shadow(0 0 10px rgba(0,159,255,.55))
    drop-shadow(0 0 32px rgba(0,105,255,.34));
}
.about-visual-copy{
  position:absolute;
  left:28px;
  right:28px;
  bottom:27px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(0,139,255,.22);
  padding-top:17px;
}
.about-visual-copy span{
  color:#f5f8fb;
  font-size:18px;
  font-weight:900;
  letter-spacing:.13em;
}
.about-visual-copy small{
  color:#4caef5;
  font-size:8px;
  font-weight:800;
  letter-spacing:.18em;
  white-space:nowrap;
}
.about-visual-copy small b{
  color:#dbefff;
  padding:0 5px;
}
@media(max-width:720px){
  .about-visual-v41{min-height:390px}
  .about-logo-stage{width:210px;height:210px}
  .about-real-logo{width:170px;max-height:170px}
  .about-visual-copy{align-items:flex-start;flex-direction:column}
}


/* V42 — dimensional BG brand mark in Why BG panel */
.about-visual-v41 .about-logo-stage{
  width:300px;
  height:300px;
  transform:translateY(-16px);
}
.about-visual-v41 .about-logo-halo{
  inset:2px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,130,255,.26) 0%,rgba(0,77,188,.10) 42%,transparent 72%);
  filter:blur(12px);
}
.about-dimensional-logo{
  width:285px !important;
  max-height:285px !important;
  object-fit:contain;
  mix-blend-mode:screen;
  filter:
    drop-shadow(0 0 9px rgba(0,154,255,.46))
    drop-shadow(0 0 34px rgba(0,94,255,.24)) !important;
  -webkit-mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 58%,rgba(0,0,0,.82) 70%,transparent 96%);
  mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 58%,rgba(0,0,0,.82) 70%,transparent 96%);
}
@media(max-width:720px){
  .about-visual-v41 .about-logo-stage{width:245px;height:245px}
  .about-dimensional-logo{width:230px !important;max-height:230px !important}
}


/* V43 — two fixes:
   1) approved embedded BG cube in Solutions
   2) larger dimensional BG mark in Why BG panel */
.solutions-v27-visual img{
  background:transparent!important;
  box-shadow:none!important;
}

/* Let the About logo become the visual, rather than sitting small inside a halo. */
.about-visual-v41 .about-logo-stage{
  width:88%!important;
  height:76%!important;
  max-width:520px!important;
  max-height:520px!important;
  transform:translateY(-10px)!important;
}
.about-visual-v41 .about-logo-halo{
  inset:-5%!important;
  background:radial-gradient(circle,rgba(0,132,255,.22) 0%,rgba(0,72,180,.07) 44%,transparent 72%)!important;
  filter:blur(18px)!important;
}
.about-dimensional-logo{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  mix-blend-mode:screen!important;
  -webkit-mask-image:radial-gradient(ellipse 88% 88% at 50% 50%,#000 64%,rgba(0,0,0,.88) 76%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 88% 88% at 50% 50%,#000 64%,rgba(0,0,0,.88) 76%,transparent 100%)!important;
}
.about-visual-copy{
  z-index:4!important;
}
@media(max-width:720px){
  .about-visual-v41 .about-logo-stage{
    width:88%!important;
    height:68%!important;
  }
}


/* V44 — keep Solutions artwork on the right, clear of live copy/cards */
.solutions-v27{
  position:relative;
  overflow:hidden;
}
.solutions-v27-visual{
  left:auto!important;
  right:-2%!important;
  width:62%!important;
  transform:none!important;
  justify-content:flex-end!important;
  pointer-events:none;
}
.solutions-v27-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:72% 50%!important;
  transform:translateX(10%)!important;
}
.solutions-v27-copy{
  position:relative!important;
  z-index:5!important;
}
@media(max-width:900px){
  .solutions-v27-visual{
    right:-12%!important;
    width:72%!important;
    opacity:.72!important;
  }
  .solutions-v27-visual img{
    object-position:78% 50%!important;
    transform:translateX(14%)!important;
  }
}


/* V45 — restore fuller Solutions composition, shifted right, no black-box logo artifact */
.solutions-v27{
  position:relative;
  overflow:hidden;
}
.solutions-v27-visual{
  left:auto!important;
  right:-6%!important;
  width:72%!important;
  height:100%!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  pointer-events:none!important;
}
.solutions-v27-visual img{
  width:108%!important;
  height:108%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:78% 50%!important;
  transform:translateX(4%)!important;
  opacity:.96!important;
}
.solutions-v27-copy{
  position:relative!important;
  z-index:6!important;
  width:min(760px,50vw)!important;
}
.solutions-v27:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,
    #02080f 0%,
    rgba(2,8,15,.98) 34%,
    rgba(2,8,15,.88) 43%,
    rgba(2,8,15,.50) 54%,
    rgba(2,8,15,.14) 65%,
    transparent 76%);
}
@media(max-width:1050px){
  .solutions-v27-visual{
    right:-12%!important;
    width:82%!important;
  }
  .solutions-v27-visual img{
    width:112%!important;
    height:112%!important;
    object-position:82% 50%!important;
    transform:translateX(7%)!important;
  }
  .solutions-v27-copy{
    width:100%!important;
    max-width:760px!important;
  }
}


/* V46 — About panel: BG mountain artwork, with WHY IT removed */
.about-mountain-card{
  position:relative!important;
  padding:0!important;
  overflow:hidden!important;
  min-height:500px!important;
  background:#020810!important;
  border:1px solid rgba(16,145,255,.52)!important;
}
.about-mountain-card::before,
.about-mountain-card::after{
  display:none!important;
}
.about-mountain-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 48%!important;
  display:block!important;
  filter:saturate(1.08) contrast(1.04)!important;
}
@media(max-width:900px){
  .about-mountain-card{min-height:390px!important}
  .about-mountain-art{object-position:center 45%!important}
}


/* V47 — show the ENTIRE supplied mountain/BG artwork */
.about-mountain-card{
  min-height:500px!important;
  background:#020810!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.about-mountain-art{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  filter:saturate(1.08) contrast(1.04)!important;
}
@media(max-width:900px){
  .about-mountain-card{min-height:390px!important}
}


/* V48 — custom artwork built specifically for the About panel */
.about-mountain-card{
  min-height:500px!important;
  padding:0!important;
  background:#020810!important;
  overflow:hidden!important;
  display:block!important;
}
.about-mountain-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  filter:none!important;
}
@media(max-width:900px){
  .about-mountain-card{min-height:390px!important}
}


/* V49 — remove the framed box; let the mountain artwork breathe and flow */
.about-section .container,
.about-section .about-grid{
  overflow:visible!important;
}

.about-mountain-card{
  position:relative!important;
  min-height:560px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  display:block!important;
  box-shadow:none!important;
}

.about-mountain-art{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  width:112%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:initial!important;
  display:block!important;

  /* Fade the artwork into the site's dark background instead of framing/cropping it. */
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, #000 8%, #000 91%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 8%, #000 91%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, #000 8%, #000 91%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 8%, #000 91%, transparent 100%);
  mask-composite: intersect;
}

@media(max-width:900px){
  .about-mountain-card{
    min-height:430px!important;
    margin-bottom:24px!important;
  }
  .about-mountain-art{
    width:108%!important;
  }
}


/* V50 — actual PROXY Voice logo on the phone */
.proxy-section{
  position:relative!important;
}
.proxy-phone-brand{
  position:absolute!important;
  z-index:6!important;
  /* aligned to the top portion of the phone screen on desktop */
  top:14.7%!important;
  left:76.7%!important;
  width:7.7%!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 0 8px rgba(0,128,255,.28))!important;
  pointer-events:none!important;
}
@media(max-width:1100px){
  .proxy-phone-brand{
    top:15.5%!important;
    left:76.2%!important;
    width:8.4%!important;
  }
}
@media(max-width:760px){
  .proxy-phone-brand{
    display:none!important;
  }
}


/* V51 — transparent header logo */
.site-header .brand-logo-only{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.nav-site-logo{
  background:transparent!important;
  mix-blend-mode:normal!important;
}

/* V51 — approved PROXY Voice phone render */
.proxy-v33-bg img{
  position:absolute!important;
  top:-3%!important;
  right:-3%!important;
  left:auto!important;
  width:61%!important;
  height:106%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:58% center!important;
  opacity:.96!important;
  filter:saturate(.95) contrast(1.03) brightness(.88)!important;
}
.proxy-v33-bg:before{
  background:
    linear-gradient(90deg,#02080f 0%,#02080f 44%,rgba(2,8,15,.98) 49%,rgba(2,8,15,.74) 57%,rgba(2,8,15,.22) 67%,transparent 76%)!important;
}
.proxy-v33-bg:after{
  background:
    linear-gradient(180deg,#02080f 0%,transparent 8%,transparent 90%,#02080f 100%),
    linear-gradient(90deg,transparent 84%,rgba(2,8,15,.28) 94%,#02080f 100%)!important;
}

/* V51 — Growth Audit form */
.audit-v51{
  position:relative;
  overflow:hidden;
  padding:88px 0 96px;
  border-top:1px solid rgba(0,139,255,.30);
  background:
    radial-gradient(circle at 78% 24%,rgba(0,108,255,.11),transparent 30%),
    linear-gradient(180deg,#02080f,#020a13 58%,#02070d);
}
.audit-v51-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr);
  gap:64px;
  align-items:start;
}
.audit-v51-copy h2{
  margin:0;
  font-family:"Arial Black",Arial,sans-serif;
  font-size:clamp(48px,4.5vw,72px);
  line-height:.94;
  letter-spacing:-.045em;
}
.audit-v51-copy h2 strong{color:var(--blue)}
.audit-v51-copy > p{
  max-width:560px;
  color:#c4d0d9;
  font-size:16px;
  line-height:1.6;
  margin:26px 0 30px;
}
.audit-v51-points{
  display:grid;
  gap:12px;
  max-width:520px;
}
.audit-v51-points span{
  display:flex;
  gap:14px;
  align-items:center;
  padding:13px 0;
  border-bottom:1px solid rgba(0,139,255,.18);
  color:#0b91ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.audit-v51-points b{
  color:#d9e4ec;
  font-size:11px;
}

.growth-audit-form{
  padding:28px;
  border:1px solid rgba(0,139,255,.38);
  background:linear-gradient(180deg,rgba(7,18,30,.88),rgba(3,10,17,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.growth-audit-form label,
.audit-needs legend{
  display:block;
  color:#69c4ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.growth-audit-form input,
.growth-audit-form select,
.growth-audit-form textarea{
  width:100%;
  box-sizing:border-box;
  margin:8px 0 15px;
  border:1px solid rgba(0,139,255,.28);
  background:#030a11;
  color:#f1f6fa;
  border-radius:0;
  padding:13px 14px;
  font:inherit;
  font-size:13px;
  outline:none;
}
.growth-audit-form input:focus,
.growth-audit-form select:focus,
.growth-audit-form textarea:focus{
  border-color:#1499ff;
  box-shadow:0 0 0 2px rgba(0,139,255,.08);
}
.growth-audit-form input::placeholder,
.growth-audit-form textarea::placeholder{color:#61717e}
.audit-needs{
  margin:2px 0 18px;
  padding:0;
  border:0;
}
.audit-check-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:10px;
}
.audit-check-grid label{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 11px;
  border:1px solid rgba(0,139,255,.22);
  background:#030a11;
  color:#b8c7d1;
  cursor:pointer;
  letter-spacing:.02em;
  font-size:10px;
}
.audit-check-grid input{
  width:auto;
  margin:0;
  accent-color:#078cff;
}
.audit-submit{
  width:100%;
  justify-content:center;
  margin-top:3px;
}
.audit-form-note{
  margin:12px 0 0;
  color:#718491;
  font-size:9px;
  line-height:1.5;
}
.audit-form-success{
  margin-top:12px;
  color:#6fd3ff;
  font-size:11px;
  font-weight:700;
}

@media(max-width:1050px){
  .audit-v51-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .audit-v51{padding:64px 0 70px}
  .growth-audit-form{padding:20px}
  .form-row{grid-template-columns:1fr}
  .audit-check-grid{grid-template-columns:1fr 1fr}
  .proxy-v33-bg img{
    width:90%!important;
    right:-34%!important;
    opacity:.38!important;
  }
}
@media(max-width:460px){
  .audit-check-grid{grid-template-columns:1fr}
}


/* V52 — Hero art positioning + seamless edge treatment
   Pull the BG mark lower so the composition fills the lower-right area,
   then dissolve all four edges into the page rather than showing an image rectangle. */
.hero{
  overflow:hidden;
}
.hero-art{
  top:0!important;
  right:0!important;
  bottom:-7%!important;
  height:107%!important;
  background-position:68% 62%!important;
  background-size:cover!important;
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.22) 7%, #000 20%, #000 87%, rgba(0,0,0,.45) 95%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 8%, #000 82%, rgba(0,0,0,.58) 91%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.22) 7%, #000 20%, #000 87%, rgba(0,0,0,.45) 95%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 8%, #000 82%, rgba(0,0,0,.58) 91%, transparent 100%);
  mask-composite:intersect;
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(90deg,#02080f 0%,rgba(2,8,15,.96) 28%,rgba(2,8,15,.56) 43%,rgba(2,8,15,.08) 59%,transparent 72%),
    linear-gradient(180deg,rgba(2,8,15,.18) 0%,transparent 13%,transparent 73%,rgba(2,8,15,.22) 84%,#02080f 100%);
}
.hero-inner{
  position:relative;
  z-index:2;
}


/* V53 — push hero artwork farther down + stronger seamless fades */
.hero{
  overflow:hidden;
}
.hero-art{
  top:8%!important;
  right:-1%!important;
  bottom:-16%!important;
  height:112%!important;
  background-position:70% 72%!important;
  background-size:cover!important;

  -webkit-mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.12) 5%,
      rgba(0,0,0,.55) 12%,
      #000 25%,
      #000 82%,
      rgba(0,0,0,.68) 89%,
      rgba(0,0,0,.18) 96%,
      transparent 100%),
    linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.55) 8%,
      #000 18%,
      #000 72%,
      rgba(0,0,0,.72) 82%,
      rgba(0,0,0,.22) 92%,
      transparent 100%);
  -webkit-mask-composite:source-in;

  mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.12) 5%,
      rgba(0,0,0,.55) 12%,
      #000 25%,
      #000 82%,
      rgba(0,0,0,.68) 89%,
      rgba(0,0,0,.18) 96%,
      transparent 100%),
    linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.55) 8%,
      #000 18%,
      #000 72%,
      rgba(0,0,0,.72) 82%,
      rgba(0,0,0,.22) 92%,
      transparent 100%);
  mask-composite:intersect;
}

.hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(90deg,
      #02080f 0%,
      rgba(2,8,15,.98) 27%,
      rgba(2,8,15,.78) 37%,
      rgba(2,8,15,.34) 48%,
      rgba(2,8,15,.08) 61%,
      transparent 74%),
    linear-gradient(180deg,
      rgba(2,8,15,.52) 0%,
      rgba(2,8,15,.14) 12%,
      transparent 25%,
      transparent 68%,
      rgba(2,8,15,.16) 78%,
      rgba(2,8,15,.72) 91%,
      #02080f 100%);
}
.hero-inner{
  position:relative;
  z-index:2;
}


/* V54 — restore full-strength top of hero; preserve side + bottom fades */
.hero-art{
  -webkit-mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.12) 5%,
      rgba(0,0,0,.55) 12%,
      #000 25%,
      #000 82%,
      rgba(0,0,0,.68) 89%,
      rgba(0,0,0,.18) 96%,
      transparent 100%),
    linear-gradient(to bottom,
      #000 0%,
      #000 72%,
      rgba(0,0,0,.72) 82%,
      rgba(0,0,0,.22) 92%,
      transparent 100%);
  -webkit-mask-composite:source-in;

  mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.12) 5%,
      rgba(0,0,0,.55) 12%,
      #000 25%,
      #000 82%,
      rgba(0,0,0,.68) 89%,
      rgba(0,0,0,.18) 96%,
      transparent 100%),
    linear-gradient(to bottom,
      #000 0%,
      #000 72%,
      rgba(0,0,0,.72) 82%,
      rgba(0,0,0,.22) 92%,
      transparent 100%);
  mask-composite:intersect;
}

.hero:after{
  background:
    linear-gradient(90deg,
      #02080f 0%,
      rgba(2,8,15,.98) 27%,
      rgba(2,8,15,.78) 37%,
      rgba(2,8,15,.34) 48%,
      rgba(2,8,15,.08) 61%,
      transparent 74%),
    linear-gradient(180deg,
      transparent 0%,
      transparent 68%,
      rgba(2,8,15,.16) 78%,
      rgba(2,8,15,.72) 91%,
      #02080f 100%);
}


/* V55 — correct hero direction:
   move the ARTWORK down without clipping the top,
   keep the top fully visible, fade only sides + bottom. */
.hero{
  overflow:hidden!important;
}

.hero-art{
  top:0!important;
  right:0!important;
  bottom:0!important;
  height:100%!important;
  background-size:cover!important;

  /* Lower percentage = image content sits lower in the frame. */
  background-position:70% 43%!important;

  -webkit-mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.18) 5%,
      rgba(0,0,0,.62) 12%,
      #000 24%,
      #000 84%,
      rgba(0,0,0,.72) 91%,
      rgba(0,0,0,.20) 97%,
      transparent 100%),
    linear-gradient(to bottom,
      #000 0%,
      #000 76%,
      rgba(0,0,0,.82) 84%,
      rgba(0,0,0,.35) 93%,
      transparent 100%);
  -webkit-mask-composite:source-in;

  mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.18) 5%,
      rgba(0,0,0,.62) 12%,
      #000 24%,
      #000 84%,
      rgba(0,0,0,.72) 91%,
      rgba(0,0,0,.20) 97%,
      transparent 100%),
    linear-gradient(to bottom,
      #000 0%,
      #000 76%,
      rgba(0,0,0,.82) 84%,
      rgba(0,0,0,.35) 93%,
      transparent 100%);
  mask-composite:intersect;
}

/* No dark overlay at the top. */
.hero:after{
  background:
    linear-gradient(90deg,
      #02080f 0%,
      rgba(2,8,15,.98) 27%,
      rgba(2,8,15,.80) 38%,
      rgba(2,8,15,.38) 49%,
      rgba(2,8,15,.08) 61%,
      transparent 74%),
    linear-gradient(180deg,
      transparent 0%,
      transparent 72%,
      rgba(2,8,15,.16) 80%,
      rgba(2,8,15,.70) 92%,
      #02080f 100%)!important;
}


/* V56 — lower BG mark enough to reveal breathing room above it.
   Keep top crisp/unfaded; preserve side and bottom blending. */
.hero-art{
  background-position:70% 27%!important;
}

/* Maintain a clean, unfaded top edge. */
.hero-art{
  -webkit-mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.18) 5%,
      rgba(0,0,0,.62) 12%,
      #000 24%,
      #000 84%,
      rgba(0,0,0,.72) 91%,
      rgba(0,0,0,.20) 97%,
      transparent 100%),
    linear-gradient(to bottom,
      #000 0%,
      #000 76%,
      rgba(0,0,0,.82) 84%,
      rgba(0,0,0,.35) 93%,
      transparent 100%);
}


/* V57 — Work section now demonstrates the full BG capability stack */
.work-section{padding:72px 0 92px;border-top:1px solid rgba(0,153,255,.28);background:#020910}
.work-wrap{width:min(1480px,94%);margin:auto}
.work-head{display:grid;grid-template-columns:1.45fr .75fr;gap:80px;align-items:start;margin-bottom:42px}
.work-head h2{font-size:clamp(48px,5.2vw,84px);line-height:.92;margin:18px 0 6px;letter-spacing:-.035em}
.work-head h2 span{color:#1385ff}
.work-kicker,.work-tags{font-weight:800;letter-spacing:.15em}
.work-kicker{font-size:14px;color:#fff}
.work-intro{font-size:19px;line-height:1.45;max-width:480px}
.work-intro .btn{margin-top:18px}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.work-card{border:1px solid rgba(0,151,255,.42);background:rgba(3,13,22,.78);overflow:hidden;display:flex;flex-direction:column;min-height:520px}
.work-media{height:280px;background:radial-gradient(circle at 50% 45%,rgba(18,128,255,.12),transparent 66%);overflow:hidden;display:flex;align-items:center;justify-content:center}
.work-media img{width:100%;height:100%;object-fit:contain;display:block}
.work-card.wild-card .work-media{background:#f2f2f2}
.work-card.wild-card .work-media img{object-fit:cover;object-position:center}
.work-copy{padding:25px 26px 28px;display:flex;flex-direction:column;flex:1}
.work-copy h3{font-size:22px;margin:0 0 8px}
.work-tags{color:#11a0ff;font-size:11px;line-height:1.5;margin-bottom:16px}
.work-copy p{font-size:16px;line-height:1.45;color:#d6dde5;margin:0 0 24px}
.work-copy a{color:#18a5ff;font-size:13px;font-weight:800;margin-top:auto;text-decoration:none}
@media(max-width:1000px){.work-head{grid-template-columns:1fr;gap:22px}.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.work-grid{grid-template-columns:1fr}.work-media{height:250px}}


/* V58 — editorial capability portfolio */
.work-capability-line{display:flex;align-items:center;gap:16px;margin:-8px 0 30px;color:#1598ff;font-size:13px;font-weight:900;letter-spacing:.18em}.work-capability-line b{font-size:18px;color:#e8f4ff;font-weight:500}.work-grid-v58{grid-template-columns:repeat(4,1fr);grid-auto-flow:row}.work-grid-v58 .work-feature-main{grid-column:span 3;display:grid;grid-template-columns:1.55fr .85fr;min-height:430px}.work-grid-v58 .work-feature-side{grid-column:span 1;min-height:430px}.work-grid-v58 .work-feature-main .work-media{height:100%;min-height:430px}.work-grid-v58 .work-feature-main .work-media img{object-fit:cover}.work-grid-v58 .work-feature-main .work-copy{justify-content:flex-end;background:linear-gradient(145deg,rgba(5,18,31,.94),rgba(2,9,16,.98))}.work-grid-v58 .work-feature-main .work-copy h3{font-size:30px}.work-grid-v58 .work-feature-side .work-media{height:245px}.work-grid-v58 .work-card:not(.work-feature){grid-column:span 2;min-height:455px}.work-grid-v58 .work-card:not(.work-feature) .work-media{height:245px}.work-grid-v58 .work-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.work-grid-v58 .work-card:hover{transform:translateY(-4px);border-color:rgba(21,152,255,.8);box-shadow:0 18px 50px rgba(0,90,190,.12)}
@media(max-width:1100px){.work-grid-v58{grid-template-columns:repeat(2,1fr)}.work-grid-v58 .work-feature-main{grid-column:span 2}.work-grid-v58 .work-feature-side{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.work-grid-v58 .work-feature-side .work-media{height:100%;min-height:340px}.work-grid-v58 .work-card:not(.work-feature){grid-column:span 1}.work-capability-line{flex-wrap:wrap}}
@media(max-width:680px){.work-grid-v58{grid-template-columns:1fr}.work-grid-v58 .work-feature-main,.work-grid-v58 .work-feature-side,.work-grid-v58 .work-card:not(.work-feature){grid-column:span 1;display:flex}.work-grid-v58 .work-feature-main .work-media,.work-grid-v58 .work-feature-side .work-media{height:250px;min-height:0}.work-capability-line{gap:9px;font-size:10px}}


/* V59 — cinematic case-study proof section; no portfolio-card grid */
.work-proof{padding:88px 0 0;background:#02080f;border-top:1px solid rgba(0,145,255,.26);overflow:hidden}
.work-proof-head{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;padding-bottom:64px}
.work-proof-head>.eyebrow{grid-column:1/-1;margin-bottom:-34px}
.work-proof-head h2{margin:0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(52px,5.6vw,88px);line-height:.91;letter-spacing:-.05em}
.work-proof-head h2 strong{color:#0c8fff}
.work-proof-intro p{margin:0 0 22px;color:#c9d5dd;font-size:19px;line-height:1.5;max-width:520px}
.work-proof-path{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#eaf5fc;font-size:10px;font-weight:900;letter-spacing:.16em}
.work-proof-path b{color:#078fff;font-size:16px}

.proof-band{position:relative;min-height:610px;border-top:1px solid rgba(0,145,255,.20);background:#02080f;overflow:hidden}
.proof-band-inner{min-height:610px;display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:center}
.proof-reverse{grid-template-columns:1.18fr .82fr}
.proof-copy{position:relative;z-index:4;padding:62px 0}
.proof-number{color:#098fff;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:22px}
.proof-copy h3{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(48px,4.6vw,76px);line-height:.88;letter-spacing:-.045em;margin:0 0 24px;color:#f5f8fa}
.proof-copy h3 strong{color:#0d8fff}
.proof-copy h4{font-size:21px;line-height:1.12;letter-spacing:-.02em;margin:0 0 16px;color:#fff}
.proof-tags{color:#43b8ff;font-size:9px;font-weight:900;letter-spacing:.12em;line-height:1.7;margin-bottom:18px}
.proof-tags span{color:#e7f5ff;padding:0 5px}
.proof-copy p{max-width:510px;color:#b8c6d0;font-size:14px;line-height:1.65;margin:0}

.proof-art{position:relative;height:510px;display:flex;align-items:center;justify-content:center;z-index:2}
.proof-art img{width:112%;height:112%;object-fit:contain;display:block;
  -webkit-mask-image:radial-gradient(ellipse 76% 70% at 50% 50%,#000 55%,rgba(0,0,0,.82) 73%,transparent 100%);
  mask-image:radial-gradient(ellipse 76% 70% at 50% 50%,#000 55%,rgba(0,0,0,.82) 73%,transparent 100%)}
.proof-art:after{content:"";position:absolute;inset:12%;z-index:-1;background:radial-gradient(circle,rgba(0,120,255,.16),transparent 64%);filter:blur(28px)}
.proof-art-wild img{width:118%;height:118%;object-fit:cover;object-position:center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%);
  mask-composite:intersect}
.proof-wild{background:radial-gradient(circle at 78% 45%,rgba(0,111,255,.10),transparent 34%),#02080f}
.proof-woi{background:radial-gradient(circle at 23% 50%,rgba(0,111,255,.08),transparent 35%),#030a11}
.proof-auto{background:radial-gradient(circle at 78% 48%,rgba(0,111,255,.09),transparent 34%),#02080f}

.more-systems{display:grid;grid-template-columns:.9fr 1.15fr auto;gap:48px;align-items:center;padding-top:58px;padding-bottom:68px;border-top:1px solid rgba(0,145,255,.24)}
.more-systems h3{margin:10px 0 0;font-size:27px;line-height:1.05;color:#f5f8fb}
.more-systems h3 strong{color:#0d8fff}
.more-system-list{display:grid;gap:0}
.more-system-list>div{padding:13px 0;border-bottom:1px solid rgba(0,145,255,.18);display:flex;justify-content:space-between;gap:22px}
.more-system-list span{color:#f2f7fa;font-size:12px;font-weight:900}
.more-system-list small{color:#5aaee3;font-size:8px;font-weight:800;letter-spacing:.08em;text-align:right}

@media(max-width:980px){
  .work-proof-head,.proof-band-inner,.proof-reverse,.more-systems{grid-template-columns:1fr}
  .work-proof-head>.eyebrow{grid-column:auto;margin-bottom:0}
  .proof-band-inner,.proof-reverse{gap:0}
  .proof-reverse .proof-art{order:2}
  .proof-reverse .proof-copy{order:1}
  .proof-art{height:410px}
  .more-systems{gap:28px}
}
@media(max-width:620px){
  .work-proof{padding-top:64px}
  .work-proof-head{padding-bottom:44px}
  .proof-band,.proof-band-inner{min-height:0}
  .proof-copy{padding:48px 0 20px}
  .proof-art{height:330px}
  .proof-art img{width:108%;height:108%}
  .more-system-list>div{flex-direction:column;gap:5px}
  .more-system-list small{text-align:left}
}

/* V60 SERVICES PAGE */
.services-page{background:#02080f;color:#f5f8fb}
.main-nav a.active{color:#159cff}
.svc-hero{min-height:820px;padding:180px 0 100px;position:relative;overflow:hidden;background:
radial-gradient(circle at 76% 43%,rgba(0,120,255,.16),transparent 31%),#02080f}
.svc-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#02080f 0%,rgba(2,8,15,.92) 42%,transparent 70%)}
.svc-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}
.svc-hero h1{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(68px,7.2vw,118px);line-height:.84;letter-spacing:-.06em;margin:20px 0 28px}
.svc-hero h1 strong,.svc-intro h2 strong,.svc-band h2 strong,.svc-connect h2 strong{color:#0b91ff}
.svc-hero-copy>p{max-width:680px;color:#c3d0d9;font-size:19px;line-height:1.6}
.svc-system-map{position:relative;min-height:560px;display:grid;place-items:center}
.svc-system-map:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(0,146,255,.18);border-radius:50%;box-shadow:0 0 90px rgba(0,113,255,.09)}
.svc-orbit{position:absolute;width:330px;height:330px;border:1px dashed rgba(0,151,255,.28);border-radius:50%}
.svc-core{width:210px;height:210px;border:1px solid rgba(0,151,255,.48);background:radial-gradient(circle,rgba(0,117,255,.18),rgba(2,8,15,.94) 65%);display:grid;place-items:center;position:relative;box-shadow:0 0 70px rgba(0,126,255,.14)}
.svc-core img{width:120px}.svc-core span{position:absolute;bottom:18px;font-size:8px;font-weight:900;letter-spacing:.18em;color:#8ed1ff;text-align:center}
.svc-node{position:absolute;padding:10px 13px;border:1px solid rgba(0,145,255,.32);background:rgba(2,10,18,.88);font-size:9px;font-weight:900;letter-spacing:.13em;color:#cfeaff}
.n1{top:8%;left:40%}.n2{top:26%;right:4%}.n3{bottom:25%;right:2%}.n4{bottom:6%;left:42%}.n5{bottom:25%;left:1%}.n6{top:27%;left:0}
.svc-intro{padding:90px 0;border-top:1px solid rgba(0,145,255,.25)}
.svc-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}
.svc-intro h2,.svc-connect h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(50px,5vw,82px);line-height:.91;letter-spacing:-.05em;margin:15px 0 0}
.svc-intro p{font-size:20px;line-height:1.55;color:#c5d1da;margin:0 0 15px}.svc-intro .svc-blue{color:#53baff;font-weight:700}
.svc-band{border-top:1px solid rgba(0,145,255,.20);padding:76px 0;background:#02080f}
.svc-band:nth-child(even){background:#030a11}
.svc-band-grid{display:grid;grid-template-columns:70px 1.08fr .92fr;gap:46px;align-items:center}
.svc-num{align-self:start;color:#0c94ff;font-size:12px;font-weight:900;letter-spacing:.14em;padding-top:7px}
.svc-copy h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(48px,4.5vw,72px);line-height:.91;letter-spacing:-.045em;margin:15px 0 20px}
.svc-copy>p{max-width:650px;color:#bdcbd5;font-size:16px;line-height:1.65}
.svc-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.svc-pills span{padding:8px 10px;border:1px solid rgba(0,145,255,.25);color:#61c0ff;font-size:8px;font-weight:900;letter-spacing:.11em}
.svc-proof{min-height:310px;padding:38px;border:1px solid rgba(0,145,255,.34);background:radial-gradient(circle at 60% 40%,rgba(0,122,255,.12),transparent 58%),#030b13;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.svc-proof small{color:#139cff;font-size:8px;font-weight:900;letter-spacing:.14em}.svc-proof>strong{font-size:28px;line-height:1.05;margin:14px 0;color:#f2f8fb}.svc-proof>p{color:#9fb0bc;line-height:1.5}
.svc-proof-image{position:relative;padding:0;background:#02080f}.svc-proof-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.84}.svc-proof-image.dark img{object-fit:contain}.svc-proof-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(2,8,15,.96) 100%)}.svc-proof-image small{position:absolute;z-index:2;left:24px;bottom:20px}
.svc-proof-image.proxy img{object-position:70% center}
.svc-copy .btn{margin-top:24px}
.svc-connect{padding:110px 0;background:radial-gradient(circle at 50% 50%,rgba(0,120,255,.10),transparent 34%),#02080f;border-top:1px solid rgba(0,145,255,.28)}
.svc-connect-inner{text-align:center;max-width:1200px}.svc-connect p{max-width:760px;margin:25px auto;color:#bdcbd4;font-size:18px;line-height:1.6}
.svc-flow{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:38px 0}.svc-flow span{padding:10px 13px;border:1px solid rgba(0,145,255,.28);font-size:9px;font-weight:900;letter-spacing:.12em}.svc-flow b{color:#0c94ff}
@media(max-width:980px){.svc-hero-grid,.svc-intro-grid,.svc-band-grid{grid-template-columns:1fr}.svc-num{display:none}.svc-system-map{min-height:470px}.svc-band{padding:60px 0}}
@media(max-width:620px){.svc-hero{padding-top:135px;min-height:auto}.svc-system-map{transform:scale(.76);margin:-45px 0}.svc-proof{min-height:260px}.svc-band{padding:48px 0}}

/* V61 — Services hero: more cinematic / graphical */
.services-page .svc-hero{
  min-height:900px;
  background:
    radial-gradient(circle at 76% 45%,rgba(0,132,255,.22),transparent 27%),
    radial-gradient(circle at 67% 48%,rgba(0,73,190,.13),transparent 44%),
    linear-gradient(115deg,#02080f 0%,#02080f 44%,#041326 100%);
}
.services-page .svc-hero:before{
  content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;
  background-image:
    linear-gradient(rgba(0,140,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,140,255,.075) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 52%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 52%,#000 100%);
}
.services-page .svc-hero:after{
  background:
    linear-gradient(90deg,#02080f 0%,rgba(2,8,15,.98) 39%,rgba(2,8,15,.58) 58%,rgba(2,8,15,.10) 100%),
    linear-gradient(180deg,transparent 72%,#02080f 100%);
}
.services-page .svc-hero-grid{grid-template-columns:.9fr 1.1fr;gap:30px}
.services-page .svc-hero-copy{position:relative;z-index:10}
.services-page .svc-hero h1{font-size:clamp(70px,7vw,116px)}
.services-page .svc-system-map{min-height:650px;filter:drop-shadow(0 0 35px rgba(0,122,255,.12))}
.services-page .svc-system-map:before{
  width:540px;height:540px;
  border:1px solid rgba(38,166,255,.28);
  box-shadow:0 0 120px rgba(0,122,255,.14),inset 0 0 80px rgba(0,102,255,.05);
}
.services-page .svc-system-map:after{
  content:"";position:absolute;width:650px;height:650px;border-radius:50%;
  background:
    repeating-conic-gradient(from 0deg,rgba(36,169,255,.16) 0deg 1deg,transparent 1deg 30deg);
  -webkit-mask-image:radial-gradient(circle,transparent 0 64%,#000 64.5% 65%,transparent 65.5%);
  mask-image:radial-gradient(circle,transparent 0 64%,#000 64.5% 65%,transparent 65.5%);
  animation:svcRotate 38s linear infinite;opacity:.65;
}
@keyframes svcRotate{to{transform:rotate(360deg)}}
.services-page .svc-orbit{
  width:410px;height:410px;
  border:1px dashed rgba(43,173,255,.42);
  box-shadow:0 0 55px rgba(0,127,255,.08);
}
.services-page .svc-core{
  width:255px;height:255px;
  border:1px solid rgba(40,174,255,.65);
  transform:rotate(45deg);
  background:
    radial-gradient(circle at 50% 50%,rgba(0,130,255,.28),rgba(2,8,15,.97) 67%);
  box-shadow:0 0 80px rgba(0,133,255,.25),inset 0 0 42px rgba(0,121,255,.16);
  overflow:hidden;
}
.services-page .svc-core:before{
  content:"";position:absolute;inset:12px;border:1px solid rgba(44,178,255,.18);
}
.services-page .svc-core img{
  width:155px;transform:rotate(-45deg);
  filter:drop-shadow(0 0 20px rgba(20,120,255,.75));
}
.services-page .svc-core span{
  transform:rotate(-45deg);bottom:19px;right:4px;
  color:#8bd7ff;text-shadow:0 0 12px rgba(0,143,255,.7);
}
.services-page .svc-node{
  z-index:5;min-width:112px;text-align:center;
  padding:13px 15px;border:1px solid rgba(27,163,255,.52);
  background:linear-gradient(135deg,rgba(3,18,33,.97),rgba(3,10,18,.88));
  box-shadow:0 0 22px rgba(0,123,255,.10);
  color:#e6f7ff;
}
.services-page .svc-node:before{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;
  background:#159cff;box-shadow:0 0 13px #159cff;
}
.services-page .n1{top:4%;left:42%}.services-page .n1:before{left:50%;bottom:-37px}
.services-page .n2{top:23%;right:-1%}.services-page .n2:before{left:-35px;top:50%}
.services-page .n3{bottom:22%;right:-2%}.services-page .n3:before{left:-35px;top:50%}
.services-page .n4{bottom:2%;left:43%}.services-page .n4:before{left:50%;top:-37px}
.services-page .n5{bottom:22%;left:-2%}.services-page .n5:before{right:-35px;top:50%}
.services-page .n6{top:23%;left:-2%}.services-page .n6:before{right:-35px;top:50%}

/* energy spokes from system center */
.services-page .svc-system-map .svc-orbit:before,
.services-page .svc-system-map .svc-orbit:after{
  content:"";position:absolute;left:50%;top:50%;width:650px;height:1px;
  transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(0,145,255,.34),transparent);
}
.services-page .svc-system-map .svc-orbit:after{transform:translate(-50%,-50%) rotate(60deg)}
@media(max-width:980px){
 .services-page .svc-hero-grid{grid-template-columns:1fr}
 .services-page .svc-system-map{min-height:620px}
}
@media(max-width:620px){
 .services-page .svc-system-map{min-height:500px;transform:scale(.72);margin:-60px -80px}
}

/* V62 homepage dial-in */
/* Work of Iron trust mark: force the same soft-gray treatment as the rest of the logo rail. */
.client-logo img[alt="Work of Iron"]{
  filter:grayscale(1) brightness(1.55) contrast(.72) !important;
  opacity:.72 !important;
}

/* Growth Blueprint: the artwork already contains its own stage numbers. Mask the duplicate lower numbers
   while preserving the five live step cards below. */
.bp21-blended-visual{position:relative;overflow:hidden;}
.bp21-blended-visual:after{
  content:"";
  position:absolute;
  z-index:4;
  left:0;right:0;bottom:0;
  height:17%;
  background:linear-gradient(180deg,rgba(2,8,15,0),#02080f 58%,#02080f 100%);
  pointer-events:none;
}

/* Restore the V57 two-row / three-column portfolio layout. */
.work-section{padding:72px 0 92px;border-top:1px solid rgba(0,153,255,.28);background:#020910}
.work-wrap{width:min(1480px,94%);margin:auto}
.work-head{display:grid;grid-template-columns:1.45fr .75fr;gap:80px;align-items:start;margin-bottom:42px}
.work-head h2{font-size:clamp(48px,5.2vw,84px);line-height:.92;margin:18px 0 6px;letter-spacing:-.035em}
.work-head h2 span{color:#1385ff}
.work-kicker,.work-tags{font-weight:800;letter-spacing:.15em}
.work-kicker{font-size:14px;color:#fff}
.work-intro{font-size:19px;line-height:1.45;max-width:480px}
.work-intro .btn{margin-top:18px}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.work-card{border:1px solid rgba(0,151,255,.42);background:rgba(3,13,22,.78);overflow:hidden;display:flex;flex-direction:column;min-height:520px}
.work-media{height:280px;background:radial-gradient(circle at 50% 45%,rgba(18,128,255,.12),transparent 66%);overflow:hidden;display:flex;align-items:center;justify-content:center}
.work-media img{width:100%;height:100%;object-fit:contain;display:block}
.work-card.wild-card .work-media{background:#f2f2f2}
.work-card.wild-card .work-media img{object-fit:cover;object-position:center}
.work-copy{padding:25px 26px 28px;display:flex;flex-direction:column;flex:1}
.work-copy h3{font-size:22px;margin:0 0 8px}
.work-tags{color:#11a0ff;font-size:11px;line-height:1.5;margin-bottom:16px}
.work-copy p{font-size:16px;line-height:1.45;color:#d6dde5;margin:0 0 24px}
.work-copy a{color:#18a5ff;font-size:13px;font-weight:800;margin-top:auto;text-decoration:none}
@media(max-width:1000px){.work-head{grid-template-columns:1fr;gap:22px}.work-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.work-grid{grid-template-columns:1fr}.work-media{height:250px}}

/* Proxy: return the visual to a contained site-width treatment instead of bleeding to the viewport edge. */
.proxy-v33-bg{left:50%;right:auto;width:min(1600px,100%);transform:translateX(-50%);inset-block:-3%;}
.proxy-v33-bg img{inset:-5% 0 -7% 28%;width:76%;height:115%;}

/* Real Results: show three stories at a time and cross-fade to the next three. */
.results-v40-grid{position:relative;min-height:590px;}
.results-v40-grid .result-story{grid-row:1;transition:opacity .85s ease,transform .85s ease;}
.results-v40-grid .result-story:nth-child(1),.results-v40-grid .result-story:nth-child(4){grid-column:1}
.results-v40-grid .result-story:nth-child(2),.results-v40-grid .result-story:nth-child(5){grid-column:2}
.results-v40-grid .result-story:nth-child(3),.results-v40-grid .result-story:nth-child(6){grid-column:3}
.results-v40-grid .result-story-alt{opacity:0;pointer-events:none;transform:translateY(10px)}
.results-v40-grid.show-alt .result-story:not(.result-story-alt){opacity:0;pointer-events:none;transform:translateY(-10px)}
.results-v40-grid.show-alt .result-story-alt{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:1050px){.results-v40-grid{min-height:1120px}.results-v40-grid .result-story:nth-child(n){grid-column:auto;grid-row:auto}.results-v40-grid .result-story-alt{display:none}.results-v40-grid.show-alt .result-story:not(.result-story-alt){opacity:1;pointer-events:auto;transform:none}}
@media(max-width:720px){.results-v40-grid{min-height:0}}
\n\n/* V63 — Blueprint cleanup: dissolve artwork perimeter + hide baked-in stage numbers */\n.bp21-blended-visual{\n  position:relative;\n  overflow:hidden;\n}\n.bp21-blended-visual img{\n  -webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 48%,#000 0%,#000 58%,rgba(0,0,0,.92) 67%,rgba(0,0,0,.48) 79%,transparent 100%) !important;\n  mask-image:radial-gradient(ellipse 72% 78% at 50% 48%,#000 0%,#000 58%,rgba(0,0,0,.92) 67%,rgba(0,0,0,.48) 79%,transparent 100%) !important;\n}\n.bp21-blended-visual .bp20-fade{\n  display:block !important;\n  position:absolute;\n  z-index:3;\n  inset:0;\n  pointer-events:none;\n  background:\n    linear-gradient(90deg,#020a12 0%,rgba(2,10,18,.76) 4%,transparent 17%,transparent 83%,rgba(2,10,18,.76) 96%,#020a12 100%),\n    linear-gradient(180deg,rgba(2,10,18,.58) 0%,transparent 14%,transparent 72%,rgba(2,10,18,.88) 96%,#020a12 100%);\n}\n/* These small masks cover only the 01–05 numerals baked into the artwork.\n   The live 01–05 row below remains untouched. */\n.bp-graphic-number-mask{\n  position:absolute;\n  z-index:4;\n  top:52.1%;\n  width:2.7%;\n  height:4.3%;\n  transform:translate(-50%,-50%);\n  pointer-events:none;\n  border-radius:50%;\n  background:radial-gradient(ellipse at center,rgba(15,39,57,.98) 0%,rgba(12,31,47,.96) 54%,rgba(7,20,32,.72) 72%,transparent 100%);\n  filter:blur(.5px);\n}\n.bp-mask-1{left:29.6%}.bp-mask-2{left:39.5%}.bp-mask-3{left:49.4%}.bp-mask-4{left:59.3%}.bp-mask-5{left:69.3%}\n@media(max-width:1000px){\n  .bp-graphic-number-mask{top:52.1%;width:3.1%;height:4.5%}\n}\n@media(max-width:620px){\n  .bp-graphic-number-mask{display:none}\n}\n

/* V64 — approved Growth Blueprint visual */
.blueprint-visual-v64{
  position:relative;
  background:#02080f;
  border-top:1px solid rgba(0,145,255,.24);
  border-bottom:1px solid rgba(0,145,255,.24);
  overflow:hidden;
  padding:0;
}
.blueprint-visual-wrap{
  position:relative;
  width:100%;
  max-width:1920px;
  margin:0 auto;
  line-height:0;
}
.blueprint-visual-wrap img{
  width:100%;
  height:auto;
  display:block;
}
.blueprint-visual-cta{
  position:absolute;
  left:39.6%;
  top:89.2%;
  width:20.7%;
  height:6.7%;
  z-index:5;
  cursor:pointer;
}
@media(max-width:900px){
  .blueprint-visual-v64{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .blueprint-visual-wrap{
    width:1180px;
    max-width:none;
  }
}


/* V65 — restore Proxy section to the clean contained layout.
   V62's later override enlarged and shifted the artwork into the copy. */
.proxy-v33{
  position:relative!important;
  overflow:hidden!important;
  background:#02080f!important;
  min-height:720px!important;
}
.proxy-v33-bg{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:0!important;
}
.proxy-v33-bg img{
  position:absolute!important;
  top:-2%!important;
  right:1%!important;
  bottom:auto!important;
  left:auto!important;
  width:57%!important;
  height:104%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:58% center!important;
  opacity:.96!important;
  filter:saturate(.95) contrast(1.03) brightness(.88)!important;
}
.proxy-v33-bg:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(90deg,
      #02080f 0%,
      #02080f 43%,
      rgba(2,8,15,.98) 49%,
      rgba(2,8,15,.80) 56%,
      rgba(2,8,15,.34) 65%,
      rgba(2,8,15,.07) 75%,
      transparent 83%)!important;
}
.proxy-v33-bg:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  background:
    linear-gradient(180deg,
      #02080f 0%,
      transparent 7%,
      transparent 91%,
      #02080f 100%),
    linear-gradient(90deg,
      transparent 86%,
      rgba(2,8,15,.20) 94%,
      #02080f 100%)!important;
}
.proxy-v33-inner{
  position:relative!important;
  z-index:5!important;
}
.proxy-v33-copy{
  width:58%!important;
  max-width:760px!important;
}
@media(max-width:1100px){
  .proxy-v33-bg img{
    width:66%!important;
    right:-8%!important;
  }
  .proxy-v33-copy{width:62%!important}
}
@media(max-width:760px){
  .proxy-v33{min-height:auto!important}
  .proxy-v33-bg img{
    width:105%!important;
    right:-48%!important;
    opacity:.32!important;
  }
  .proxy-v33-copy{
    width:100%!important;
    max-width:none!important;
  }
}


/* V67 — hard reset Proxy layout: copy LEFT, artwork RIGHT */
.proxy-v33{
  position:relative!important;
  min-height:700px!important;
  overflow:hidden!important;
  background:#02080f!important;
}
.proxy-v33-inner{
  position:relative!important;
  z-index:10!important;
  width:min(1440px,92%)!important;
  margin:0 auto!important;
  min-height:700px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.proxy-v33-copy{
  position:relative!important;
  z-index:12!important;
  width:48%!important;
  max-width:700px!important;
  margin:0!important;
  padding:72px 0!important;
  transform:none!important;
}
.proxy-v33-bg{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:46%!important;
  width:auto!important;
  height:auto!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transform:none!important;
}
.proxy-v33-bg img{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  opacity:1!important;
  filter:saturate(.96) contrast(1.03) brightness(.88)!important;
}
.proxy-v33-bg:before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  inset:0!important;
  background:linear-gradient(90deg,
    #02080f 0%,
    rgba(2,8,15,.92) 7%,
    rgba(2,8,15,.56) 17%,
    rgba(2,8,15,.14) 31%,
    transparent 47%)!important;
}
.proxy-v33-bg:after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  inset:0!important;
  background:
    linear-gradient(180deg,#02080f 0%,transparent 7%,transparent 92%,#02080f 100%),
    linear-gradient(90deg,transparent 88%,rgba(2,8,15,.35) 96%,#02080f 100%)!important;
}
@media(max-width:1000px){
  .proxy-v33-bg{left:40%!important;opacity:.72!important}
  .proxy-v33-copy{width:56%!important}
}
@media(max-width:760px){
  .proxy-v33,.proxy-v33-inner{min-height:auto!important}
  .proxy-v33-inner{width:88%!important}
  .proxy-v33-copy{width:100%!important;max-width:none!important;padding:60px 0!important}
  .proxy-v33-bg{left:20%!important;opacity:.24!important}
}

/* V68 — cinematic portfolio, humanized project proof */
.work-v68{padding:78px 0 90px;background:radial-gradient(circle at 50% 8%,rgba(0,89,180,.12),transparent 34%),#02080f;overflow:hidden}
.work-v68 .work-head{margin-bottom:34px}.work-v68 .work-head h2{font-size:clamp(52px,5.4vw,86px)}
.case-grid-v68{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.case-v68{position:relative;min-width:0;border:1px solid rgba(17,154,255,.56);background:linear-gradient(180deg,#06121e,#020910);overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.case-v68:hover{transform:translateY(-5px);border-color:#159cff;box-shadow:0 22px 60px rgba(0,90,190,.18)}
.case-art{position:relative;height:305px;background-image:url('assets/portfolio-v68-master.png');background-size:300% 200%;background-repeat:no-repeat;overflow:hidden}
.case-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(2,9,16,.2) 70%,#020910 100%);pointer-events:none}
.case-art span{position:absolute;z-index:2;top:7px;left:14px;font-family:"Arial Black",Arial,sans-serif;font-size:70px;line-height:1;color:rgba(125,170,214,.18);letter-spacing:-.08em}
.slice-1{background-position:0 0}.slice-2{background-position:50% 0}.slice-3{background-position:100% 0}.slice-4{background-position:0 100%}.slice-5{background-position:50% 100%}.slice-6{background-position:100% 100%}
.case-copy{padding:18px 22px 23px;min-height:190px;display:flex;flex-direction:column}.case-copy h3{font-size:22px;margin:0 0 7px}.case-copy p{margin:0;color:#d7e0e9;font-size:15px;line-height:1.45}.case-copy .work-tags{margin-bottom:12px}
.work-v68-close{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:30px;margin:34px auto 0;padding-top:25px;border-top:1px solid rgba(18,155,255,.35);max-width:1120px;text-align:left}.work-v68-close>span{grid-column:1;font-size:10px;font-weight:800;letter-spacing:.24em;color:#a7b7c7}.work-v68-close strong{grid-column:1;font-family:"Arial Black",Arial,sans-serif;font-size:24px;letter-spacing:.02em}.work-v68-close strong b{color:#168dff}.work-v68-close .btn{grid-column:2;grid-row:1/3}
@media(max-width:1050px){.case-grid-v68{grid-template-columns:repeat(2,1fr)}.case-art{height:330px}.work-v68-close{grid-template-columns:1fr}.work-v68-close .btn{grid-column:1;grid-row:auto;margin-top:18px;width:max-content}}
@media(max-width:680px){.case-grid-v68{grid-template-columns:1fr}.case-art{height:300px}.case-copy{min-height:0}.work-v68-close strong{font-size:20px}.work-v68-close .btn{width:100%}}


/* V69 — portfolio cleanup
   One card only: the cinematic artwork already contains its own copy.
   Keep each 3x2 source slice square so nothing is stretched. */
.work-v68{
  padding:78px 0 90px!important;
}
.case-grid-v68{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.case-v68{
  position:relative!important;
  min-width:0!important;
  aspect-ratio:1 / 1!important;
  border:1px solid rgba(17,154,255,.56)!important;
  background:#020910!important;
  overflow:hidden!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
}
.case-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:1 / 1!important;
  background-image:url('assets/portfolio-v68-master.png')!important;
  background-size:300% 200%!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
/* No extra HTML number or fade layer over artwork. */
.case-art:after,
.case-art span{
  display:none!important;
}
.case-copy{
  display:none!important;
}
.slice-1{background-position:0% 0%!important}
.slice-2{background-position:50% 0%!important}
.slice-3{background-position:100% 0%!important}
.slice-4{background-position:0% 100%!important}
.slice-5{background-position:50% 100%!important}
.slice-6{background-position:100% 100%!important}

@media(max-width:1050px){
  .case-grid-v68{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .case-art{height:100%!important}
}
@media(max-width:680px){
  .case-grid-v68{grid-template-columns:1fr!important}
  .case-art{height:100%!important}
}


/* V70 — CrossFit Zion case study uses the approved dedicated artwork */
.case-v68 .slice-5{
  background-image:url('assets/crossfit-zion-case-v70.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}


/* V71 — clean six-case-study grid.
   Headline is above the grid, closing statement/CTA is below.
   Each project is a single visual — no box inside a box. */
.case-grid-v68{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.case-v68{
  position:relative!important;
  aspect-ratio:3 / 2!important;
  min-width:0!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#02080f!important;
}
.case-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#02080f!important;
}
.case-art:after,
.case-art span{
  display:none!important;
}
.slice-1{background-image:url('assets/portfolio-v71/case-1.png')!important}
.slice-2{background-image:url('assets/portfolio-v71/case-2.png')!important}
.slice-3{background-image:url('assets/portfolio-v71/case-3.png')!important}
.slice-4{background-image:url('assets/portfolio-v71/case-4.png')!important}
.slice-5{background-image:url('assets/portfolio-v71/case-5.png')!important}
.slice-6{background-image:url('assets/portfolio-v71/case-6.png')!important}

.work-v68 .work-head{
  position:relative!important;
  z-index:3!important;
  margin-bottom:34px!important;
}
.work-v68-close{
  position:relative!important;
  z-index:3!important;
  margin-top:34px!important;
}

@media(max-width:1050px){
  .case-grid-v68{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .case-grid-v68{grid-template-columns:1fr!important}
}


/* V72 — align all six project cards and remove stray CFZ outer fragments */
.case-grid-v68{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

.case-v68{
  position:relative!important;
  aspect-ratio:auto!important;
  height:100%!important;
  min-height:0!important;
  display:block!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
}

.case-art{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.22 / 1!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#02080f!important;
}

/* Force all six cards to the exact same visual box size */
.case-grid-v68 > .case-v68{
  aspect-ratio:1.22 / 1!important;
}
.case-grid-v68 > .case-v68 > .case-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
}

/* Keep row spacing consistent: same breathing room above and below */
.case-grid-v68{
  row-gap:18px!important;
  margin-top:34px!important;
  margin-bottom:34px!important;
}

/* CrossFit Zion: kill any old decorative borders/stray outside lines */
.case-v68 .slice-5,
.case-v68 .slice-5:before,
.case-v68 .slice-5:after{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.case-v68:nth-child(5),
.case-v68:nth-child(5):before,
.case-v68:nth-child(5):after{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* remove any leftover pseudo-elements from older portfolio versions */
.case-v68:before,
.case-v68:after{
  content:none!important;
  display:none!important;
}

@media(max-width:1050px){
  .case-grid-v68{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  .case-grid-v68{
    grid-template-columns:1fr!important;
  }
}


/* V73 — solid case-study frames + corrected CrossFit Zion card */
.case-grid-v68{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  row-gap:18px!important;
  align-items:stretch!important;
}

.case-v68{
  position:relative!important;
  aspect-ratio:1.224 / 1!important;
  overflow:hidden!important;
  background:#02080f!important;

  /* One clean, continuous line around every project */
  border:1px solid #0a8fe8!important;
  outline:none!important;
  box-shadow:none!important;
}

.case-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-color:#02080f!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Normal project art fills the single outer frame */
.slice-1,
.slice-2,
.slice-3,
.slice-4,
.slice-6{
  background-size:100% 100%!important;
}

/* CrossFit Zion: use the cleaned, pre-fitted composition.
   No cropped frame pieces, no brackets, no secondary border. */
.slice-5{
  background-image:url('assets/portfolio-v71/case-5-clean-v73.jpg')!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Kill every leftover pseudo-border from older versions */
.case-v68:before,
.case-v68:after,
.case-art:before,
.case-art:after,
.case-v68 .slice-5:before,
.case-v68 .slice-5:after{
  content:none!important;
  display:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

@media(max-width:1050px){
  .case-grid-v68{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  .case-grid-v68{
    grid-template-columns:1fr!important;
  }
}


/* V74 — final CrossFit Zion card alignment */
.case-grid-v68 > .case-v68:nth-child(5){
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.224 / 1!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  overflow:hidden!important;
  background:#02080f!important;
  border:1px solid #0a8fe8!important;
  outline:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* Keep the CFZ artwork completely inside the same-size card.
   Slight inset prevents the image itself from hiding any part of the blue frame. */
.case-grid-v68 > .case-v68:nth-child(5) > .case-art{
  position:absolute!important;
  inset:1px!important;
  width:calc(100% - 2px)!important;
  height:calc(100% - 2px)!important;
  background-image:url('assets/portfolio-v71/case-5-clean-v73.jpg')!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* Ensure nothing from older CFZ rules can break the perimeter. */
.case-grid-v68 > .case-v68:nth-child(5):before,
.case-grid-v68 > .case-v68:nth-child(5):after,
.case-grid-v68 > .case-v68:nth-child(5) > .case-art:before,
.case-grid-v68 > .case-v68:nth-child(5) > .case-art:after{
  content:none!important;
  display:none!important;
}


/* V75 — CrossFit Zion artwork fills the entire case-study card */
.case-grid-v68 > .case-v68:nth-child(5){
  border:1px solid #0a8fe8!important;
  background:#02080f!important;
  overflow:hidden!important;
}

.case-grid-v68 > .case-v68:nth-child(5) > .case-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-image:url('assets/portfolio-v71/case-5-fill-v75.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}


/* V76 — CFZ truly edge-to-edge. No inner frame, inset, padding or empty gutter. */
.case-grid-v68 > .case-v68:nth-child(5){
  position:relative!important;
  padding:0!important;
  margin:0!important;
  aspect-ratio:1.224 / 1!important;
  overflow:hidden!important;
  border:1px solid #0a8fe8!important;
  background:#02080f!important;
  box-sizing:border-box!important;
}

.case-grid-v68 > .case-v68:nth-child(5) > .case-art,
.case-grid-v68 > .case-v68:nth-child(5) > .slice-5{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  inset:0!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  background-image:url('assets/portfolio-v71/case-5-fill-v75.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  transform:none!important;
}

/* No old inner border/pseudo artwork around CFZ. */
.case-grid-v68 > .case-v68:nth-child(5) *{
  outline:0!important;
}
.case-grid-v68 > .case-v68:nth-child(5):before,
.case-grid-v68 > .case-v68:nth-child(5):after,
.case-grid-v68 > .case-v68:nth-child(5) > .case-art:before,
.case-grid-v68 > .case-v68:nth-child(5) > .case-art:after{
  display:none!important;
  content:none!important;
}


/* V77 — definitive CrossFit Zion full-bleed fix.
   Apply the CFZ artwork directly to the outer card so there is no inner inset box. */
.case-grid-v68 > article.case-v68:nth-child(5){
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1.224 / 1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid #0a8fe8!important;
  background-color:#02080f!important;
  background-image:url('assets/portfolio-v71/case-5-fill-v75.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* The legacy inner art layer remains in markup but contributes no visible frame or spacing. */
.case-grid-v68 > article.case-v68:nth-child(5) > .case-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:none!important;
}

/* Remove every legacy pseudo-border/bracket on the CFZ tile. */
.case-grid-v68 > article.case-v68:nth-child(5)::before,
.case-grid-v68 > article.case-v68:nth-child(5)::after,
.case-grid-v68 > article.case-v68:nth-child(5) > .case-art::before,
.case-grid-v68 > article.case-v68:nth-child(5) > .case-art::after{
  content:none!important;
  display:none!important;
}

.case-grid-v68 > article.case-v68:nth-child(5) *{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}


/* V78 — smaller image-only portfolio boxes with live text underneath */
.case-grid-v78{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px 24px;
  margin-top:34px;
  margin-bottom:34px;
  align-items:start;
}

.case-v78{
  min-width:0;
}

.case-image-v78{
  width:100%;
  aspect-ratio:16 / 10;
  background-color:#02080f;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  border:1px solid #0a8fe8;
  box-sizing:border-box;
  overflow:hidden;
}

.case-text-v78{
  padding:14px 8px 0;
}

.case-text-v78 h3{
  margin:0 0 6px;
  color:#f5f7fb;
  font-size:clamp(18px,1.5vw,25px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.02em;
}

.case-tags-v78{
  color:#14a7ff;
  font-size:11px;
  line-height:1.35;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:9px;
}

.case-text-v78 p{
  margin:0;
  color:#c7d0db;
  font-size:14px;
  line-height:1.5;
  max-width:95%;
}

/* Image-only visuals */
.case-woi{background-image:url('assets/portfolio-v78/woi.jpg')}
.case-wild{background-image:url('assets/portfolio-v78/wild.jpg')}
.case-auto{background-image:url('assets/portfolio-v78/auto.jpg')}
.case-awning{background-image:url('assets/portfolio-v78/awning.jpg')}
.case-cfz{background-image:url('assets/portfolio-v78/cfz.jpg')}
.case-botb{background-image:url('assets/portfolio-v78/botb.jpg')}

/* Make the overall boxes slightly smaller/narrower than the old full-panel cards */
.work-v68 .wrap{
  max-width:1460px!important;
}
.case-grid-v78{
  width:94%;
  margin-left:auto;
  margin-right:auto;
}

/* Clean spacing above and below the project grid */
.work-v68 .work-head{
  margin-bottom:24px!important;
}
.work-v68-close{
  margin-top:44px!important;
}

@media(max-width:1050px){
  .case-grid-v78{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:96%;
  }
}
@media(max-width:680px){
  .case-grid-v78{
    grid-template-columns:1fr;
    width:100%;
  }
}


/* V79 — Real Results / Client Story graphics refresh */
.result-wild-v79,
.result-awning-v79,
.result-botb-v79{
  position:relative!important;
}

/* Replace only the top image/media zone; keep existing card copy below */
.result-wild-v79 .result-media,
.result-wild-v79 .story-media,
.result-wild-v79 .client-media,
.result-wild-v79 .case-media,
.result-wild-v79 > img:first-child,
.result-awning-v79 .result-media,
.result-awning-v79 .story-media,
.result-awning-v79 .client-media,
.result-awning-v79 .case-media,
.result-awning-v79 > img:first-child,
.result-botb-v79 .result-media,
.result-botb-v79 .story-media,
.result-botb-v79 .client-media,
.result-botb-v79 .case-media,
.result-botb-v79 > img:first-child{
  object-fit:cover!important;
  object-position:center!important;
}

/* If cards use a generic media wrapper, apply background images directly */
.result-wild-v79 .result-media,
.result-wild-v79 .story-media,
.result-wild-v79 .client-media,
.result-wild-v79 .case-media{
  background-image:url('assets/results-v79/wild-coyote.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.result-awning-v79 .result-media,
.result-awning-v79 .story-media,
.result-awning-v79 .client-media,
.result-awning-v79 .case-media{
  background-image:url('assets/results-v79/st-george-awning.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.result-botb-v79 .result-media,
.result-botb-v79 .story-media,
.result-botb-v79 .client-media,
.result-botb-v79 .case-media{
  background-image:url('assets/results-v79/battle-of-the-breasts.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}

/* Standardize media height for these three cards */
.result-wild-v79 .result-media,
.result-wild-v79 .story-media,
.result-wild-v79 .client-media,
.result-wild-v79 .case-media,
.result-awning-v79 .result-media,
.result-awning-v79 .story-media,
.result-awning-v79 .client-media,
.result-awning-v79 .case-media,
.result-botb-v79 .result-media,
.result-botb-v79 .story-media,
.result-botb-v79 .client-media,
.result-botb-v79 .case-media{
  min-height:245px!important;
  height:245px!important;
  overflow:hidden!important;
}

/* Hide old inner img if the media wrapper contains one */
.result-wild-v79 .result-media img,
.result-wild-v79 .story-media img,
.result-wild-v79 .client-media img,
.result-wild-v79 .case-media img,
.result-awning-v79 .result-media img,
.result-awning-v79 .story-media img,
.result-awning-v79 .client-media img,
.result-awning-v79 .case-media img,
.result-botb-v79 .result-media img,
.result-botb-v79 .story-media img,
.result-botb-v79 .client-media img,
.result-botb-v79 .case-media img{
  opacity:0!important;
}

/* Fallback when cards are built with a direct first image */
.result-wild-v79 > img:first-child{content:url('assets/results-v79/wild-coyote.jpg')!important;}
.result-awning-v79 > img:first-child{content:url('assets/results-v79/st-george-awning.jpg')!important;}
.result-botb-v79 > img:first-child{content:url('assets/results-v79/battle-of-the-breasts.jpg')!important;}


/* V80 — Real Results image corrections */
.results-v40-grid .result-story-media{
  height:265px!important;
  min-height:265px!important;
  overflow:hidden!important;
  background:#02080f!important;
}
.results-v40-grid .result-story-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
}

/* Wild Coyote: product-forward visual, intentionally different from portfolio card above */
.results-v40-grid article:nth-child(4) .result-story-media img{
  object-position:center center!important;
}

/* St. George Awning: show the actual finished website hero clearly */
.results-v40-grid article:nth-child(5) .result-story-media img{
  object-position:center center!important;
}

/* Battle of the Breasts: actual current site/community hero */
.results-v40-grid article:nth-child(6) .result-story-media img{
  object-position:center center!important;
}

/* Neutralize V79's mistaken per-card overrides */
.result-wild-v79,
.result-awning-v79,
.result-botb-v79{
  background-image:none!important;
}


/* V81 — Real Results: show the complete story artwork and complete copy */
.results-v40-grid{
  align-items:stretch!important;
}

.results-v40-grid .result-story{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}

.results-v40-grid .result-story-media{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1200 / 680!important;
  overflow:hidden!important;
  background:#02080f!important;
  flex:0 0 auto!important;
}

.results-v40-grid .result-story-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#02080f!important;
}

.results-v40-grid .result-story-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  height:auto!important;
  min-height:300px!important;
  overflow:visible!important;
  padding:28px 24px 26px!important;
}

.results-v40-grid .result-story-body p{
  display:block!important;
  overflow:visible!important;
  max-height:none!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}

.results-v40-grid .result-story-pills{
  margin-top:auto!important;
  padding-top:20px!important;
}

.results-v40-grid .result-story-body > a{
  margin-top:20px!important;
}

/* Keep the rotating alternate cards visually identical when they become active */
.results-v40-grid .result-story-alt{
  height:auto!important;
}

/* Mobile/tablet: still show the whole image, never crop the case-study art */
@media (max-width: 900px){
  .results-v40-grid .result-story-media{
    aspect-ratio:1200 / 680!important;
  }
  .results-v40-grid .result-story-body{
    min-height:0!important;
  }
}


/* V82 — OUR WORK correction.
   V81 fixed Real Results, but the user's screenshot was the OUR WORK grid.
   These case-study graphics are ~1.9:1, so the old 16:10 COVER rule was
   chopping off the left/right story content. Show each complete graphic. */
.case-grid-v78 .case-image-v78{
  aspect-ratio:1.9 / 1!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#02080f!important;
  overflow:hidden!important;
}

/* CrossFit Zion is slightly wider than the other case-study graphics. */
.case-grid-v78 .case-cfz{
  aspect-ratio:1.974 / 1!important;
}

/* Preserve a clean blue frame without cropping any artwork. */
.case-grid-v78 .case-v78{
  overflow:visible!important;
}


/* V83 — OUR WORK: show the COMPLETE case-study image inside each frame.
   Text stays live below the image. No cropping. */
.case-grid-v78{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:30px 24px!important;
  align-items:start!important;
}

.case-v78{
  min-width:0!important;
}

.case-image-v78{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.22 / 1!important;
  box-sizing:border-box!important;
  border:1px solid #0a8fe8!important;
  background-color:#02080f!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}

/* Full, uncropped project compositions */
.case-woi{background-image:url('assets/portfolio-v83-full/woi.png')!important;}
.case-wild{background-image:url('assets/portfolio-v83-full/wild.png')!important;}
.case-auto{background-image:url('assets/portfolio-v83-full/auto.png')!important;}
.case-awning{background-image:url('assets/portfolio-v83-full/awning.png')!important;}
.case-cfz{background-image:url('assets/portfolio-v83-full/cfz.png')!important;}
.case-botb{background-image:url('assets/portfolio-v83-full/botb.png')!important;}

/* Keep all text OUTSIDE the image frame below it */
.case-text-v78{
  padding:14px 8px 0!important;
  background:transparent!important;
}
.case-text-v78 h3,
.case-tags-v78,
.case-text-v78 p{
  position:static!important;
}

/* Do not allow any previous cover/crop rules to override this */
.case-grid-v78 .case-image-v78{
  background-size:contain!important;
  background-position:center!important;
}

@media(max-width:1050px){
  .case-grid-v78{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  .case-grid-v78{grid-template-columns:1fr!important;}
}

/* SEO case-study authority pages */
.case-hero{padding:160px 0 88px;background:var(--ink,#07101e);}
.case-hero-inner{max-width:860px;}
.case-hero h1,.case-closing h2{margin:10px 0 22px;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.92;letter-spacing:-.055em;}
.case-hero h1 strong,.case-closing h2 strong{color:var(--blue,#0e7ce8);}
.case-hero p{max-width:720px;font-size:1.1rem;line-height:1.7;margin:0 0 30px;color:rgba(239,246,255,.78);}
.case-study-stack{background:#07101e;padding:0 0 34px;}
.case-study-band{padding:86px 0;border-top:1px solid rgba(87,163,255,.16);scroll-margin-top:88px;}
.case-study-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);gap:clamp(32px,6vw,96px);align-items:center;}
.case-study-grid.reverse .case-study-media{order:2;}
.case-study-media{background:#07101e;border:1px solid rgba(87,163,255,.36);box-shadow:0 24px 80px rgba(0,0,0,.3);}
.case-study-media img{display:block;width:100%;height:auto;}
.case-study-copy h2{font-size:clamp(2.3rem,4vw,4rem);line-height:.9;letter-spacing:-.045em;margin:8px 0 22px;}
.case-study-copy h2 strong{color:var(--blue,#0e7ce8);}
.case-study-copy h3{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;margin:28px 0 10px;color:#fff;}
.case-study-copy p{color:rgba(239,246,255,.75);line-height:1.72;margin:0 0 18px;}
.case-study-copy .svc-pills{margin:22px 0 0;}
.case-study-copy .svc-pills span{font-size:.67rem;}
.case-closing{padding:110px 0;text-align:center;}
.case-closing-inner{max-width:760px;}
.case-closing p{max-width:610px;margin:0 auto 28px;color:rgba(239,246,255,.75);line-height:1.7;}
.case-text-v78 h3 a{color:inherit;text-decoration:none;}
.case-text-v78 h3 a:hover{color:var(--blue,#0e7ce8);}
@media(max-width:800px){
  .case-hero{padding:130px 0 70px;}
  .case-study-band{padding:58px 0;}
  .case-study-grid,.case-study-grid.reverse{grid-template-columns:1fr;gap:28px;}
  .case-study-grid.reverse .case-study-media{order:0;}
}

/* V88 — keep the approved artwork visible inside mobile in-app browsers. */
@media(max-width:820px){
  /* In-app iPhone browsers can miss IntersectionObserver callbacks.
     Never leave photo sections hidden while waiting for a reveal animation. */
  .reveal,
  .reveal.visible{
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
  }
  .hero-art{
    opacity:1!important;
    background-image:url('assets/hero-bg.png')!important;
    background-size:auto 76%!important;
    background-position:74% 100%!important;
    background-repeat:no-repeat!important;
    filter:brightness(1.9) saturate(1.35) contrast(1.08)!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.82) 94%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.82) 94%,transparent 100%)!important;
  }
  .hero:after{
    background:
      linear-gradient(180deg,rgba(2,8,15,.84) 0%,rgba(2,8,15,.72) 48%,rgba(2,8,15,.18) 70%,transparent 84%),
      linear-gradient(90deg,rgba(2,8,15,.38) 0%,rgba(2,8,15,.12) 68%,transparent 100%)!important;
  }
  .growth-human-bg,
  .blueprint-v64 img,
  .case-img-v87,
  .result-story-media img,
  .about-mountain-art{
    visibility:visible!important;
    opacity:1!important;
  }
  .proxy-v33-bg img{
    visibility:visible!important;
    opacity:.58!important;
  }
}


/* V84 — Chad supplied the corrected six project images.
   Keep those images intact; place ALL live copy beneath them. */
.case-grid-v78{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:24px!important;
  row-gap:34px!important;
  align-items:start!important;
}
.case-v78{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.case-image-v78{
  width:100%!important;
  height:auto!important;
  aspect-ratio:648 / 387!important;
  box-sizing:border-box!important;
  border:1px solid #0a8fe8!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
  flex:none!important;
}
.case-woi{background-image:url('assets/portfolio-v84-user-fixed/woi.jpg')!important;}
.case-wild{background-image:url('assets/portfolio-v84-user-fixed/wild.jpg')!important;}
.case-auto{background-image:url('assets/portfolio-v84-user-fixed/auto.jpg')!important;}
.case-awning{background-image:url('assets/portfolio-v84-user-fixed/awning.jpg')!important;}
.case-cfz{background-image:url('assets/portfolio-v84-user-fixed/cfz.jpg')!important;}
.case-botb{background-image:url('assets/portfolio-v84-user-fixed/botb.jpg')!important;}

.case-text-v78{
  display:block!important;
  position:static!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:14px 8px 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  min-height:0!important;
}
.case-text-v78 h3{
  margin:0 0 5px!important;
}
.case-tags-v78{
  margin:0 0 10px!important;
}
.case-text-v78 p{
  margin:0!important;
}
@media(max-width:1050px){
 .case-grid-v78{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
 .case-grid-v78{grid-template-columns:1fr!important;}
}


/* V85 — exact requested treatment:
   NO image box/border, NO crop, NO forced aspect ratio.
   Use the supplied graphics untouched and put live text beneath. */
.case-grid-v78{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:24px!important;
  row-gap:34px!important;
  align-items:start!important;
}
.case-v78{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.case-image-v78{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  min-height:0!important;
  box-sizing:border-box!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background-color:transparent!important;
  background-size:100% auto!important;
  background-position:left top!important;
  background-repeat:no-repeat!important;
  overflow:visible!important;
}

/* Preserve each supplied image's natural ratio with explicit ratios from the source crops.
   This changes only layout height — it does NOT crop the artwork. */
.case-woi,.case-wild,.case-auto{aspect-ratio:648 / 387!important;}
.case-awning,.case-cfz,.case-botb{aspect-ratio:648 / 425!important;}

.case-text-v78{
  position:static!important;
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:12px 8px 0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  min-height:0!important;
}
.case-text-v78 h3,
.case-tags-v78,
.case-text-v78 p{
  position:static!important;
}
@media(max-width:1050px){
  .case-grid-v78{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  .case-grid-v78{grid-template-columns:1fr!important;}
}


/* V86 — tighten alignment between artwork and copy.
   Slightly larger artwork, same column width as the text, no crop. */
.case-grid-v78{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:22px!important;
  row-gap:38px!important;
  align-items:start!important;
}
.case-v78{
  width:100%!important;
  min-width:0!important;
}
.case-image-v78{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
/* Slightly taller/larger visual presentation without clipping */
.case-woi,.case-wild,.case-auto{aspect-ratio:648 / 397!important;}
.case-awning,.case-cfz,.case-botb{aspect-ratio:648 / 435!important;}

.case-text-v78{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 0 0!important;
  box-sizing:border-box!important;
}
.case-text-v78 h3,
.case-tags-v78,
.case-text-v78 p{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}


/* V87 — exact image/text alignment.
   Use actual image elements, not CSS backgrounds, so every graphic is 100% of its column. */
.case-grid-v78{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:22px!important;
  row-gap:38px!important;
  align-items:start!important;
}

.case-v78{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

.case-img-v87{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}

.case-text-v78{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:12px 0 0!important;
  background:transparent!important;
  border:0!important;
}

.case-text-v78 h3,
.case-tags-v78,
.case-text-v78 p{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Old background-image boxes are no longer used in V87. */
.case-image-v78{
  display:none!important;
}

@media(max-width:1050px){
  .case-grid-v78{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  .case-grid-v78{grid-template-columns:1fr!important;}
}