:root{
  --navy:#0A1324;
  --navy-2:#050B16;
  --blue:#2563EB;
  --blue-2:#4EA3FF;
  --ice:#D6E6FF;
  --white:#F7F8FA;
  --grey:#E6E6E2;
  --text:#132238;
  --muted:#667085;
  --line:rgba(214,230,255,.18);
  --shadow:0 30px 90px rgba(5,11,22,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy)}
body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.shell{width:min(100% - 64px,1180px);margin-inline:auto}
.skip-link{position:fixed;left:18px;top:10px;z-index:10000;background:#fff;color:#000;padding:8px 12px;border-radius:8px;transform:translateY(-140%)}
.skip-link:focus{transform:translateY(0)}

.site-loader{position:fixed;inset:0;z-index:9999;background:#050B16;display:grid;place-items:center;animation:loaderOut .55s ease 1.3s forwards}
.site-loader img{width:106px;filter:drop-shadow(0 0 24px rgba(78,163,255,.38));animation:loaderMark .8s ease both}
.site-loader span{position:absolute;top:calc(50% + 72px);width:150px;height:2px;background:linear-gradient(90deg,transparent,var(--blue-2),transparent);animation:pathSweep 1.05s ease both}
@keyframes loaderOut{to{opacity:0;visibility:hidden}}
@keyframes loaderMark{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes pathSweep{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}

.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:172px minmax(420px,1fr) auto;gap:30px;align-items:center;height:108px;padding:10px clamp(24px,5vw,74px);color:#fff;border-bottom:1px solid transparent;transition:height .24s ease,background .24s ease,backdrop-filter .24s ease,border-color .24s ease,padding .24s ease}
.site-header.is-scrolled{height:82px;background:rgba(5,11,22,.9);backdrop-filter:blur(18px);border-bottom-color:rgba(214,230,255,.12);padding-top:6px;padding-bottom:6px}
.brand{width:172px;height:92px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.brand img{width:172px;height:auto;max-height:92px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.site-header.is-scrolled .brand{width:132px;height:70px}
.site-header.is-scrolled .brand img{width:132px;max-height:70px}
.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.4vw,30px);font-size:.82rem;font-weight:800;color:rgba(255,255,255,.9);white-space:nowrap}
.site-nav a{position:relative;padding:10px 0}
.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--blue-2);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.site-nav a:hover::after{transform:scaleX(1)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 24px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#1877ff);color:#fff;font-weight:900;font-size:.92rem;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 36px rgba(37,99,235,.36);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px);box-shadow:0 18px 52px rgba(37,99,235,.48)}
.button span{font-size:1.55rem;line-height:0;transition:transform .2s ease}.button:hover span{transform:translateX(3px)}
.button-small{min-height:42px;padding:0 18px;font-size:.8rem;border-radius:10px}.button-ghost{background:rgba(255,255,255,.06);box-shadow:none;border-color:rgba(214,230,255,.22);backdrop-filter:blur(10px)}

.hero{position:relative;min-height:900px;background:#050B16;color:#fff;overflow:hidden;padding-bottom:138px}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.82}
.hero-scrim{position:absolute;inset:0;background:radial-gradient(circle at 70% 16%,rgba(37,99,235,.18),transparent 32%),linear-gradient(90deg,rgba(5,11,22,.99) 0%,rgba(5,11,22,.84) 31%,rgba(5,11,22,.24) 68%,rgba(5,11,22,.68) 100%),linear-gradient(180deg,rgba(5,11,22,.34),rgba(5,11,22,.1) 55%,#050B16 100%)}
.hero-content{position:relative;z-index:2;min-height:730px;padding-top:176px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.eyebrow{margin:0 0 16px;color:var(--blue-2);font-weight:900;letter-spacing:.22em;text-transform:uppercase;font-size:.75rem}
.hero-title{max-width:880px;margin:0 0 26px;font-size:clamp(3.35rem,6.05vw,6.05rem);line-height:.92;letter-spacing:-.075em;text-wrap:balance}
.hero-title span,.hero-title strong{display:block}.hero-title span{color:#fff;font-weight:900}.hero-title strong{color:var(--blue);font-weight:900;max-width:850px}
.hero-copy{max-width:540px;margin:0;color:rgba(255,255,255,.84);font-weight:600;font-size:1.17rem;line-height:1.48}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}

.help-strip{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);z-index:4;display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));background:rgba(7,16,31,.82);border:1px solid rgba(214,230,255,.22);box-shadow:0 22px 80px rgba(0,0,0,.34);backdrop-filter:blur(16px);border-radius:18px;overflow:hidden;color:#fff}
.strip-label{padding:28px 26px;border-right:1px solid rgba(214,230,255,.14);display:flex;flex-direction:column;justify-content:center;min-width:0}.strip-label b{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;line-height:1.4}.strip-label i{width:54px;height:2px;background:var(--blue-2);margin-top:20px}
.help-step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:center;min-width:0;padding:26px 22px;border-right:1px solid rgba(214,230,255,.14)}.help-step:last-child{border-right:0}
.help-step small{display:block;color:var(--blue-2);font-weight:900;margin-bottom:4px}.help-step h3{margin:0 0 4px;font-size:1.16rem;letter-spacing:-.04em}.help-step p{margin:0;color:rgba(255,255,255,.76);font-size:.86rem;line-height:1.36}
.step-icon{width:46px;height:46px;border-radius:15px;border:1px solid rgba(214,230,255,.24);background:rgba(214,230,255,.06);position:relative}.step-icon::before,.step-icon::after,.step-icon span{content:"";position:absolute}
.scan::before{inset:12px;border:2px solid var(--ice);border-radius:6px}.scan::after{left:8px;right:8px;top:15px;height:2px;background:var(--blue-2);box-shadow:0 8px 0 var(--blue-2),0 16px 0 var(--blue-2)}
.target::before{inset:9px;border:3px solid var(--ice);border-radius:50%}.target::after{inset:18px;border:3px solid var(--ice);border-radius:50%}.target span{width:25px;height:3px;background:var(--blue-2);right:5px;top:12px;transform:rotate(-45deg)}
.launch::before{left:9px;bottom:12px;width:26px;height:18px;border-left:3px solid var(--ice);border-bottom:3px solid var(--ice);transform:skewY(-28deg)}.launch::after{width:14px;height:14px;border-top:3px solid var(--blue-2);border-right:3px solid var(--blue-2);right:8px;top:9px}.launch span{width:28px;height:3px;background:var(--blue-2);right:7px;top:22px;transform:rotate(-35deg)}

.section{padding:88px 0}.section-light{background:linear-gradient(180deg,#fff,#F7F8FA)}.section-intro h2{font-size:clamp(2.35rem,4.1vw,4.65rem);line-height:.98;letter-spacing:-.065em;margin:0;color:#10203C}.section-intro p:not(.eyebrow){font-size:1.06rem;line-height:1.55;color:var(--muted);margin:18px 0 0;max-width:500px}
.why{position:relative}.why::after{content:"";position:absolute;right:-60px;bottom:-42px;width:340px;height:190px;background:url('assets/pathwai-logo-mark-proper.png') center/contain no-repeat;opacity:.035}.why-grid{position:relative;z-index:1;display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center}.why .section-intro h2{font-size:clamp(1.8rem,2.45vw,2.7rem);line-height:1.08}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid rgba(10,19,36,.12)}.stat{padding:10px 26px;min-height:150px;border-right:1px solid rgba(10,19,36,.12);display:flex;flex-direction:column;justify-content:center}.stat strong{display:block;color:var(--blue);font-size:clamp(2.7rem,4.7vw,4.3rem);line-height:.9;letter-spacing:-.07em}.stat em{font-size:.44em;font-style:normal;letter-spacing:-.02em}.stat p{font-weight:800;line-height:1.28;margin:12px 0 8px;color:#1B2A44}.stat small{color:#7B8494;font-weight:800;font-size:.66rem}

.ascent{position:relative;overflow:hidden;background:#061020;color:#fff}.ascent-bg{position:absolute;inset:0;background:linear-gradient(90deg,#061020 0%,rgba(6,16,32,.9) 30%,rgba(6,16,32,.58) 72%,#061020 100%),url('assets/pathwai-footer-poster.jpg') center/cover no-repeat;opacity:1}.ascent-grid{position:relative;z-index:1;display:grid;grid-template-columns:320px minmax(0,1fr);gap:54px;align-items:center}.ascent .section-intro h2{color:#fff;font-size:clamp(2.7rem,4.1vw,5rem);line-height:.94}.ascent .section-intro p:not(.eyebrow){color:rgba(255,255,255,.72)}
.route{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:92px}.route-line{position:absolute;left:2%;right:2%;top:8px;width:96%;height:130px;overflow:visible;pointer-events:none}.route-line path{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-base{stroke:rgba(214,230,255,.22);stroke-width:3}.route-active{stroke:var(--blue-2);stroke-width:5;filter:drop-shadow(0 0 14px rgba(78,163,255,.5));stroke-dasharray:1100;stroke-dashoffset:1100}.route.is-visible .route-active{animation:drawRoute 1.7s cubic-bezier(.18,.7,.2,1) .2s forwards}@keyframes drawRoute{to{stroke-dashoffset:0}}
.route article{position:relative;min-height:188px;padding:26px 20px 22px;border-radius:18px;background:rgba(5,11,22,.7);border:1px solid rgba(214,230,255,.16);box-shadow:0 20px 58px rgba(0,0,0,.26);backdrop-filter:blur(10px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.route article::before{content:"";position:absolute;left:50%;top:-74px;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#fff 0 34%,#D6E6FF 35% 58%,rgba(37,99,235,.24) 59% 100%);box-shadow:0 0 0 12px rgba(37,99,235,.14),0 0 36px rgba(78,163,255,.45)}.route article:hover{transform:translateY(-4px);border-color:rgba(78,163,255,.62);box-shadow:0 24px 74px rgba(37,99,235,.18)}.route article span{color:var(--blue-2);font-weight:900;font-size:.78rem}.route article h3{margin:6px 0 8px;font-size:1.16rem;letter-spacing:-.04em}.route article p{margin:0;color:rgba(255,255,255,.74);font-size:.87rem;line-height:1.4}

.value-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:38px;align-items:center}.value-map .section-intro h2{font-size:clamp(2.4rem,3.6vw,4.2rem)}.map-stage{display:grid;grid-template-columns:190px minmax(330px,1fr) 210px;gap:20px;align-items:center}.map-column{background:#fff;border:1px solid rgba(10,19,36,.1);border-radius:18px;box-shadow:0 18px 58px rgba(10,19,36,.08);padding:18px}.map-label{margin:0 0 12px;color:var(--blue);font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:.62rem}.map-column button,.map-column p:not(.map-label){display:flex;align-items:center;width:100%;min-height:38px;border:0;background:transparent;text-align:left;border-radius:10px;padding:0 12px;font-weight:800;color:#1B2A44;margin:4px 0}.map-column button{cursor:pointer}.map-column button::before,.map-column p:not(.map-label)::before{content:"";width:8px;height:8px;border-radius:50%;background:#B7C7E6;margin-right:10px;transition:.2s ease;flex:0 0 auto}.map-column button.is-active,.map-column button:hover,.map-column p.is-highlight{background:rgba(37,99,235,.08);color:var(--blue)}.map-column button.is-active::before,.map-column button:hover::before,.map-column p.is-highlight::before{background:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.workflow-hub{height:430px;position:relative;display:grid;place-items:center}.workflow-hub::before,.workflow-hub::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.26),transparent)}.workflow-hub::after{transform:rotate(90deg);left:14%;right:14%}.hub-ring{position:absolute;width:min(386px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,rgba(10,19,36,1) 0 25%,rgba(214,230,255,.72) 26% 51%,rgba(214,230,255,.42) 52% 72%,rgba(255,255,255,0) 73%);border:1px solid rgba(37,99,235,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 24px 80px rgba(37,99,235,.13);animation:hubBreathe 4s ease-in-out infinite}@keyframes hubBreathe{50%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 24px 96px rgba(37,99,235,.22)}}.workflow-hub img{position:relative;z-index:3;width:96px;margin-bottom:72px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.workflow-hub b{position:absolute;z-index:3;top:51%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;line-height:1.22}.cap{position:absolute;z-index:3;font-weight:900;font-size:.76rem;line-height:1.06;text-align:center;color:#10203C;background:rgba(255,255,255,.9);border:1px solid rgba(37,99,235,.13);border-radius:999px;padding:10px 13px;box-shadow:0 12px 36px rgba(10,19,36,.08)}.cap-1{top:8px;left:50%;transform:translateX(-50%)}.cap-2{top:122px;left:12px}.cap-3{bottom:108px;left:12px}.cap-4{top:122px;right:12px}.cap-5{bottom:108px;right:12px}.cap-6{bottom:8px;left:50%;transform:translateX(-50%)}

.pathways{background:#07101F;color:#fff}.pathways-grid{display:grid;grid-template-columns:250px repeat(3,minmax(0,1fr));gap:22px}.pathways .section-intro h2{color:#fff;font-size:clamp(2.2rem,3.3vw,4rem)}.path-card{background:rgba(255,255,255,.045);border:1px solid rgba(214,230,255,.18);border-radius:20px;padding:16px;box-shadow:0 24px 76px rgba(0,0,0,.25);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.path-card:hover{transform:translateY(-6px);border-color:rgba(78,163,255,.65);box-shadow:0 30px 90px rgba(37,99,235,.18)}.card-visual{height:150px;border-radius:14px;margin-bottom:18px;background:linear-gradient(135deg,rgba(37,99,235,.42),rgba(5,11,22,.35)),url('assets/pathwai-hero-poster.jpg') center/cover no-repeat;position:relative;overflow:hidden}.card-visual::after{content:"";position:absolute;inset:auto 0 0;height:54%;background:linear-gradient(transparent,rgba(7,16,31,.92))}.visual-2{background-image:linear-gradient(135deg,rgba(37,99,235,.46),rgba(5,11,22,.34)),url('assets/pathwai-footer-poster.jpg')}.visual-3{background-position:70% center}.path-card h3{font-size:1.24rem;margin:0 0 8px;line-height:1.12}.path-card p{margin:0 0 18px;color:rgba(255,255,255,.72);font-weight:600;line-height:1.42}.path-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.path-card dt{color:var(--blue-2);font-weight:900;font-size:2rem;letter-spacing:-.08em}.path-card dd{margin:3px 0 0;color:rgba(255,255,255,.68);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}

.services-grid{display:grid;grid-template-columns:240px repeat(5,minmax(0,1fr));gap:14px}.services .section-intro h2{font-size:clamp(2.1rem,3vw,3.3rem)}.service-card{min-height:252px;background:#fff;border:1px solid rgba(10,19,36,.1);border-radius:18px;padding:24px 16px;text-align:center;box-shadow:0 18px 58px rgba(10,19,36,.08);position:relative;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.service-card:hover{transform:translateY(-6px);border-color:rgba(37,99,235,.46);box-shadow:0 28px 80px rgba(37,99,235,.14)}.service-card img,.service-card svg{width:54px;height:54px;margin:0 auto 18px;border-radius:16px;border:1px solid rgba(37,99,235,.18);padding:8px;background:rgba(37,99,235,.04)}.service-card svg{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-size:1.04rem;margin:0 0 8px;color:#10203C}.service-card p{font-size:.86rem;line-height:1.36;color:#475467;margin:0}.service-card small{display:block;margin-top:14px;color:var(--blue);font-weight:900}

.principles{background:#fff}.principles-grid{display:grid;grid-template-columns:250px repeat(4,minmax(0,1fr));gap:24px}.principles .section-intro h2{font-size:clamp(2rem,3vw,3.3rem)}.principle{padding-left:22px;border-left:1px solid rgba(10,19,36,.12)}.principle span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(37,99,235,.1);color:var(--blue);font-weight:900}.principle h3{font-size:1.05rem;margin:14px 0 7px;color:#10203C}.principle p{font-size:.9rem;line-height:1.42;color:var(--muted);margin:0}
.final-cta{position:relative;overflow:hidden;background:#050B16;color:#fff}.final-bg{position:absolute;inset:0;background:radial-gradient(circle at 48% 10%,rgba(37,99,235,.26),transparent 30%),linear-gradient(90deg,rgba(5,11,22,.98),rgba(5,11,22,.42),rgba(5,11,22,.92)),url('assets/pathwai-footer-poster.jpg') center/cover no-repeat}.final-grid{position:relative;z-index:1;min-height:320px;display:flex;align-items:center;justify-content:space-between;gap:34px}.final-grid h2{font-size:clamp(3.4rem,6.5vw,6.3rem);letter-spacing:-.08em;line-height:.9;margin:0}.final-grid p{font-size:1.15rem;color:rgba(255,255,255,.78);margin:18px 0 0;max-width:570px;line-height:1.45}.site-footer{background:#050B16;color:rgba(255,255,255,.72);border-top:1px solid rgba(214,230,255,.12);padding:24px 0}.footer-grid{display:grid;grid-template-columns:150px 1fr auto;gap:28px;align-items:center}.footer-logo{width:150px}.footer-logo img{width:150px;height:auto}.site-footer nav{display:flex;gap:24px;justify-content:center;font-size:.78rem;font-weight:800}.site-footer small{font-size:.72rem;font-weight:800;color:rgba(255,255,255,.58)}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .72s ease,transform .72s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-title.reveal{transition-delay:.16s}.hero-copy.reveal{transition-delay:.28s}.hero-actions.reveal{transition-delay:.4s}.help-strip.reveal{transition-delay:.55s}.stat:nth-child(2){transition-delay:.08s}.stat:nth-child(3){transition-delay:.16s}.stat:nth-child(4){transition-delay:.24s}

@media (min-width:1241px){.help-strip.reveal{transform:translateX(-50%) translateY(18px)}.help-strip.reveal.is-visible{transform:translateX(-50%) translateY(0)}}

@media (max-width:1240px){.site-header{grid-template-columns:150px 1fr auto;gap:22px}.brand,.brand img{width:150px}.brand{height:86px}.hero-title{font-size:clamp(3.2rem,5.6vw,4.8rem);max-width:780px}.help-strip{grid-template-columns:1fr;position:relative;left:auto;bottom:auto;transform:none;margin-top:-112px;margin-bottom:28px}.hero{min-height:auto;padding-bottom:0}.hero-content{min-height:720px}.strip-label{border-right:0;border-bottom:1px solid rgba(214,230,255,.14)}.help-step{border-right:0;border-bottom:1px solid rgba(214,230,255,.12)}.help-step:last-child{border-bottom:0}.why-grid,.ascent-grid,.value-grid,.pathways-grid,.services-grid,.principles-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.map-stage{grid-template-columns:1fr}.map-column{max-width:720px;width:100%;margin:auto}.workflow-hub{max-width:560px;width:100%;margin:auto}.pathways-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pathways-grid .section-intro,.services-grid .section-intro,.principles-grid .section-intro{grid-column:1/-1}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}.site-footer nav{flex-wrap:wrap}.final-grid{display:block;padding:70px 0}.final-grid .button{margin-top:28px}}
@media (max-width:900px){.site-header{height:84px;grid-template-columns:118px auto;padding-inline:18px}.site-header.is-scrolled{height:72px}.brand,.brand img{width:118px}.brand{height:70px}.site-header.is-scrolled .brand,.site-header.is-scrolled .brand img{width:102px}.site-nav{display:none}.site-header .button{width:44px;height:42px;min-height:42px;padding:0;border-radius:12px;font-size:0}.site-header .button span{font-size:1.4rem}.shell{width:min(100% - 32px,1180px)}.hero-content{min-height:720px;padding-top:128px}.hero-title{font-size:clamp(3.1rem,13vw,4.1rem);max-width:650px}.hero-copy{font-size:1.02rem}.button{min-height:46px;padding:0 18px}.section{padding:62px 0}.help-strip{margin-top:-72px}.help-step{grid-template-columns:48px 1fr;padding:22px 18px}.strip-label{padding:22px 18px}.stat-row{grid-template-columns:1fr;border-left:0}.stat{border-right:0;border-top:1px solid rgba(10,19,36,.12);padding:24px 4px}.route{grid-template-columns:1fr;padding-top:0}.route-line{display:none}.route article{min-height:auto;padding:22px 20px 22px 84px}.route article::before{left:20px;top:20px;transform:none;width:42px;height:42px}.workflow-hub{height:440px;transform:scale(.94);margin:-12px auto}.cap{font-size:.68rem;padding:8px 10px}.pathways-grid,.services-grid,.principles-grid{grid-template-columns:1fr}.final-grid h2{font-size:3.4rem}.footer-logo{width:126px}.footer-logo img{width:126px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.site-loader{display:none}.reveal{opacity:1!important;transform:none!important}.route-active{stroke-dashoffset:0!important}.hero-video{display:none}.hero{background:linear-gradient(90deg,rgba(5,11,22,.96),rgba(5,11,22,.64)),url('assets/pathwai-hero-poster.jpg') center/cover no-repeat}}


/* v1.4 issue fix: premium Guided Ascent section with expanded spacing */
.ascent{
  position:relative;
  overflow:hidden;
  background:#061020;
  color:#fff;
  min-height:640px;
  padding:118px 0 126px;
}
.ascent::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 68% 24%,rgba(78,163,255,.18),transparent 34%),linear-gradient(180deg,rgba(6,16,32,.06),rgba(6,16,32,.8));
  pointer-events:none;
}
.ascent-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#061020 0%,rgba(6,16,32,.94) 28%,rgba(6,16,32,.64) 64%,rgba(6,16,32,.42) 86%,#061020 100%),
    url('assets/pathwai-footer-poster.jpg') 82% center/cover no-repeat;
  opacity:1;
  transform:scale(1.03);
}
.ascent .shell{width:min(100% - 72px,1420px)}
.ascent-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(300px,380px) minmax(0,1fr);
  gap:clamp(58px,5.8vw,96px);
  align-items:center;
}
.ascent .section-intro{align-self:center;max-width:390px}
.ascent .section-intro .eyebrow{margin-bottom:26px}
.ascent .section-intro h2{
  color:#fff;
  font-size:clamp(3.9rem,5.7vw,6.4rem);
  line-height:.91;
  letter-spacing:-.085em;
  margin:0;
}
.route{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(20px,2vw,32px);
  min-height:420px;
  padding-top:178px;
}
.route-line{
  position:absolute;
  left:6.5%;
  right:1.5%;
  top:42px;
  width:92%;
  height:160px;
  overflow:visible;
  pointer-events:none;
}
.route-line path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.route-base{stroke:rgba(214,230,255,.2);stroke-width:3}
.route-active{
  stroke:var(--blue-2);
  stroke-width:5;
  filter:drop-shadow(0 0 14px rgba(78,163,255,.72));
  stroke-dasharray:1120;
  stroke-dashoffset:1120;
}
.route.is-visible .route-active{animation:drawRoute 1.65s cubic-bezier(.18,.7,.2,1) .15s forwards}
.route article{
  position:relative;
  min-height:238px;
  padding:36px 30px 30px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(7,16,31,.78),rgba(5,11,22,.68));
  border:1px solid rgba(214,230,255,.2);
  box-shadow:0 30px 90px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(14px);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.route article::before{
  content:"";
  position:absolute;
  left:50%;
  top:var(--node-top,-94px);
  transform:translateX(-50%);
  width:26px;
  height:26px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 10px rgba(214,230,255,.34),0 0 0 28px rgba(37,99,235,.16),0 0 42px rgba(78,163,255,.72);
  z-index:3;
}
.route article::after{
  content:"";
  position:absolute;
  left:50%;
  top:calc(var(--node-top,-94px) + 42px);
  height:42px;
  border-left:3px dotted rgba(78,163,255,.82);
  transform:translateX(-50%);
  opacity:.95;
}
.route article:nth-of-type(1){--node-top:-96px}
.route article:nth-of-type(2){--node-top:-112px}
.route article:nth-of-type(3){--node-top:-102px}
.route article:nth-of-type(4){--node-top:-116px}
.route article:hover{
  transform:translateY(-6px);
  border-color:rgba(78,163,255,.62);
  box-shadow:0 34px 100px rgba(37,99,235,.2),inset 0 1px 0 rgba(255,255,255,.08);
}
.stage-icon{
  width:46px;
  height:46px;
  fill:none;
  stroke:var(--blue-2);
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  margin-bottom:28px;
  opacity:.96;
  filter:drop-shadow(0 0 8px rgba(78,163,255,.28));
}
.route article h3{
  margin:0;
  color:var(--blue-2);
  font-size:clamp(1.15rem,1.45vw,1.42rem);
  line-height:1.06;
  letter-spacing:-.045em;
}
.route article i{
  display:block;
  width:24px;
  height:3px;
  margin:18px 0 24px;
  background:var(--blue-2);
  border-radius:999px;
  box-shadow:0 0 16px rgba(78,163,255,.5);
}
.route article p{
  margin:0;
  max-width:210px;
  color:rgba(255,255,255,.8);
  font-size:1.02rem;
  line-height:1.42;
  font-weight:700;
}
.route article span{display:none}
@keyframes drawRoute{to{stroke-dashoffset:0}}

@media (max-width:1240px){
  .ascent{padding:92px 0 98px}
  .ascent .shell{width:min(100% - 48px,1180px)}
  .ascent-grid{grid-template-columns:1fr;gap:46px}
  .ascent .section-intro{max-width:760px}
  .ascent .section-intro h2{font-size:clamp(3.4rem,9vw,5.4rem)}
  .route{gap:18px;min-height:390px;padding-top:160px}
  .route article{padding:30px 22px;min-height:220px}
  .route article p{font-size:.94rem}
}
@media (max-width:900px){
  .ascent{padding:72px 0 76px}
  .ascent .shell{width:min(100% - 32px,1180px)}
  .route{display:grid;grid-template-columns:1fr;gap:16px;min-height:0;padding-top:0}
  .route-line{display:none}
  .route article{min-height:auto;padding:24px 22px 24px 88px}
  .route article::before{left:30px;top:30px;transform:none;width:22px;height:22px;box-shadow:0 0 0 8px rgba(214,230,255,.3),0 0 0 20px rgba(37,99,235,.13)}
  .route article::after{left:40px;top:62px;height:calc(100% - 42px);border-left:2px dotted rgba(78,163,255,.58);transform:none}
  .route article:last-child::after{display:none}
  .stage-icon{position:absolute;left:24px;top:24px;width:34px;height:34px;opacity:.35}
  .route article h3{font-size:1.22rem}
  .route article i{margin:12px 0 14px}
  .route article p{max-width:none;font-size:.98rem}
}
@media (prefers-reduced-motion:reduce){.route-active{stroke-dashoffset:0!important}}

/* v1.5 issue fix: Guided Ascent now uses the approved premium visual treatment exactly, with no overflow or cramped cards. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ascent-visual-section{
  padding:0!important;
  min-height:auto!important;
  line-height:0;
  background:#061020;
  overflow:hidden;
}
.ascent-visual-section::after,
.ascent-visual-section .ascent-bg{display:none!important}
.ascent-visual-image{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  margin:0;
  opacity:1;
  transform:none;
}
.ascent-visual-image.reveal{opacity:0;transform:translateY(14px);transition:opacity .72s ease,transform .72s ease}
.ascent-visual-image.reveal.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:900px){
  .ascent-visual-section{overflow-x:auto}
  .ascent-visual-image{width:1180px;max-width:none}
}
@media (prefers-reduced-motion:reduce){.ascent-visual-image.reveal{opacity:1!important;transform:none!important}}


/* Final update: replace AI Value Map with the approved white visual only */
.value-map-image-section{
  background:#F7F8FA;
  padding:0;
}
.value-map-image-section .shell{
  width:100%;
  max-width:none;
  margin:0;
}
.value-map-image-wrap{
  overflow:hidden;
  background:#F7F8FA;
}
.value-map-image-wrap img{
  width:100%;
  height:auto;
  display:block;
}
@media (max-width:900px){
  .value-map-image-section{overflow-x:auto;}
  .value-map-image-wrap img{min-width:1120px;}
}

/* Final issue fix: restore the AI Value Map as a dynamic/animated section, not a static image. */
.value-map-dynamic{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 51% 45%,rgba(37,99,235,.12),transparent 38%),
    radial-gradient(circle at 77% 42%,rgba(78,163,255,.08),transparent 28%),
    linear-gradient(180deg,#fff 0%,#F7F8FA 100%);
  padding:82px 0 74px;
}
.value-map-dynamic::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle,rgba(37,99,235,.11) 0 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.23;
  mask-image:radial-gradient(circle at 50% 46%,#000,transparent 50%);
  pointer-events:none;
}
.value-magic{
  position:relative;
  z-index:1;
  width:min(100% - 68px,1500px);
  display:grid;
  grid-template-columns:minmax(250px,300px) minmax(210px,245px) minmax(480px,1fr) minmax(220px,255px);
  grid-template-rows:auto auto;
  gap:26px clamp(26px,3vw,46px);
  align-items:center;
}
.value-copy h2{
  margin:0;
  color:#0A1324;
  font-size:clamp(3rem,4.8vw,5.55rem);
  line-height:.94;
  letter-spacing:-.075em;
  font-weight:900;
}
.value-copy h2 strong{
  display:inline-block;
  color:var(--blue);
  font-weight:900;
  text-shadow:0 8px 26px rgba(37,99,235,.15);
}
.value-copy > i{
  display:block;
  width:68px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue),var(--blue-2));
  margin:28px 0 28px;
  box-shadow:0 0 24px rgba(37,99,235,.22);
}
.value-copy > p{
  color:#667085;
  font-size:1.08rem;
  line-height:1.55;
  font-weight:600;
  max-width:270px;
  margin:0;
}
.value-mini{
  margin-top:34px;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(10,19,36,.09);
  border-radius:18px;
  box-shadow:0 20px 56px rgba(10,19,36,.07);
  overflow:hidden;
}
.value-mini div{padding:22px 18px}.value-mini div+div{border-left:1px solid rgba(10,19,36,.1)}
.value-mini b{display:block;margin:10px 0 5px;color:#0A1324;font-size:.84rem}.value-mini small{display:block;color:#667085;font-size:.72rem;line-height:1.35;font-weight:700}
.mini-icon,.list-icon,.node-icon{display:inline-block;position:relative;flex:0 0 auto}
.mini-icon{width:30px;height:30px;border:1.8px solid var(--blue);border-radius:50%}.mini-icon.strategy::before{content:"";position:absolute;inset:8px;border:2px solid var(--blue);border-radius:50%}.mini-icon.strategy::after{content:"";position:absolute;left:50%;top:-4px;width:2px;height:38px;background:var(--blue);transform:translateX(-50%)}.mini-icon.impact{border-radius:4px;border:0;border-left:3px solid var(--blue);border-bottom:3px solid var(--blue)}.mini-icon.impact::before,.mini-icon.impact::after{content:"";position:absolute;bottom:0;width:5px;background:var(--blue);border-radius:4px 4px 0 0}.mini-icon.impact::before{left:9px;height:16px}.mini-icon.impact::after{left:20px;height:25px}
.map-card{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(10,19,36,.1);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(10,19,36,.08),inset 0 1px 0 rgba(255,255,255,.8);
  padding:25px 18px;
  backdrop-filter:blur(14px);
}
.map-label{
  margin:0 0 20px;
  color:var(--blue);
  font-size:.72rem;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.map-card button,.map-card p:not(.map-label){
  width:100%;
  min-height:43px;
  display:flex;
  align-items:center;
  gap:13px;
  margin:6px 0;
  padding:7px 11px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#0A1324;
  font:inherit;
  font-size:1rem;
  line-height:1.15;
  font-weight:800;
  text-align:left;
  transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.map-card button{cursor:pointer}.map-card button:hover,.map-card button.is-active,.map-card p.is-highlight{
  background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(214,230,255,.45));
  color:var(--blue);
  box-shadow:inset 3px 0 0 var(--blue),0 12px 28px rgba(37,99,235,.08);
  transform:translateX(2px);
}
.list-icon{width:22px;height:22px;color:var(--blue)}
.list-icon::before,.list-icon::after{content:"";position:absolute;border-color:currentColor}.list-icon.marketing::before{left:2px;top:7px;width:16px;height:8px;border:2px solid currentColor;border-left:0;transform:skewY(-18deg)}.list-icon.marketing::after{left:1px;bottom:2px;width:4px;height:8px;background:currentColor;border:0}.list-icon.sales::before{left:2px;bottom:3px;width:16px;height:13px;border-left:2px solid currentColor;border-bottom:2px solid currentColor}.list-icon.sales::after{right:2px;top:3px;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(0deg)}.list-icon.supply::before{inset:3px;border:2px solid currentColor;transform:rotate(30deg)}.list-icon.finance::before{inset:2px;border:2px solid currentColor;border-radius:50%}.list-icon.finance::after{left:9px;top:5px;width:2px;height:12px;background:currentColor;border:0;box-shadow:-4px 4px 0 -1px currentColor,4px -4px 0 -1px currentColor}.list-icon.customer::before{left:7px;top:2px;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}.list-icon.customer::after{left:3px;bottom:2px;width:16px;height:8px;border:2px solid currentColor;border-radius:12px 12px 2px 2px}.list-icon.operations::before{inset:3px;border:2px solid currentColor;border-radius:50%}.list-icon.operations::after{left:10px;top:0;width:2px;height:22px;background:currentColor;border:0;box-shadow:0 0 0 1px #fff;transform:rotate(45deg)}.list-icon.governance::before{left:4px;top:2px;width:14px;height:17px;border:2px solid currentColor;border-radius:8px 8px 10px 10px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}
.list-icon.growth::before{left:2px;bottom:4px;width:16px;height:13px;border-left:2px solid currentColor;border-bottom:2px solid currentColor}.list-icon.growth::after{right:2px;top:3px;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}.list-icon.efficiency::before{inset:2px;border:2px solid currentColor;border-radius:50%}.list-icon.efficiency::after{left:10px;top:5px;width:2px;height:12px;background:currentColor;border:0}.list-icon.experience::before{left:7px;top:2px;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}.list-icon.experience::after{left:3px;bottom:2px;width:16px;height:8px;border:2px solid currentColor;border-radius:12px 12px 2px 2px}.list-icon.resilience::before,.list-icon.risk::before{left:4px;top:2px;width:14px;height:17px;border:2px solid currentColor;border-radius:8px 8px 10px 10px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.list-icon.risk::after{left:8px;top:9px;width:7px;height:2px;background:currentColor;border:0;transform:rotate(-45deg);box-shadow:0 0 0 2px transparent}.list-icon.advantage::before{left:5px;top:3px;width:12px;height:10px;border:2px solid currentColor;border-bottom:0;border-radius:0 0 8px 8px}.list-icon.advantage::after{left:10px;top:13px;width:2px;height:8px;background:currentColor;border:0;box-shadow:-5px 7px 0 currentColor,5px 7px 0 currentColor}.list-icon.velocity::before{left:5px;top:2px;width:12px;height:16px;border:2px solid currentColor;border-radius:50% 50% 45% 45%}.list-icon.velocity::after{left:10px;bottom:1px;width:2px;height:6px;background:currentColor;border:0}
.workflow-orbit{
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.workflow-orbit::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(78,163,255,.22),rgba(37,99,235,.07) 44%,transparent 72%);
  filter:blur(4px);
  animation:hubGlow 4.4s ease-in-out infinite;
  z-index:-1;
}
.workflow-orbit::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  background-image:radial-gradient(circle,rgba(37,99,235,.35) 0 1.4px,transparent 1.6px);
  background-size:18px 18px;
  opacity:.42;
  mask-image:radial-gradient(circle,transparent 0 32%,#000 38%,transparent 72%);
  animation:particleDrift 14s linear infinite;
  z-index:-1;
}
.energy-line{position:absolute;top:50%;height:2px;width:170px;background:linear-gradient(90deg,transparent,rgba(78,163,255,.62));filter:drop-shadow(0 0 10px rgba(78,163,255,.5));opacity:.8}.energy-line.left{right:calc(50% + 260px)}.energy-line.right{left:calc(50% + 260px);transform:scaleX(-1)}.energy-line::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px var(--blue-2);transform:translateY(-50%);animation:energyPulse 2.6s ease-in-out infinite}
.orbit-svg{position:absolute;width:min(100%,640px);height:auto;overflow:visible}.orbit-svg circle,.orbit-svg line{fill:none;stroke:rgba(37,99,235,.18);stroke-width:1.4}.orbit-svg .mid{stroke-dasharray:4 6;animation:spinOrbit 34s linear infinite;transform-origin:center}.orbit-svg .inner{stroke:rgba(37,99,235,.1)}.orbit-svg .outer{stroke:rgba(37,99,235,.22)}.orbit-svg .radials line{stroke:rgba(37,99,235,.18)}.orbit-svg .spark-points circle{fill:#75E3FF;stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 10px rgba(37,99,235,.75));animation:sparkBeat 3.2s ease-in-out infinite}.orbit-svg .spark-points circle:nth-child(2){animation-delay:.2s}.orbit-svg .spark-points circle:nth-child(3){animation-delay:.45s}.orbit-svg .spark-points circle:nth-child(4){animation-delay:.65s}.orbit-svg .spark-points circle:nth-child(5){animation-delay:.9s}.orbit-svg .spark-points circle:nth-child(6){animation-delay:1.1s}
.core{
  position:relative;
  z-index:3;
  width:156px;
  height:156px;
  border-radius:50%;
  background:linear-gradient(180deg,#10203C,#081225);
  border:1px solid rgba(37,99,235,.35);
  box-shadow:0 20px 70px rgba(37,99,235,.18),0 0 0 12px rgba(214,230,255,.46),inset 0 1px 0 rgba(255,255,255,.18);
  display:grid;
  place-items:center;
  text-align:center;
}
.core img{width:74px;height:auto;margin-top:-12px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}.core b{position:absolute;top:86px;left:18px;right:18px;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;line-height:1.18;font-weight:900}
.orbit-node{position:absolute;z-index:4;display:grid;justify-items:center;gap:8px;text-align:center;color:#0A1324;font-weight:900;font-size:.76rem;line-height:1.12}.orbit-node b{display:block}.node-icon{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid rgba(37,99,235,.18);box-shadow:0 14px 34px rgba(10,19,36,.08),0 0 24px rgba(37,99,235,.13)}.node-icon::before,.node-icon::after{content:"";position:absolute;border-color:var(--blue)}.node-top{top:0;left:50%;transform:translateX(-50%)}.node-bottom{bottom:0;left:50%;transform:translateX(-50%)}.node-left-top{top:165px;left:20px}.node-left-bottom{bottom:146px;left:20px}.node-right-top{top:165px;right:20px}.node-right-bottom{bottom:146px;right:20px}
.node-icon.brain::before{left:18px;top:14px;width:20px;height:25px;border:2px solid var(--blue);border-radius:12px}.node-icon.rocket::before{left:17px;top:13px;width:22px;height:26px;border:2px solid var(--blue);border-radius:50% 50% 45% 45%;transform:rotate(42deg)}.node-icon.rocket::after{left:16px;bottom:13px;width:8px;height:8px;background:var(--blue);border:0;clip-path:polygon(50% 100%,0 0,100% 0)}.node-icon.shield::before{left:18px;top:13px;width:22px;height:28px;border:2px solid var(--blue);border-radius:12px 12px 14px 14px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.node-icon.bot::before{left:15px;top:20px;width:28px;height:20px;border:2px solid var(--blue);border-radius:8px}.node-icon.bot::after{left:27px;top:11px;width:2px;height:9px;background:var(--blue);border:0;box-shadow:0 -3px 0 2px #fff,0 -3px 0 4px var(--blue)}.node-icon.chart::before{left:14px;bottom:15px;width:28px;height:22px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue)}.node-icon.chart::after{right:14px;top:18px;width:14px;height:14px;border-top:2px solid var(--blue);border-right:2px solid var(--blue)}.node-icon.insight::before{left:15px;top:15px;width:24px;height:24px;border:2px solid var(--blue);border-radius:50%}.node-icon.insight::after{right:15px;bottom:16px;width:12px;height:2px;background:var(--blue);border:0;transform:rotate(45deg)}
.value-pathway{
  grid-column:2 / 5;
  justify-self:center;
  width:min(100%,820px);
  min-height:92px;
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1.3fr;
  align-items:center;
  gap:18px;
  position:relative;
  padding:18px 36px 34px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:22px;
  background:rgba(255,255,255,.72);
  box-shadow:0 22px 66px rgba(10,19,36,.06),inset 0 1px 0 rgba(255,255,255,.9);
}
.value-pathway span{color:var(--blue);text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;font-weight:900;text-align:center}.value-pathway b{color:var(--blue);font-size:2.2rem;line-height:0}.value-pathway small{position:absolute;left:24px;right:24px;bottom:16px;text-align:center;color:#667085;font-weight:700}.value-pathway::before,.value-pathway::after{content:"";position:absolute;top:50%;width:70px;height:2px;background:linear-gradient(90deg,transparent,var(--blue-2));filter:drop-shadow(0 0 10px var(--blue-2))}.value-pathway::before{right:100%;transform:translateY(-50%)}.value-pathway::after{left:100%;transform:translateY(-50%) scaleX(-1)}
.value-magic.is-visible .map-card,.value-magic.is-visible .value-copy,.value-magic.is-visible .workflow-orbit,.value-magic.is-visible .value-pathway{animation:magicIn .7s cubic-bezier(.18,.7,.2,1) both}.value-magic.is-visible .map-left{animation-delay:.08s}.value-magic.is-visible .workflow-orbit{animation-delay:.18s}.value-magic.is-visible .map-right{animation-delay:.28s}.value-magic.is-visible .value-pathway{animation-delay:.36s}
@keyframes magicIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes hubGlow{50%{transform:scale(1.04);opacity:.92}}@keyframes particleDrift{to{transform:rotate(360deg)}}@keyframes spinOrbit{to{transform:rotate(360deg)}}@keyframes sparkBeat{50%{r:10;opacity:.85}}@keyframes energyPulse{50%{transform:translate(22px,-50%);opacity:.35}}
@media (max-width:1240px){
  .value-magic{grid-template-columns:1fr 1fr;gap:24px;width:min(100% - 48px,1000px)}
  .value-copy{grid-column:1 / -1}.value-copy h2{max-width:720px}.value-copy > p{max-width:520px}.value-mini{max-width:420px}
  .workflow-orbit{grid-column:1 / -1;grid-row:3;min-height:560px}.map-left{grid-column:1}.map-right{grid-column:2}.value-pathway{grid-column:1 / -1;width:100%}
}
@media (max-width:900px){
  .value-map-dynamic{padding:64px 0}.value-magic{grid-template-columns:1fr;width:min(100% - 32px,620px)}
  .value-copy h2{font-size:clamp(3.1rem,14vw,4.2rem)}.map-left,.map-right,.workflow-orbit,.value-pathway{grid-column:1}.workflow-orbit{min-height:520px;transform:scale(.92);margin:-12px -24px}.value-pathway{grid-template-columns:1fr;gap:10px;padding:22px 22px 48px}.value-pathway b{transform:rotate(90deg);font-size:1.6rem}.value-pathway::before,.value-pathway::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .workflow-orbit::before,.workflow-orbit::after,.orbit-svg .mid,.orbit-svg .spark-points circle,.energy-line::after,.value-magic.is-visible .map-card,.value-magic.is-visible .value-copy,.value-magic.is-visible .workflow-orbit,.value-magic.is-visible .value-pathway{animation:none!important}
}


/* v1.6 icon energy pass: make the AI Value Map icons more distinctive while preserving dynamic interactions */
.value-map-dynamic .list-icon,
.value-map-dynamic .node-icon{
  display:inline-grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.95), rgba(255,255,255,.12) 22%, transparent 42%),
    linear-gradient(145deg, #4EA3FF 0%, #2563EB 54%, #123CBA 100%);
  border:1px solid rgba(37,99,235,.35);
  box-shadow:
    0 12px 28px rgba(37,99,235,.20),
    0 0 0 6px rgba(37,99,235,.055),
    inset 0 1px 0 rgba(255,255,255,.48);
  transform:translateZ(0);
}
.value-map-dynamic .list-icon::before,
.value-map-dynamic .list-icon::after,
.value-map-dynamic .node-icon::before,
.value-map-dynamic .node-icon::after{
  content:none!important;
}
.value-map-dynamic .list-icon svg,
.value-map-dynamic .node-icon svg{
  width:63%;
  height:63%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 2px 4px rgba(6,20,48,.24));
}
.value-map-dynamic .list-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  margin-right:3px;
}
.value-map-dynamic .map-card button,
.value-map-dynamic .map-card p:not(.map-label){
  min-height:52px;
  gap:14px;
  padding:9px 12px;
}
.value-map-dynamic .map-card button:hover .list-icon,
.value-map-dynamic .map-card button.is-active .list-icon,
.value-map-dynamic .map-card p.is-highlight .list-icon{
  box-shadow:
    0 14px 34px rgba(37,99,235,.30),
    0 0 0 7px rgba(37,99,235,.11),
    0 0 24px rgba(78,163,255,.40),
    inset 0 1px 0 rgba(255,255,255,.55);
  transform:translateY(-1px) scale(1.04);
}
.value-map-dynamic .map-card button.is-active,
.value-map-dynamic .map-card p.is-highlight{
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(214,230,255,.60));
  box-shadow:inset 4px 0 0 var(--blue),0 16px 34px rgba(37,99,235,.12);
}
.value-map-dynamic .node-icon{
  width:76px;
  height:76px;
  border-radius:24px;
  color:#2563EB;
  background:
    radial-gradient(circle at 28% 22%, #ffffff 0 18%, rgba(255,255,255,.85) 19% 42%, transparent 43%),
    linear-gradient(145deg,#FFFFFF 0%,#EDF5FF 48%,#DDEBFF 100%);
  border:1px solid rgba(37,99,235,.24);
  box-shadow:
    0 20px 46px rgba(10,19,36,.10),
    0 0 0 8px rgba(37,99,235,.055),
    0 0 32px rgba(78,163,255,.24),
    inset 0 1px 0 rgba(255,255,255,.95);
  animation:iconLift 4.6s ease-in-out infinite;
}
.value-map-dynamic .orbit-node:nth-of-type(2) .node-icon{animation-delay:.25s}
.value-map-dynamic .orbit-node:nth-of-type(3) .node-icon{animation-delay:.5s}
.value-map-dynamic .orbit-node:nth-of-type(4) .node-icon{animation-delay:.75s}
.value-map-dynamic .orbit-node:nth-of-type(5) .node-icon{animation-delay:1s}
.value-map-dynamic .orbit-node:nth-of-type(6) .node-icon{animation-delay:1.25s}
.value-map-dynamic .node-icon svg{
  width:58%;
  height:58%;
  stroke-width:2.45;
}
.value-map-dynamic .node-icon::marker{display:none}
.value-map-dynamic .node-icon + b,
.value-map-dynamic .orbit-node b{
  color:#0A1324;
  font-weight:900;
}
.value-map-dynamic .orbit-node:hover .node-icon{
  color:#fff;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.9), rgba(255,255,255,.18) 24%, transparent 44%),
    linear-gradient(145deg,#61B7FF,#2563EB 56%,#1337A6);
  box-shadow:
    0 24px 56px rgba(37,99,235,.26),
    0 0 0 9px rgba(37,99,235,.10),
    0 0 38px rgba(78,163,255,.46),
    inset 0 1px 0 rgba(255,255,255,.52);
}
.value-map-dynamic .core{
  box-shadow:
    0 24px 76px rgba(37,99,235,.24),
    0 0 0 13px rgba(214,230,255,.50),
    0 0 34px rgba(78,163,255,.22),
    inset 0 1px 0 rgba(255,255,255,.20);
}
.value-map-dynamic .map-card{
  box-shadow:0 28px 78px rgba(10,19,36,.09),inset 0 1px 0 rgba(255,255,255,.9);
}
.value-map-dynamic .workflow-orbit::after{
  opacity:.55;
}
@keyframes iconLift{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@media (prefers-reduced-motion:reduce){
  .value-map-dynamic .node-icon{animation:none!important}
}

/* v1.7 refinement: premium Guided Ascent + consistent section rhythm */
:root{
  --section-space:110px;
  --section-space-tight:96px;
}
.why{padding:var(--section-space-tight) 0 var(--section-space) 0}
.ascent{padding:var(--section-space) 0 calc(var(--section-space) + 6px) !important;min-height:680px}
.value-map-dynamic{padding:var(--section-space) 0 104px !important}
.pathways{padding:var(--section-space) 0}
.services{padding:104px 0}
.principles{padding:98px 0 104px}
.final-cta .final-grid{padding:96px 0 92px;min-height:0}
.site-footer{padding:26px 0 28px}

/* Guided Ascent: cleaner, more premium card system */
.ascent .section-intro{max-width:430px}
.ascent .section-intro .eyebrow{margin-bottom:20px}
.ascent .section-intro h2{max-width:420px}
.route{
  gap:26px;
  min-height:470px;
  padding-top:188px;
  align-items:start;
}
.route-line{
  left:7.5%;
  right:2%;
  top:36px;
  width:90%;
  height:165px;
}
.route-base{stroke:rgba(214,230,255,.16);stroke-width:3}
.route-active{stroke-width:5.5;filter:drop-shadow(0 0 18px rgba(78,163,255,.7))}
.route article{
  min-height:254px;
  padding:30px 26px 28px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(8,18,35,.84),rgba(5,11,22,.74));
  border:1px solid rgba(214,230,255,.16);
  box-shadow:0 22px 68px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(16px);
}
.route article:nth-of-type(1){margin-top:54px}
.route article:nth-of-type(2){margin-top:14px}
.route article:nth-of-type(3){margin-top:32px}
.route article:nth-of-type(4){margin-top:0}
.route article::before{
  width:28px;
  height:28px;
  box-shadow:0 0 0 12px rgba(214,230,255,.22),0 0 0 36px rgba(37,99,235,.14),0 0 48px rgba(78,163,255,.58);
}
.route article::after{height:48px;top:calc(var(--node-top,-94px) + 46px)}
.route article:hover{
  transform:translateY(-8px);
  border-color:rgba(78,163,255,.56);
  box-shadow:0 36px 110px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.stage-icon{
  width:56px;
  height:56px;
  padding:12px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(78,163,255,.12),rgba(214,230,255,.03));
  border:1px solid rgba(78,163,255,.18);
  box-shadow:0 10px 30px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.07);
  margin-bottom:22px;
}
.route article h3{
  color:#fff;
  font-size:clamp(1.24rem,1.5vw,1.5rem);
  line-height:1.04;
  letter-spacing:-.05em;
}
.route article:nth-of-type(1) h3::before{content:"01"}
.route article:nth-of-type(2) h3::before{content:"02"}
.route article:nth-of-type(3) h3::before{content:"03"}
.route article:nth-of-type(4) h3::before{content:"04"}
.route article h3::before{
  display:block;
  margin-bottom:12px;
  color:var(--blue-2);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.18em;
}
.route article i{
  width:30px;
  height:3px;
  margin:16px 0 18px;
  background:linear-gradient(90deg,var(--blue-2),rgba(78,163,255,.15));
  box-shadow:0 0 18px rgba(78,163,255,.44);
}
.route article p{
  max-width:unset;
  color:rgba(255,255,255,.8);
  font-size:.99rem;
  line-height:1.46;
  font-weight:600;
}

/* balance section intros */
.why .section-intro,.pathways .section-intro,.services .section-intro,.principles .section-intro{padding-top:6px}
.pathways-grid{gap:24px}
.services-grid{gap:18px}
.principles-grid{gap:28px}

@media (max-width:1240px){
  .why{padding:86px 0 96px}
  .ascent{padding:96px 0 102px !important;min-height:auto}
  .value-map-dynamic,.pathways,.services,.principles{padding:92px 0}
  .final-cta .final-grid{padding:82px 0}
  .route{gap:20px;min-height:420px;padding-top:166px}
  .route article{min-height:232px;padding:28px 22px 24px}
  .route article:nth-of-type(1){margin-top:42px}
  .route article:nth-of-type(2){margin-top:10px}
  .route article:nth-of-type(3){margin-top:26px}
}
@media (max-width:900px){
  .why,.ascent,.value-map-dynamic,.pathways,.services,.principles{padding:72px 0 !important}
  .final-cta .final-grid{padding:68px 0 64px}
  .route{display:grid;grid-template-columns:1fr;gap:18px;min-height:0;padding-top:0}
  .route article,.route article:nth-of-type(1),.route article:nth-of-type(2),.route article:nth-of-type(3),.route article:nth-of-type(4){margin-top:0;min-height:auto}
  .route article{padding:26px 22px 24px 92px}
  .route article::before{left:30px;top:28px;transform:none;width:22px;height:22px;box-shadow:0 0 0 8px rgba(214,230,255,.25),0 0 0 20px rgba(37,99,235,.12)}
  .route article::after{left:40px;top:58px;height:calc(100% - 36px)}
  .stage-icon{position:absolute;left:20px;top:78px;width:36px;height:36px;padding:7px;border-radius:12px;opacity:.9}
  .route article h3::before{margin-bottom:8px;font-size:.72rem}
  .route article i{margin:10px 0 12px}
  .route article p{font-size:.96rem}
}


/* v1.8 final correction: Guided Ascent composition + section breathing room
   Fixes: cropped headline/cards, heavy route, oversized nodes, squashed section rhythm. */
.why{
  padding-top:104px !important;
  padding-bottom:108px !important;
}
.ascent{
  padding:122px 0 136px !important;
  min-height:auto !important;
  overflow:hidden !important;
}
.ascent .shell{
  width:min(100% - 104px,1360px) !important;
}
.ascent-grid{
  grid-template-columns:minmax(280px,340px) minmax(0,1fr) !important;
  gap:clamp(54px,5vw,78px) !important;
  align-items:center !important;
}
.ascent .section-intro{
  max-width:340px !important;
  padding-left:0 !important;
}
.ascent .section-intro .eyebrow{
  margin-bottom:20px !important;
}
.ascent .section-intro h2{
  font-size:clamp(3.25rem,4.45vw,5.15rem) !important;
  line-height:.94 !important;
  letter-spacing:-.075em !important;
  max-width:340px !important;
}

.route{
  min-height:430px !important;
  padding-top:132px !important;
  gap:22px !important;
  align-items:start !important;
}
.route-line{
  top:34px !important;
  left:7% !important;
  width:90% !important;
  height:118px !important;
}
.route-base{
  stroke:rgba(214,230,255,.13) !important;
  stroke-width:2.2 !important;
}
.route-active{
  stroke-width:3.4 !important;
  filter:drop-shadow(0 0 10px rgba(78,163,255,.55)) !important;
}

.route article{
  min-height:218px !important;
  padding:26px 22px 24px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(8,18,35,.78),rgba(5,11,22,.7)) !important;
  border:1px solid rgba(214,230,255,.16) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.route article:nth-of-type(1){
  margin-top:42px !important;
  --node-top:-78px !important;
}
.route article:nth-of-type(2){
  margin-top:12px !important;
  --node-top:-84px !important;
}
.route article:nth-of-type(3){
  margin-top:28px !important;
  --node-top:-82px !important;
}
.route article:nth-of-type(4){
  margin-top:0 !important;
  --node-top:-86px !important;
}
.route article::before{
  width:18px !important;
  height:18px !important;
  top:var(--node-top,-80px) !important;
  box-shadow:
    0 0 0 8px rgba(214,230,255,.26),
    0 0 0 23px rgba(37,99,235,.13),
    0 0 30px rgba(78,163,255,.55) !important;
}
.route article::after{
  top:calc(var(--node-top,-80px) + 30px) !important;
  height:36px !important;
  border-left:2px dotted rgba(78,163,255,.62) !important;
}
.route article:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(78,163,255,.48) !important;
  box-shadow:0 30px 90px rgba(37,99,235,.15), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.stage-icon{
  width:48px !important;
  height:48px !important;
  padding:11px !important;
  margin-bottom:20px !important;
  border-radius:15px !important;
  stroke-width:2.6 !important;
  background:linear-gradient(180deg,rgba(78,163,255,.13),rgba(214,230,255,.035)) !important;
  border:1px solid rgba(78,163,255,.18) !important;
  box-shadow:0 10px 28px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.route article h3{
  color:#fff !important;
  font-size:clamp(1.16rem,1.28vw,1.34rem) !important;
  line-height:1.06 !important;
}
.route article h3::before{
  margin-bottom:10px !important;
  font-size:.7rem !important;
  letter-spacing:.18em !important;
  color:var(--blue-2) !important;
}
.route article i{
  width:28px !important;
  height:3px !important;
  margin:14px 0 16px !important;
  background:linear-gradient(90deg,var(--blue-2),rgba(78,163,255,.12)) !important;
}
.route article p{
  color:rgba(255,255,255,.76) !important;
  font-size:.94rem !important;
  line-height:1.44 !important;
  font-weight:650 !important;
}

.value-map-dynamic{
  padding-top:112px !important;
  padding-bottom:108px !important;
}
.pathways{
  padding-top:112px !important;
  padding-bottom:112px !important;
}
.services{
  padding-top:106px !important;
  padding-bottom:110px !important;
}
.principles{
  padding-top:104px !important;
  padding-bottom:108px !important;
}
.final-cta .final-grid{
  padding-top:92px !important;
  padding-bottom:92px !important;
  min-height:0 !important;
}

@media (max-width:1240px){
  .ascent{
    padding:96px 0 104px !important;
  }
  .ascent .shell{
    width:min(100% - 56px,1180px) !important;
  }
  .ascent-grid{
    grid-template-columns:1fr !important;
    gap:48px !important;
  }
  .ascent .section-intro,
  .ascent .section-intro h2{
    max-width:760px !important;
  }
  .route{
    min-height:400px !important;
    padding-top:150px !important;
    gap:18px !important;
  }
  .route article{
    min-height:220px !important;
  }
}
@media (max-width:900px){
  .why,
  .ascent,
  .value-map-dynamic,
  .pathways,
  .services,
  .principles{
    padding-top:72px !important;
    padding-bottom:76px !important;
  }
  .ascent .shell{
    width:min(100% - 32px,1180px) !important;
  }
  .route{
    grid-template-columns:1fr !important;
    padding-top:0 !important;
    min-height:0 !important;
    gap:18px !important;
  }
  .route-line{
    display:none !important;
  }
  .route article,
  .route article:nth-of-type(1),
  .route article:nth-of-type(2),
  .route article:nth-of-type(3),
  .route article:nth-of-type(4){
    margin-top:0 !important;
    min-height:auto !important;
    padding:24px 22px 24px 88px !important;
  }
  .route article::before{
    left:28px !important;
    top:28px !important;
    transform:none !important;
    width:18px !important;
    height:18px !important;
    box-shadow:0 0 0 8px rgba(214,230,255,.24),0 0 0 19px rgba(37,99,235,.12) !important;
  }
  .route article::after{
    left:37px !important;
    top:58px !important;
    height:calc(100% - 34px) !important;
    transform:none !important;
  }
  .route article:last-child::after{
    display:none !important;
  }
  .stage-icon{
    position:absolute !important;
    left:18px !important;
    top:76px !important;
    width:36px !important;
    height:36px !important;
    padding:7px !important;
  }
  .route article p{
    font-size:.96rem !important;
  }
}


/* v1.9: Replace the problematic CSS-built Guided Ascent with the premium designed visual.
   This removes the clunky route/cards treatment and preserves the rest of the site. */
.ascent-designed{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  background:#061020 !important;
  padding:0 !important;
  min-height:0 !important;
  line-height:0 !important;
}
.ascent-designed::before,
.ascent-designed::after,
.ascent-designed .ascent-bg,
.ascent-designed .ascent-grid,
.ascent-designed .route,
.ascent-designed .route-line{
  display:none !important;
}
.ascent-designed-image{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  border:0 !important;
}
.ascent-designed-image.reveal{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .72s ease, transform .72s ease;
}
.ascent-designed-image.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}
@media (max-width:900px){
  .ascent-designed{
    overflow-x:auto !important;
  }
  .ascent-designed-image{
    width:1180px !important;
    max-width:none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .ascent-designed-image.reveal{
    opacity:1 !important;
    transform:none !important;
  }
}


/* v1.10 - Ideas on use section refresh */
.ideas-on-use-grid{grid-template-columns:270px repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.ideas-on-use-grid .section-intro p{max-width:230px;color:rgba(255,255,255,.72)}
.usecase-card{padding:18px 18px 20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035));border:1px solid rgba(214,230,255,.16);border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.24)}
.usecase-card:hover{transform:translateY(-6px);border-color:rgba(78,163,255,.56);box-shadow:0 30px 90px rgba(37,99,235,.16)}
.usecase-card h3{font-size:1.2rem;line-height:1.08;margin:0 0 10px}
.usecase-card p{margin:0 0 18px;color:rgba(255,255,255,.74);font-weight:600;line-height:1.46;min-height:88px}
.usecase-card .metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:end}
.usecase-card .metrics b{display:block;color:var(--blue-2);font-size:2rem;font-weight:900;letter-spacing:-.07em;line-height:.92}
.usecase-card .metrics span{display:block;color:rgba(255,255,255,.66);font-size:.74rem;font-weight:800;text-transform:uppercase;line-height:1.25;letter-spacing:.04em}
.card-visual{height:164px;border-radius:16px;margin-bottom:18px;overflow:hidden;position:relative;border:1px solid rgba(214,230,255,.16);background:radial-gradient(circle at 80% 10%,rgba(78,163,255,.18),transparent 28%),linear-gradient(180deg,rgba(19,36,68,.7),rgba(7,16,31,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.card-visual::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(7,16,31,.36) 20%,rgba(7,16,31,.9))}
.visual-window,.chart-panel,.shield-panel{position:absolute;inset:18px;z-index:1;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(214,230,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.chip,.mini-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;border-radius:999px;background:rgba(37,99,235,.18);border:1px solid rgba(78,163,255,.26);color:#D6E6FF;font-size:.68rem;font-weight:800;letter-spacing:.03em}
.visual-marketing .chip{left:14px;top:14px}
.layout-bars{position:absolute;left:14px;right:14px;top:52px;display:grid;gap:8px}.layout-bars i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,.15))}
.layout-bars i:nth-child(2){width:72%}.layout-bars i:nth-child(3){width:56%}
.content-grid{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.content-grid b{display:block;height:42px;border-radius:10px;background:linear-gradient(135deg,rgba(78,163,255,.55),rgba(214,230,255,.12));box-shadow:0 8px 20px rgba(37,99,235,.16)}
.content-grid b:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(214,230,255,.08))}
.content-grid b:nth-child(3){background:linear-gradient(135deg,rgba(37,99,235,.36),rgba(255,255,255,.08))}
.content-grid b:nth-child(4){background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(78,163,255,.18))}
.visual-sales .chart-panel{background:radial-gradient(circle at 80% 16%,rgba(78,163,255,.12),transparent 30%),rgba(255,255,255,.05)}
.bars{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:flex-end;gap:10px;height:72px}.bars i{display:block;flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,rgba(78,163,255,.86),rgba(37,99,235,.18));box-shadow:0 10px 24px rgba(37,99,235,.16)}
.bars i:nth-child(1){height:36%}.bars i:nth-child(2){height:54%}.bars i:nth-child(3){height:72%}.bars i:nth-child(4){height:92%}
.trend-line{position:absolute;left:22px;right:22px;top:44px;height:48px;border-left:2px solid rgba(214,230,255,.18);border-bottom:2px solid rgba(214,230,255,.18)}
.trend-line::after{content:"";position:absolute;left:6px;right:12px;top:16px;height:2px;background:linear-gradient(90deg,transparent 0 6%,rgba(78,163,255,.95) 6% 18%,transparent 18% 22%,rgba(78,163,255,.95) 22% 44%,transparent 44% 48%,rgba(78,163,255,.95) 48% 74%,transparent 74% 78%,rgba(78,163,255,.95) 78% 100%);transform:skewY(-18deg);filter:drop-shadow(0 0 8px rgba(78,163,255,.5))}
.visual-sales .mini-badge{top:14px;right:14px}
.visual-governance .shield-panel{background:radial-gradient(circle at 22% 20%,rgba(78,163,255,.12),transparent 28%),rgba(255,255,255,.05)}
.shield-icon{position:absolute;left:16px;top:18px;width:62px;height:72px;background:linear-gradient(180deg,rgba(78,163,255,.2),rgba(37,99,235,.06));clip-path:path('M31 0 C42 8, 52 8, 62 11 V35 C62 52, 48 64, 31 72 C14 64, 0 52, 0 35 V11 C10 8, 20 8, 31 0Z');border:1px solid rgba(214,230,255,.28);box-shadow:0 10px 22px rgba(37,99,235,.16)}
.shield-icon::after{content:"";position:absolute;left:21px;top:25px;width:18px;height:10px;border-left:3px solid #D6E6FF;border-bottom:3px solid #D6E6FF;transform:rotate(-45deg)}
.check-list{position:absolute;left:94px;right:14px;top:20px;display:grid;gap:12px}.check-list i{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.76),rgba(255,255,255,.14))}
.check-list i:nth-child(2){width:82%}.check-list i:nth-child(3){width:68%}
.visual-governance .mini-badge{left:16px;bottom:14px}
@media (max-width:1240px){.ideas-on-use-grid{grid-template-columns:1fr 1fr}.ideas-on-use-grid .section-intro{grid-column:1/-1}.ideas-on-use-grid .section-intro p{max-width:560px}.usecase-card p{min-height:0}}
@media (max-width:900px){.ideas-on-use-grid{grid-template-columns:1fr}.card-visual{height:156px}.usecase-card{padding:16px}.usecase-card p{min-height:0}}


/* v1.12 - refreshed Who We Are section */
.principles-refresh{background:linear-gradient(180deg,#fff 0%,#F9FBFF 100%);padding:106px 0 112px;position:relative;overflow:hidden}
.principles-refresh::before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.10),rgba(37,99,235,0) 68%);pointer-events:none}
.principles-refresh-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:38px;align-items:start}
.principles-refresh .section-intro h2{font-size:clamp(2.4rem,3.6vw,4.2rem);line-height:.96;letter-spacing:-.08em;margin-bottom:18px}
.principles-refresh .section-intro p{font-size:1rem;line-height:1.52;color:#5D6B82;max-width:285px;margin:0 0 24px}
.principles-pulse{display:flex;flex-wrap:wrap;gap:10px}.principles-pulse span{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.12);color:var(--blue);font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.principles-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.principle-card{position:relative;min-height:220px;padding:24px 24px 22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96));border:1px solid rgba(37,99,235,.10);box-shadow:0 18px 48px rgba(10,19,36,.06), inset 0 1px 0 rgba(255,255,255,.85);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.principle-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:22px 0 0 22px;background:linear-gradient(180deg,#2563EB,#7DB4FF);opacity:.9}
.principle-card:hover{transform:translateY(-6px);border-color:rgba(37,99,235,.24);box-shadow:0 26px 70px rgba(37,99,235,.10)}
.principle-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.principle-num{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(37,99,235,.10);color:#2563EB;font-weight:900;font-size:1.1rem;letter-spacing:-.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.principle-card svg{width:44px;height:44px;fill:none;stroke:#2563EB;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;padding:9px;border-radius:14px;background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.12)}
.principle-card h3{font-size:1.35rem;line-height:1.05;letter-spacing:-.05em;color:#10203C;margin:0 0 10px}
.principle-card p{margin:0;color:#5D6B82;font-size:.98rem;line-height:1.56;font-weight:500;max-width:32ch}
@media (max-width:1240px){.principles-refresh-grid{grid-template-columns:1fr;gap:28px}.principles-refresh .section-intro p{max-width:680px}.principles-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.principles-refresh{padding:72px 0 76px}.principles-board{grid-template-columns:1fr;gap:18px}.principle-card{min-height:0;padding:22px 20px}.principle-card h3{font-size:1.22rem}.principle-card p{font-size:.95rem;max-width:none}}


/* v1.14 - top navigation cleanup using approved PATHWAI logo */
.site-header{
  grid-template-columns:176px minmax(0,1fr) auto !important;
  gap:clamp(20px,2.8vw,40px) !important;
  height:96px !important;
  padding:12px clamp(24px,4.2vw,64px) !important;
  background:linear-gradient(180deg,rgba(5,11,22,.82),rgba(5,11,22,.26)) !important;
  border-bottom:1px solid transparent !important;
}
.site-header.is-scrolled{
  height:76px !important;
  padding-top:7px !important;
  padding-bottom:7px !important;
  background:rgba(5,11,22,.91) !important;
  backdrop-filter:blur(18px) !important;
  border-bottom-color:rgba(214,230,255,.12) !important;
}
.brand-header{
  width:176px !important;
  height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.brand-header .brand-logo{
  width:176px !important;
  max-height:62px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 9px 20px rgba(0,0,0,.36)) !important;
}
.site-header.is-scrolled .brand-header{
  width:150px !important;
  height:52px !important;
}
.site-header.is-scrolled .brand-header .brand-logo{
  width:150px !important;
  max-height:52px !important;
}
.site-header .brand-tagline{
  display:none !important;
}
.site-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(16px,2vw,28px) !important;
  font-size:.86rem !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:rgba(255,255,255,.94) !important;
  white-space:nowrap !important;
}
.site-nav a{
  position:relative !important;
  padding:12px 0 !important;
}
.site-nav a::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:3px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--blue-2) !important;
  transform:scaleX(0) !important;
  transform-origin:left !important;
  transition:transform .22s ease !important;
}
.site-nav a:hover::after{
  transform:scaleX(1) !important;
}
.site-header .button-small{
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:14px !important;
  font-size:.92rem !important;
}
.brand-footer{
  width:178px !important;
  height:auto !important;
  display:block !important;
}
.brand-footer .brand-logo{
  width:178px !important;
  height:auto !important;
  max-height:none !important;
}
.footer-grid{
  grid-template-columns:190px 1fr auto !important;
}

@media (max-width:1240px){
  .site-header{
    grid-template-columns:154px minmax(0,1fr) auto !important;
    gap:20px !important;
    padding-inline:24px !important;
  }
  .brand-header,
  .brand-header .brand-logo{
    width:154px !important;
  }
  .brand-header{
    height:56px !important;
  }
  .brand-header .brand-logo{
    max-height:56px !important;
  }
  .site-header.is-scrolled .brand-header,
  .site-header.is-scrolled .brand-header .brand-logo{
    width:136px !important;
  }
  .site-header.is-scrolled .brand-header{
    height:48px !important;
  }
  .site-header.is-scrolled .brand-header .brand-logo{
    max-height:48px !important;
  }
  .site-nav{
    gap:16px !important;
    font-size:.78rem !important;
  }
  .site-header .button-small{
    min-height:46px !important;
    padding:0 18px !important;
    font-size:.82rem !important;
  }
}
@media (max-width:900px){
  .site-header{
    grid-template-columns:132px auto !important;
    height:80px !important;
    padding-inline:18px !important;
    background:linear-gradient(180deg,rgba(5,11,22,.9),rgba(5,11,22,.42)) !important;
  }
  .site-nav{
    display:none !important;
  }
  .brand-header,
  .brand-header .brand-logo{
    width:132px !important;
  }
  .brand-header{
    height:50px !important;
  }
  .brand-header .brand-logo{
    max-height:50px !important;
  }
  .site-header.is-scrolled{
    height:68px !important;
  }
  .site-header.is-scrolled .brand-header,
  .site-header.is-scrolled .brand-header .brand-logo{
    width:118px !important;
  }
  .site-header.is-scrolled .brand-header{
    height:44px !important;
  }
  .site-header.is-scrolled .brand-header .brand-logo{
    max-height:44px !important;
  }
}


/* v1.15 - AI Value Map centre hub fix.
   The mountain mark and label were overlapping; keep the mark as a small emblem and give the text its own clear space. */
.value-map-dynamic .core{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:18px 16px 16px !important;
  overflow:hidden !important;
}
.value-map-dynamic .core img{
  position:static !important;
  width:58px !important;
  max-width:58px !important;
  height:auto !important;
  margin:0 !important;
  flex:0 0 auto !important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.32)) !important;
}
.value-map-dynamic .core b{
  position:static !important;
  display:block !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  margin:0 !important;
  width:100% !important;
  color:#fff !important;
  text-align:center !important;
  text-transform:uppercase !important;
  letter-spacing:.095em !important;
  font-size:.74rem !important;
  line-height:1.18 !important;
  font-weight:900 !important;
}
@media (max-width:900px){
  .value-map-dynamic .core img{
    width:52px !important;
    max-width:52px !important;
  }
  .value-map-dynamic .core b{
    font-size:.68rem !important;
  }
}


/* v1.16 - fix visibility of help strip icons */
.help-step img,
.help-step svg{
  width:42px;
  height:42px;
  align-self:center;
  justify-self:center;
}
.help-step img{
  object-fit:contain;
  filter:drop-shadow(0 6px 14px rgba(37,99,235,.24));
}
.help-step svg{
  overflow:visible;
}
.help-step svg *{
  fill:none !important;
  stroke:#D6E6FF !important;
  stroke-width:4 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.help-step svg circle:last-of-type{
  stroke:#4EA3FF !important;
}
.help-step:nth-of-type(3) svg *{
  stroke:#4EA3FF !important;
}
.help-step:nth-of-type(3) svg path:first-of-type{
  stroke:#D6E6FF !important;
}


/* v1.18 production pass: proof, CTAs, mobile, contact, credibility, performance-friendly layout */
.source-note{
  grid-column:2;
  margin:18px 0 0;
  color:#7B8494;
  font-size:.74rem;
  line-height:1.35;
  font-weight:700;
}
.stat strong{white-space:nowrap}
.stat:nth-child(4) strong{font-size:clamp(2.5rem,4.4vw,3.9rem)}
.metrics em{
  grid-column:1 / -1;
  display:block;
  color:rgba(214,230,255,.82);
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:2px;
}
.credibility-strip{
  background:#07101F;
  color:#fff;
  padding:34px 0;
  border-top:1px solid rgba(214,230,255,.12);
  border-bottom:1px solid rgba(214,230,255,.12);
}
.credibility-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:rgba(214,230,255,.12);
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(214,230,255,.13);
}
.credibility-grid div{
  padding:22px 24px;
  background:rgba(5,11,22,.62);
  min-height:116px;
}
.credibility-grid b{
  display:block;
  color:#fff;
  font-size:1.02rem;
  letter-spacing:-.03em;
  margin-bottom:8px;
}
.credibility-grid span{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:.88rem;
  line-height:1.4;
  font-weight:650;
}
.contact-panel{
  padding:104px 0 110px;
}
.contact-grid{
  display:grid;
  grid-template-columns:minmax(260px,360px) minmax(0,640px);
  gap:clamp(42px,6vw,92px);
  align-items:start;
}
.contact-panel .section-intro h2{
  font-size:clamp(2.7rem,4.7vw,5.2rem);
}
.contact-panel .section-intro p{
  max-width:360px;
}
.contact-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(10,19,36,.10);
  box-shadow:0 24px 76px rgba(10,19,36,.08);
}
.contact-form label{
  display:grid;
  gap:8px;
  color:#10203C;
  font-weight:850;
  font-size:.86rem;
  line-height:1.25;
}
.contact-form label:nth-child(4),
.contact-form label:nth-child(5),
.contact-form button{
  grid-column:1 / -1;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  border:1px solid rgba(10,19,36,.14);
  border-radius:14px;
  min-height:48px;
  padding:12px 14px;
  font:inherit;
  color:#10203C;
  background:#F7F8FA;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.contact-form textarea{
  resize:vertical;
  min-height:110px;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  border-color:rgba(37,99,235,.52);
  box-shadow:0 0 0 4px rgba(37,99,235,.10);
  background:#fff;
}
.contact-form button{
  width:max-content;
  border:0;
  margin-top:4px;
  cursor:pointer;
}
.final-cta{
  border-top:1px solid rgba(214,230,255,.12);
}

/* Mobile production pass */
@media (max-width:1240px){
  .source-note{grid-column:1}
  .credibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-grid{grid-template-columns:1fr;gap:34px}
  .contact-panel .section-intro p{max-width:680px}
}
@media (max-width:900px){
  .hero{min-height:auto;padding-bottom:0}
  .hero-content{min-height:690px;padding-top:122px;padding-bottom:112px}
  .hero-title{font-size:clamp(3rem,12vw,4.6rem);line-height:.95}
  .hero-actions{width:100%}
  .hero-actions .button{flex:1 1 auto}
  .stat-row{gap:0}
  .stat strong{font-size:clamp(2.6rem,13vw,4rem)}
  .source-note{font-size:.72rem;margin-top:14px}
  .value-map-dynamic{overflow-x:hidden}
  .workflow-orbit{transform:scale(.86);margin:-42px -54px}
  .value-copy h2{font-size:clamp(3rem,13vw,4.35rem)}
  .pathways{padding-top:76px!important;padding-bottom:76px!important}
  .ideas-on-use-grid .section-intro p{max-width:100%}
  .credibility-grid{grid-template-columns:1fr;border-radius:16px}
  .credibility-grid div{min-height:auto;padding:20px}
  .contact-panel{padding:76px 0}
  .contact-form{grid-template-columns:1fr;padding:18px;border-radius:20px}
  .contact-form button{width:100%}
  .final-grid{display:block;text-align:left}
}
@media (max-width:560px){
  .hero-actions{display:grid;grid-template-columns:1fr}
  .button{width:100%}
  .workflow-orbit{transform:scale(.76);margin:-70px -82px}
  .map-card{padding:20px 14px}
  .value-pathway{font-size:.88rem}
}


/* v1.19 - fix header logo display + Guided Ascent naming */
.site-header{
  height:106px !important;
  grid-template-columns:154px minmax(0,1fr) auto !important;
  gap:clamp(22px,3vw,44px) !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
.brand-header{
  width:154px !important;
  height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.brand-header .brand-logo{
  width:auto !important;
  height:76px !important;
  max-height:76px !important;
  max-width:154px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.site-header.is-scrolled{
  height:86px !important;
}
.site-header.is-scrolled .brand-header{
  width:132px !important;
  height:66px !important;
}
.site-header.is-scrolled .brand-header .brand-logo{
  width:auto !important;
  height:62px !important;
  max-height:62px !important;
  max-width:132px !important;
}
@media (max-width:1240px){
  .site-header{
    grid-template-columns:134px minmax(0,1fr) auto !important;
    height:96px !important;
  }
  .brand-header{
    width:134px !important;
    height:72px !important;
  }
  .brand-header .brand-logo{
    height:68px !important;
    max-height:68px !important;
    max-width:134px !important;
  }
  .site-header.is-scrolled .brand-header{
    width:118px !important;
    height:58px !important;
  }
  .site-header.is-scrolled .brand-header .brand-logo{
    height:56px !important;
    max-height:56px !important;
    max-width:118px !important;
  }
}
@media (max-width:900px){
  .site-header{
    grid-template-columns:118px auto !important;
    height:78px !important;
  }
  .brand-header{
    width:118px !important;
    height:58px !important;
  }
  .brand-header .brand-logo{
    height:54px !important;
    max-height:54px !important;
    max-width:118px !important;
  }
  .site-header.is-scrolled{
    height:68px !important;
  }
  .site-header.is-scrolled .brand-header{
    width:104px !important;
    height:50px !important;
  }
  .site-header.is-scrolled .brand-header .brand-logo{
    height:48px !important;
    max-height:48px !important;
    max-width:104px !important;
  }
}


/* v1.21 - Privacy Policy + Terms pages */
.form-privacy-note{
  grid-column:1 / -1;
  margin:0;
  color:#667085;
  font-size:.78rem;
  line-height:1.45;
  font-weight:650;
}
.form-privacy-note a{
  color:#2563EB;
  font-weight:900;
}
.legal-body{
  background:#F7F8FA;
  color:#10203C;
}
.legal-top{
  min-height:96px;
  padding:18px clamp(24px,5vw,72px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:#050B16;
  border-bottom:1px solid rgba(214,230,255,.12);
}
.legal-brand img{
  width:170px;
  height:auto;
  display:block;
}
.legal-page{
  width:min(100% - 48px,980px);
  margin:0 auto;
  padding:78px 0 92px;
}
.legal-hero{
  margin-bottom:30px;
}
.legal-hero h1{
  margin:0;
  font-size:clamp(3rem,6vw,5.8rem);
  line-height:.92;
  letter-spacing:-.08em;
  color:#10203C;
}
.legal-hero p{
  margin:18px 0 0;
  color:#667085;
  font-weight:800;
}
.legal-card{
  background:#fff;
  border:1px solid rgba(10,19,36,.10);
  border-radius:24px;
  box-shadow:0 24px 76px rgba(10,19,36,.08);
  padding:clamp(24px,4vw,46px);
}
.legal-card h2{
  margin:34px 0 10px;
  font-size:1.35rem;
  line-height:1.12;
  letter-spacing:-.04em;
  color:#10203C;
}
.legal-card h2:first-of-type{
  margin-top:22px;
}
.legal-card p{
  color:#5D6B82;
  font-size:1rem;
  line-height:1.65;
  margin:0 0 14px;
}
.legal-card a{
  color:#2563EB;
  font-weight:900;
}
.legal-note{
  margin-top:34px!important;
  padding:18px 20px;
  border-radius:16px;
  background:rgba(37,99,235,.06);
  border:1px solid rgba(37,99,235,.12);
  color:#475467!important;
  font-size:.92rem!important;
}
.legal-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:22px;
  padding:26px 24px;
  background:#050B16;
  color:rgba(255,255,255,.72);
  font-weight:800;
  font-size:.82rem;
}
.legal-footer a:hover{
  color:#fff;
}
@media(max-width:720px){
  .legal-top{
    min-height:82px;
    padding:16px 18px;
  }
  .legal-brand img{
    width:132px;
  }
  .legal-top .button{
    width:auto;
    min-height:42px;
    padding:0 14px;
    font-size:.76rem;
  }
  .legal-page{
    width:min(100% - 32px,980px);
    padding:54px 0 70px;
  }
  .legal-card{
    border-radius:20px;
  }
}


/* v1.31 - header logo fix
   Use the exact same approved full logo asset as the footer and scale it cleanly. */
.site-header{
  grid-template-columns:210px minmax(0,1fr) auto !important;
  height:104px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}
.brand-header{
  width:210px !important;
  height:84px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.brand-header .brand-logo{
  content:url("assets/pathwai-logo-approved-full.png") !important;
  width:210px !important;
  height:auto !important;
  max-width:210px !important;
  max-height:84px !important;
  object-fit:contain !important;
  object-position:left center !important;
  image-rendering:auto !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.32)) !important;
}
.site-header.is-scrolled{
  height:86px !important;
}
.site-header.is-scrolled .brand-header{
  width:178px !important;
  height:68px !important;
}
.site-header.is-scrolled .brand-header .brand-logo{
  width:178px !important;
  max-width:178px !important;
  max-height:68px !important;
}
.legal-top .legal-brand img{
  content:url("assets/pathwai-logo-approved-full.png") !important;
  width:210px !important;
  height:auto !important;
  max-height:84px !important;
  object-fit:contain !important;
}
@media (max-width:1240px){
  .site-header{
    grid-template-columns:178px minmax(0,1fr) auto !important;
  }
  .brand-header,
  .brand-header .brand-logo{
    width:178px !important;
    max-width:178px !important;
  }
  .brand-header{
    height:72px !important;
  }
  .brand-header .brand-logo{
    max-height:72px !important;
  }
  .site-header.is-scrolled .brand-header,
  .site-header.is-scrolled .brand-header .brand-logo{
    width:158px !important;
    max-width:158px !important;
  }
}
@media (max-width:900px){
  .site-header{
    grid-template-columns:148px auto !important;
    height:82px !important;
  }
  .brand-header,
  .brand-header .brand-logo{
    width:148px !important;
    max-width:148px !important;
  }
  .brand-header{
    height:62px !important;
  }
  .brand-header .brand-logo{
    max-height:62px !important;
  }
  .site-header.is-scrolled .brand-header,
  .site-header.is-scrolled .brand-header .brand-logo{
    width:132px !important;
    max-width:132px !important;
  }
  .legal-top .legal-brand img{
    width:150px !important;
    max-height:64px !important;
  }
}


/* v1.32 - Dynamic Packages page */
.site-nav a.is-active::after{transform:scaleX(1)}
.button-light{background:#fff;color:#0A1324;border:1px solid rgba(37,99,235,.18);box-shadow:0 14px 36px rgba(10,19,36,.08)}
.packages-page{background:#fff;color:#0A1324}
.packages-page .site-header{background:rgba(5,11,22,.88);border-bottom-color:rgba(214,230,255,.12)}
.packages-page .site-header:not(.is-scrolled){backdrop-filter:blur(16px)}
.packages-hero{
  position:relative;
  overflow:hidden;
  padding:168px 0 70px;
  background:
    radial-gradient(circle at 85% 12%,rgba(37,99,235,.09),transparent 28%),
    linear-gradient(180deg,#fff 0%,#F8FBFF 100%);
}
.packages-hero::before{
  content:"";
  position:absolute;
  right:-8%;
  top:8%;
  width:55%;
  height:58%;
  background:radial-gradient(circle at 52% 30%,rgba(214,230,255,.75),rgba(214,230,255,0) 65%);
  pointer-events:none;
}
.packages-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,560px) minmax(0,1fr);gap:56px;align-items:center}
.packages-hero h1{margin:0;color:#10203C;font-size:clamp(3.2rem,5.8vw,6.2rem);line-height:.92;letter-spacing:-.08em}
.packages-hero h1 strong{color:var(--blue);font-style:normal}
.packages-hero p{max-width:560px;color:#5D6B82;font-size:1.12rem;line-height:1.55;font-weight:650;margin:24px 0 0}
.packages-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.packages-hero-visual{min-height:360px;border-radius:32px;position:relative}
.packages-hero-visual svg{width:100%;height:auto;overflow:visible}
.packages-hero-visual .contour{fill:none;stroke:#D6E6FF;stroke-width:1.3;opacity:.62}
.packages-hero-visual .contour.two{opacity:.38;transform:translateY(22px)}
.packages-hero-visual .mountain-outline{fill:rgba(214,230,255,.28);stroke:#D6E6FF;stroke-width:1.5}
.packages-hero-visual .mountain-outline.soft{fill:rgba(247,248,250,.4);opacity:.72}
.package-path{fill:none;stroke:url(#pkgPath);stroke-width:5;stroke-linecap:round;stroke-dasharray:12 13;filter:url(#pkgGlow);animation:packagePath 2.8s ease-in-out infinite}
.pkg-nodes circle{fill:#2563EB;stroke:#fff;stroke-width:5;filter:url(#pkgGlow)}
.summit-flag{fill:none;stroke:#2563EB;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
@keyframes packagePath{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:-36}}

.package-audience{padding:34px 0 48px}
.audience-card{background:#fff;border:1px solid rgba(37,99,235,.16);border-radius:24px;box-shadow:0 24px 80px rgba(10,19,36,.07);padding:28px}
.audience-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:26px}
.audience-head h2{margin:0;font-size:clamp(1.8rem,2.6vw,3rem);letter-spacing:-.06em;color:#10203C}
.audience-head p{max-width:450px;margin:0;color:#667085;line-height:1.45;font-weight:650}
.audience-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:rgba(37,99,235,.12);border-radius:18px;overflow:hidden}
.audience-item{appearance:none;border:0;background:#fff;text-align:left;padding:22px 20px;min-height:176px;cursor:pointer;color:#10203C;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.audience-item:hover,.audience-item.is-active{background:linear-gradient(180deg,#fff,#F1F6FF);box-shadow:inset 0 0 0 2px rgba(37,99,235,.45);position:relative;z-index:1}
.audience-item span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(37,99,235,.09);color:#2563EB;font-weight:900;margin-bottom:12px}
.audience-item b{display:block;font-size:1.05rem;margin-bottom:8px;color:#10203C}
.audience-item small{display:block;color:#5D6B82;font-size:.86rem;line-height:1.45;font-weight:650}
.audience-retainer.is-active,.audience-retainer:hover{background:linear-gradient(180deg,#071A34,#071020);box-shadow:inset 0 0 0 2px rgba(78,163,255,.65)}
.audience-retainer.is-active b,.audience-retainer.is-active small,.audience-retainer:hover b,.audience-retainer:hover small{color:#fff}
.audience-retainer.is-active span,.audience-retainer:hover span{background:rgba(78,163,255,.2);color:#fff}

.packages-main{padding:44px 0 70px}
.packages-layout{display:grid;grid-template-columns:1fr;gap:24px}
.package-journey{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1.15fr;align-items:center}
.package-journey i{height:2px;background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(37,99,235,.68))}
.journey-node{min-height:112px;border:1px solid rgba(37,99,235,.18);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(10,19,36,.06);cursor:pointer;color:#10203C;text-align:left;padding:18px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.journey-node:hover,.journey-node.is-active{transform:translateY(-4px);border-color:rgba(37,99,235,.65);box-shadow:0 24px 70px rgba(37,99,235,.12)}
.journey-node span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#2563EB;color:#fff;font-weight:900;margin-bottom:14px}
.journey-node b{display:block;font-size:1.08rem;letter-spacing:-.04em}
.journey-retainer{background:#071426;color:#fff;border-color:rgba(78,163,255,.4)}
.journey-retainer span{background:#4EA3FF;color:#061020}
.package-detail-card{position:relative;min-height:260px;border-radius:26px;overflow:hidden;background:#071426;color:#fff;box-shadow:0 28px 80px rgba(10,19,36,.14)}
.package-detail-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,rgba(78,163,255,.26),transparent 34%),linear-gradient(90deg,rgba(7,20,38,.96),rgba(7,20,38,.72))}
.package-detail-panel{display:none;position:relative;z-index:1;padding:34px;grid-template-columns:minmax(0,1fr) auto;gap:28px}
.package-detail-panel.is-active{display:grid;animation:panelIn .28s ease both}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.panel-kicker{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;background:rgba(78,163,255,.14);color:#8FC8FF;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:900}
.package-detail-panel h2{font-size:clamp(2.4rem,4.3vw,4.6rem);letter-spacing:-.08em;line-height:.92;margin:16px 0 10px;color:#fff}
.package-detail-panel p{max-width:720px;margin:0;color:rgba(255,255,255,.78);font-size:1.08rem;line-height:1.5}
.package-detail-panel dl{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:16px;align-self:end;margin:0;min-width:360px}
.package-detail-panel dl div{border:1px solid rgba(214,230,255,.14);border-radius:18px;background:rgba(255,255,255,.055);padding:18px}
.package-detail-panel dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#8FC8FF;font-weight:900;margin-bottom:8px}
.package-detail-panel dd{margin:0;color:#fff;font-weight:850}
.retainer-panel{background:#071426}

.package-rows{display:grid;gap:14px}
.package-row{background:#fff;border:1px solid rgba(37,99,235,.14);border-radius:22px;overflow:hidden;box-shadow:0 16px 54px rgba(10,19,36,.055)}
.package-row-retainer{border-color:rgba(37,99,235,.35)}
.package-row-head{width:100%;display:grid;grid-template-columns:46px minmax(160px,220px) minmax(0,1fr) 42px;align-items:center;gap:18px;text-align:left;border:0;background:#fff;color:#10203C;padding:20px 24px;cursor:pointer}
.package-row-head span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#2563EB;color:#fff;font-weight:900}
.package-row-head b{font-size:1.35rem;letter-spacing:-.05em}
.package-row-head small{color:#667085;font-size:.92rem;font-weight:650}
.package-row-head i{width:36px;height:36px;border-radius:50%;border:1px solid rgba(37,99,235,.2);position:relative}
.package-row-head i::before,.package-row-head i::after{content:"";position:absolute;inset:17px 10px auto;height:2px;background:#2563EB}
.package-row-head i::after{transform:rotate(90deg);transition:transform .2s ease}
.package-row.is-open .package-row-head i::after{transform:rotate(0)}
.package-row-body{display:none;grid-template-columns:1.15fr 1fr 1fr;gap:26px;padding:0 24px 28px 88px}
.package-row.is-open .package-row-body{display:grid}
.package-row-body h3{margin:0 0 8px;color:#2563EB;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.package-row-body p{margin:0 0 18px;color:#475467;line-height:1.5;font-weight:600}
.package-row-body ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.package-row-body li{position:relative;padding-left:24px;color:#10203C;font-weight:650}
.package-row-body li::before{content:"✓";position:absolute;left:0;top:0;color:#2563EB;font-weight:900}

.package-compare{padding:70px 0}
.package-compare .section-intro{max-width:760px;margin-bottom:24px}
.package-compare .section-intro h2{font-size:clamp(2.2rem,3.8vw,4.2rem)}
.compare-table-wrap{overflow:auto;border:1px solid rgba(37,99,235,.14);border-radius:22px;box-shadow:0 22px 70px rgba(10,19,36,.06);background:#fff}
.compare-table{width:100%;border-collapse:collapse;min-width:820px}
.compare-table th,.compare-table td{padding:20px 18px;border-bottom:1px solid rgba(10,19,36,.08);border-right:1px solid rgba(10,19,36,.08);text-align:center}
.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}
.compare-table th:first-child{text-align:left;color:#10203C;font-weight:900}
.compare-table thead th{color:#2563EB;font-weight:900}
.compare-table td{color:#475467;font-weight:650}
.packages-cta{padding:0 0 84px;background:#F7F8FA}
.packages-cta-card{display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(135deg,#F7FBFF,#fff);border:1px solid rgba(37,99,235,.18);border-radius:26px;box-shadow:0 24px 70px rgba(37,99,235,.09);padding:34px 38px}
.packages-cta-card h2{font-size:clamp(2rem,3.4vw,3.8rem);margin:0;letter-spacing:-.07em;color:#10203C}
.packages-cta-card p{margin:10px 0 0;color:#667085;font-weight:650}
.site-footer-light{background:#fff;color:#667085;border-top:1px solid rgba(10,19,36,.08)}
.site-footer-light small{color:#667085}
.site-footer-light nav{color:#10203C}

@media (max-width:1240px){
  .packages-hero-grid{grid-template-columns:1fr;gap:24px}.packages-hero-visual{max-width:760px;margin-left:auto;margin-right:auto}
  .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .package-journey{grid-template-columns:1fr;gap:12px}.package-journey i{display:none}
  .package-detail-panel{grid-template-columns:1fr}.package-detail-panel dl{min-width:0}
}
@media (max-width:900px){
  .packages-hero{padding-top:122px}.packages-hero h1{font-size:clamp(3rem,12vw,4.3rem)}
  .packages-hero-actions{display:grid}.packages-hero-actions .button{width:100%}
  .audience-card{padding:20px}.audience-head{display:block}.audience-head p{margin-top:12px}
  .audience-grid{grid-template-columns:1fr}.audience-item{min-height:auto}
  .package-detail-panel{padding:26px}.package-detail-panel dl{grid-template-columns:1fr}
  .package-row-head{grid-template-columns:38px 1fr 34px;gap:12px;padding:18px}.package-row-head small{grid-column:2;grid-row:2}.package-row-head i{grid-column:3;grid-row:1 / span 2}
  .package-row-body{grid-template-columns:1fr;padding:0 18px 24px 68px}
  .packages-cta-card{display:block;padding:26px}.packages-cta-card .button{margin-top:20px;width:100%}
}
@media (prefers-reduced-motion:reduce){.package-path{animation:none!important}}


/* v1.65 homepage package preview */
.home-package-preview{
  position:relative;
  overflow:hidden;
  background:#050B16;
  color:#fff;
  padding:116px 0 118px;
}
.home-package-preview::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 70% 12%,rgba(37,99,235,.28),transparent 30%),
    linear-gradient(90deg,rgba(5,11,22,.98),rgba(5,11,22,.82) 42%,rgba(5,11,22,.54)),
    url('assets/packages-mountain-live-bg.jpg') 82% center/cover no-repeat;
  opacity:.96;
  transform:scale(1.02);
}
.home-package-preview::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:160px;
  background:linear-gradient(180deg,rgba(5,11,22,0),#050B16);
  pointer-events:none;
}
.home-package-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(300px,430px) minmax(0,1fr);
  gap:clamp(36px,6vw,96px);
  align-items:center;
}
.home-package-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.65rem,4.4vw,5.1rem);
  line-height:.94;
  letter-spacing:-.075em;
  max-width:9ch;
}
.home-package-copy p{
  margin:24px 0 0;
  color:rgba(247,248,250,.78);
  font-size:1.08rem;
  line-height:1.58;
  font-weight:600;
  max-width:430px;
}
.home-package-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}
.home-package-journey{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.journey-line{
  position:absolute;
  left:5%;
  right:5%;
  top:42px;
  height:2px;
  background:linear-gradient(90deg,rgba(78,163,255,.15),rgba(78,163,255,.95),rgba(76,209,166,.72));
  box-shadow:0 0 24px rgba(37,99,235,.44);
}
.journey-card{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:255px;
  padding:24px 18px 22px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(7,16,31,.84),rgba(7,16,31,.66));
  border:1px solid rgba(214,230,255,.18);
  box-shadow:0 22px 70px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.journey-card:hover{
  transform:translateY(-7px);
  border-color:rgba(78,163,255,.72);
  box-shadow:0 0 0 1px rgba(78,163,255,.18),0 0 34px rgba(37,99,235,.26),0 28px 80px rgba(0,0,0,.34);
  background:linear-gradient(180deg,rgba(10,28,64,.9),rgba(7,16,31,.76));
}
.journey-card-guided:hover{
  border-color:rgba(76,209,166,.76);
  box-shadow:0 0 0 1px rgba(76,209,166,.15),0 0 34px rgba(76,209,166,.20),0 28px 80px rgba(0,0,0,.34);
}
.journey-card span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:72px;
  border-radius:50%;
  background:rgba(37,99,235,.16);
  border:1.5px solid rgba(78,163,255,.82);
  color:#fff;
  font-weight:900;
  font-size:1.05rem;
  box-shadow:0 0 22px rgba(37,99,235,.24);
}
.journey-card-guided span{
  border-color:rgba(76,209,166,.86);
  background:rgba(76,209,166,.12);
}
.journey-card h3{
  margin:0 0 9px;
  color:#fff;
  font-size:1.16rem;
  line-height:1.08;
  letter-spacing:-.045em;
}
.journey-card p{
  margin:0;
  color:rgba(247,248,250,.72);
  font-size:.88rem;
  line-height:1.4;
  font-weight:600;
}

@media (max-width:1240px){
  .home-package-grid{grid-template-columns:1fr}
  .home-package-copy h2{max-width:720px}
  .home-package-copy p{max-width:680px}
  .home-package-journey{grid-template-columns:repeat(3,minmax(0,1fr))}
  .journey-line{display:none}
  .journey-card span{margin-bottom:52px}
}
@media (max-width:760px){
  .home-package-preview{padding:82px 0}
  .home-package-journey{grid-template-columns:1fr}
  .journey-card{min-height:auto}
  .journey-card span{margin-bottom:24px}
}


/* v1.68 homepage package preview upgrade */
.home-package-preview-v2{
  position:relative;
  overflow:hidden;
  min-height:820px;
  padding:132px 0 132px;
  background:#050B16;
  color:#fff;
}
.home-package-preview-v2 .package-preview-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,11,22,.98) 0%,rgba(5,11,22,.9) 28%,rgba(5,11,22,.52) 52%,rgba(5,11,22,.8) 100%),
    linear-gradient(180deg,rgba(5,11,22,.2),rgba(5,11,22,.92)),
    url('assets/packages-mountain-live-bg.jpg') 72% center/cover no-repeat;
  transform:scale(1.04);
}
.home-package-preview-v2::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 76% 18%,rgba(37,99,235,.26),transparent 30%),
    radial-gradient(circle at 58% 72%,rgba(78,163,255,.14),transparent 34%);
  pointer-events:none;
}
.home-package-preview-v2::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:180px;
  background:linear-gradient(180deg,rgba(5,11,22,0),#050B16 86%);
  pointer-events:none;
}
.package-preview-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(330px,430px) minmax(0,1fr);
  gap:clamp(54px,7vw,110px);
  align-items:center;
}
.package-preview-copy h2{
  margin:0;
  max-width:9.2ch;
  color:#fff;
  font-size:clamp(3.05rem,5.2vw,5.75rem);
  line-height:.91;
  letter-spacing:-.085em;
  font-weight:900;
}
.package-preview-copy p{
  margin:26px 0 0;
  max-width:470px;
  color:rgba(247,248,250,.82);
  font-size:1.1rem;
  line-height:1.6;
  font-weight:650;
}
.package-preview-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}
.package-mini-map{
  position:relative;
  display:block;
  min-height:565px;
  border-radius:28px;
  border:1px solid rgba(214,230,255,.12);
  background:linear-gradient(180deg,rgba(5,13,28,.36),rgba(5,13,28,.58));
  box-shadow:0 34px 100px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.02);
  backdrop-filter:blur(3px);
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.package-mini-map:hover{
  transform:translateY(-6px);
  border-color:rgba(78,163,255,.44);
  box-shadow:0 0 0 1px rgba(78,163,255,.13),0 0 46px rgba(37,99,235,.24),0 40px 110px rgba(0,0,0,.36);
}
.package-mini-map::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 64% 16%,rgba(255,255,255,.12),transparent 18%);
  pointer-events:none;
}
.mini-path{
  position:absolute;
  left:8%;
  right:23%;
  top:52%;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,236,193,.18),rgba(255,237,199,.95),rgba(78,163,255,.88));
  box-shadow:0 0 20px rgba(255,236,193,.42),0 0 36px rgba(37,99,235,.34);
  transform:rotate(-14deg);
  transform-origin:left center;
}
.mini-path-guided{
  left:70%;
  right:auto;
  top:47%;
  width:22%;
  height:110px;
  border-radius:0 90px 90px 0;
  border:2px dashed rgba(76,209,166,.72);
  border-left:0;
  background:transparent;
  box-shadow:none;
  transform:rotate(0deg);
  filter:drop-shadow(0 0 12px rgba(76,209,166,.28));
}
.mini-step{
  position:absolute;
  width:178px;
  min-height:136px;
  padding:18px 18px 16px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(6,15,32,.88),rgba(6,15,32,.70));
  border:1px solid rgba(214,230,255,.16);
  box-shadow:0 22px 70px rgba(0,0,0,.30);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.package-mini-map:hover .mini-step{
  border-color:rgba(78,163,255,.34);
}
.package-mini-map:hover .mini-step-5{
  border-color:rgba(76,209,166,.52);
}
.mini-step:hover{
  transform:translateY(-6px) scale(1.015);
}
.mini-step i{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin-bottom:14px;
  border-radius:50%;
  border:1.5px solid rgba(78,163,255,.86);
  background:rgba(37,99,235,.16);
  color:#fff;
  font-style:normal;
  font-weight:900;
  font-size:1.02rem;
  box-shadow:0 0 20px rgba(37,99,235,.28);
}
.mini-step-5 i{
  border-color:rgba(76,209,166,.86);
  background:rgba(76,209,166,.12);
}
.mini-step b{
  display:block;
  color:#fff;
  font-size:1.08rem;
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:900;
}
.mini-step small{
  display:block;
  margin-top:8px;
  color:rgba(247,248,250,.74);
  font-size:.82rem;
  line-height:1.28;
  font-weight:650;
}
.mini-step-1{left:4%;top:54%}
.mini-step-2{left:22%;top:40%}
.mini-step-3{left:42%;top:28%}
.mini-step-4{left:59%;top:10%}
.mini-step-5{right:4%;top:45%;border-color:rgba(76,209,166,.22)}
.mini-map-cta{
  position:absolute;
  left:26px;
  right:26px;
  bottom:24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  border-radius:18px;
  background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(5,13,28,.64));
  border:1px solid rgba(78,163,255,.22);
}
.mini-map-cta span{
  color:rgba(247,248,250,.78);
  font-size:.96rem;
  font-weight:650;
}
.mini-map-cta strong{
  color:#fff;
  font-size:1.02rem;
  font-weight:900;
  white-space:nowrap;
}
.mini-map-cta em{
  font-style:normal;
  color:#4EA3FF;
  margin-left:8px;
}

@media (max-width:1240px){
  .home-package-preview-v2{padding:96px 0}
  .package-preview-shell{grid-template-columns:1fr}
  .package-preview-copy h2{max-width:720px}
  .package-preview-copy p{max-width:720px}
  .package-mini-map{min-height:620px}
}
@media (max-width:860px){
  .package-mini-map{min-height:auto;display:grid;gap:14px;padding:22px}
  .mini-path,.mini-path-guided{display:none}
  .mini-step{position:relative;left:auto;right:auto;top:auto;width:auto;min-height:0;display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center}
  .mini-step i{margin-bottom:0}
  .mini-map-cta{position:relative;left:auto;right:auto;bottom:auto;margin-top:4px;display:block}
  .mini-map-cta strong{display:block;margin-top:8px}
}


/* v1.70 homepage package preview refresh */
.home-package-preview-v3{
  position:relative;
  overflow:hidden;
  padding:118px 0 112px;
  min-height:0;
  background:#050B16;
  color:#fff;
}
.home-package-preview-v3 .package-preview-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(5,11,22,.88),rgba(5,11,22,.84) 34%,rgba(5,11,22,.92) 100%),
    radial-gradient(circle at 50% 22%,rgba(37,99,235,.18),transparent 30%),
    url('assets/pathwai-hero-poster.jpg') center center/cover no-repeat;
  transform:scale(1.03);
}
.home-package-preview-v3::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 19% 25%,rgba(78,163,255,.18),transparent 18%),
    radial-gradient(circle at 82% 18%,rgba(78,163,255,.14),transparent 20%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));
  pointer-events:none;
}
.package-journey-v3{
  position:relative;
  z-index:2;
}
.package-journey-header{
  text-align:center;
  max-width:860px;
  margin:0 auto 42px;
}
.package-journey-header .package-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  margin-bottom:18px;
  border-radius:999px;
  border:1px solid rgba(214,230,255,.16);
  background:rgba(5,13,28,.48);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.package-journey-header h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.8rem,4.6vw,5rem);
  line-height:.97;
  letter-spacing:-.06em;
  font-weight:900;
}
.package-journey-header h2 span{color:#2563EB;}
.package-journey-header p{
  margin:20px auto 0;
  max-width:740px;
  color:rgba(247,248,250,.82);
  font-size:1.18rem;
  line-height:1.55;
  font-weight:560;
}
.package-card-rail{
  position:absolute;
  left:9%;
  right:9%;
  top:395px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(37,99,235,.16),rgba(255,236,193,.78),rgba(37,99,235,.22));
  box-shadow:0 0 24px rgba(37,99,235,.25),0 0 28px rgba(255,236,193,.18);
}
.package-card-grid{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr 1.18fr 1fr 1fr;
  gap:18px;
  align-items:end;
}
.journey-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:392px;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(5,13,28,.72),rgba(5,13,28,.92));
  border:1px solid rgba(214,230,255,.16);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.journey-card:hover{
  transform:translateY(-8px);
  border-color:rgba(78,163,255,.48);
  box-shadow:0 0 0 1px rgba(78,163,255,.18),0 0 42px rgba(37,99,235,.22),0 32px 88px rgba(0,0,0,.36);
}
.journey-card-featured{
  min-height:438px;
  transform:translateY(-28px);
  box-shadow:0 0 0 1px rgba(78,163,255,.18),0 0 44px rgba(37,99,235,.18),0 36px 90px rgba(0,0,0,.34);
}
.journey-card-featured:hover{transform:translateY(-36px);}
.journey-card-5:hover{
  border-color:rgba(76,209,166,.48);
  box-shadow:0 0 0 1px rgba(76,209,166,.12),0 0 40px rgba(76,209,166,.18),0 32px 88px rgba(0,0,0,.36);
}
.journey-card-media{
  position:relative;
  height:190px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
}
.journey-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,11,22,.05),rgba(5,11,22,.72) 84%,rgba(5,11,22,.88));
}
.media-basecamp{background-image:url('assets/packages-hero-user-mountain.jpg');background-position:18% 76%;}
.media-routemap{background-image:url('assets/packages-mountain-live-bg.jpg');background-position:28% 58%;}
.media-sprint{background-image:url('assets/pathwai-hero-poster.jpg');background-position:52% 52%;}
.media-summit{background-image:url('assets/packages-hero-mountain-approved.jpg');background-position:58% 22%;}
.media-guided{background-image:url('assets/packages-approved-hero-canvas-v62.jpg');background-position:78% 38%;}
.journey-card-body{
  position:relative;
  z-index:1;
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
  padding:0 22px 24px;
}
.journey-card-step{
  position:absolute;
  top:-134px;
  left:22px;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:50%;
  border:2px solid rgba(78,163,255,.88);
  background:rgba(37,99,235,.22);
  color:#fff;
  font-weight:900;
  font-size:1.28rem;
  box-shadow:0 0 26px rgba(37,99,235,.28);
}
.journey-card-step-guided{
  border-color:rgba(76,209,166,.88);
  background:rgba(76,209,166,.14);
  box-shadow:0 0 26px rgba(76,209,166,.20);
}
.journey-card h3{
  margin:0;
  color:#fff;
  font-size:clamp(1.22rem,1.5vw,1.76rem);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:900;
}
.journey-card p{
  margin:0;
  color:rgba(247,248,250,.82);
  font-size:1.02rem;
  line-height:1.35;
  font-weight:600;
}
.journey-card-note{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(214,230,255,.18);
  color:rgba(247,248,250,.86);
  font-size:1rem;
  line-height:1.45;
  font-weight:620;
}
.package-journey-actions{
  display:flex;
  justify-content:center;
  margin-top:30px;
}
.button-journey{
  min-width:290px;
  justify-content:center;
  box-shadow:0 0 0 1px rgba(78,163,255,.22),0 0 30px rgba(37,99,235,.26);
}
@media (max-width:1320px){
  .package-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
  .journey-card{min-height:364px;}
  .journey-card-featured{min-height:410px;}
  .package-card-rail{top:382px;}
}
@media (max-width:1100px){
  .package-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .journey-card,.journey-card-featured{min-height:380px;transform:none;}
  .journey-card-featured:hover{transform:translateY(-8px);}
  .journey-card-3{grid-column:1/-1;}
  .package-card-rail{display:none;}
}
@media (max-width:760px){
  .home-package-preview-v3{padding:88px 0 80px;}
  .package-journey-header{margin-bottom:30px;}
  .package-journey-header p{font-size:1.02rem;}
  .package-card-grid{grid-template-columns:1fr;gap:14px;}
  .journey-card,.journey-card-featured{min-height:352px;}
  .journey-card-media{height:164px;}
  .journey-card-step{top:-116px;}
  .button-journey{min-width:0;width:100%;}
}



/* v1.71 - Workflow Orbit implementation */
.orbit-value-section{
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  padding:112px 0 108px !important;
  overflow:hidden;
}
.orbit-value-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 38%, rgba(37,99,235,.08), transparent 28%),
    radial-gradient(circle at 8% 50%, rgba(37,99,235,.04), transparent 24%),
    radial-gradient(circle at 92% 52%, rgba(37,99,235,.04), transparent 24%);
  pointer-events:none;
}
.orbit-shell{position:relative;z-index:1;width:min(100% - 64px, 1380px);}
.orbit-section-header{text-align:center;max-width:760px;margin:0 auto 40px;}
.orbit-section-header .eyebrow{margin-bottom:14px;}
.orbit-section-header h2{margin:0;color:#10203C;font-size:clamp(2.9rem,5vw,5.2rem);line-height:.95;letter-spacing:-.075em;}
.orbit-section-header p{margin:16px auto 0;max-width:620px;color:#667085;font-size:1.12rem;line-height:1.5;font-weight:600;}
.orbit-implementation-grid{display:grid;grid-template-columns:290px minmax(540px,1fr) 290px;gap:34px;align-items:center;}
.orbit-side-panel{background:rgba(255,255,255,.96);border:1px solid rgba(10,19,36,.08);border-radius:30px;padding:30px 22px;box-shadow:0 24px 70px rgba(10,19,36,.08);position:relative;}
.orbit-side-title{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid rgba(10,19,36,.08);color:var(--blue);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:900;}
.orbit-side-list{display:grid;gap:12px;}
.orbit-side-list button,
.orbit-side-list p{margin:0;display:flex;align-items:center;gap:16px;min-height:68px;padding:10px 14px 10px 12px;border-radius:20px;border:1px solid transparent;background:transparent;color:#0F1F39;font-size:1rem;font-weight:800;line-height:1.2;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;}
.orbit-side-list button{width:100%;cursor:pointer;text-align:left;}
.orbit-side-list button:hover,
.orbit-side-list button.is-active,
.orbit-side-list p.is-highlight{background:linear-gradient(180deg,#f6f9ff,#eef4ff);border-color:rgba(37,99,235,.4);box-shadow:0 14px 34px rgba(37,99,235,.12), inset 4px 0 0 var(--blue);}
.orbit-side-list button:hover .list-icon,
.orbit-side-list button.is-active .list-icon,
.orbit-side-list p.is-highlight .list-icon{box-shadow:0 14px 28px rgba(37,99,235,.18), 0 0 0 1px rgba(37,99,235,.1);background:linear-gradient(180deg,#2e7cff,#245ef0);border-color:rgba(37,99,235,.45);}
.orbit-side-list button:hover .list-icon svg,
.orbit-side-list button.is-active .list-icon svg,
.orbit-side-list p.is-highlight .list-icon svg{stroke:#fff;}
.orbit-side-list p{cursor:default;}
.orbit-side-list-static p{font-weight:800;}
.orbit-canvas-wrap{position:relative;}
.orbit-canvas{position:relative;aspect-ratio:1 / 1;min-height:640px;max-width:720px;margin:0 auto;display:grid;place-items:center;}
.orbit-system{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.orbit-system .ring{fill:none;stroke:rgba(37,99,235,.16);stroke-width:2;stroke-dasharray:2 9;}
.orbit-system .ring-mid{stroke:rgba(37,99,235,.2);stroke-dasharray:3 10;animation:orbitSpin 28s linear infinite;transform-origin:340px 340px;}
.orbit-system .ring-outer{stroke:rgba(37,99,235,.15);animation:orbitSpinReverse 42s linear infinite;transform-origin:340px 340px;}
.orbit-system .ring-inner{stroke:rgba(16,32,60,.12);stroke-dasharray:0;}
.orbit-system .radial-lines line{stroke:rgba(16,32,60,.16);stroke-width:1.75;}
.orbit-system .anchor-dots circle{fill:var(--blue);filter:drop-shadow(0 0 10px rgba(37,99,235,.35));animation:orbitPulse 2.8s ease-in-out infinite;}
.orbit-system .anchor-dots circle:nth-child(2){animation-delay:.2s}
.orbit-system .anchor-dots circle:nth-child(3){animation-delay:.4s}
.orbit-system .anchor-dots circle:nth-child(4){animation-delay:.6s}
.orbit-system .anchor-dots circle:nth-child(5){animation-delay:.8s}
.orbit-system .anchor-dots circle:nth-child(6){animation-delay:1s}
.orbit-connector{position:absolute;top:50%;width:120px;height:2px;background:linear-gradient(90deg,rgba(37,99,235,0),rgba(37,99,235,.7),rgba(37,99,235,0));filter:drop-shadow(0 0 14px rgba(37,99,235,.24));}
.orbit-connector-left{left:-78px;}
.orbit-connector-right{right:-78px;}
.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:228px;height:228px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 40% 35%, #12377e 0%, #0a1735 58%, #050b16 100%);box-shadow:0 28px 90px rgba(10,19,36,.22), inset 0 0 0 10px rgba(255,255,255,.85), inset 0 0 0 14px rgba(37,99,235,.18);color:#fff;z-index:2;}
.orbit-core::before{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(37,99,235,.16);box-shadow:0 0 0 14px rgba(37,99,235,.06);}
.orbit-core img{width:72px;margin:0 auto 10px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.34));}
.orbit-core b{display:block;font-size:1.02rem;letter-spacing:.08em;line-height:1.18;text-transform:uppercase;}
.orbit-workflow{position:absolute;display:grid;justify-items:center;gap:16px;width:200px;text-align:center;color:#10203C;font-weight:900;z-index:3;}
.orbit-workflow strong{display:block;font-size:1rem;line-height:1.16;letter-spacing:-.02em;}
.orbit-workflow .node-icon{position:relative;width:112px;height:112px;border-radius:32px;background:#fff;border:1px solid rgba(37,99,235,.16);box-shadow:0 22px 58px rgba(10,19,36,.1), 0 0 0 10px rgba(37,99,235,.04);display:grid;place-items:center;transition:transform .22s ease, box-shadow .22s ease;animation:nodeFloat 6s ease-in-out infinite;}
.orbit-workflow:hover .node-icon{transform:translateY(-4px);box-shadow:0 28px 64px rgba(37,99,235,.18), 0 0 0 12px rgba(37,99,235,.06);}
.orbit-workflow .node-icon svg{width:46px;height:46px;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.orbit-workflow-top{top:22px;left:50%;transform:translateX(-50%);}
.orbit-workflow-right-top{top:160px;right:14px;}
.orbit-workflow-right-bottom{bottom:158px;right:16px;}
.orbit-workflow-bottom{bottom:22px;left:50%;transform:translateX(-50%);}
.orbit-workflow-left-bottom{bottom:158px;left:16px;}
.orbit-workflow-left-top{top:160px;left:14px;}
.orbit-workflow-right-top .node-icon{animation-delay:.25s}
.orbit-workflow-right-bottom .node-icon{animation-delay:.5s}
.orbit-workflow-bottom .node-icon{animation-delay:.75s}
.orbit-workflow-left-bottom .node-icon{animation-delay:1s}
.orbit-workflow-left-top .node-icon{animation-delay:1.25s}
.orbit-value-section .list-icon{width:48px;height:48px;border-radius:16px;background:#fff;border:1px solid rgba(10,19,36,.1);display:grid;place-items:center;flex:none;box-shadow:0 10px 22px rgba(10,19,36,.08);}
.orbit-value-section .list-icon svg{width:24px;height:24px;fill:none;stroke:var(--blue);stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;}
.orbit-section-header.reveal,.orbit-implementation-grid.reveal{opacity:0;transform:translateY(18px);}
.orbit-section-header.reveal.is-visible,.orbit-implementation-grid.reveal.is-visible{opacity:1;transform:translateY(0);}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitSpinReverse{to{transform:rotate(-360deg)}}
@keyframes orbitPulse{50%{transform:scale(1.22);filter:drop-shadow(0 0 16px rgba(37,99,235,.4));}}
@keyframes nodeFloat{50%{transform:translateY(-6px)}}
@media (max-width: 1260px){
  .orbit-shell{width:min(100% - 48px, 1180px)}
  .orbit-implementation-grid{grid-template-columns:260px minmax(460px,1fr) 260px;gap:24px}
  .orbit-canvas{min-height:580px}
  .orbit-workflow{width:182px}
  .orbit-workflow .node-icon{width:100px;height:100px}
}
@media (max-width: 1080px){
  .orbit-implementation-grid{grid-template-columns:1fr;gap:24px}
  .orbit-side-panel{max-width:780px;margin:0 auto;width:100%}
  .orbit-canvas{max-width:680px;min-height:600px}
  .orbit-connector{display:none}
}
@media (max-width: 760px){
  .orbit-value-section{padding:88px 0 80px !important}
  .orbit-shell{width:min(100% - 28px, 1380px)}
  .orbit-section-header h2{font-size:clamp(2.35rem,11vw,3.5rem)}
  .orbit-section-header p{font-size:1rem}
  .orbit-side-panel{padding:22px 16px;border-radius:24px}
  .orbit-side-list button,.orbit-side-list p{min-height:60px;padding:10px 12px;font-size:.94rem;border-radius:16px}
  .orbit-value-section .list-icon{width:42px;height:42px;border-radius:14px}
  .orbit-canvas{min-height:520px;transform:scale(.9);transform-origin:center}
}
@media (max-width: 560px){
  .orbit-canvas{min-height:460px;transform:scale(.74);margin:-48px auto -30px}
}


/* v1.72 - Workflow Orbit refinement: smaller, stable dots, active workflow states, approved centre mark */
.orbit-value-section{
  padding:78px 0 82px !important;
}
.orbit-shell{
  width:min(100% - 56px,1220px) !important;
}
.orbit-section-header{
  max-width:700px !important;
  margin-bottom:24px !important;
}
.orbit-section-header .eyebrow{
  margin-bottom:10px !important;
}
.orbit-section-header h2{
  font-size:clamp(2.45rem,3.7vw,4.1rem) !important;
  line-height:.95 !important;
}
.orbit-section-header p{
  margin-top:12px !important;
  font-size:1rem !important;
  line-height:1.4 !important;
}
.orbit-implementation-grid{
  grid-template-columns:235px minmax(430px,520px) 235px !important;
  gap:22px !important;
  align-items:center !important;
  justify-content:center !important;
}
.orbit-side-panel{
  border-radius:24px !important;
  padding:18px 14px !important;
}
.orbit-side-title{
  margin-bottom:12px !important;
  padding-bottom:10px !important;
  font-size:.68rem !important;
  letter-spacing:.20em !important;
}
.orbit-side-list{
  gap:6px !important;
}
.orbit-side-list button,
.orbit-side-list p{
  min-height:46px !important;
  padding:7px 10px !important;
  border-radius:15px !important;
  gap:10px !important;
  font-size:.84rem !important;
  line-height:1.13 !important;
}
.orbit-value-section .list-icon{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
}
.orbit-value-section .list-icon svg{
  width:20px !important;
  height:20px !important;
}
.orbit-canvas{
  max-width:520px !important;
  min-height:520px !important;
}
.orbit-core{
  width:174px !important;
  height:174px !important;
}
.orbit-core::before{
  inset:-12px !important;
  box-shadow:0 0 0 10px rgba(37,99,235,.045) !important;
}
.orbit-core img{
  width:48px !important;
  margin:0 auto 8px !important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.25)) !important;
}
.orbit-core b{
  font-size:.82rem !important;
  letter-spacing:.07em !important;
}
.orbit-workflow{
  width:150px !important;
  gap:9px !important;
}
.orbit-workflow strong{
  font-size:.78rem !important;
  line-height:1.12 !important;
}
.orbit-workflow .node-icon{
  width:78px !important;
  height:78px !important;
  border-radius:22px !important;
  animation:none !important;
  box-shadow:0 14px 34px rgba(10,19,36,.08),0 0 0 7px rgba(37,99,235,.035) !important;
}
.orbit-workflow .node-icon svg{
  width:34px !important;
  height:34px !important;
}
.orbit-workflow-top{top:10px !important;}
.orbit-workflow-right-top{top:124px !important;right:4px !important;}
.orbit-workflow-right-bottom{bottom:124px !important;right:4px !important;}
.orbit-workflow-bottom{bottom:10px !important;}
.orbit-workflow-left-bottom{bottom:124px !important;left:4px !important;}
.orbit-workflow-left-top{top:124px !important;left:4px !important;}
.orbit-system .ring-mid,
.orbit-system .ring-outer{
  animation:none !important;
}
.orbit-system .anchor-dots circle{
  animation:none !important;
  opacity:.28 !important;
  fill:#9db9e8 !important;
  filter:none !important;
  transition:opacity .2s ease, fill .2s ease, filter .2s ease, transform .2s ease !important;
}
.orbit-system .anchor-dots circle.is-active{
  opacity:1 !important;
  fill:#2563EB !important;
  filter:drop-shadow(0 0 10px rgba(37,99,235,.62)) !important;
  transform:scale(1.12) !important;
  transform-box:fill-box !important;
  transform-origin:center !important;
}
.orbit-workflow{
  opacity:.68 !important;
  transition:opacity .2s ease, transform .2s ease !important;
}
.orbit-workflow.is-active{
  opacity:1 !important;
}
.orbit-workflow.is-active .node-icon{
  box-shadow:0 20px 46px rgba(37,99,235,.18),0 0 0 9px rgba(37,99,235,.07),0 0 24px rgba(37,99,235,.18) !important;
  border-color:rgba(37,99,235,.36) !important;
}
.orbit-workflow.is-active strong{
  color:#0A1324 !important;
}
.orbit-connector{
  width:76px !important;
}
.orbit-connector-left{left:-48px !important;}
.orbit-connector-right{right:-48px !important;}

@media (max-width:1260px){
  .orbit-implementation-grid{
    grid-template-columns:220px minmax(390px,480px) 220px !important;
    gap:18px !important;
  }
  .orbit-canvas{max-width:480px !important;min-height:480px !important;}
  .orbit-workflow{transform:scale(.92);}
  .orbit-workflow-top,
  .orbit-workflow-bottom{transform:translateX(-50%) scale(.92) !important;}
}
@media (max-width:1080px){
  .orbit-implementation-grid{
    grid-template-columns:1fr !important;
  }
  .orbit-side-panel{
    max-width:760px !important;
  }
  .orbit-canvas{
    max-width:520px !important;
    min-height:520px !important;
  }
}
@media (max-width:760px){
  .orbit-value-section{
    padding:72px 0 72px !important;
  }
  .orbit-canvas{
    transform:scale(.82) !important;
    margin:-38px auto !important;
  }
}


/* v1.73 - Orbit fixes: remove stray dots, fix centre mark, highlight workflow boxes */
.orbit-system .anchor-dots{display:none !important;}
.orbit-core img.orbit-core-mark{
  width:64px !important;
  height:auto !important;
  margin:0 auto 10px !important;
  display:block !important;
  filter:none !important;
}
.orbit-workflow{
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(37,99,235,.12) !important;
  border-radius:24px !important;
  padding:14px 12px 16px !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  box-shadow:0 14px 30px rgba(10,19,36,.08) !important;
  opacity:.86 !important;
}
.orbit-workflow strong{
  color:#0A1324 !important;
}
.orbit-workflow.is-active{
  opacity:1 !important;
  background:linear-gradient(180deg, rgba(237,244,255,.96), rgba(223,236,255,.94)) !important;
  border-color:rgba(37,99,235,.38) !important;
  box-shadow:0 18px 36px rgba(37,99,235,.15), 0 0 0 1px rgba(37,99,235,.12) inset !important;
}
.orbit-workflow.is-active strong{
  color:#1148b8 !important;
}
.orbit-workflow.is-active .node-icon{
  background:linear-gradient(180deg,#ffffff,#eef4ff) !important;
  box-shadow:0 20px 40px rgba(37,99,235,.18),0 0 0 8px rgba(37,99,235,.06) !important;
}
.orbit-workflow.is-active .node-icon svg{
  stroke:#2563EB !important;
}
.orbit-workflow .node-icon{
  margin-bottom:2px !important;
}
@media (max-width:1260px){
  .orbit-workflow{padding:12px 10px 14px !important;}
}


/* v1.74 homepage package teaser */
.home-package-preview-v4{
  position:relative;
  overflow:hidden;
  padding:84px 0 74px;
  background:#050B16;
  color:#fff;
}
.home-package-preview-v4 .package-preview-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(5,11,22,.88),rgba(5,11,22,.78) 34%,rgba(5,11,22,.9) 100%),
    radial-gradient(circle at 50% 24%,rgba(37,99,235,.15),transparent 32%),
    url('assets/pathwai-hero-poster.jpg') center center/cover no-repeat;
  transform:scale(1.01);
}
.home-package-preview-v4::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 17% 28%,rgba(78,163,255,.14),transparent 16%),
    radial-gradient(circle at 84% 20%,rgba(78,163,255,.18),transparent 18%),
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));
  pointer-events:none;
}
.package-journey-v4{position:relative;z-index:2;}
.home-package-preview-v4 .package-journey-header{
  text-align:center;
  max-width:920px;
  margin:0 auto 30px;
}
.home-package-preview-v4 .package-journey-header .package-kicker{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 18px;margin-bottom:18px;border-radius:999px;
  border:1px solid rgba(214,230,255,.16);background:rgba(5,13,28,.48);
}
.home-package-preview-v4 .package-journey-header h2{
  margin:0;color:#fff;font-size:clamp(2.6rem,4vw,4.6rem);line-height:1.0;letter-spacing:-.055em;font-weight:900;
}
.home-package-preview-v4 .package-journey-header h2 span{color:#2563EB;}
.home-package-preview-v4 .package-journey-header p{
  margin:18px auto 0;max-width:760px;color:rgba(247,248,250,.82);font-size:1.12rem;line-height:1.5;font-weight:560;
}
.teaser-card-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch;
}
.teaser-card{
  min-height:330px !important;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(5,13,28,.62),rgba(5,13,28,.88));
  border:1px solid rgba(214,230,255,.17);
  box-shadow:0 20px 60px rgba(0,0,0,.24);
  pointer-events:none;
}
.teaser-card .journey-card-media{height:165px;}
.teaser-card .journey-card-body{padding:0 18px 20px;gap:8px;}
.teaser-card .journey-card-step{
  top:-115px;left:18px;width:52px;height:52px;font-size:1.24rem;
}
.teaser-card h3{font-size:clamp(1.1rem,1.35vw,1.65rem);}
.teaser-card p{font-size:1rem;line-height:1.32;}
.teaser-card .journey-card-note{
  margin-top:10px;padding-top:12px;border-top:1px solid rgba(214,230,255,.18);font-size:.96rem;line-height:1.42;
}
.teaser-card-featured{
  border-color:rgba(78,163,255,.32);
  box-shadow:0 0 0 1px rgba(78,163,255,.15),0 0 36px rgba(37,99,235,.14),0 24px 70px rgba(0,0,0,.30);
}
.teaser-card-guided{
  border-color:rgba(76,209,166,.24);
}
.home-package-preview-v4 .package-journey-actions{display:flex;justify-content:center;margin-top:22px;}
.home-package-preview-v4 .button-journey{min-width:290px;justify-content:center;box-shadow:0 0 0 1px rgba(78,163,255,.25),0 0 30px rgba(37,99,235,.26);}
@media (max-width:1320px){
  .teaser-card-grid{gap:14px;}
  .teaser-card{min-height:314px !important;}
  .teaser-card .journey-card-media{height:155px;}
}
@media (max-width:1100px){
  .teaser-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .teaser-card-featured{grid-column:1/-1;}
}
@media (max-width:760px){
  .home-package-preview-v4{padding:72px 0 64px;}
  .home-package-preview-v4 .package-journey-header{margin-bottom:24px;}
  .home-package-preview-v4 .package-journey-header p{font-size:1rem;}
  .teaser-card-grid{grid-template-columns:1fr;gap:14px;}
  .teaser-card,.teaser-card-featured{min-height:314px !important;}
}


/* v1.75 - Orbit interaction polish:
   - real PATHWAI SVG mark in centre
   - no outer workflow-card blue fill
   - active state changes inner icon tile and text only */
.orbit-core .orbit-core-mark{
  width:72px !important;
  height:auto !important;
  max-height:58px !important;
  object-fit:contain !important;
  margin:0 auto 10px !important;
  display:block !important;
  filter:none !important;
  transform:none !important;
}
.orbit-core img:not(.orbit-core-mark){
  display:none !important;
}

/* Keep workflow cards calm. No outer active fill/box. */
.orbit-workflow,
.orbit-workflow.is-active{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.orbit-workflow{
  opacity:.72 !important;
}
.orbit-workflow.is-active{
  opacity:1 !important;
}

/* Active = inner icon tile changes only. */
.orbit-workflow .node-icon{
  background:#ffffff !important;
  border:1px solid rgba(37,99,235,.18) !important;
  box-shadow:0 12px 30px rgba(10,19,36,.08), 0 0 0 7px rgba(37,99,235,.035) !important;
}
.orbit-workflow .node-icon svg{
  stroke:#2563EB !important;
}
.orbit-workflow strong{
  color:#0A1324 !important;
}
.orbit-workflow.is-active .node-icon{
  background:linear-gradient(180deg,#2E7CFF,#1558E8) !important;
  border-color:rgba(37,99,235,.72) !important;
  box-shadow:0 18px 40px rgba(37,99,235,.24), 0 0 0 8px rgba(37,99,235,.08) !important;
}
.orbit-workflow.is-active .node-icon svg{
  stroke:#ffffff !important;
}
.orbit-workflow.is-active strong{
  color:#2563EB !important;
}

/* Keep the small anchor dots removed. */
.orbit-system .anchor-dots{
  display:none !important;
}


/* v1.76 homepage package teaser — left copy, right premium visual, only CTA clickable */
.home-package-teaser-v76{
  position:relative;
  overflow:hidden;
  padding:82px 0 78px;
  min-height:620px;
  background:#050B16;
  color:#fff;
}
.home-package-teaser-v76 .package-teaser-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 73% 36%, rgba(37,99,235,.28), transparent 34%),
    radial-gradient(circle at 14% 50%, rgba(78,163,255,.10), transparent 26%),
    linear-gradient(90deg, #050B16 0%, #061123 42%, #071B39 100%);
}
.home-package-teaser-v76 .package-teaser-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5,11,22,.08), rgba(5,11,22,.42)),
    url('assets/pathwai-hero-poster.jpg') 78% center/cover no-repeat;
  opacity:.22;
  filter:saturate(.95);
}
.package-teaser-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(320px,430px) minmax(0,1fr);
  gap:clamp(42px,6vw,92px);
  align-items:center;
  width:min(100% - 72px,1500px);
}
.package-teaser-copy{
  align-self:center;
}
.package-teaser-copy .package-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  margin-bottom:22px;
  border-radius:999px;
  border:1px solid rgba(78,163,255,.32);
  background:rgba(5,13,28,.44);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.package-teaser-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(3.25rem,5vw,5.55rem);
  line-height:.91;
  letter-spacing:-.075em;
  font-weight:900;
}
.package-teaser-copy h2 span{
  color:#2563EB;
}
.package-teaser-copy p{
  margin:28px 0 0;
  color:rgba(247,248,250,.80);
  max-width:390px;
  font-size:1.14rem;
  line-height:1.5;
  font-weight:600;
}
.package-teaser-copy .button{
  margin-top:34px;
}
.package-teaser-visual{
  position:relative;
  min-width:0;
}
.package-teaser-visual::before{
  content:"";
  position:absolute;
  inset:8% 2% 6%;
  background:radial-gradient(circle at 50% 50%, rgba(37,99,235,.26), transparent 55%);
  filter:blur(34px);
  pointer-events:none;
}
.package-teaser-visual img{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 30px 80px rgba(0,0,0,.34));
  user-select:none;
  pointer-events:none;
}
.home-package-teaser-v76 .button-journey{
  min-width:250px;
  justify-content:center;
  box-shadow:0 0 0 1px rgba(78,163,255,.24), 0 0 32px rgba(37,99,235,.28);
}

@media (max-width:1180px){
  .home-package-teaser-v76{
    padding:78px 0 72px;
  }
  .package-teaser-layout{
    grid-template-columns:1fr;
    gap:34px;
  }
  .package-teaser-copy{
    text-align:center;
  }
  .package-teaser-copy p{
    margin-left:auto;
    margin-right:auto;
    max-width:620px;
  }
  .package-teaser-visual img{
    max-height:none;
  }
}
@media (max-width:760px){
  .home-package-teaser-v76{
    min-height:0;
    padding:68px 0 64px;
  }
  .package-teaser-layout{
    width:min(100% - 32px,1500px);
  }
  .package-teaser-copy h2{
    font-size:clamp(2.9rem,13vw,4rem);
  }
  .package-teaser-copy p{
    font-size:1rem;
  }
  .package-teaser-copy .button{
    width:100%;
  }
}


/* v1.77 homepage package teaser — single shared scene behind five equal teaser cards */
.home-package-teaser-v77{
  position:relative;
  overflow:hidden;
  padding:74px 0 68px;
  min-height:560px;
  background:#050B16;
  color:#fff;
}
.home-package-teaser-v77 .package-teaser-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 76% 34%, rgba(37,99,235,.28), transparent 33%),
    radial-gradient(circle at 18% 54%, rgba(78,163,255,.10), transparent 24%),
    linear-gradient(90deg, #050B16 0%, #061123 42%, #071B39 100%);
}
.home-package-teaser-v77 .package-teaser-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5,11,22,.14), rgba(5,11,22,.42)),
    url('assets/pathwai-hero-poster.jpg') 82% center/cover no-repeat;
  opacity:.18;
}
.home-package-teaser-v77 .package-teaser-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(320px,430px) minmax(0,1fr);
  gap:clamp(34px,4vw,68px);
  align-items:center;
  width:min(100% - 72px,1540px);
}
.home-package-teaser-v77 .package-teaser-copy .package-kicker{
  display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;margin-bottom:22px;border-radius:999px;border:1px solid rgba(78,163,255,.32);background:rgba(5,13,28,.44);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.home-package-teaser-v77 .package-teaser-copy h2{margin:0;color:#fff;font-size:clamp(3.15rem,5vw,5.45rem);line-height:.91;letter-spacing:-.075em;font-weight:900;}
.home-package-teaser-v77 .package-teaser-copy h2 span{color:#2563EB;}
.home-package-teaser-v77 .package-teaser-copy p{margin:28px 0 0;color:rgba(247,248,250,.82);max-width:420px;font-size:1.14rem;line-height:1.5;font-weight:600;}
.home-package-teaser-v77 .package-teaser-copy .button{margin-top:34px;min-width:250px;justify-content:center;box-shadow:0 0 0 1px rgba(78,163,255,.24), 0 0 32px rgba(37,99,235,.28);}

.home-package-teaser-v77 .package-teaser-visual{position:relative;min-width:0;}
.home-package-teaser-v77 .package-teaser-visual::before{
  content:"";position:absolute;inset:10% 2% 8%;background:radial-gradient(circle at 52% 52%, rgba(37,99,235,.22), transparent 58%);filter:blur(42px);pointer-events:none;
}
.package-teaser-panel-v77{
  position:relative;
  height:470px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(115,164,255,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 22px 70px rgba(0,0,0,.35);
  background:#071327;
}
.teaser-panel-scene{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(5,11,22,.06) 0%, rgba(5,11,22,.12) 34%, rgba(5,11,22,.52) 100%),
    url('assets/packages-mountain-live-bg.jpg') 59% 42%/cover no-repeat;
  transform:scale(1.02);
}
.teaser-panel-vignette{position:absolute;inset:0;background:linear-gradient(180deg, rgba(5,11,22,.08), rgba(5,11,22,.12) 40%, rgba(5,11,22,.50)), radial-gradient(circle at 68% 23%, rgba(255,255,255,.12), transparent 24%), radial-gradient(circle at 50% 78%, rgba(37,99,235,.16), transparent 30%);}
.teaser-card-row{
  position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(5, 1fr);gap:14px;align-items:stretch;z-index:2;
}
.teaser-package-card{
  min-height:300px;
  padding:18px 18px 16px;
  display:flex;flex-direction:column;justify-content:space-between;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(11,24,47,.30) 0%, rgba(4,12,26,.56) 100%);
  border:1px solid rgba(137,184,255,.30);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  backdrop-filter:blur(8px);
}
.teaser-package-top{display:flex;align-items:center;justify-content:flex-start;}
.teaser-number{
  display:inline-flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:50%;
  border:2px solid rgba(72,137,255,.95);
  color:#EAF1FF;font-weight:900;font-size:1.55rem;line-height:1;
  background:rgba(8,18,40,.30);
  box-shadow:0 0 24px rgba(37,99,235,.14);
}
.teaser-package-copy{margin-top:18px;}
.teaser-package-copy h3{margin:0;color:#fff;font-size:1.05rem;line-height:1.05;font-weight:800;letter-spacing:-.03em;}
.teaser-package-copy p{margin:12px 0 0;color:rgba(239,244,255,.86);font-size:.96rem;line-height:1.35;font-weight:500;max-width:11ch;}
.teaser-package-icon{
  margin-top:16px;padding-top:16px;border-top:1px solid rgba(146,187,255,.26);
  display:flex;align-items:center;justify-content:center;
}
.teaser-package-icon svg{width:44px;height:44px;fill:none;stroke:#66A7FF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px rgba(37,99,235,.20));}
.teaser-package-icon--guided svg{stroke:#5FE4C4;}
.teaser-package-card--04 .teaser-panel-focus{display:none;}

@media (max-width:1380px){
  .home-package-teaser-v77 .package-teaser-layout{grid-template-columns:minmax(300px,410px) minmax(0,1fr);gap:32px;width:min(100% - 54px,1500px);}
  .package-teaser-panel-v77{height:448px;}
  .teaser-package-card{min-height:286px;padding:16px 16px 14px;}
}
@media (max-width:1180px){
  .home-package-teaser-v77{padding:72px 0 68px;min-height:0;}
  .home-package-teaser-v77 .package-teaser-layout{grid-template-columns:1fr;gap:32px;}
  .home-package-teaser-v77 .package-teaser-copy{text-align:center;}
  .home-package-teaser-v77 .package-teaser-copy p{margin-left:auto;margin-right:auto;max-width:620px;}
  .package-teaser-panel-v77{height:430px;}
  .teaser-package-card{min-height:264px;}
}
@media (max-width:920px){
  .package-teaser-panel-v77{height:auto;padding:18px;}
  .teaser-panel-scene,.teaser-panel-vignette{inset:0;}
  .teaser-card-row{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .teaser-package-card{min-height:240px;}
}
@media (max-width:640px){
  .home-package-teaser-v77{padding:66px 0 60px;}
  .home-package-teaser-v77 .package-teaser-layout{width:min(100% - 28px,1500px);}
  .home-package-teaser-v77 .package-teaser-copy h2{font-size:clamp(2.85rem,13vw,4rem);}
  .home-package-teaser-v77 .package-teaser-copy p{font-size:1rem;}
  .home-package-teaser-v77 .package-teaser-copy .button{width:100%;}
  .teaser-card-row{grid-template-columns:1fr;}
  .teaser-package-card{min-height:0;}
  .teaser-package-copy p{max-width:none;}
}


/* v1.78 refinement: keep "Our expertise." on a single line and reduce teaser height */
.home-package-teaser-v77 .package-teaser-layout{
  grid-template-columns:minmax(430px, 520px) minmax(0, 1fr);
  gap:clamp(28px, 3.2vw, 52px);
}
.home-package-teaser-v77 .package-teaser-copy h2{
  font-size:clamp(3rem, 4.55vw, 5.05rem);
  line-height:.92;
}
.home-package-teaser-v77 .package-teaser-copy h2 span{
  white-space:nowrap;
}
.home-package-teaser-v77 .package-teaser-copy p{
  max-width:470px;
}
.package-teaser-panel-v77{
  height:430px;
}
.teaser-card-row{
  gap:12px;
}
.teaser-package-card{
  min-height:276px;
  padding:16px 16px 14px;
}
.teaser-number{
  width:52px;
  height:52px;
  font-size:1.42rem;
}
.teaser-package-copy{margin-top:14px;}
.teaser-package-copy h3{font-size:1rem;}
.teaser-package-copy p{margin-top:10px;font-size:.92rem;}
.teaser-package-icon{margin-top:14px;padding-top:14px;}
.teaser-package-icon svg{width:40px;height:40px;}
@media (max-width:1380px){
  .home-package-teaser-v77 .package-teaser-layout{
    grid-template-columns:minmax(390px, 470px) minmax(0, 1fr);
    gap:28px;
  }
  .home-package-teaser-v77 .package-teaser-copy h2{font-size:clamp(2.85rem,4.2vw,4.65rem);}
  .package-teaser-panel-v77{height:416px;}
  .teaser-package-card{min-height:264px;}
}
@media (max-width:1180px){
  .home-package-teaser-v77 .package-teaser-layout{grid-template-columns:1fr;}
  .home-package-teaser-v77 .package-teaser-copy h2 span{white-space:normal;}
  .package-teaser-panel-v77{height:420px;}
}


/* v1.79: use one shared mountain background behind all package boxes; reduce inner box feeling; pull summit closer behind card 04 */
.package-teaser-panel-v77{
  background:#081426;
}
.teaser-panel-scene{
  background:
    linear-gradient(180deg, rgba(5,11,22,.03) 0%, rgba(5,11,22,.10) 36%, rgba(5,11,22,.46) 100%),
    url('assets/packages-mountain-live-bg.jpg') 66% 30%/cover no-repeat;
  transform:scale(1.02);
}
.teaser-panel-vignette{
  background:
    linear-gradient(180deg, rgba(5,11,22,.06) 0%, rgba(5,11,22,.10) 38%, rgba(5,11,22,.48) 100%),
    radial-gradient(circle at 71% 16%, rgba(255,236,191,.15), transparent 18%),
    radial-gradient(circle at 54% 78%, rgba(37,99,235,.14), transparent 28%);
}
.teaser-card-row{
  left:20px;
  right:20px;
  bottom:20px;
  gap:12px;
}
.teaser-package-card{
  min-height:276px;
  padding:16px 16px 14px;
  background:linear-gradient(180deg, rgba(7,20,39,.10) 0%, rgba(5,16,33,.22) 100%);
  border:1px solid rgba(137,184,255,.26);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  backdrop-filter:none;
}
.teaser-package-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  pointer-events:none;
}
.teaser-package-copy h3,
.teaser-package-copy p,
.teaser-number,
.teaser-package-icon svg{
  position:relative;
  z-index:1;
}
.teaser-package-copy h3,
.teaser-package-copy p{
  text-shadow:0 2px 12px rgba(3,8,18,.55);
}
.teaser-number{
  background:rgba(7,19,38,.18);
  box-shadow:0 0 18px rgba(37,99,235,.10);
}
.teaser-package-icon{
  border-top:1px solid rgba(146,187,255,.20);
}


/* v1.80 homepage package teaser — selected mock-up implemented */
.home-package-teaser-v80{
  position:relative;
  overflow:hidden;
  padding:74px 0 70px;
  min-height:560px;
  background:#050B16;
  color:#fff;
}
.home-package-teaser-v80 .package-teaser-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 74% 35%, rgba(37,99,235,.24), transparent 34%),
    radial-gradient(circle at 14% 54%, rgba(78,163,255,.09), transparent 24%),
    linear-gradient(90deg, #050B16 0%, #061123 42%, #071B39 100%);
}
.home-package-teaser-v80 .package-teaser-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5,11,22,.12), rgba(5,11,22,.38)),
    url('assets/pathwai-hero-poster.jpg') 82% center/cover no-repeat;
  opacity:.16;
}
.home-package-teaser-v80 .package-teaser-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(430px, 520px) minmax(0, 1fr);
  gap:clamp(28px, 3.2vw, 52px);
  align-items:center;
  width:min(100% - 72px,1540px);
}
.home-package-teaser-v80 .package-teaser-copy .package-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  margin-bottom:22px;
  border-radius:999px;
  border:1px solid rgba(78,163,255,.32);
  background:rgba(5,13,28,.44);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.home-package-teaser-v80 .package-teaser-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(3rem, 4.55vw, 5.05rem);
  line-height:.92;
  letter-spacing:-.075em;
  font-weight:900;
}
.home-package-teaser-v80 .package-teaser-copy h2 span{
  color:#2563EB;
  white-space:nowrap;
}
.home-package-teaser-v80 .package-teaser-copy p{
  margin:28px 0 0;
  color:rgba(247,248,250,.82);
  max-width:470px;
  font-size:1.14rem;
  line-height:1.5;
  font-weight:600;
}
.home-package-teaser-v80 .package-teaser-copy .button{
  margin-top:34px;
  min-width:250px;
  justify-content:center;
  box-shadow:0 0 0 1px rgba(78,163,255,.24), 0 0 32px rgba(37,99,235,.28);
}
.home-package-teaser-v80 .package-teaser-visual{
  position:relative;
  min-width:0;
}
.home-package-teaser-v80 .package-teaser-visual::before{
  content:"";
  position:absolute;
  inset:8% 1% 6%;
  background:radial-gradient(circle at 54% 50%, rgba(37,99,235,.22), transparent 58%);
  filter:blur(42px);
  pointer-events:none;
}
.home-package-teaser-v80 .package-teaser-visual img{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  max-height:510px;
  object-fit:contain;
  object-position:center;
  border-radius:28px;
  filter:drop-shadow(0 28px 80px rgba(0,0,0,.34));
  user-select:none;
  pointer-events:none;
}

@media (max-width:1380px){
  .home-package-teaser-v80 .package-teaser-layout{
    grid-template-columns:minmax(390px, 470px) minmax(0, 1fr);
    gap:28px;
  }
  .home-package-teaser-v80 .package-teaser-copy h2{
    font-size:clamp(2.85rem,4.2vw,4.65rem);
  }
  .home-package-teaser-v80 .package-teaser-visual img{
    max-height:470px;
  }
}
@media (max-width:1180px){
  .home-package-teaser-v80{
    padding:72px 0 68px;
    min-height:0;
  }
  .home-package-teaser-v80 .package-teaser-layout{
    grid-template-columns:1fr;
    gap:32px;
  }
  .home-package-teaser-v80 .package-teaser-copy{
    text-align:center;
  }
  .home-package-teaser-v80 .package-teaser-copy h2 span{
    white-space:normal;
  }
  .home-package-teaser-v80 .package-teaser-copy p{
    margin-left:auto;
    margin-right:auto;
    max-width:620px;
  }
}
@media (max-width:760px){
  .home-package-teaser-v80{
    padding:66px 0 60px;
  }
  .home-package-teaser-v80 .package-teaser-layout{
    width:min(100% - 28px,1540px);
  }
  .home-package-teaser-v80 .package-teaser-copy h2{
    font-size:clamp(2.85rem,13vw,4rem);
  }
  .home-package-teaser-v80 .package-teaser-copy p{
    font-size:1rem;
  }
  .home-package-teaser-v80 .package-teaser-copy .button{
    width:100%;
  }
}


/* v1.81 homepage package teaser visual refresh */
.home-package-teaser-v80 .package-teaser-layout{
  grid-template-columns:minmax(430px, 520px) minmax(0, 1.08fr);
}
.home-package-teaser-v80 .package-teaser-visual img{
  max-height:520px;
  border-radius:28px;
}


/* v1.82 exact homepage teaser mock-up */
.home-package-teaser-v82{
  position:relative;
  overflow:hidden;
  background:#050B16;
  padding:0;
  min-height:0;
}
.home-package-teaser-image-v82{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  pointer-events:none;
}
.home-package-teaser-cta-v82{
  position:absolute;
  left:2.0%;
  top:69.7%;
  width:18.2%;
  height:8.2%;
  border-radius:16px;
  z-index:2;
}
.home-package-teaser-cta-v82:focus-visible{
  outline:3px solid rgba(78,163,255,.82);
  outline-offset:4px;
}
@media (max-width:760px){
  .home-package-teaser-v82{
    overflow-x:auto;
  }
  .home-package-teaser-image-v82{
    min-width:980px;
  }
  .home-package-teaser-cta-v82{
    left:19px;
    top:69.7%;
    width:178px;
    height:8.2%;
  }
}


/* v1.89 — VISUAL FIX: remove inherited old package preview overlays */
.home-package-preview.home-package-teaser-v89{
  position:relative !important;
  overflow:hidden !important;
  background:#050B16 !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
  line-height:0 !important;
  color:#fff;
}
.home-package-preview.home-package-teaser-v89::before,
.home-package-preview.home-package-teaser-v89::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  background:none !important;
  pointer-events:none !important;
}
.home-package-teaser-image-v89{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  opacity:1 !important;
  filter:none !important;
  user-select:none;
  pointer-events:none;
}
.home-package-teaser-cta-v89{
  position:absolute !important;
  left:3.0%;
  top:78.6%;
  width:17.6%;
  height:10.0%;
  border-radius:14px;
  z-index:4 !important;
  display:block;
  background:transparent;
}
.home-package-teaser-cta-v89:focus-visible{
  outline:3px solid rgba(78,163,255,.82);
  outline-offset:4px;
}
@media (max-width:760px){
  .home-package-preview.home-package-teaser-v89{ overflow-x:auto !important; }
  .home-package-teaser-image-v89{ min-width:980px !important; }
  .home-package-teaser-cta-v89{ left:29px; top:78.6%; width:173px; height:10%; }
}


/* v1.91 exact use-case section replacement */
.usecase-exact-section-v91{
  position:relative;
  background:#050B16;
  padding:0;
  margin:0;
  overflow:hidden;
}
.usecase-exact-section-v91::before,
.usecase-exact-section-v91::after{
  content:none !important;
  display:none !important;
}
.usecase-exact-image-v91{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  pointer-events:none;
}
.usecase-exact-cta-v91{
  position:absolute;
  left:36.8%;
  top:84.8%;
  width:26.4%;
  height:8.2%;
  border-radius:18px;
  z-index:3;
}
.usecase-exact-cta-v91:focus-visible{
  outline:3px solid rgba(78,163,255,.86);
  outline-offset:5px;
}
@media (max-width:760px){
  .usecase-exact-section-v91{
    overflow-x:auto;
  }
  .usecase-exact-image-v91{
    min-width:980px;
  }
  .usecase-exact-cta-v91{
    left:361px;
    top:84.8%;
    width:259px;
    height:8.2%;
  }
}


/* v1.92 exact attached use-case section */
.usecase-exact-section-v92{
  position:relative;
  background:#050B16;
  padding:0;
  margin:0;
  overflow:hidden;
}
.usecase-exact-section-v92::before,
.usecase-exact-section-v92::after{
  content:none !important;
  display:none !important;
}
.usecase-exact-image-v92{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  pointer-events:none;
}
.usecase-exact-cta-v92{
  position:absolute;
  left:3.2%;
  top:62.25%;
  width:21.3%;
  height:6.7%;
  border-radius:14px;
  z-index:3;
}
.usecase-exact-cta-v92:focus-visible{
  outline:3px solid rgba(78,163,255,.86);
  outline-offset:5px;
}
@media (max-width:760px){
  .usecase-exact-section-v92{
    overflow-x:auto;
  }
  .usecase-exact-image-v92{
    min-width:980px;
  }
  .usecase-exact-cta-v92{
    left:32px;
    top:62.25%;
    width:209px;
    height:6.7%;
  }
}

/* v1.93 legal/disclaimer page */
.legal-page{
  background:
    radial-gradient(circle at 72% 8%, rgba(37,99,235,.16), transparent 36%),
    linear-gradient(180deg, #07101F 0%, #050B16 100%);
  color:#fff;
  padding:150px 0 96px;
  min-height:72vh;
}
.legal-shell{max-width:980px}
.legal-page h1{
  margin:12px 0 28px;
  color:#fff;
  font-size:clamp(2.8rem, 5vw, 5.4rem);
  line-height:.95;
  letter-spacing:-.07em;
}
.legal-card{
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.04));
  border:1px solid rgba(214,230,255,.16);
  border-radius:28px;
  box-shadow:0 26px 90px rgba(0,0,0,.24);
  padding:34px;
}
.legal-card p{
  margin:0 0 18px;
  color:rgba(255,255,255,.78);
  font-size:1rem;
  line-height:1.68;
  font-weight:500;
}
.legal-card p:last-child{margin-bottom:0}
.legal-note{
  padding:14px 16px;
  margin:0 0 20px !important;
  border-radius:14px;
  background:rgba(37,99,235,.10);
  border:1px solid rgba(78,163,255,.18);
}
.legal-note a{color:#7fb8ff;font-weight:800}
@media (max-width:760px){
  .legal-page{padding:120px 0 72px}
  .legal-card{padding:22px;border-radius:22px}
}


/* v1.94 go-live polish: accessibility, nav, section rhythm, SEO support */
.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.site-header{
  grid-template-columns:168px minmax(420px,1fr) auto auto;
}
.site-header .brand-logo{
  width:158px !important;
  max-height:54px !important;
}
.site-header.is-scrolled .brand-header .brand-logo{
  width:140px !important;
  max-height:48px !important;
}
.mobile-nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border:1px solid rgba(214,230,255,.18);
  border-radius:12px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
  color:#fff;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex-direction:column;
  cursor:pointer;
}
.mobile-nav-toggle span{
  display:block;
  width:19px;
  height:2px;
  border-radius:99px;
  background:#F7F8FA;
  transition:transform .22s ease, opacity .22s ease;
}
body.nav-open .mobile-nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.nav-open .mobile-nav-toggle span:nth-child(2){opacity:0}
body.nav-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{
  position:fixed;
  top:82px;
  left:16px;
  right:16px;
  z-index:99;
  display:none;
  padding:18px;
  border:1px solid rgba(214,230,255,.16);
  border-radius:20px;
  background:rgba(5,11,22,.96);
  backdrop-filter:blur(20px);
  box-shadow:0 24px 90px rgba(0,0,0,.38);
}
.mobile-nav a:not(.button){
  display:block;
  padding:13px 6px;
  color:#F7F8FA;
  text-decoration:none;
  font-weight:800;
  border-bottom:1px solid rgba(214,230,255,.08);
}
.mobile-nav .button{width:100%;justify-content:center;margin-top:14px}
body.nav-open .mobile-nav{display:block}
.scan-includes{
  list-style:none;
  padding:0;
  margin:22px 0 0;
  display:grid;
  gap:12px;
}
.scan-includes li{
  position:relative;
  padding:13px 14px 13px 42px;
  border-radius:14px;
  color:rgba(10,19,36,.82);
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.12);
  font-weight:800;
}
.scan-includes li::before{
  content:"";
  position:absolute;
  left:15px;
  top:50%;
  width:13px;
  height:13px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#2563EB;
  box-shadow:0 0 0 5px rgba(37,99,235,.12);
}
.scan-note{
  margin-top:16px !important;
  color:#2563EB !important;
  font-weight:900 !important;
}
.form-endpoint-note{
  margin:0 0 14px !important;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.14);
  color:rgba(10,19,36,.78) !important;
  font-size:.88rem;
  font-weight:700;
}
.form-endpoint-note strong{color:#0A1324}
.why .stat{
  border-color:rgba(37,99,235,.14);
  box-shadow:0 22px 70px rgba(10,19,36,.08);
}
.why .stat strong{
  letter-spacing:-.08em;
}
.orbit-section-header p{
  max-width:560px;
  margin-left:auto;
  margin-right:auto;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}
@media (max-width:1080px){
  .site-header{
    grid-template-columns:158px 1fr auto;
    height:86px;
    padding:10px 20px;
  }
  .site-nav,
  .site-header>.button-small{
    display:none !important;
  }
  .mobile-nav-toggle{
    display:flex;
    justify-self:end;
  }
}
@media (max-width:760px){
  .site-header .brand-logo{
    width:138px !important;
    max-height:46px !important;
  }
  .mobile-nav{top:78px}
}


/* v1.95 visual polish pass: tighter brand rhythm, hierarchy, alignment and spacing */
html{scroll-padding-top:96px}
body{background:#050B16}
.shell{width:min(100% - 56px,1200px)}
.eyebrow{
  letter-spacing:.15em;
  font-weight:900;
}
.section-intro h2,
.orbit-section-header h2{
  letter-spacing:-.072em;
}

/* Header: cleaner, less cramped, more premium */
.site-header{
  height:92px !important;
  grid-template-columns:150px minmax(360px,1fr) auto auto !important;
  gap:24px !important;
  padding:10px clamp(22px,4.4vw,64px) !important;
  background:linear-gradient(180deg,rgba(5,11,22,.66),rgba(5,11,22,.20)) !important;
  border-bottom:1px solid rgba(214,230,255,.08) !important;
}
.site-header.is-scrolled{
  height:76px !important;
  background:rgba(5,11,22,.93) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.18) !important;
}
.brand-header{
  width:150px !important;
  height:54px !important;
  display:flex !important;
  align-items:center !important;
}
.site-header .brand-logo{
  width:146px !important;
  height:auto !important;
  max-height:52px !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.26)) !important;
}
.site-header.is-scrolled .brand-header,
.site-header.is-scrolled .brand-header .brand-logo{
  width:132px !important;
  max-height:46px !important;
}
.site-nav{
  gap:clamp(18px,2.2vw,34px) !important;
}
.site-nav a{
  font-size:.78rem !important;
  letter-spacing:.09em !important;
  opacity:.90;
}
.site-nav a:hover{opacity:1;color:#fff}
.button-small{
  min-height:40px !important;
  padding:0 16px !important;
  border-radius:12px !important;
}

/* Hero: same story, stronger first-screen composition */
.hero{
  min-height:820px !important;
  padding-bottom:110px !important;
}
.hero-content{
  padding-top:clamp(170px,18vh,220px) !important;
}
.hero-title{
  max-width:940px !important;
  font-size:clamp(3.2rem,5.75vw,5.85rem) !important;
  line-height:.93 !important;
  letter-spacing:-.078em !important;
  margin-bottom:24px !important;
}
.hero-copy{
  max-width:600px !important;
  font-size:1.13rem !important;
  line-height:1.55 !important;
}
.hero-actions{
  margin-top:32px !important;
}
.help-strip{
  border-radius:26px !important;
  border-color:rgba(214,230,255,.16) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.25) !important;
}
.help-step{
  padding:20px 18px !important;
}
.help-step h3{
  letter-spacing:-.035em !important;
}

/* Why now: make it match the premium sections */
.why.section-light{
  padding:104px 0 110px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(37,99,235,.12), transparent 32%),
    linear-gradient(180deg,#FFFFFF 0%,#F7F8FA 100%) !important;
}
.why::after{
  opacity:.022 !important;
  right:3vw !important;
  bottom:18px !important;
}
.why-grid{
  grid-template-columns:minmax(310px,410px) minmax(0,1fr) !important;
  gap:clamp(42px,5.5vw,72px) !important;
  align-items:start !important;
}
.why .section-intro h2{
  font-size:clamp(2.45rem,3.8vw,4.25rem) !important;
  line-height:.98 !important;
  letter-spacing:-.074em !important;
}
.stat-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  border-left:0 !important;
}
.stat{
  min-height:224px !important;
  padding:24px 22px !important;
  border:1px solid rgba(10,19,36,.08) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 24px 70px rgba(10,19,36,.075) !important;
  justify-content:flex-start !important;
}
.stat strong{
  font-size:clamp(2.55rem,4.1vw,4rem) !important;
  letter-spacing:-.08em !important;
}
.stat p{
  margin-top:18px !important;
  font-size:.92rem !important;
  line-height:1.34 !important;
}
.stat small{
  margin-top:auto !important;
  padding-top:18px !important;
  font-size:.68rem !important;
  opacity:.68 !important;
}
.source-note{
  grid-column:2 !important;
  max-width:740px !important;
  margin-top:-12px !important;
}

/* Image-led sections: keep exact visuals but improve chapter rhythm */
.home-package-preview.home-package-teaser-v89{
  border-top:1px solid rgba(214,230,255,.08) !important;
  border-bottom:1px solid rgba(214,230,255,.08) !important;
}
.usecase-exact-section-v92{
  border-top:1px solid rgba(214,230,255,.08) !important;
  border-bottom:1px solid rgba(214,230,255,.08) !important;
}

/* Workflow Orbit: calmer, cleaner alignment and hierarchy */
.orbit-value-section{
  padding:108px 0 116px !important;
  background:
    radial-gradient(circle at 50% 18%,rgba(37,99,235,.10),transparent 34%),
    linear-gradient(180deg,#F7F8FA 0%,#EEF3FB 100%) !important;
}
.orbit-section-header{
  margin-bottom:42px !important;
}
.orbit-section-header h2{
  font-size:clamp(2.85rem,4.6vw,4.9rem) !important;
}
.orbit-section-header p{
  max-width:710px !important;
  font-size:1.05rem !important;
  line-height:1.55 !important;
}
.orbit-implementation-grid{
  grid-template-columns:270px minmax(520px,1fr) 270px !important;
  gap:28px !important;
  align-items:center !important;
}
.orbit-side-panel{
  border-radius:26px !important;
  padding:24px 18px !important;
  box-shadow:0 22px 70px rgba(10,19,36,.075) !important;
}
.orbit-side-title{
  margin-bottom:14px !important;
  letter-spacing:.12em !important;
}
.orbit-side-list{
  gap:8px !important;
}
.orbit-side-list button,
.orbit-side-list p{
  min-height:42px !important;
  padding:8px 10px !important;
  font-size:.78rem !important;
  border-radius:13px !important;
}
.orbit-canvas-wrap{
  filter:drop-shadow(0 30px 70px rgba(10,19,36,.10));
}
.orbit-canvas{
  transform:scale(.965) !important;
  transform-origin:center !important;
}
.orbit-workflow{
  box-shadow:0 18px 48px rgba(10,19,36,.12) !important;
}
.orbit-workflow:not(.is-active){
  opacity:.62 !important;
}

/* About/principles: better balance and card polish */
.principles-refresh{
  padding:108px 0 !important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F7F8FA 100%) !important;
}
.principles-refresh-grid{
  grid-template-columns:minmax(320px,390px) minmax(0,1fr) !important;
  gap:clamp(42px,5vw,76px) !important;
  align-items:start !important;
}
.principles-refresh .section-intro h2{
  font-size:clamp(2.6rem,4.1vw,4.6rem) !important;
}
.principles-refresh .section-intro p{
  max-width:340px !important;
  font-size:1.04rem !important;
  line-height:1.58 !important;
}
.principles-board{
  gap:18px !important;
}
.principle-card{
  border-radius:24px !important;
  padding:24px !important;
  min-height:240px !important;
  box-shadow:0 22px 70px rgba(10,19,36,.075) !important;
}
.principle-card h3{
  font-size:1.16rem !important;
  letter-spacing:-.04em !important;
}
.principle-card p{
  font-size:.94rem !important;
  line-height:1.5 !important;
}
.principle-top svg{
  width:44px !important;
  height:44px !important;
}

/* Credibility: turn filler strip into a real trust section */
.credibility-strip{
  padding:84px 0 92px !important;
  background:
    radial-gradient(circle at 78% 0%, rgba(37,99,235,.18), transparent 32%),
    linear-gradient(180deg,#07101F 0%,#050B16 100%) !important;
}
.credibility-head-v95{
  margin-bottom:26px !important;
}
.credibility-head-v95 h2{
  max-width:780px;
  margin:10px 0 0;
  color:#fff;
  font-size:clamp(2.25rem,3.6vw,4.1rem);
  line-height:.98;
  letter-spacing:-.07em;
}
.credibility-grid{
  gap:16px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.credibility-grid div{
  min-height:150px !important;
  padding:26px 24px !important;
  border-radius:22px !important;
  border:1px solid rgba(214,230,255,.14) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.038)) !important;
  box-shadow:0 24px 76px rgba(0,0,0,.18) !important;
}
.credibility-grid b{
  font-size:1.06rem !important;
  letter-spacing:-.035em !important;
}
.credibility-grid span{
  font-size:.92rem !important;
  line-height:1.46 !important;
}

/* Contact: stronger conversion panel */
.contact-panel.section-light{
  padding:108px 0 116px !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(37,99,235,.10), transparent 30%),
    linear-gradient(180deg,#FFFFFF 0%,#F7F8FA 100%) !important;
}
.contact-grid{
  grid-template-columns:minmax(320px,430px) minmax(0,660px) !important;
  gap:clamp(48px,6vw,96px) !important;
  align-items:start !important;
}
.contact-panel .section-intro h2{
  font-size:clamp(2.75rem,4.5vw,4.95rem) !important;
  letter-spacing:-.075em !important;
  line-height:.95 !important;
}
.contact-panel .section-intro p{
  max-width:410px !important;
  font-size:1.05rem !important;
}
.scan-includes{
  margin-top:24px !important;
}
.scan-includes li{
  background:#fff !important;
  box-shadow:0 14px 36px rgba(10,19,36,.055) !important;
}
.contact-form{
  padding:30px !important;
  border-radius:28px !important;
  border:1px solid rgba(10,19,36,.09) !important;
  box-shadow:0 28px 86px rgba(10,19,36,.10) !important;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  border-radius:14px !important;
}
.form-endpoint-note{
  border-radius:16px !important;
}

/* Final CTA and footer */
.final-grid{
  min-height:360px !important;
}
.final-grid h2{
  font-size:clamp(3.2rem,5.6vw,5.8rem) !important;
}
.final-grid .button{
  white-space:nowrap !important;
}
.footer,
.site-footer{
  border-top:1px solid rgba(214,230,255,.10) !important;
}

/* Responsive visual alignment */
@media (max-width:1180px){
  .why-grid,
  .principles-refresh-grid,
  .contact-grid{
    grid-template-columns:1fr !important;
  }
  .stat-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .source-note{
    grid-column:1 !important;
  }
  .orbit-implementation-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .orbit-side-panel{
    max-width:760px !important;
    margin:0 auto !important;
    width:100% !important;
  }
  .orbit-canvas{
    transform:scale(.9) !important;
  }
}
@media (max-width:760px){
  .shell{width:min(100% - 36px,1200px)}
  .site-header{
    height:78px !important;
    padding:8px 18px !important;
  }
  .site-header .brand-logo{
    width:128px !important;
    max-height:44px !important;
  }
  .hero{
    min-height:760px !important;
    padding-bottom:96px !important;
  }
  .hero-content{
    padding-top:145px !important;
  }
  .hero-title{
    font-size:clamp(2.7rem,13vw,4.2rem) !important;
  }
  .hero-copy{
    font-size:1.02rem !important;
  }
  .stat-row,
  .credibility-grid{
    grid-template-columns:1fr !important;
  }
  .stat{
    min-height:0 !important;
  }
  .why.section-light,
  .orbit-value-section,
  .principles-refresh,
  .credibility-strip,
  .contact-panel.section-light{
    padding-top:76px !important;
    padding-bottom:82px !important;
  }
  .orbit-canvas{
    transform:scale(.72) !important;
    margin:-80px auto !important;
  }
  .contact-form{
    grid-template-columns:1fr !important;
    padding:22px !important;
  }
  .final-grid{
    min-height:330px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
  }
}

/* v1.96 targeted fixes — orbit centre badge + How PATHWAI helps strip */
.orbit-core{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  box-sizing:border-box !important;
  padding:14px 16px 12px !important;
  text-align:center !important;
}
.orbit-core .orbit-core-mark{
  width:56px !important;
  max-width:56px !important;
  max-height:none !important;
  height:auto !important;
  margin:0 !important;
  flex:none !important;
}
.orbit-core b{
  display:block !important;
  margin:0 !important;
  max-width:132px !important;
  font-size:.95rem !important;
  line-height:1.06 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.help-strip{
  grid-template-columns:240px repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  min-height:156px !important;
  border-radius:28px !important;
}
.strip-label{
  padding:30px 28px !important;
  justify-content:center !important;
}
.strip-label span{
  display:block !important;
  font-size:1.02rem !important;
  line-height:1.28 !important;
  letter-spacing:-.02em !important;
  font-weight:700 !important;
  color:#ffffff !important;
}
.strip-label i{
  width:68px !important;
  height:3px !important;
  margin-top:18px !important;
  border-radius:999px !important;
}
.help-step{
  grid-template-columns:52px minmax(0,1fr) !important;
  gap:18px !important;
  padding:26px 24px !important;
  min-height:156px !important;
  align-items:center !important;
}
.help-step > div{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
}
.help-step b{
  display:block !important;
  margin:0 0 4px !important;
  font-size:1rem !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.03em !important;
  color:#D6E6FF !important;
}
.help-step h3{
  margin:0 0 8px !important;
  font-size:1.12rem !important;
  line-height:1.08 !important;
}
.help-step p{
  font-size:.95rem !important;
  line-height:1.42 !important;
  color:rgba(255,255,255,.82) !important;
}

@media (max-width:1240px){
  .help-strip{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  .help-step,
  .strip-label{
    min-height:auto !important;
  }
}


/* v1.97 rebuild — verified rebuild of missed visual fixes */
.orbit-core{
  width:220px !important;
  height:220px !important;
  padding:16px 18px 14px !important;
  gap:10px !important;
  overflow:visible !important;
}
.orbit-core .orbit-core-mark{
  width:62px !important;
  max-width:62px !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.26)) !important;
}
.orbit-core b{
  max-width:142px !important;
  font-size:.96rem !important;
  line-height:1.08 !important;
  letter-spacing:.07em !important;
  text-shadow:0 2px 14px rgba(0,0,0,.16) !important;
}

.help-strip{
  grid-template-columns:250px repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  min-height:158px !important;
  border-radius:30px !important;
  overflow:hidden !important;
}
.strip-label{
  padding:32px 30px !important;
  align-items:flex-start !important;
}
.strip-label span{
  font-size:1.06rem !important;
  line-height:1.24 !important;
}
.strip-label i{
  width:66px !important;
  height:3px !important;
  margin-top:20px !important;
}
.help-step{
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:18px !important;
  padding:26px 26px !important;
  min-height:158px !important;
}
.help-step img,
.help-step svg{
  width:40px !important;
  height:40px !important;
}
.help-step b{
  margin:0 0 4px !important;
  font-size:1rem !important;
  color:#F7F8FA !important;
}
.help-step h3{
  margin:0 0 8px !important;
  font-size:1.12rem !important;
  line-height:1.06 !important;
}
.help-step p{
  margin:0 !important;
  font-size:.95rem !important;
  line-height:1.4 !important;
  color:rgba(255,255,255,.80) !important;
}
@media (max-width:1240px){
  .help-strip{grid-template-columns:1fr !important;min-height:auto !important;}
}


/* v1.98 hard rebuild: replaces the old absolute help strip and conflicted orbit-core styles */

/* Hero now flows: CTAs and panel no longer overlap */
.hero{
  min-height:0 !important;
  padding-bottom:72px !important;
}
.hero-content{
  position:relative !important;
  z-index:3 !important;
  min-height:0 !important;
  padding-top:clamp(160px,17vh,210px) !important;
}
.hero-actions{
  position:relative !important;
  z-index:5 !important;
  margin-bottom:0 !important;
}

/* New help panel — unique class names to avoid historic .help-strip conflicts */
.pathwai-help-panel-v98{
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
  z-index:6 !important;
  display:grid !important;
  grid-template-columns:260px repeat(3,minmax(0,1fr)) !important;
  margin:clamp(34px,4.4vw,56px) auto 0 !important;
  min-height:154px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  color:#fff !important;
  background:linear-gradient(180deg,rgba(6,14,28,.92),rgba(5,11,22,.90)) !important;
  border:1px solid rgba(214,230,255,.20) !important;
  box-shadow:0 28px 92px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
.pathwai-help-intro-v98{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  min-width:0 !important;
  padding:28px 30px !important;
  border-right:1px solid rgba(214,230,255,.13) !important;
}
.pathwai-help-intro-v98 span{
  display:block !important;
  max-width:160px !important;
  margin:0 !important;
  color:#F7F8FA !important;
  font-size:1.02rem !important;
  font-weight:800 !important;
  line-height:1.24 !important;
  letter-spacing:-.025em !important;
}
.pathwai-help-intro-v98 i{
  display:block !important;
  width:66px !important;
  height:3px !important;
  margin-top:20px !important;
  border-radius:99px !important;
  background:#4EA3FF !important;
}
.pathwai-help-step-v98{
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  min-width:0 !important;
  min-height:154px !important;
  padding:24px 26px !important;
  border-right:1px solid rgba(214,230,255,.13) !important;
}
.pathwai-help-step-v98:last-child{
  border-right:0 !important;
}
.pathwai-help-step-v98 img,
.pathwai-help-step-v98 svg{
  display:block !important;
  width:42px !important;
  height:42px !important;
  justify-self:center !important;
  align-self:center !important;
  object-fit:contain !important;
}
.pathwai-help-step-v98 img{
  filter:drop-shadow(0 8px 16px rgba(37,99,235,.24)) !important;
}
.pathwai-help-step-v98 svg{
  overflow:visible !important;
  fill:none !important;
}
.pathwai-help-step-v98 svg *{
  fill:none !important;
  stroke:#D6E6FF !important;
  stroke-width:4 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.pathwai-help-step-v98:nth-of-type(3) svg circle:last-of-type,
.pathwai-help-step-v98:nth-of-type(4) svg path:last-child{
  stroke:#4EA3FF !important;
}
.pathwai-help-copy-v98{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
  transform:translateY(-1px) !important;
}
.pathwai-help-copy-v98 b{
  display:block !important;
  margin:0 0 4px !important;
  color:#F7F8FA !important;
  font-size:1.02rem !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
}
.pathwai-help-copy-v98 h3{
  margin:0 0 8px !important;
  color:#FFFFFF !important;
  font-size:1.13rem !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
}
.pathwai-help-copy-v98 p{
  margin:0 !important;
  max-width:235px !important;
  color:rgba(255,255,255,.80) !important;
  font-size:.94rem !important;
  font-weight:650 !important;
  line-height:1.42 !important;
}

/* New orbit centre badge — unique class names to avoid historic .orbit-core conflicts */
.pathwai-orbit-core-v98{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:206px !important;
  height:206px !important;
  border-radius:50% !important;
  z-index:4 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:18px !important;
  text-align:center !important;
  color:#fff !important;
  background:radial-gradient(circle at 42% 32%,#143B83 0%,#0A1735 58%,#050B16 100%) !important;
  box-shadow:
    0 28px 90px rgba(10,19,36,.22),
    inset 0 0 0 9px rgba(255,255,255,.86),
    inset 0 0 0 13px rgba(37,99,235,.18) !important;
}
.pathwai-orbit-core-v98::before{
  content:"" !important;
  position:absolute !important;
  inset:-14px !important;
  border-radius:50% !important;
  border:1px solid rgba(37,99,235,.16) !important;
  box-shadow:0 0 0 11px rgba(37,99,235,.045) !important;
}
.pathwai-orbit-core-v98 img{
  width:62px !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain !important;
  filter:drop-shadow(0 9px 14px rgba(0,0,0,.24)) !important;
  flex:none !important;
}
.pathwai-orbit-core-v98 b{
  display:block !important;
  margin:0 !important;
  max-width:142px !important;
  color:#fff !important;
  font-size:.95rem !important;
  font-weight:900 !important;
  line-height:1.08 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase !important;
}

/* Desktop safety: no old reveal transform from help-strip applies */
.pathwai-help-panel-v98.reveal{
  transform:translateY(18px) !important;
}
.pathwai-help-panel-v98.reveal.is-visible{
  transform:translateY(0) !important;
}

/* Responsive */
@media (max-width:1240px){
  .pathwai-help-panel-v98{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .pathwai-help-intro-v98,
  .pathwai-help-step-v98{
    min-height:0 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(214,230,255,.13) !important;
  }
  .pathwai-help-step-v98:last-child{
    border-bottom:0 !important;
  }
}
@media (max-width:760px){
  .hero{
    padding-bottom:54px !important;
  }
  .pathwai-help-panel-v98{
    margin-top:28px !important;
    border-radius:22px !important;
  }
  .pathwai-help-intro-v98,
  .pathwai-help-step-v98{
    padding:22px 20px !important;
  }
  .pathwai-help-step-v98{
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:14px !important;
  }
  .pathwai-help-step-v98 img,
  .pathwai-help-step-v98 svg{
    width:36px !important;
    height:36px !important;
  }
  .pathwai-orbit-core-v98{
    width:178px !important;
    height:178px !important;
  }
  .pathwai-orbit-core-v98 img{
    width:52px !important;
  }
  .pathwai-orbit-core-v98 b{
    font-size:.82rem !important;
  }
}


/* v1.99 layout normalisation pass
   Purpose: one homepage grid, one left gutter, one section-intro system, one vertical rhythm. */
:root{
  --pw-shell-max-v99: 1200px;
  --pw-page-pad-v99: clamp(24px, 4.5vw, 72px);
  --pw-section-y-v99: clamp(88px, 8vw, 124px);
  --pw-section-y-tight-v99: clamp(72px, 6.5vw, 104px);
  --pw-intro-max-v99: 720px;
  --pw-content-gap-v99: clamp(36px, 5vw, 72px);
}

/* Master shell. Overrides historical per-section widths that were causing drift. */
.shell,
.orbit-shell,
.credibility-head-v95,
.pathwai-image-section-shell-v99{
  width:min(calc(100% - (var(--pw-page-pad-v99) * 2)), var(--pw-shell-max-v99)) !important;
  max-width:var(--pw-shell-max-v99) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Segment rhythm */
.pw-grid-section-v99,
.why.section-light,
.orbit-value-section,
.principles-refresh,
.credibility-strip,
.contact-panel.section-light{
  padding-top:var(--pw-section-y-v99) !important;
  padding-bottom:var(--pw-section-y-v99) !important;
}
.final-cta{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* One title/intro language across the homepage */
.section-intro,
.orbit-section-header,
.credibility-head-v95{
  text-align:left !important;
  max-width:var(--pw-intro-max-v99) !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
.section-intro .eyebrow,
.orbit-section-header .eyebrow,
.credibility-head-v95 .eyebrow{
  margin:0 0 12px !important;
}
.section-intro h2,
.orbit-section-header h2,
.credibility-head-v95 h2,
.contact-panel .section-intro h2,
.principles-refresh .section-intro h2{
  max-width:var(--pw-intro-max-v99) !important;
  margin:0 !important;
  text-align:left !important;
  font-size:clamp(2.65rem, 4.05vw, 4.65rem) !important;
  line-height:.97 !important;
  letter-spacing:-.072em !important;
}
.section-intro p:not(.eyebrow),
.orbit-section-header p,
.credibility-head-v95 p{
  margin:18px 0 0 !important;
  max-width:620px !important;
  text-align:left !important;
  font-size:1.05rem !important;
  line-height:1.55 !important;
}

/* Hero and help panel share the same grid left edge */
.hero-content.shell,
.pathwai-help-panel-v98{
  width:min(calc(100% - (var(--pw-page-pad-v99) * 2)), var(--pw-shell-max-v99)) !important;
  max-width:var(--pw-shell-max-v99) !important;
}
.pathwai-help-panel-v98{
  margin-top:clamp(38px,4.5vw,58px) !important;
}

/* Why Now: intro and stats live on the same grid */
.why-grid{
  grid-template-columns:minmax(0, 390px) minmax(0, 1fr) !important;
  gap:var(--pw-content-gap-v99) !important;
  align-items:start !important;
}
.why .section-intro h2{
  font-size:clamp(2.65rem, 4.05vw, 4.65rem) !important;
}
.stat-row{
  align-self:start !important;
}

/* Image-led sections are no longer full-bleed. They now lock to the same left and right shell. */
.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  background:#050B16 !important;
  padding-top:var(--pw-section-y-tight-v99) !important;
  padding-bottom:var(--pw-section-y-tight-v99) !important;
  margin:0 !important;
  line-height:normal !important;
}
.pathwai-image-section-shell-v99{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:30px !important;
  border:1px solid rgba(214,230,255,.10) !important;
  box-shadow:0 28px 92px rgba(0,0,0,.25) !important;
  background:#050B16 !important;
  line-height:0 !important;
}
.pathwai-image-section-shell-v99 img{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  border-radius:0 !important;
}
.pathwai-image-section-shell-v99 .home-package-teaser-cta-v89,
.pathwai-image-section-shell-v99 .usecase-exact-cta-v92{
  position:absolute !important;
  z-index:5 !important;
}

/* Orbit: title no longer centered/drifting; content follows same shell grid. */
.orbit-section-header{
  margin:0 0 var(--pw-content-gap-v99) !important;
}
.orbit-section-header p{
  margin-left:0 !important;
  margin-right:auto !important;
}
.orbit-implementation-grid{
  width:100% !important;
  grid-template-columns:270px minmax(520px,1fr) 270px !important;
  gap:clamp(24px,3vw,34px) !important;
}

/* Who we are and contact: consistent split layout from same left gutter. */
.principles-refresh-grid,
.contact-grid{
  gap:var(--pw-content-gap-v99) !important;
}
.principles-refresh-grid{
  grid-template-columns:minmax(0,390px) minmax(0,1fr) !important;
}
.contact-grid{
  grid-template-columns:minmax(0,430px) minmax(0,660px) !important;
  justify-content:space-between !important;
}

/* Credibility section: title shell and cards shell align exactly. */
.credibility-head-v95{
  margin-bottom:32px !important;
}
.credibility-head-v95 h2{
  max-width:840px !important;
}
.credibility-grid{
  width:min(calc(100% - (var(--pw-page-pad-v99) * 2)), var(--pw-shell-max-v99)) !important;
  max-width:var(--pw-shell-max-v99) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Final CTA: the internal text starts at the same shell left edge. */
.final-grid{
  width:min(calc(100% - (var(--pw-page-pad-v99) * 2)), var(--pw-shell-max-v99)) !important;
  max-width:var(--pw-shell-max-v99) !important;
  min-height:340px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  align-items:center !important;
}
.final-grid h2{
  font-size:clamp(2.85rem, 4.7vw, 5.4rem) !important;
  line-height:.94 !important;
  letter-spacing:-.074em !important;
}

/* Mobile and tablet: same rule, smaller gutter, stacked content. */
@media (max-width:1180px){
  :root{
    --pw-page-pad-v99: clamp(20px, 4vw, 40px);
    --pw-section-y-v99: clamp(72px, 8vw, 96px);
    --pw-section-y-tight-v99: clamp(56px, 7vw, 82px);
  }
  .why-grid,
  .principles-refresh-grid,
  .contact-grid,
  .orbit-implementation-grid{
    grid-template-columns:1fr !important;
  }
  .section-intro,
  .orbit-section-header,
  .credibility-head-v95{
    max-width:760px !important;
  }
  .pathwai-image-section-shell-v99{
    border-radius:24px !important;
  }
}
@media (max-width:760px){
  :root{
    --pw-page-pad-v99: 18px;
    --pw-section-y-v99: 72px;
    --pw-section-y-tight-v99: 52px;
  }
  .section-intro h2,
  .orbit-section-header h2,
  .credibility-head-v95 h2,
  .contact-panel .section-intro h2,
  .principles-refresh .section-intro h2{
    font-size:clamp(2.35rem, 11vw, 3.45rem) !important;
    line-height:.98 !important;
  }
  .pathwai-image-section-shell-v99{
    width:min(calc(100% - (var(--pw-page-pad-v99) * 2)), var(--pw-shell-max-v99)) !important;
    overflow-x:auto !important;
  }
  .pathwai-image-section-shell-v99 img{
    min-width:900px !important;
  }
  .final-grid{
    min-height:320px !important;
    align-items:flex-start !important;
    justify-content:center !important;
  }
}


/* v2.00 grid cleanup — remove over-boxing, fix credibility alignment, clean image-led sections */

/* The global grid remains, but the shell has a slightly more comfortable max width and gutter. */
:root{
  --pw-shell-max-v99: 1240px;
  --pw-page-pad-v99: clamp(28px, 5vw, 84px);
}

/* Credibility header is itself a shell, so it must be centred. 
   Text inside remains left-aligned to the same grid start. */
.credibility-head-v95{
  width:min(calc(100% - (var(--pw-page-pad-v99) * 2)), var(--pw-shell-max-v99)) !important;
  max-width:var(--pw-shell-max-v99) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:left !important;
}
.credibility-head-v95 .eyebrow,
.credibility-head-v95 h2{
  margin-left:0 !important;
  margin-right:auto !important;
}

/* Remove the boxed/bordered feel around the image-led sections. */
.pathwai-image-section-shell-v99{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:visible !important;
}
.pathwai-image-section-shell-v99 img{
  border-radius:0 !important;
}

/* Keep image sections aligned to the grid, but don't make them feel trapped in a card. */
.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  border-top:1px solid rgba(214,230,255,.06) !important;
  border-bottom:1px solid rgba(214,230,255,.06) !important;
}

/* Mobile: still allow horizontal scroll for baked images, without adding a card border. */
@media (max-width:760px){
  .pathwai-image-section-shell-v99{
    border-radius:0 !important;
    box-shadow:none !important;
  }
}


/* v2.01 full-bleed image sections
   Fixes: no double backgrounds, no boxed image card, cache-busted cleaned use-case image. */

/* Let the baked visuals become the full section, rather than an image inside another background. */
.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  padding:0 !important;
  margin:0 !important;
  background:#050B16 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
}

/* Override the v1.99 shell alignment only for image-led sections. */
.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:hidden !important;
  line-height:0 !important;
}

/* Images now own the section background. */
.home-package-preview .pathwai-image-section-shell-v99 img,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  border-radius:0 !important;
  margin:0 !important;
}

/* Belt-and-braces overlay to hide any cached/embedded PATHWAI word in the use-case visual. */
.usecase-exact-section-v92 .pathwai-usecase-image-v99::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:22% !important;
  height:11.5% !important;
  z-index:4 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,#050B16 0%,#061123 74%,rgba(6,17,35,0) 100%) !important;
}

/* Keep CTA hotspots relative to the full-bleed image. */
.home-package-preview .home-package-teaser-cta-v89,
.usecase-exact-section-v92 .usecase-exact-cta-v92{
  position:absolute !important;
  z-index:6 !important;
}

/* On mobile, avoid nested scroll boxes for these baked visuals. */
@media (max-width:760px){
  .home-package-preview .pathwai-image-section-shell-v99,
  .usecase-exact-section-v92 .pathwai-image-section-shell-v99{
    overflow:hidden !important;
  }
  .home-package-preview .pathwai-image-section-shell-v99 img,
  .usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
    min-width:0 !important;
    width:100% !important;
  }
}


/* v2.03 — restore image-led sections, keep full bleed, fix grid drift */

/* More disciplined homepage grid */
:root{
  --pw-shell-max-v203:1180px;
  --pw-page-pad-v203:clamp(32px, 6vw, 96px);
  --pw-section-y-v203:clamp(88px, 7.5vw, 120px);
}

/* Common shell alignment for all live sections */
.shell,
.orbit-shell,
.hero-content.shell,
.pathwai-help-panel-v98,
.credibility-head-v95,
.credibility-grid,
.final-grid{
  width:min(calc(100% - (var(--pw-page-pad-v203) * 2)), var(--pw-shell-max-v203)) !important;
  max-width:var(--pw-shell-max-v203) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Section intro blocks all begin on the same left edge inside that shell */
.section-intro,
.orbit-section-header,
.credibility-head-v95{
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}
.section-intro h2,
.orbit-section-header h2,
.credibility-head-v95 h2,
.contact-panel .section-intro h2,
.principles-refresh .section-intro h2{
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}

/* Fix Why PATHWAI being pulled to the page edge by older rules */
.credibility-strip .credibility-head-v95,
.credibility-strip .credibility-grid{
  width:min(calc(100% - (var(--pw-page-pad-v203) * 2)), var(--pw-shell-max-v203)) !important;
  max-width:var(--pw-shell-max-v203) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.credibility-strip .credibility-head-v95{
  display:block !important;
}
.credibility-strip .credibility-head-v95 .eyebrow,
.credibility-strip .credibility-head-v95 h2{
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}

/* Restore the image-led sections and let the image own the section. */
.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  display:block !important;
  position:relative !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#050B16 !important;
  border:0 !important;
  line-height:0 !important;
}

/* Remove the two-background / card effect completely. */
.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:hidden !important;
  line-height:0 !important;
}

/* Full-bleed image, with a tiny optical shift so baked left titles don't sit hard on the viewport edge. */
.home-package-preview .pathwai-image-section-shell-v99 img,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
  display:block !important;
  width:104.5% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  border-radius:0 !important;
  transform:translateX(2.1%) !important;
  transform-origin:left center !important;
}

/* Backup: hide the old embedded PATHWAI wordmark area even if a cached old image appears. */
.usecase-exact-section-v92 .pathwai-usecase-image-v99::before{
  content:"" !important;
  position:absolute !important;
  left:2.1% !important;
  top:9.6% !important;
  width:20.5% !important;
  height:7.5% !important;
  z-index:7 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,#050B16 0%,#061123 82%,rgba(6,17,35,0) 100%) !important;
}

/* CTA hotspots remain on the visual */
.home-package-preview .home-package-teaser-cta-v89,
.usecase-exact-section-v92 .usecase-exact-cta-v92{
  position:absolute !important;
  z-index:8 !important;
}

/* Keep v2.02 live replacements hidden if that build’s CSS is still cached anywhere */
.pathwai-live-how-v202,
.pathwai-live-usecases-v202{
  display:none !important;
}

@media (max-width:760px){
  :root{
    --pw-page-pad-v203:18px;
  }
  .home-package-preview .pathwai-image-section-shell-v99 img,
  .usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
    width:100% !important;
    transform:none !important;
  }
  .usecase-exact-section-v92 .pathwai-usecase-image-v99::before{
    left:0 !important;
    top:9.6% !important;
    width:22% !important;
    height:7.5% !important;
  }
}


/* v2.04 eyebrow + grid fix
   Fixes inconsistent small section titles and locks them to one left grid. */

:root{
  --pw-shell-max-v204:1180px;
  --pw-page-pad-v204:clamp(32px, 6vw, 96px);
  --pw-shell-left-v204:max(var(--pw-page-pad-v204), calc((100vw - var(--pw-shell-max-v204)) / 2));
}

/* One aligned shell across homepage sections */
.shell,
.orbit-shell,
.hero-content.shell,
.pathwai-help-panel-v98,
.credibility-head-v95,
.credibility-grid,
.final-grid{
  width:min(calc(100% - (var(--pw-page-pad-v204) * 2)), var(--pw-shell-max-v204)) !important;
  max-width:var(--pw-shell-max-v204) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* One small title / eyebrow treatment. No bordered pills. */
.eyebrow,
.section-intro .eyebrow,
.orbit-section-header .eyebrow,
.credibility-head-v95 .eyebrow,
.pathwai-image-eyebrow-v204{
  display:block !important;
  width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 0 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#4EA3FF !important;
  font-family:'DM Sans',system-ui,sans-serif !important;
  font-size:.78rem !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

/* Image-section live labels sit on the same left grid as every other section title. */
.pathwai-image-eyebrow-v204{
  position:absolute !important;
  left:var(--pw-shell-left-v204) !important;
  z-index:9 !important;
  pointer-events:none !important;
  text-shadow:0 10px 24px rgba(0,0,0,.36) !important;
}
.pathwai-how-eyebrow-v204{
  top:10.2% !important;
}
.pathwai-usecase-eyebrow-v204{
  top:10.9% !important;
}

/* Make sure any old baked or cached title pill area is hidden. */
.home-package-preview .pathwai-how-image-v99::before{
  content:"" !important;
  position:absolute !important;
  left:2.0% !important;
  top:7.0% !important;
  width:19.0% !important;
  height:11.5% !important;
  z-index:7 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,#050B16 0%,#061123 82%,rgba(6,17,35,0) 100%) !important;
}

/* The use-case wordmark backup remains, but now aligned with the same system. */
.usecase-exact-section-v92 .pathwai-usecase-image-v99::before{
  left:2.0% !important;
  top:9.5% !important;
  width:20.5% !important;
  height:7.7% !important;
}

/* Why PATHWAI is forced back into the same centred shell. */
.credibility-strip .shell.credibility-head-v95,
.credibility-strip .shell.credibility-grid{
  width:min(calc(100% - (var(--pw-page-pad-v204) * 2)), var(--pw-shell-max-v204)) !important;
  max-width:var(--pw-shell-max-v204) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.credibility-strip .credibility-head-v95 .eyebrow,
.credibility-strip .credibility-head-v95 h2{
  margin-left:0 !important;
  text-align:left !important;
}

/* Keep image sections visually rich and full bleed, not boxed. */
.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  display:block !important;
  background:#050B16 !important;
  border:0 !important;
  padding:0 !important;
}
.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  width:100% !important;
  max-width:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:hidden !important;
}

@media (max-width:760px){
  :root{
    --pw-page-pad-v204:18px;
    --pw-shell-left-v204:18px;
  }
  .pathwai-how-eyebrow-v204{
    top:8.8% !important;
  }
  .pathwai-usecase-eyebrow-v204{
    top:9.0% !important;
  }
}


/* v2.05 — section label sizing + alignment cleanup
   Fixes the two remaining image-section title issues:
   1) left alignment now matches the baked hero copy block inside each visual
   2) remove the heavy top cover bars behind the live labels */

/* Remove the broad dark cover bands introduced in v2.04 */
.home-package-preview .pathwai-how-image-v99::before,
.usecase-exact-section-v92 .pathwai-usecase-image-v99::before{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Fine-tune the live section labels so they sit on the same visual start line as the main text */
.pathwai-image-eyebrow-v204{
  left:4.15% !important;
  margin:0 !important;
  font-size:.80rem !important;
  letter-spacing:.17em !important;
  line-height:1.1 !important;
  text-align:left !important;
}
.pathwai-how-eyebrow-v204{
  top:8.6% !important;
}
.pathwai-usecase-eyebrow-v204{
  top:8.6% !important;
}

/* Ensure the visual shell itself is the absolute positioning context */
.pathwai-image-section-shell-v99{
  position:relative !important;
}

@media (max-width:760px){
  .pathwai-image-eyebrow-v204{
    left:18px !important;
    font-size:.74rem !important;
    letter-spacing:.16em !important;
  }
  .pathwai-how-eyebrow-v204,
  .pathwai-usecase-eyebrow-v204{
    top:7.2% !important;
  }
}


/* v2.06 — shell aligned image sections
   Goal: bring HOW WE WORK and USE CASES back onto the same content grid as the rest of the homepage,
   stop right-edge overflow, and keep the image-led treatment. */
html,body{
  overflow-x:hidden !important;
}

/* Use the same content shell as the rest of the site */
.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  background:#050B16 !important;
  padding:clamp(22px,2.2vw,34px) 0 clamp(88px,7vw,112px) !important;
  margin:0 !important;
  overflow:hidden !important;
}

.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  width:min(calc(100% - (var(--pw-page-pad-v203) * 2)), var(--pw-shell-max-v203)) !important;
  max-width:var(--pw-shell-max-v203) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:hidden !important;
}

.home-package-preview .pathwai-image-section-shell-v99 img,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:cover !important;
}

/* Remove any legacy overlays/bars */
.home-package-preview .pathwai-how-image-v99::before,
.usecase-exact-section-v92 .pathwai-usecase-image-v99::before,
.home-package-preview::before,
.home-package-preview::after{
  content:none !important;
  display:none !important;
}

/* Consistent small section labels over images */
.pathwai-image-eyebrow-v204{
  position:absolute !important;
  left:11.4% !important;
  top:9.5% !important;
  margin:0 !important;
  font-size:.78rem !important;
  letter-spacing:.18em !important;
  line-height:1 !important;
  text-align:left !important;
  color:#4EA3FF !important;
  z-index:9 !important;
  text-shadow:0 10px 24px rgba(0,0,0,.30) !important;
}
.pathwai-how-eyebrow-v204{ top:9.5% !important; }
.pathwai-usecase-eyebrow-v204{ top:9.6% !important; }

/* WHY PATHWAI back onto the shared shell */
.credibility-strip .shell,
.credibility-strip .credibility-head-v95,
.credibility-strip .credibility-grid{
  width:min(calc(100% - (var(--pw-page-pad-v203) * 2)), var(--pw-shell-max-v203)) !important;
  max-width:var(--pw-shell-max-v203) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.credibility-strip .credibility-head-v95,
.credibility-strip .credibility-head-v95 .eyebrow,
.credibility-strip .credibility-head-v95 h2,
.credibility-strip .credibility-head-v95 p{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

/* Mobile fallback */
@media (max-width:760px){
  .home-package-preview.home-package-teaser-v89,
  .usecase-exact-section-v92{
    padding:16px 0 56px !important;
  }
  .home-package-preview .pathwai-image-section-shell-v99,
  .usecase-exact-section-v92 .pathwai-image-section-shell-v99{
    width:calc(100% - 32px) !important;
    max-width:none !important;
  }
  .pathwai-image-eyebrow-v204{
    left:18px !important;
    top:18px !important;
    font-size:.72rem !important;
    letter-spacing:.16em !important;
  }
}


/* v2.07 — final left-grid correction for image-led sections
   Problem fixed: image sections were visually OK on the right but the baked content started too far in on the left.
   Approach: keep each image section inside the common homepage shell, but shift the image *inside its clipped shell*
   so the baked text aligns with the same left grid as Workflow Orbit and the rest of the homepage. */

:root{
  --pw-shell-max-v207:1180px;
  --pw-page-pad-v207:clamp(32px, 6vw, 96px);
}

/* Hard-lock all homepage content sections to one consistent shell */
.shell,
.orbit-shell,
.hero-content.shell,
.pathwai-help-panel-v98,
.why-grid,
.principles-refresh-grid,
.contact-grid,
.credibility-head-v95,
.credibility-grid,
.final-grid,
.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  width:min(calc(100% - (var(--pw-page-pad-v207) * 2)), var(--pw-shell-max-v207)) !important;
  max-width:var(--pw-shell-max-v207) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Remove any remaining accidental horizontal overflow */
html,
body,
.home-package-preview,
.usecase-exact-section-v92{
  overflow-x:hidden !important;
}

/* Image-led sections keep the premium image treatment, but no nested cards or off-screen page overflow */
.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  display:block !important;
  position:relative !important;
  padding:clamp(22px,2.2vw,34px) 0 clamp(82px,7vw,112px) !important;
  margin:0 !important;
  background:#050B16 !important;
  border:0 !important;
  line-height:0 !important;
}

.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  position:relative !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  line-height:0 !important;
}

/* This is the key fix: image shifts LEFT inside the shell, but is clipped, so the baked left text aligns. */
.home-package-preview .pathwai-image-section-shell-v99 img{
  display:block !important;
  width:103.4% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  transform:translateX(-3.4%) !important;
  transform-origin:left center !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
}

.usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
  display:block !important;
  width:105.8% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  transform:translateX(-5.8%) !important;
  transform-origin:left center !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Live image section labels now align with the baked title start, not the viewport edge. */
.pathwai-image-eyebrow-v204{
  position:absolute !important;
  left:0 !important;
  margin:0 !important;
  z-index:9 !important;
  font-size:.78rem !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  color:#4EA3FF !important;
  text-align:left !important;
  text-shadow:0 10px 24px rgba(0,0,0,.35) !important;
}

.pathwai-how-eyebrow-v204{
  top:9.2% !important;
}

.pathwai-usecase-eyebrow-v204{
  top:8.7% !important;
}

/* No dark cover bars; they were causing visible left-side alignment blocks */
.home-package-preview .pathwai-how-image-v99::before,
.usecase-exact-section-v92 .pathwai-usecase-image-v99::before,
.home-package-preview::before,
.home-package-preview::after{
  content:none !important;
  display:none !important;
}

/* Force Workflow Orbit and Why PATHWAI headings onto the same grid */
.orbit-section-header,
.credibility-head-v95,
.section-intro{
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}


.orbit-shell .orbit-section-header,
.credibility-strip .credibility-head-v95{
  width:100% !important;
  max-width:760px !important;
}

.orbit-section-header .eyebrow,
.orbit-section-header h2,
.orbit-section-header p,
.credibility-head-v95 .eyebrow,
.credibility-head-v95 h2,
.credibility-head-v95 p{
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}

/* Safety for mobile */
@media (max-width:760px){
  :root{
    --pw-page-pad-v207:18px;
  }

  .home-package-preview.home-package-teaser-v89,
  .usecase-exact-section-v92{
    padding:16px 0 56px !important;
  }

  .home-package-preview .pathwai-image-section-shell-v99,
  .usecase-exact-section-v92 .pathwai-image-section-shell-v99{
    width:calc(100% - 36px) !important;
    max-width:none !important;
  }

  .home-package-preview .pathwai-image-section-shell-v99 img,
  .usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
    width:100% !important;
    transform:none !important;
  }

  .pathwai-image-eyebrow-v204{
    left:18px !important;
    top:18px !important;
    font-size:.72rem !important;
    letter-spacing:.16em !important;
  }
}


/* v2.08 — image offset tuning
   Fixes the v2.07 over-shift where Use Cases text was clipped on the left.
   The images remain clipped inside the shared shell, but the internal image offset is reduced. */

.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  overflow:hidden !important;
}

/* How We Work: reduce the left pull so content does not crop, while still improving left alignment. */
.home-package-preview .pathwai-image-section-shell-v99 img{
  width:101.6% !important;
  max-width:none !important;
  transform:translateX(-1.6%) !important;
}

/* Use Cases: v2.07 used -5.8%, which clipped the heading. This is pulled back. */
.usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
  width:103.1% !important;
  max-width:none !important;
  transform:translateX(-3.1%) !important;
}

/* Small labels now move with the visible text start, not hard-left to the shell. */
.pathwai-image-eyebrow-v204{
  left:2.7% !important;
}
.pathwai-how-eyebrow-v204{
  top:9.2% !important;
}
.pathwai-usecase-eyebrow-v204{
  top:8.7% !important;
}

/* Guardrail: no page-level horizontal drift. */
html,
body{
  overflow-x:hidden !important;
}

@media (max-width:760px){
  .home-package-preview .pathwai-image-section-shell-v99 img,
  .usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
    width:100% !important;
    transform:none !important;
  }
  .pathwai-image-eyebrow-v204{
    left:18px !important;
  }
}

/* v2.09 — full-bleed image sections + consistent eyebrow alignment */
.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  background: transparent !important;
  padding: clamp(12px, 1.2vw, 20px) 0 clamp(56px, 5vw, 88px) !important;
}

.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

.home-package-preview .pathwai-image-section-shell-v99 img,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
  display:block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  transform: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* One consistent left start for the live labels, matching the baked-in section content */
.pathwai-image-eyebrow-v204{
  left: clamp(38px, 5vw, 96px) !important;
  margin: 0 !important;
}

.pathwai-how-eyebrow-v204{
  top: 8.7% !important;
}

.pathwai-usecase-eyebrow-v204{
  top: 8.4% !important;
}

@media (max-width: 760px){
  .home-package-preview.home-package-teaser-v89,
  .usecase-exact-section-v92{
    padding: 12px 0 44px !important;
  }

  .home-package-preview .pathwai-image-section-shell-v99,
  .usecase-exact-section-v92 .pathwai-image-section-shell-v99{
    width: 100% !important;
  }

  .pathwai-image-eyebrow-v204{
    left: 18px !important;
    top: 18px !important;
  }
}


/* v2.11 — restore full image-led sections
   This reverses the live overlay direction and restores the full designed visuals.
   Goal: show all five packages and all use-case cards, with the image flooding the whole segment. */

.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  display:block !important;
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#050B16 !important;
  overflow:hidden !important;
  line-height:0 !important;
  border:0 !important;
}

/* Remove every old dark panel / bar / pseudo-overlay around the image sections */
.home-package-preview.home-package-teaser-v89::before,
.home-package-preview.home-package-teaser-v89::after,
.usecase-exact-section-v92::before,
.usecase-exact-section-v92::after,
.home-package-preview .pathwai-how-image-v99::before,
.usecase-exact-section-v92 .pathwai-usecase-image-v99::before{
  content:none !important;
  display:none !important;
}

/* Image sections flood the full viewport width, not the content shell */
.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  line-height:0 !important;
}

/* The whole designed image is visible. No object-fit cover. No cropping. No transform offset. */
.home-package-preview .pathwai-image-section-shell-v99 img,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Keep the live small labels consistent and aligned to the visual's own content start */
.pathwai-image-eyebrow-v204{
  position:absolute !important;
  left:clamp(38px,5.35vw,104px) !important;
  margin:0 !important;
  z-index:9 !important;
  font-size:.78rem !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  color:#4EA3FF !important;
  text-align:left !important;
  text-shadow:0 10px 24px rgba(0,0,0,.35) !important;
}

.pathwai-how-eyebrow-v204{
  top:13.0% !important;
}

.pathwai-usecase-eyebrow-v204{
  top:12.0% !important;
}

/* Preserve clickable hotspot behaviour */
.home-package-preview .home-package-teaser-cta-v89,
.usecase-exact-section-v92 .usecase-exact-cta-v92{
  position:absolute !important;
  z-index:10 !important;
}

/* Hide the v2.10 experimental live overlay if any browser/cache includes it */
.pathwai-live-image-panel-section,
.pathwai-live-image-panel,
.pathwai-live-image-panel__content{
  display:none !important;
}

/* Mobile: show whole image without horizontal scroll */
@media (max-width:760px){
  .home-package-preview .pathwai-image-section-shell-v99,
  .usecase-exact-section-v92 .pathwai-image-section-shell-v99{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
  }

  .pathwai-image-eyebrow-v204{
    left:18px !important;
    top:8.5% !important;
    font-size:.72rem !important;
    letter-spacing:.16em !important;
  }
}


/* v2.12 — sized + aligned image sections
   Fixes v2.11 being too large by restoring a controlled shared section width.
   Keeps the complete image visible: all packages and use-case cards remain in view. */

:root{
  --pw-image-section-max-v212:1480px;
  --pw-image-section-pad-v212:clamp(32px, 5vw, 96px);
}

.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92{
  display:block !important;
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#050B16 !important;
  overflow:hidden !important;
  line-height:0 !important;
  border:0 !important;
}

/* Keep the full designed image, but do not let it blow out to full viewport size. */
.home-package-preview .pathwai-image-section-shell-v99,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99{
  position:relative !important;
  width:min(calc(100% - (var(--pw-image-section-pad-v212) * 2)), var(--pw-image-section-max-v212)) !important;
  max-width:var(--pw-image-section-max-v212) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  line-height:0 !important;
}

/* Whole image visible. No crop, no shift, no cover. */
.home-package-preview .pathwai-image-section-shell-v99 img,
.usecase-exact-section-v92 .pathwai-image-section-shell-v99 img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
}

/* Remove legacy section overlays / duplicate dark panels */
.home-package-preview.home-package-teaser-v89::before,
.home-package-preview.home-package-teaser-v89::after,
.usecase-exact-section-v92::before,
.usecase-exact-section-v92::after,
.home-package-preview .pathwai-how-image-v99::before,
.usecase-exact-section-v92 .pathwai-usecase-image-v99::before{
  content:none !important;
  display:none !important;
}

/* Align the live labels with the image's internal title start */
.pathwai-image-eyebrow-v204{
  position:absolute !important;
  left:4.6% !important;
  margin:0 !important;
  z-index:9 !important;
  font-size:.78rem !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  color:#4EA3FF !important;
  text-align:left !important;
  text-shadow:0 10px 24px rgba(0,0,0,.35) !important;
}

.pathwai-how-eyebrow-v204{
  top:13.1% !important;
}

.pathwai-usecase-eyebrow-v204{
  top:11.4% !important;
}

/* Safety: no experimental overlay can show */
.pathwai-live-image-panel,
.pathwai-live-image-panel__content,
.pathwai-live-image-panel__scrim{
  display:none !important;
}

@media (max-width:760px){
  :root{
    --pw-image-section-pad-v212:18px;
  }

  .pathwai-image-eyebrow-v204{
    left:4.6% !important;
    top:8.5% !important;
    font-size:.72rem !important;
    letter-spacing:.16em !important;
  }
}


/* v2.13 — aligned composed sections
   Fixes:
   (1) How We Work starts on the same left grid as the previous section.
   (2) Use Cases starts on the same left grid as the previous section.
   (3) How We Work package cards are 10% shorter and no longer dictate excessive panel height. */

:root{
  --pw-main-grid-left-v213:max(32px, calc((100vw - 1180px) / 2));
  --pw-main-grid-right-v213:32px;
  --pw-composed-max-v213:1480px;
  --pw-composed-gap-v213:clamp(34px, 4.2vw, 64px);
  --pw-composed-copy-v213:360px;
}

.pathwai-composed-section{
  position:relative;
  overflow:hidden;
  background:#050B16;
  color:#fff;
  padding:clamp(72px, 6vw, 108px) 0;
  border-top:1px solid rgba(214,230,255,.10);
  border-bottom:1px solid rgba(214,230,255,.10);
}

.pathwai-composed-section--usecases{
  padding-top:clamp(76px, 6vw, 112px);
  padding-bottom:clamp(82px, 6.8vw, 120px);
}

.pathwai-composed-shell{
  width:min(var(--pw-composed-max-v213), calc(100vw - var(--pw-main-grid-left-v213) - var(--pw-main-grid-right-v213)));
  margin-left:var(--pw-main-grid-left-v213);
  margin-right:auto;
  display:grid;
  grid-template-columns:minmax(300px, var(--pw-composed-copy-v213)) minmax(0, 1fr);
  gap:var(--pw-composed-gap-v213);
  align-items:center;
}

.pathwai-composed-copy{
  min-width:0;
  position:relative;
  z-index:2;
}

.pathwai-composed-eyebrow{
  margin:0 0 22px;
  color:#4EA3FF;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:.78rem;
  line-height:1.2;
}

.pathwai-composed-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.9rem, 5.2vw, 5.6rem);
  line-height:.95;
  letter-spacing:-.075em;
}

.pathwai-composed-copy h2 span{
  color:#0F6BFF;
}

.pathwai-composed-copy p{
  margin:clamp(22px, 2.4vw, 32px) 0 0;
  color:rgba(255,255,255,.76);
  font-size:clamp(1rem, 1.2vw, 1.18rem);
  line-height:1.48;
  max-width:360px;
}

.pathwai-composed-copy .button{
  margin-top:clamp(26px, 3vw, 38px);
}

.pathwai-composed-visual{
  min-width:0;
  position:relative;
  z-index:1;
  overflow:visible;
}

.pathwai-composed-visual img{
  width:100%;
  height:auto;
  max-width:none;
  display:block;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.pathwai-composed-visual--how img{
  aspect-ratio:1217 / 652;
}

.pathwai-composed-visual--usecases img{
  aspect-ratio:1217 / 941;
}

.pathwai-composed-section .sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.home-package-preview.home-package-teaser-v89,
.usecase-exact-section-v92,
.pathwai-image-section-shell-v99,
.pathwai-live-image-panel-section,
.pathwai-live-image-panel{
  display:none !important;
}

@media (max-width: 1100px){
  :root{
    --pw-composed-copy-v213:320px;
    --pw-composed-gap-v213:28px;
  }

  .pathwai-composed-copy h2{
    font-size:clamp(2.5rem, 5.5vw, 4.2rem);
  }
}

@media (max-width: 820px){
  :root{
    --pw-main-grid-left-v213:18px;
    --pw-main-grid-right-v213:18px;
  }

  .pathwai-composed-section{
    padding:58px 0;
  }

  .pathwai-composed-shell{
    width:calc(100vw - 36px);
    margin-left:18px;
    grid-template-columns:1fr;
    gap:26px;
  }

  .pathwai-composed-copy h2{
    font-size:clamp(2.35rem, 12vw, 3.5rem);
  }

  .pathwai-composed-copy p{
    max-width:520px;
  }

  .pathwai-composed-visual{
    overflow-x:auto;
    padding-bottom:10px;
  }

  .pathwai-composed-visual img{
    width:760px;
    max-width:none;
  }
}


/* v2.14 — ghost copy removal
   The How We Work visual was re-cropped after the baked left text so no ghost title/copy appears behind the live HTML. */
.pathwai-composed-visual--how img{
  aspect-ratio:1152 / 652 !important;
}


/* v2.15 — Why Now heading line fix
   Keeps "The opportunity" together and removes one line from the heading block. */
.why.section-light .why-grid{
  grid-template-columns:minmax(420px, 0.74fr) minmax(0, 1.26fr) !important;
  gap:clamp(36px, 4.2vw, 64px) !important;
  align-items:start !important;
}

.why.section-light .section-intro{
  max-width:520px !important;
}

.why.section-light .section-intro h2{
  font-size:clamp(2.55rem, 3.9vw, 4.35rem) !important;
  line-height:.98 !important;
  letter-spacing:-.074em !important;
  max-width:520px !important;
  text-wrap:balance !important;
}

@media (max-width:1240px){
  .why.section-light .why-grid{
    grid-template-columns:1fr !important;
  }
  .why.section-light .section-intro,
  .why.section-light .section-intro h2{
    max-width:760px !important;
  }
}


/* v2.16 — Hero video lightening: Option B
   Brighter/optimistic hero without losing text readability. */
.hero-video{
  opacity:.92 !important;
}

.hero-scrim{
  background:
    radial-gradient(circle at 70% 16%, rgba(37,99,235,.18), transparent 32%),
    linear-gradient(90deg,
      rgba(5,11,22,.82) 0%,
      rgba(5,11,22,.58) 31%,
      rgba(5,11,22,.12) 68%,
      rgba(5,11,22,.38) 100%
    ),
    linear-gradient(180deg,
      rgba(5,11,22,.26),
      rgba(5,11,22,.06) 55%,
      #050B16 100%
    ) !important;
}

/* small contrast safety for lighter hero */
.hero-title,
.hero-copy,
.hero-eyebrow,
.hero-actions{
  text-shadow:0 10px 34px rgba(0,0,0,.34);
}


/* v2.17 — Packages page lightening: Option B
   Balanced lift: brighter mountain hero, lighter glass cards, clearer selected state,
   and detail panel lifted without changing the page structure. */

.packages-page{
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.18), transparent 34%),
    linear-gradient(180deg, #071426 0%, #08182C 42%, #061020 100%) !important;
  color:#F7F8FA !important;
}

/* Hero canvas: keep the approved image, but reduce the heavy dark feel. */
.packages-hero{
  background:
    radial-gradient(circle at 76% 12%, rgba(78,163,255,.24), transparent 34%),
    linear-gradient(180deg, #08182C 0%, #071426 100%) !important;
  padding-top:150px !important;
  padding-bottom:42px !important;
}

.packages-hero::before{
  opacity:.34 !important;
}

.packages-hero-shell{
  box-shadow:0 28px 100px rgba(0,0,0,.22) !important;
}

.hero-canvas{
  position:relative !important;
  background:#071426 !important;
}

.hero-canvas img{
  opacity:1 !important;
  filter:brightness(1.24) saturate(1.10) contrast(1.03) !important;
}

.hero-canvas::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 66% 12%, rgba(78,163,255,.12), transparent 30%),
    linear-gradient(90deg, rgba(5,11,22,.38) 0%, rgba(5,11,22,.16) 38%, rgba(5,11,22,.04) 70%, rgba(5,11,22,.14) 100%) !important;
  z-index:1 !important;
}

.hero-canvas .hotspot{
  z-index:3 !important;
}

/* Selector area: softer background and lighter glass cards. */
.package-selector{
  background:
    radial-gradient(circle at 50% -8%, rgba(78,163,255,.18), transparent 34%),
    linear-gradient(180deg, #071426 0%, #061020 100%) !important;
  color:#F7F8FA !important;
}

.package-tabs{
  gap:12px !important;
}

.package-tab{
  background:rgba(214,230,255,.055) !important;
  border-color:rgba(214,230,255,.22) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.18) !important;
  color:#fff !important;
  backdrop-filter:blur(12px) !important;
}

.package-tab:hover,
.package-tab.is-active{
  background:
    radial-gradient(circle at 35% 0%, rgba(78,163,255,.22), transparent 46%),
    rgba(37,99,235,.12) !important;
  border-color:rgba(78,163,255,.72) !important;
  box-shadow:
    0 24px 76px rgba(37,99,235,.22),
    inset 0 0 0 1px rgba(214,230,255,.08) !important;
}

.package-tab .tab-num{
  border-color:rgba(214,230,255,.38) !important;
  color:#fff !important;
  background:rgba(5,11,22,.28) !important;
}

.package-tab.is-active .tab-num{
  background:rgba(37,99,235,.28) !important;
  color:#fff !important;
  border-color:rgba(78,163,255,.78) !important;
}

.package-tab .tab-copy h2{
  color:#fff !important;
}

.package-tab .tab-copy p{
  color:#4EA3FF !important;
}

/* Details panel: lifted midnight blue rather than near-black. */
.detail-panel{
  background:
    radial-gradient(circle at 18% 0%, rgba(78,163,255,.16), transparent 34%),
    linear-gradient(180deg, rgba(10,28,52,.94), rgba(7,20,38,.94)) !important;
  border-color:rgba(214,230,255,.24) !important;
  box-shadow:0 28px 92px rgba(0,0,0,.22) !important;
}

.detail-col{
  border-color:rgba(214,230,255,.14) !important;
}

.detail-title,
.detail-heading{
  color:#fff !important;
}

.detail-subtitle{
  color:#4EA3FF !important;
}

.detail-description,
.detail-list li{
  color:rgba(255,255,255,.86) !important;
}

.detail-list li::before{
  border-color:rgba(78,163,255,.72) !important;
  background:rgba(78,163,255,.12) !important;
}

.selected-icon{
  background:rgba(78,163,255,.08) !important;
  border-color:rgba(78,163,255,.34) !important;
  box-shadow:0 18px 52px rgba(37,99,235,.16) !important;
}

.outside-note{
  color:rgba(255,255,255,.82) !important;
}

.outside-note a{
  color:#4EA3FF !important;
}

/* Keep package contact panel from feeling abruptly detached. */
.packages-contact{
  background:linear-gradient(180deg,#F7F8FA 0%,#FFFFFF 100%) !important;
}

/* v2.18 — site-wide typography normalisation + homepage composed-section polish
   Purpose: keep PATHWAI in approved DM Sans, tighten headline hierarchy, and stop image-led sections feeling oversized. */
html,
body,
button,
input,
textarea,
select {
  font-family:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6,
.eyebrow,
.button,
.site-nav,
.pathwai-composed-eyebrow,
.package-tab,
.detail-panel {
  font-family:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Home: keep How We Work aligned to the same grid, but make the visual section less heavy. */
.pathwai-composed-section{
  padding-top:clamp(64px,5.2vw,92px) !important;
  padding-bottom:clamp(64px,5.2vw,94px) !important;
}
.pathwai-composed-copy h2{
  font-size:clamp(2.75rem,4.75vw,5.15rem) !important;
  line-height:.96 !important;
  letter-spacing:-.074em !important;
}
.pathwai-composed-copy p{
  font-size:clamp(1rem,1.05vw,1.12rem) !important;
  line-height:1.5 !important;
}
.pathwai-composed-visual--how img{
  width:min(100%, 1030px) !important;
  margin-left:auto !important;
}

@media (max-width:820px){
  .pathwai-composed-section{
    padding-top:54px !important;
    padding-bottom:58px !important;
  }
  .pathwai-composed-copy h2{
    font-size:clamp(2.35rem,11vw,3.35rem) !important;
  }
  .pathwai-composed-visual--how img{
    width:720px !important;
  }
}

/* v2.19 — Responsive rhythm + typography correction
   Fixes: section headline consistency, uneven top/bottom spacing, mobile image overflow,
   and How We Work image clipping. Keep this block at the end of style.css. */
:root{
  --pw-v219-shell:1180px;
  --pw-v219-pad:clamp(20px, 5vw, 72px);
  --pw-v219-section-y:clamp(72px, 6.6vw, 104px);
  --pw-v219-section-y-mobile:56px;
  --pw-v219-h2:clamp(2.6rem, 4.05vw, 4.6rem);
  --pw-v219-h2-mobile:clamp(2.25rem, 10.5vw, 3.25rem);
}

html, body{
  overflow-x:hidden !important;
}

body,
button,
input,
textarea,
select,
h1,h2,h3,h4,h5,h6,
.eyebrow,
.button,
.site-nav,
.pathwai-composed-eyebrow,
.pathwai-composed-copy h2,
.section-intro h2,
.orbit-section-header h2,
.credibility-head-v95 h2{
  font-family:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* One consistent homepage segment rhythm. */
.pw-grid-section-v99,
.why.section-light,
.orbit-value-section,
.pathwai-composed-section,
.principles-refresh,
.credibility-strip,
.contact-panel.section-light{
  padding-top:var(--pw-v219-section-y) !important;
  padding-bottom:var(--pw-v219-section-y) !important;
}

/* One headline system for segment titles. Hero/final CTA remain deliberately larger. */
.section-intro h2,
.orbit-section-header h2,
.credibility-head-v95 h2,
.contact-panel .section-intro h2,
.principles-refresh .section-intro h2,
.pathwai-composed-copy h2{
  font-size:var(--pw-v219-h2) !important;
  line-height:.98 !important;
  letter-spacing:-.074em !important;
  font-weight:900 !important;
  text-wrap:balance;
}

.section-intro .eyebrow,
.orbit-section-header .eyebrow,
.credibility-head-v95 .eyebrow,
.pathwai-composed-eyebrow{
  font-size:.76rem !important;
  line-height:1.1 !important;
  letter-spacing:.20em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  margin-bottom:16px !important;
}

.section-intro p:not(.eyebrow),
.orbit-section-header p,
.credibility-head-v95 p,
.pathwai-composed-copy p{
  font-size:1.04rem !important;
  line-height:1.52 !important;
}

/* Why Now: equalise the block and stop stat cards feeling like oversized posters. */
.why.section-light .why-grid{
  width:min(calc(100% - (var(--pw-v219-pad) * 2)), var(--pw-v219-shell)) !important;
  max-width:var(--pw-v219-shell) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-items:start !important;
}
.why.section-light .section-intro{
  padding-top:0 !important;
}
.stat-row{
  gap:18px !important;
  border-left:0 !important;
}
.stat{
  min-height:220px !important;
  padding:30px 28px 26px !important;
  border:1px solid rgba(10,19,36,.08) !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 22px 64px rgba(10,19,36,.07) !important;
  justify-content:flex-start !important;
}
.stat strong{
  font-size:clamp(3.45rem, 5.6vw, 5.35rem) !important;
  line-height:.88 !important;
  letter-spacing:-.078em !important;
}
.stat p{
  font-size:1.02rem !important;
  line-height:1.32 !important;
  margin:22px 0 24px !important;
  color:#10203C !important;
}
.stat small{
  margin-top:auto !important;
  font-size:.74rem !important;
  line-height:1.25 !important;
}

/* Homepage How We Work: remove off-screen image overflow and align to the same grid. */
.pathwai-composed-section{
  overflow:hidden !important;
}
.pathwai-composed-shell{
  width:min(calc(100% - (var(--pw-v219-pad) * 2)), var(--pw-v219-shell)) !important;
  max-width:var(--pw-v219-shell) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  grid-template-columns:minmax(300px, 380px) minmax(0, 1fr) !important;
  gap:clamp(34px,4.6vw,68px) !important;
  align-items:center !important;
}
.pathwai-composed-copy{
  min-width:0 !important;
}
.pathwai-composed-copy p{
  max-width:380px !important;
  margin-top:22px !important;
}
.pathwai-composed-copy .button{
  margin-top:28px !important;
}
.pathwai-composed-visual{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  padding-bottom:0 !important;
}
.pathwai-composed-visual img,
.pathwai-composed-visual--how img,
.pathwai-composed-visual--usecases img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  transform:none !important;
}

/* Workflow Orbit: keep the next segment from crashing into How We Work on narrow screens. */
.orbit-value-section{
  overflow:hidden !important;
}

@media (max-width:980px){
  .why.section-light .why-grid,
  .pathwai-composed-shell{
    grid-template-columns:1fr !important;
  }
  .why.section-light .section-intro,
  .why.section-light .section-intro h2,
  .pathwai-composed-copy,
  .pathwai-composed-copy h2,
  .pathwai-composed-copy p{
    max-width:720px !important;
  }
  .pathwai-composed-shell{
    gap:30px !important;
  }
  .stat-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  :root{
    --pw-v219-pad:18px;
  }
  .pw-grid-section-v99,
  .why.section-light,
  .orbit-value-section,
  .pathwai-composed-section,
  .principles-refresh,
  .credibility-strip,
  .contact-panel.section-light{
    padding-top:var(--pw-v219-section-y-mobile) !important;
    padding-bottom:var(--pw-v219-section-y-mobile) !important;
  }
  .section-intro h2,
  .orbit-section-header h2,
  .credibility-head-v95 h2,
  .contact-panel .section-intro h2,
  .principles-refresh .section-intro h2,
  .pathwai-composed-copy h2{
    font-size:var(--pw-v219-h2-mobile) !important;
    line-height:1 !important;
  }
  .pathwai-composed-shell,
  .why.section-light .why-grid{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .pathwai-composed-copy p{
    margin-top:18px !important;
  }
  .pathwai-composed-copy .button{
    margin-top:22px !important;
  }
  .stat-row{
    gap:14px !important;
  }
  .stat{
    min-height:0 !important;
    padding:24px 22px 22px !important;
    border-radius:22px !important;
  }
  .stat strong{
    font-size:clamp(3.0rem, 15vw, 4.5rem) !important;
  }
  .stat p{
    font-size:.98rem !important;
    margin:18px 0 28px !important;
  }
}

@media (max-width:460px){
  .stat-row{
    grid-template-columns:1fr !important;
  }
  .stat strong{
    font-size:clamp(3.35rem, 18vw, 4.7rem) !important;
  }
}



/* v2.62 — home page header/logo rollout + Why Now stat card fix */

/* Roll the larger menu/logo treatment onto the home page without touching the packages overrides. */
body:not(.packages-page) .site-header{
  height:105px !important;
  min-height:105px !important;
  grid-template-columns:202px minmax(420px,1fr) auto !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  align-items:center !important;
}
body:not(.packages-page) .brand-header{
  width:202px !important;
  height:74px !important;
  align-items:center !important;
}
body:not(.packages-page) .brand-header .brand-logo,
body:not(.packages-page) .site-header .brand img{
  width:202px !important;
  max-width:202px !important;
  height:auto !important;
  max-height:74px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
body:not(.packages-page) .site-nav{
  min-height:105px !important;
  align-items:center !important;
}
body:not(.packages-page) .site-header .button-small{
  min-height:58px !important;
  padding-left:28px !important;
  padding-right:28px !important;
}
body:not(.packages-page) .site-header.is-scrolled{
  height:86px !important;
  min-height:86px !important;
}
body:not(.packages-page) .site-header.is-scrolled .brand-header{
  width:172px !important;
  height:60px !important;
}
body:not(.packages-page) .site-header.is-scrolled .brand-header .brand-logo,
body:not(.packages-page) .site-header.is-scrolled .brand img{
  width:172px !important;
  max-width:172px !important;
  max-height:60px !important;
}

/* Why Now cards: stop large stat values clipping/overflowing inside narrow cards. */
.why.section-light .why-grid{
  grid-template-columns:minmax(0, 390px) minmax(0, 1fr) !important;
  gap:clamp(34px,4.2vw,58px) !important;
}
.stat-row{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
  min-width:0 !important;
}
.stat{
  min-width:0 !important;
  overflow:hidden !important;
  padding:26px 22px 24px !important;
  min-height:250px !important;
  box-sizing:border-box !important;
}
.stat strong{
  display:block !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  font-size:clamp(2.75rem, 3.45vw, 4.15rem) !important;
  line-height:.9 !important;
  letter-spacing:-.07em !important;
}
.stat p{
  font-size:.98rem !important;
  line-height:1.32 !important;
  margin:20px 0 22px !important;
}
.stat small{
  font-size:.72rem !important;
  line-height:1.25 !important;
}

@media (max-width:1240px){
  body:not(.packages-page) .site-header{
    grid-template-columns:180px minmax(0,1fr) auto !important;
  }
  body:not(.packages-page) .brand-header,
  body:not(.packages-page) .brand-header .brand-logo,
  body:not(.packages-page) .site-header .brand img{
    width:180px !important;
    max-width:180px !important;
  }
  .stat-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .stat strong{
    font-size:clamp(3.0rem, 6vw, 4.4rem) !important;
  }
}

@media (max-width:760px){
  body:not(.packages-page) .site-header{
    height:82px !important;
    min-height:82px !important;
    grid-template-columns:150px auto !important;
  }
  body:not(.packages-page) .brand-header{
    width:150px !important;
    height:52px !important;
  }
  body:not(.packages-page) .brand-header .brand-logo,
  body:not(.packages-page) .site-header .brand img{
    width:150px !important;
    max-width:150px !important;
    max-height:52px !important;
  }
  .stat{
    min-height:0 !important;
  }
}

@media (max-width:460px){
  .stat-row{
    grid-template-columns:1fr !important;
  }
  .stat strong{
    font-size:clamp(3.0rem, 16vw, 4.35rem) !important;
  }
}




/* v2.65 — How We Work image crop fix */
.pathwai-composed-visual--how{
  overflow:visible !important;
}
.pathwai-composed-visual--how img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

/* v2.67 — How We Work first-card border safeguard
   Add a small safe area so the Basecamp panel border is never clipped at the left edge. */
.pathwai-composed-visual--how{
  padding-left:16px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.pathwai-composed-visual--how img{
  width:calc(100% - 16px) !important;
  max-width:calc(100% - 16px) !important;
  margin-left:0 !important;
}
@media (max-width:820px){
  .pathwai-composed-visual--how{
    padding-left:12px !important;
  }
  .pathwai-composed-visual--how img{
    width:calc(100% - 12px) !important;
    max-width:calc(100% - 12px) !important;
  }
}



/* v2.71 — Interactive business types sections */

/* Shared business type components */
.business-eyebrow{
  margin:0 0 16px;
  color:#4EA3FF;
  font-size:.76rem;
  line-height:1.1;
  letter-spacing:.20em;
  font-weight:900;
  text-transform:uppercase;
}

.business-focus-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%, rgba(37,99,235,.20), transparent 30%),
    linear-gradient(180deg,#071426 0%, #0A1324 100%);
  color:#fff;
  padding:clamp(72px,6.6vw,106px) 0;
}

.business-focus-section::before{
  content:"";
  position:absolute;
  inset:auto -12% -34% -12%;
  height:58%;
  background:
    radial-gradient(circle at 22% 54%, rgba(78,163,255,.18), transparent 28%),
    linear-gradient(180deg, rgba(214,230,255,0), rgba(214,230,255,.08));
  pointer-events:none;
}

.business-focus-shell{
  position:relative;
  z-index:1;
  width:min(calc(100% - (clamp(20px,5vw,72px) * 2)),1180px);
  margin:0 auto;
}

.business-focus-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,430px);
  gap:clamp(32px,5vw,74px);
  align-items:end;
  margin-bottom:34px;
}

.business-focus-head h2,
.business-types-hero h1,
.business-fit-panel h2{
  margin:0;
  font-size:clamp(2.6rem,4.05vw,4.75rem);
  line-height:.98;
  letter-spacing:-.074em;
  font-weight:900;
  text-wrap:balance;
}

.business-focus-head h2{
  max-width:760px;
}

.business-focus-head > div > p:not(.business-eyebrow),
.business-types-hero p,
.business-fit-panel p{
  max-width:700px;
  margin:22px 0 0;
  color:rgba(247,248,250,.78);
  font-size:1.04rem;
  line-height:1.52;
}

.business-proof-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.business-proof-grid article{
  min-height:180px;
  padding:24px;
  border:1px solid rgba(214,230,255,.16);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 20px 60px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
}

.business-proof-grid strong{
  display:block;
  color:#2563EB;
  font-size:clamp(3.1rem,5vw,5.2rem);
  line-height:.88;
  letter-spacing:-.08em;
  font-weight:900;
}

.business-proof-grid span{
  display:block;
  margin-top:18px;
  color:rgba(247,248,250,.82);
  font-size:.95rem;
  line-height:1.42;
  font-weight:700;
}

.business-interactive-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);
  gap:18px;
  align-items:stretch;
}

.business-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.business-type-card,
.business-page-card,
.starting-row{
  font-family:"DM Sans", system-ui, sans-serif;
}

.business-type-card{
  text-align:left;
  min-height:214px;
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(214,230,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  color:#fff;
  cursor:pointer;
  box-shadow:0 18px 54px rgba(0,0,0,.16);
  transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.business-type-card span{
  display:block;
  color:#2563EB;
  font-weight:900;
  font-size:1.3rem;
  letter-spacing:-.04em;
  margin-bottom:14px;
}

.business-type-card strong{
  display:block;
  font-size:1.18rem;
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:900;
}

.business-type-card em{
  display:block;
  margin-top:12px;
  color:rgba(247,248,250,.78);
  font-size:.92rem;
  line-height:1.42;
  font-style:normal;
  font-weight:600;
}

.business-type-card small{
  display:block;
  margin-top:18px;
  color:#8FC8FF;
  font-size:.78rem;
  line-height:1.32;
  font-weight:850;
}

.business-type-card:hover,
.business-type-card:focus-visible,
.business-type-card.is-active{
  transform:translateY(-4px);
  border-color:rgba(78,163,255,.76);
  background:
    radial-gradient(circle at 18% 0%, rgba(78,163,255,.18), transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));
  box-shadow:0 24px 72px rgba(37,99,235,.18), inset 0 0 0 1px rgba(214,230,255,.06);
  outline:none;
}

.business-detail-panel{
  position:relative;
  border-radius:28px;
  border:1px solid rgba(78,163,255,.24);
  background:
    radial-gradient(circle at 20% 0%, rgba(78,163,255,.18), transparent 42%),
    linear-gradient(180deg,rgba(9,23,44,.96),rgba(5,12,25,.96));
  min-height:100%;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.22);
}

.business-detail{
  display:none;
  padding:30px;
}

.business-detail.is-active{
  display:block;
  animation:panelIn .22s ease both;
}

.business-detail-label{
  margin:0 0 10px;
  color:#4EA3FF;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.72rem;
}

.business-detail h3{
  margin:0;
  font-size:clamp(1.8rem,2.4vw,2.65rem);
  line-height:.98;
  letter-spacing:-.065em;
  font-weight:900;
}

.business-detail-cols{
  display:grid;
  gap:14px;
  margin-top:24px;
}

.business-detail-cols div{
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(214,230,255,.10);
}

.business-detail-cols span{
  display:block;
  color:#8FC8FF;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.66rem;
  font-weight:900;
  margin-bottom:8px;
}

.business-detail-cols p{
  margin:0;
  color:rgba(247,248,250,.84);
  font-size:.93rem;
  line-height:1.45;
  font-weight:650;
}

.business-focus-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:26px;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(214,230,255,.14);
  background:rgba(255,255,255,.055);
}

.business-focus-cta p{
  margin:0;
  max-width:760px;
  color:rgba(247,248,250,.78);
  font-size:1.02rem;
  line-height:1.48;
}

.business-focus-cta strong{
  color:#fff;
}

/* Packages: common starting points */
.starting-points-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#F7F8FA 0%,#FFFFFF 100%);
  color:#0A1324;
  padding:clamp(70px,6.2vw,104px) 0;
}

.starting-shell{
  width:min(calc(100% - (clamp(20px,5vw,72px) * 2)),1180px);
  margin:0 auto;
}

.starting-head{
  display:grid;
  grid-template-columns:minmax(0,480px) minmax(0,1fr);
  gap:42px;
  align-items:end;
  margin-bottom:26px;
}

.starting-head h2{
  margin:0;
  font-size:clamp(2.6rem,4.05vw,4.6rem);
  line-height:.98;
  letter-spacing:-.074em;
  font-weight:900;
}

.starting-head p:not(.business-eyebrow){
  margin:0;
  color:#4B5B72;
  font-size:1.04rem;
  line-height:1.52;
  font-weight:650;
}

.starting-table{
  border:1px solid rgba(10,19,36,.10);
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 24px 80px rgba(10,19,36,.07);
}

.starting-table-head,
.starting-row{
  display:grid;
  grid-template-columns:1.05fr 1.75fr .75fr;
  gap:0;
}

.starting-table-head{
  background:#0A1324;
  color:#D6E6FF;
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}

.starting-table-head span,
.starting-row > span{
  padding:18px 22px;
  border-right:1px solid rgba(10,19,36,.10);
}

.starting-table-head span{
  border-right-color:rgba(214,230,255,.16);
}

.starting-table-head span:last-child,
.starting-row > span:last-child{
  border-right:0;
}

.starting-row{
  width:100%;
  border:0;
  border-top:1px solid rgba(10,19,36,.08);
  background:#fff;
  text-align:left;
  color:#0A1324;
  cursor:pointer;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.starting-row:hover,
.starting-row:focus-visible,
.starting-row.is-active{
  background:linear-gradient(90deg,rgba(214,230,255,.42),#fff);
  outline:none;
}

.starting-row strong{
  display:block;
  font-size:1rem;
  font-weight:900;
  letter-spacing:-.03em;
}

.starting-row em{
  display:block;
  margin-top:5px;
  color:#6B7890;
  font-size:.78rem;
  font-style:normal;
  font-weight:800;
}

.starting-row > span:nth-child(2){
  color:#3B4B60;
  font-size:.94rem;
  line-height:1.42;
  font-weight:650;
}

.starting-row mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  color:#2563EB;
  background:#EEF5FF;
  font-weight:900;
  font-size:.82rem;
  line-height:1.1;
}

.starting-cta{
  margin-top:24px;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-radius:24px;
  background:#0A1324;
  color:#fff;
  box-shadow:0 22px 70px rgba(10,19,36,.12);
}

.starting-cta h3{
  margin:0;
  font-size:1.4rem;
  letter-spacing:-.04em;
}

.starting-cta p{
  margin:8px 0 0;
  color:rgba(247,248,250,.78);
  max-width:720px;
}

/* Business types page */
.business-types-page{
  background:#0A1324;
  color:#fff;
}

.business-types-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(160px,15vw,220px) 0 clamp(70px,7vw,104px);
  background:
    radial-gradient(circle at 82% 18%, rgba(37,99,235,.24), transparent 28%),
    linear-gradient(180deg,#071426,#0A1324);
}

.business-types-hero h1{
  max-width:980px;
}

.business-types-hero p{
  max-width:760px;
}

.business-types-grid-section{
  padding:clamp(70px,6.2vw,104px) 0;
}

.business-page-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.business-page-card{
  text-align:left;
  min-height:370px;
  padding:24px;
  border:1px solid rgba(214,230,255,.16);
  border-radius:26px;
  color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.business-page-card:hover,
.business-page-card:focus-visible,
.business-page-card.is-active{
  transform:translateY(-4px);
  border-color:rgba(78,163,255,.76);
  background:
    radial-gradient(circle at 18% 0%, rgba(78,163,255,.18), transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));
  box-shadow:0 24px 72px rgba(37,99,235,.18);
  outline:none;
}

.business-page-card > span{
  display:block;
  color:#4EA3FF;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.14em;
  font-size:.72rem;
  margin-bottom:14px;
}

.business-page-card h3{
  margin:0;
  font-size:1.6rem;
  line-height:1;
  letter-spacing:-.06em;
}

.business-page-card p{
  margin:14px 0 0;
  color:rgba(247,248,250,.78);
  font-size:.98rem;
  line-height:1.45;
}

.business-page-card dl{
  display:grid;
  gap:12px;
  margin:20px 0 0;
}

.business-page-card dl div{
  padding-top:12px;
  border-top:1px solid rgba(214,230,255,.12);
}

.business-page-card dt{
  color:#8FC8FF;
  text-transform:uppercase;
  font-size:.66rem;
  letter-spacing:.12em;
  font-weight:900;
  margin-bottom:5px;
}

.business-page-card dd{
  margin:0;
  color:rgba(247,248,250,.84);
  font-size:.86rem;
  line-height:1.38;
}

.business-fit-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:38px;
  align-items:start;
  margin-top:28px;
  padding:32px;
  border-radius:28px;
  border:1px solid rgba(214,230,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
}

.business-fit-panel ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}

.business-fit-panel li{
  position:relative;
  padding-left:30px;
  color:rgba(247,248,250,.86);
  line-height:1.42;
  font-weight:650;
}

.business-fit-panel li::before{
  content:"";
  position:absolute;
  left:0;
  top:.1em;
  width:18px;
  height:18px;
  border-radius:50%;
  border:1.5px solid #4EA3FF;
}

.business-fit-panel li::after{
  content:"";
  position:absolute;
  left:6px;
  top:.44em;
  width:5px;
  height:9px;
  border-right:1.5px solid #4EA3FF;
  border-bottom:1.5px solid #4EA3FF;
  transform:rotate(45deg);
}

.business-page-cta{
  margin-top:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:28px 32px;
  border-radius:28px;
  background:#F7F8FA;
  color:#0A1324;
}

.business-page-cta p{
  margin:0;
  color:#2563EB;
  font-weight:900;
  letter-spacing:.18em;
  font-size:.8rem;
}

@media (max-width:1100px){
  .business-focus-head,
  .business-interactive-grid,
  .starting-head,
  .business-fit-panel{
    grid-template-columns:1fr;
  }
  .business-card-grid,
  .business-page-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .business-card-grid,
  .business-page-grid,
  .business-proof-grid{
    grid-template-columns:1fr;
  }
  .business-focus-cta,
  .starting-cta,
  .business-page-cta{
    align-items:flex-start;
    flex-direction:column;
  }
  .starting-table{
    border-radius:22px;
  }
  .starting-table-head{
    display:none;
  }
  .starting-row{
    grid-template-columns:1fr;
  }
  .starting-row > span{
    border-right:0;
    padding:14px 18px;
  }
  .starting-row > span + span{
    padding-top:0;
  }
  .business-types-hero{
    padding-top:130px;
  }
}



/* v2.74 — final visual polish: Workflow Orbit one-line title + Who We Help consistency */
.orbit-value-section .orbit-section-header{
  max-width:none !important;
}
.orbit-value-section .orbit-section-header h2{
  white-space:nowrap !important;
  max-width:none !important;
  font-size:clamp(2.7rem,4.0vw,4.45rem) !important;
  line-height:.96 !important;
  letter-spacing:-.074em !important;
}
@media (max-width:980px){
  .orbit-value-section .orbit-section-header h2{
    white-space:normal !important;
    font-size:var(--pw-v219-h2-mobile) !important;
  }
}

.business-types-page .business-types-hero{
  padding:clamp(152px,14vw,210px) 0 clamp(72px,7vw,104px) !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(37,99,235,.24), transparent 28%),
    linear-gradient(180deg,#071426,#0A1324) !important;
}
.business-types-page .business-types-hero h1{
  max-width:980px !important;
  margin:0 0 26px !important;
  color:#fff !important;
  font-size:clamp(3.35rem,6.05vw,6.05rem) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
  font-weight:900 !important;
  text-wrap:balance !important;
  text-shadow:0 10px 34px rgba(0,0,0,.34) !important;
}
.business-types-page .business-types-hero h1 span{
  display:block !important;
  color:#2563EB !important;
}
.business-types-page .business-types-hero p:not(.business-eyebrow){
  max-width:720px !important;
  margin:0 !important;
  color:rgba(255,255,255,.84) !important;
  font-weight:600 !important;
  font-size:1.17rem !important;
  line-height:1.48 !important;
  text-shadow:0 10px 34px rgba(0,0,0,.34) !important;
}
.business-types-page .business-types-hero .business-eyebrow{
  color:#4EA3FF !important;
  letter-spacing:.22em !important;
  margin-bottom:16px !important;
}
@media (max-width:900px){
  .business-types-page .business-types-hero h1{
    font-size:clamp(3.1rem,13vw,4.1rem) !important;
    max-width:650px !important;
  }
  .business-types-page .business-types-hero p:not(.business-eyebrow){
    font-size:1.02rem !important;
  }
}



/* v2.75 — homepage light/dark rhythm polish
   Sequence after hero: Why Now light → How We Work dark → Who We Help light → Workflow Orbit dark → Use Cases light → About dark → Trust light → Contact dark → Final CTA light. */

/* 01 Why Now: keep light */
body:not(.packages-page):not(.business-types-page) .why.section-light{
  background:linear-gradient(180deg,#F7F8FA 0%,#FFFFFF 100%) !important;
  color:#0A1324 !important;
}

/* 02 How We Work: keep dark */
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--how{
  background:
    radial-gradient(circle at 78% 12%, rgba(37,99,235,.18), transparent 32%),
    linear-gradient(180deg,#050B16 0%,#071426 100%) !important;
  color:#fff !important;
}

/* 03 Who We Help: switch to light so it alternates after How We Work */
body:not(.packages-page):not(.business-types-page) .business-focus-section{
  background:
    radial-gradient(circle at 82% 12%, rgba(37,99,235,.10), transparent 28%),
    linear-gradient(180deg,#FFFFFF 0%,#F7F8FA 100%) !important;
  color:#0A1324 !important;
  border-top:1px solid rgba(10,19,36,.08) !important;
  border-bottom:1px solid rgba(10,19,36,.08) !important;
}
body:not(.packages-page):not(.business-types-page) .business-focus-section::before{
  background:
    radial-gradient(circle at 18% 60%, rgba(37,99,235,.07), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,0), rgba(214,230,255,.18)) !important;
}
body:not(.packages-page):not(.business-types-page) .business-focus-head h2,
body:not(.packages-page):not(.business-types-page) .business-focus-cta strong,
body:not(.packages-page):not(.business-types-page) .business-type-card strong{
  color:#0A1324 !important;
}
body:not(.packages-page):not(.business-types-page) .business-focus-head > div > p:not(.business-eyebrow),
body:not(.packages-page):not(.business-types-page) .business-focus-cta p,
body:not(.packages-page):not(.business-types-page) .business-type-card em{
  color:#4B5B72 !important;
}
body:not(.packages-page):not(.business-types-page) .business-proof-grid article,
body:not(.packages-page):not(.business-types-page) .business-type-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.90)) !important;
  border-color:rgba(10,19,36,.10) !important;
  box-shadow:0 18px 54px rgba(10,19,36,.08) !important;
}
body:not(.packages-page):not(.business-types-page) .business-type-card:hover,
body:not(.packages-page):not(.business-types-page) .business-type-card:focus-visible,
body:not(.packages-page):not(.business-types-page) .business-type-card.is-active{
  border-color:rgba(37,99,235,.42) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(37,99,235,.12), transparent 42%),
    linear-gradient(180deg,#FFFFFF,#F4F8FF) !important;
  box-shadow:0 22px 66px rgba(37,99,235,.12) !important;
}
body:not(.packages-page):not(.business-types-page) .business-proof-grid span{
  color:#4B5B72 !important;
}
body:not(.packages-page):not(.business-types-page) .business-detail-panel{
  background:
    radial-gradient(circle at 20% 0%, rgba(78,163,255,.18), transparent 42%),
    linear-gradient(180deg,#0A1324,#071426) !important;
  border-color:rgba(37,99,235,.24) !important;
}
body:not(.packages-page):not(.business-types-page) .business-focus-cta{
  background:#FFFFFF !important;
  border-color:rgba(10,19,36,.10) !important;
  box-shadow:0 18px 54px rgba(10,19,36,.07) !important;
}

/* 04 Workflow Orbit: dark */
body:not(.packages-page):not(.business-types-page) .orbit-value-section{
  background:
    radial-gradient(circle at 50% 20%, rgba(37,99,235,.18), transparent 32%),
    linear-gradient(180deg,#071426 0%,#050B16 100%) !important;
  color:#fff !important;
  border-top:1px solid rgba(214,230,255,.10) !important;
  border-bottom:1px solid rgba(214,230,255,.10) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section::before{
  background:
    radial-gradient(circle at 50% 40%, rgba(78,163,255,.10), transparent 30%),
    radial-gradient(circle at 12% 55%, rgba(37,99,235,.08), transparent 24%),
    radial-gradient(circle at 90% 52%, rgba(37,99,235,.08), transparent 24%) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-section-header h2{
  color:#FFFFFF !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-section-header p{
  color:rgba(247,248,250,.78) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-side-panel,
body:not(.packages-page):not(.business-types-page) .orbit-detail-card,
body:not(.packages-page):not(.business-types-page) .orbit-capability-panel,
body:not(.packages-page):not(.business-types-page) .orbit-function-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
  border-color:rgba(214,230,255,.16) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.22) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-side-panel p,
body:not(.packages-page):not(.business-types-page) .orbit-side-panel li,
body:not(.packages-page):not(.business-types-page) .orbit-detail-card p{
  color:rgba(247,248,250,.78) !important;
}

/* 05 Use cases: light */
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases{
  background:
    radial-gradient(circle at 82% 12%, rgba(37,99,235,.10), transparent 28%),
    linear-gradient(180deg,#FFFFFF 0%,#F7F8FA 100%) !important;
  color:#0A1324 !important;
  border-top:1px solid rgba(10,19,36,.08) !important;
  border-bottom:1px solid rgba(10,19,36,.08) !important;
}
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-copy h2{
  color:#0A1324 !important;
}
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-copy h2 span{
  color:#2563EB !important;
}
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-copy p{
  color:#4B5B72 !important;
}

/* 06 About / Who we are: dark */
body:not(.packages-page):not(.business-types-page) .principles-refresh{
  background:
    radial-gradient(circle at 78% 0%, rgba(37,99,235,.18), transparent 32%),
    linear-gradient(180deg,#07101F 0%,#050B16 100%) !important;
  color:#fff !important;
}
body:not(.packages-page):not(.business-types-page) .principles-refresh .section-intro h2{
  color:#FFFFFF !important;
}
body:not(.packages-page):not(.business-types-page) .principles-refresh .section-intro p{
  color:rgba(247,248,250,.76) !important;
}
body:not(.packages-page):not(.business-types-page) .principle-card,
body:not(.packages-page):not(.business-types-page) .principles-refresh article{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
  border-color:rgba(214,230,255,.14) !important;
  color:#fff !important;
  box-shadow:0 18px 54px rgba(0,0,0,.20) !important;
}
body:not(.packages-page):not(.business-types-page) .principle-card h3,
body:not(.packages-page):not(.business-types-page) .principles-refresh article h3{
  color:#fff !important;
}
body:not(.packages-page):not(.business-types-page) .principle-card p,
body:not(.packages-page):not(.business-types-page) .principles-refresh article p{
  color:rgba(247,248,250,.76) !important;
}

/* 07 Credibility / trust: light */
body:not(.packages-page):not(.business-types-page) .credibility-strip{
  background:
    radial-gradient(circle at 78% 0%, rgba(37,99,235,.10), transparent 32%),
    linear-gradient(180deg,#FFFFFF 0%,#F7F8FA 100%) !important;
  color:#0A1324 !important;
  border-top:1px solid rgba(10,19,36,.08) !important;
  border-bottom:1px solid rgba(10,19,36,.08) !important;
}
body:not(.packages-page):not(.business-types-page) .credibility-head-v95 h2,
body:not(.packages-page):not(.business-types-page) .credibility-grid b{
  color:#0A1324 !important;
}
body:not(.packages-page):not(.business-types-page) .credibility-grid div{
  background:#FFFFFF !important;
  border-color:rgba(10,19,36,.10) !important;
  box-shadow:0 18px 54px rgba(10,19,36,.07) !important;
}
body:not(.packages-page):not(.business-types-page) .credibility-grid span{
  color:#5D6B82 !important;
}

/* 08 Contact: dark */
body:not(.packages-page):not(.business-types-page) .contact-panel{
  background:
    radial-gradient(circle at 82% 8%, rgba(37,99,235,.18), transparent 32%),
    linear-gradient(180deg,#071426 0%,#050B16 100%) !important;
  color:#fff !important;
}
body:not(.packages-page):not(.business-types-page) .contact-panel .section-intro h2{
  color:#FFFFFF !important;
}
body:not(.packages-page):not(.business-types-page) .contact-panel .section-intro p{
  color:rgba(247,248,250,.78) !important;
}

/* 09 Final CTA: light close before dark footer */
body:not(.packages-page):not(.business-types-page) .final-cta{
  background:linear-gradient(180deg,#FFFFFF 0%,#F7F8FA 100%) !important;
  color:#0A1324 !important;
}
body:not(.packages-page):not(.business-types-page) .final-cta .final-bg{
  display:none !important;
}
body:not(.packages-page):not(.business-types-page) .final-grid h2{
  color:#0A1324 !important;
}
body:not(.packages-page):not(.business-types-page) .final-grid p{
  color:#4B5B72 !important;
}



/* v2.76 — contrast safety after light/dark rhythm changes
   Checks and locks text colours for interactive diagrams, card systems and content blocks affected by v2.75 background changes. */

/* WHO WE HELP on light: cards/readability */
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-eyebrow,
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-type-card span,
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-type-card small{
  color:#2563EB !important;
}
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-proof-grid strong{
  color:#2563EB !important;
}
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-detail-panel,
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-detail,
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-detail h3{
  color:#FFFFFF !important;
}
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-detail-label,
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-detail-cols span{
  color:#8FC8FF !important;
}
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-detail-cols p{
  color:rgba(247,248,250,.86) !important;
}
body:not(.packages-page):not(.business-types-page) .business-focus-section .business-detail-cols div{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(214,230,255,.14) !important;
}

/* WORKFLOW ORBIT on dark: every interactive label/panel readable */
body:not(.packages-page):not(.business-types-page) .orbit-value-section .eyebrow,
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-side-title{
  color:#4EA3FF !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-side-title{
  border-bottom-color:rgba(214,230,255,.16) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-side-list button,
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-side-list-static p{
  color:rgba(247,248,250,.84) !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(214,230,255,.10) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-side-list button:hover,
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-side-list button:focus-visible,
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-side-list button.is-active,
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-side-list-static p.is-highlight{
  color:#FFFFFF !important;
  background:rgba(37,99,235,.18) !important;
  border-color:rgba(78,163,255,.42) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .list-icon{
  background:rgba(78,163,255,.12) !important;
  border-color:rgba(78,163,255,.22) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .list-icon svg,
body:not(.packages-page):not(.business-types-page) .orbit-value-section .node-icon svg{
  stroke:#8FC8FF !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow{
  color:#FFFFFF !important;
  background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045)) !important;
  border:1px solid rgba(214,230,255,.16) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.22) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow strong{
  color:#FFFFFF !important;
  text-shadow:0 8px 24px rgba(0,0,0,.28) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .pathwai-orbit-core-v98{
  background:radial-gradient(circle at 50% 0%, rgba(78,163,255,.18), rgba(5,11,22,.95) 58%) !important;
  border-color:rgba(78,163,255,.34) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .pathwai-orbit-core-v98 b{
  color:#FFFFFF !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .ring,
body:not(.packages-page):not(.business-types-page) .orbit-value-section .radial-lines line{
  stroke:rgba(214,230,255,.22) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .anchor-dots circle{
  fill:#4EA3FF !important;
  stroke:#FFFFFF !important;
}

/* USE CASES on light: copy and image container readable */
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-eyebrow{
  color:#2563EB !important;
}
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-copy h2,
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-copy h2 strong{
  color:#0A1324 !important;
}
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-copy p{
  color:#4B5B72 !important;
}
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-visual{
  background:linear-gradient(180deg,#FFFFFF,#F4F8FF) !important;
  border:1px solid rgba(10,19,36,.10) !important;
  box-shadow:0 22px 70px rgba(10,19,36,.10) !important;
}

/* ABOUT on dark: all card text readable */
body:not(.packages-page):not(.business-types-page) .principles-refresh .eyebrow,
body:not(.packages-page):not(.business-types-page) .principles-refresh .pathwai-composed-eyebrow{
  color:#4EA3FF !important;
}
body:not(.packages-page):not(.business-types-page) .principles-refresh .principles-pulse span{
  color:#D6E6FF !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(214,230,255,.14) !important;
}
body:not(.packages-page):not(.business-types-page) .principles-refresh .principle-top svg,
body:not(.packages-page):not(.business-types-page) .principles-refresh svg{
  stroke:#8FC8FF !important;
}

/* TRUST on light: lock dark readable text */
body:not(.packages-page):not(.business-types-page) .credibility-strip .eyebrow{
  color:#2563EB !important;
}
body:not(.packages-page):not(.business-types-page) .credibility-strip,
body:not(.packages-page):not(.business-types-page) .credibility-strip p,
body:not(.packages-page):not(.business-types-page) .credibility-strip span{
  color:#5D6B82 !important;
}
body:not(.packages-page):not(.business-types-page) .credibility-strip h2,
body:not(.packages-page):not(.business-types-page) .credibility-strip b,
body:not(.packages-page):not(.business-types-page) .credibility-grid b{
  color:#0A1324 !important;
}

/* CONTACT on dark: intro readable, form left as white/dark form */
body:not(.packages-page):not(.business-types-page) .contact-panel .eyebrow{
  color:#4EA3FF !important;
}
body:not(.packages-page):not(.business-types-page) .contact-panel .section-intro h2{
  color:#FFFFFF !important;
}
body:not(.packages-page):not(.business-types-page) .contact-panel .section-intro p{
  color:rgba(247,248,250,.82) !important;
}

/* FINAL CTA on light */
body:not(.packages-page):not(.business-types-page) .final-cta h2,
body:not(.packages-page):not(.business-types-page) .final-cta .final-grid h2{
  color:#0A1324 !important;
}
body:not(.packages-page):not(.business-types-page) .final-cta p,
body:not(.packages-page):not(.business-types-page) .final-cta .final-grid p{
  color:#4B5B72 !important;
}

/* Small contrast-safe focus states for accessibility */
body:not(.packages-page):not(.business-types-page) .business-type-card:focus-visible,
body:not(.packages-page):not(.business-types-page) .orbit-side-list button:focus-visible,
body:not(.packages-page):not(.business-types-page) .starting-row:focus-visible{
  outline:3px solid rgba(78,163,255,.55) !important;
  outline-offset:3px !important;
}



/* v2.77 — implement transparent use-case card artwork.
   The PNG has actual transparency between the three dark cards; remove the section image backplate so the page background shows through. */
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-visual--usecases,
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-visual {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--usecases .pathwai-composed-visual--usecases img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 24px 60px rgba(10,19,36,.18)) !important;
}

/* v2_78 WORKFLOW BUTTON CLEANUP
   Remove the larger outer workflow tile so only the icon tile + label remain visible. */
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow,
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow.is-active{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow{
  opacity:.84 !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow.is-active{
  opacity:1 !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow strong{
  color:#FFFFFF !important;
  text-shadow:0 8px 22px rgba(0,0,0,.34) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow .node-icon{
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(143,200,255,.22) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18), 0 0 0 8px rgba(37,99,235,.03) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow .node-icon svg{
  stroke:#6FAEFF !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow.is-active .node-icon{
  background:linear-gradient(180deg,#2E7CFF,#1558E8) !important;
  border-color:rgba(111,174,255,.45) !important;
  box-shadow:0 18px 40px rgba(37,99,235,.24), 0 0 0 8px rgba(37,99,235,.06) !important;
}
body:not(.packages-page):not(.business-types-page) .orbit-value-section .orbit-workflow.is-active .node-icon svg{
  stroke:#FFFFFF !important;
}



/* PATHWAI v1.0 Launch Candidate — mobile audit fixes
   1) Keeps the homepage second segment visible on mobile.
   2) Rebuilds the Packages page mobile treatment so callouts no longer depend on mountain-image alignment. */

/* Mobile reveal fallback: prevents sections staying invisible if mobile browser/intersection timing fails. */
@media (max-width:900px){
  .reveal,
  .reveal.is-visible{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  body:not(.packages-page):not(.business-types-page) .why,
  body:not(.packages-page):not(.business-types-page) #why-now{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    min-height:auto !important;
    content-visibility:visible !important;
  }
}

/* Packages mobile: stable stacked journey instead of floating mountain callouts. */
@media (max-width:900px){
  body.packages-page .site-header{
    height:78px !important;
    min-height:78px !important;
  }

  body.packages-page .packages-main{
    padding-top:78px !important;
    overflow:hidden !important;
    background:#F7F8FA !important;
  }

  body.packages-page .packages-hero{
    padding:0 !important;
    background:
      radial-gradient(circle at 74% 8%, rgba(37,99,235,.16), transparent 28%),
      linear-gradient(180deg,#F7F8FA 0%,#EAF2FF 100%) !important;
    overflow:hidden !important;
  }

  body.packages-page .packages-hero-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  body.packages-page .hero-canvas{
    display:block !important;
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
    background:transparent !important;
  }

  body.packages-page .hero-canvas > img{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:58% 0% !important;
    opacity:.22 !important;
    filter:saturate(.92) contrast(.98) !important;
    pointer-events:none !important;
  }

  body.packages-page .hero-canvas::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(90deg, rgba(247,248,250,.94) 0%, rgba(247,248,250,.84) 52%, rgba(247,248,250,.56) 100%) !important;
    z-index:1 !important;
    pointer-events:none !important;
  }

  body.packages-page .hero-live-copy{
    position:relative !important;
    z-index:2 !important;
    left:auto !important;
    top:auto !important;
    width:calc(100% - 32px) !important;
    max-width:640px !important;
    margin:0 auto !important;
    padding:48px 0 40px !important;
  }

  body.packages-page .hero-kicker{
    color:#2563EB !important;
    text-shadow:none !important;
    margin-bottom:14px !important;
  }

  body.packages-page .hero-live-title{
    color:#0A1324 !important;
    white-space:normal !important;
    max-width:100% !important;
    font-size:clamp(2.75rem, 13vw, 4.2rem) !important;
    line-height:.92 !important;
    letter-spacing:-.075em !important;
    text-shadow:none !important;
    margin-bottom:20px !important;
  }

  body.packages-page .hero-live-title span{
    color:#2563EB !important;
    white-space:normal !important;
  }

  body.packages-page .hero-live-desc{
    color:#0A1324 !important;
    max-width:94% !important;
    font-size:1rem !important;
    line-height:1.45 !important;
    font-weight:750 !important;
    text-shadow:none !important;
  }

  body.packages-page .hero-live-desc br{
    display:none !important;
  }

  body.packages-page .hero-callout,
  body.packages-page .hero-canvas .hotspot{
    display:none !important;
  }

  body.packages-page .package-selector{
    margin:0 !important;
    padding:34px 0 54px !important;
    background:
      radial-gradient(circle at 60% -10%, rgba(78,163,255,.16), transparent 34%),
      linear-gradient(180deg,#071426 0%,#050B16 100%) !important;
    color:#F7F8FA !important;
  }

  body.packages-page .packages-shell{
    width:calc(100% - 32px) !important;
    max-width:640px !important;
    margin:0 auto !important;
  }

  body.packages-page .package-tabs{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    margin:0 0 18px !important;
    gap:12px !important;
  }

  body.packages-page .package-tab{
    min-height:86px !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:42px 52px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
    text-align:left !important;
    padding:16px !important;
    border-radius:20px !important;
    background:rgba(214,230,255,.065) !important;
    border:1px solid rgba(214,230,255,.18) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.18) !important;
  }

  body.packages-page .package-tab.is-active{
    background:
      radial-gradient(circle at 18% 0%, rgba(78,163,255,.20), transparent 42%),
      rgba(214,230,255,.10) !important;
    border-color:rgba(78,163,255,.48) !important;
  }

  body.packages-page .tab-num{
    font-size:.86rem !important;
    line-height:1 !important;
  }

  body.packages-page .tab-icon{
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
  }

  body.packages-page .tab-copy h2{
    font-size:1.13rem !important;
    line-height:1.05 !important;
    margin:0 0 4px !important;
  }

  body.packages-page .tab-copy p{
    font-size:.82rem !important;
    line-height:1.2 !important;
    margin:0 !important;
  }

  body.packages-page .detail-panel{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    border-radius:24px !important;
    overflow:hidden !important;
    background:#FFFFFF !important;
    color:#0A1324 !important;
    box-shadow:0 22px 70px rgba(0,0,0,.20) !important;
  }

  body.packages-page .detail-col{
    padding:24px 22px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(10,19,36,.08) !important;
  }

  body.packages-page .detail-col:last-child{
    border-bottom:0 !important;
  }

  body.packages-page .detail-selected{
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:start !important;
    background:linear-gradient(180deg,#FFFFFF 0%,#F4F8FF 100%) !important;
  }

  body.packages-page .selected-icon{
    width:54px !important;
    height:54px !important;
    border-radius:16px !important;
  }

  body.packages-page .detail-title{
    font-size:clamp(1.85rem, 8vw, 2.65rem) !important;
    line-height:1 !important;
    margin:0 0 8px !important;
  }

  body.packages-page .detail-subtitle,
  body.packages-page .detail-description{
    font-size:.98rem !important;
    line-height:1.42 !important;
  }

  body.packages-page .detail-heading{
    font-size:.78rem !important;
    letter-spacing:.13em !important;
  }

  body.packages-page .detail-list{
    gap:10px !important;
  }

  body.packages-page .detail-list li{
    font-size:.94rem !important;
    line-height:1.35 !important;
  }

  body.packages-page .outside-note{
    width:100% !important;
    margin:16px 0 0 !important;
    padding:16px !important;
    border-radius:18px !important;
    font-size:.92rem !important;
    line-height:1.42 !important;
  }

  body.packages-page .packages-contact{
    padding-top:64px !important;
  }
}

/* Tablet package guardrail: reduce reliance on mountain/callout precision before full desktop width. */
@media (min-width:901px) and (max-width:1180px){
  body.packages-page .hero-callout{
    transform:scale(.88) !important;
    transform-origin:center !important;
  }
}



/* PATHWAI v1.1 — Packages mobile Option B: Abstract Guided Ascent
   Replaces the mobile mountain image treatment with a clean, stable, branded ascent flow. */
@media (max-width:900px){
  body.packages-page{
    background:#050B16 !important;
  }

  body.packages-page .packages-main{
    padding-top:78px !important;
    background:#050B16 !important;
    overflow:hidden !important;
  }

  body.packages-page .packages-hero{
    padding:0 !important;
    background:
      radial-gradient(circle at 78% 0%, rgba(37,99,235,.26), transparent 31%),
      radial-gradient(circle at 16% 100%, rgba(214,230,255,.08), transparent 34%),
      linear-gradient(180deg,#050B16 0%,#071426 100%) !important;
    color:#F7F8FA !important;
  }

  body.packages-page .packages-hero-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  body.packages-page .hero-canvas{
    position:relative !important;
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.packages-page .hero-canvas > img{
    display:none !important;
  }

  body.packages-page .hero-canvas::before{
    content:"" !important;
    position:absolute !important;
    right:-92px !important;
    top:24px !important;
    width:260px !important;
    height:260px !important;
    border:1px solid rgba(214,230,255,.10) !important;
    border-radius:50% !important;
    box-shadow:
      0 0 0 38px rgba(37,99,235,.035),
      0 0 0 82px rgba(214,230,255,.025) !important;
    z-index:0 !important;
    pointer-events:none !important;
  }

  body.packages-page .hero-canvas::after{
    content:"" !important;
    position:absolute !important;
    right:18px !important;
    bottom:22px !important;
    width:128px !important;
    height:98px !important;
    background:
      linear-gradient(135deg, transparent 0 44%, rgba(120,168,255,.56) 45% 48%, transparent 49%),
      linear-gradient(45deg, transparent 0 42%, rgba(120,168,255,.34) 43% 47%, transparent 48%) !important;
    opacity:.72 !important;
    z-index:0 !important;
    pointer-events:none !important;
  }

  body.packages-page .hero-live-copy{
    position:relative !important;
    z-index:2 !important;
    left:auto !important;
    top:auto !important;
    width:calc(100% - 32px) !important;
    max-width:640px !important;
    margin:0 auto !important;
    padding:50px 0 44px !important;
  }

  body.packages-page .hero-kicker{
    color:#D6E6FF !important;
    text-shadow:none !important;
    margin-bottom:14px !important;
    letter-spacing:.18em !important;
  }

  body.packages-page .hero-live-title{
    color:#F7F8FA !important;
    white-space:normal !important;
    max-width:100% !important;
    font-size:clamp(2.85rem, 13vw, 4.35rem) !important;
    line-height:.92 !important;
    letter-spacing:-.075em !important;
    text-shadow:none !important;
    margin-bottom:20px !important;
  }

  body.packages-page .hero-live-title span{
    color:#78A8FF !important;
    white-space:normal !important;
  }

  body.packages-page .hero-live-desc{
    color:#B9C8E7 !important;
    max-width:94% !important;
    font-size:1rem !important;
    line-height:1.48 !important;
    font-weight:700 !important;
    text-shadow:none !important;
  }

  body.packages-page .hero-live-desc br{
    display:none !important;
  }

  body.packages-page .hero-callout,
  body.packages-page .hero-canvas .hotspot{
    display:none !important;
  }

  body.packages-page .package-selector{
    margin:0 !important;
    padding:32px 0 58px !important;
    background:
      radial-gradient(circle at 70% 4%, rgba(37,99,235,.18), transparent 32%),
      radial-gradient(circle at 8% 94%, rgba(214,230,255,.07), transparent 34%),
      linear-gradient(180deg,#071426 0%,#050B16 100%) !important;
    color:#F7F8FA !important;
  }

  body.packages-page .packages-shell{
    width:calc(100% - 32px) !important;
    max-width:640px !important;
    margin:0 auto !important;
  }

  body.packages-page .package-tabs{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    margin:0 0 24px !important;
    gap:18px !important;
    padding-left:58px !important;
  }

  body.packages-page .package-tabs::before{
    content:"" !important;
    position:absolute !important;
    left:20px !important;
    top:42px !important;
    bottom:42px !important;
    width:4px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(120,168,255,.92), rgba(37,99,235,.62), rgba(214,230,255,.16)) !important;
    box-shadow:0 0 18px rgba(37,99,235,.28) !important;
  }

  body.packages-page .package-tab{
    position:relative !important;
    min-height:96px !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    text-align:left !important;
    padding:18px 18px 18px 18px !important;
    border-radius:22px !important;
    background:rgba(14,26,47,.92) !important;
    border:1px solid rgba(214,230,255,.18) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.22) !important;
    color:#F7F8FA !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body.packages-page .package-tab::before{
    content:"" !important;
    position:absolute !important;
    left:-51px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:28px !important;
    height:28px !important;
    border-radius:50% !important;
    background:#102D5D !important;
    border:2px solid rgba(120,168,255,.86) !important;
    box-shadow:0 0 0 8px rgba(37,99,235,.12), 0 0 18px rgba(37,99,235,.25) !important;
  }

  body.packages-page .package-tab::after{
    content:attr(data-step) !important;
    position:absolute !important;
    left:-43px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    color:#F7F8FA !important;
    font-size:.75rem !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
  }

  body.packages-page .package-tab:nth-child(1)::after{content:"1" !important;}
  body.packages-page .package-tab:nth-child(2)::after{content:"2" !important;}
  body.packages-page .package-tab:nth-child(3)::after{content:"3" !important;}
  body.packages-page .package-tab:nth-child(4)::after{content:"4" !important;}
  body.packages-page .package-tab:nth-child(5)::after{content:"5" !important;}

  body.packages-page .package-tab.is-active{
    background:
      radial-gradient(circle at 16% 0%, rgba(78,163,255,.23), transparent 42%),
      rgba(14,26,47,.98) !important;
    border-color:rgba(120,168,255,.52) !important;
    box-shadow:0 20px 58px rgba(0,0,0,.28), 0 0 0 1px rgba(120,168,255,.08) inset !important;
  }

  body.packages-page .package-tab.is-active::before{
    background:#2563EB !important;
    border-color:#D6E6FF !important;
    box-shadow:0 0 0 9px rgba(37,99,235,.20), 0 0 22px rgba(120,168,255,.42) !important;
  }

  body.packages-page .tab-num{
    display:none !important;
  }

  body.packages-page .tab-icon{
    width:52px !important;
    height:52px !important;
    border-radius:16px !important;
    background:rgba(214,230,255,.10) !important;
    border:1px solid rgba(214,230,255,.18) !important;
  }

  body.packages-page .tab-icon svg{
    width:30px !important;
    height:30px !important;
  }

  body.packages-page .tab-copy h2{
    color:#FFFFFF !important;
    font-size:1.16rem !important;
    line-height:1.05 !important;
    margin:0 0 5px !important;
    letter-spacing:-.03em !important;
  }

  body.packages-page .tab-copy p{
    color:#78A8FF !important;
    font-size:.82rem !important;
    line-height:1.2 !important;
    margin:0 !important;
    font-weight:900 !important;
  }

  body.packages-page .detail-panel{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    border-radius:24px !important;
    overflow:hidden !important;
    background:#F7F8FA !important;
    color:#0A1324 !important;
    box-shadow:0 24px 80px rgba(0,0,0,.32) !important;
    border:1px solid rgba(214,230,255,.16) !important;
  }

  body.packages-page .detail-col{
    padding:24px 22px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(10,19,36,.08) !important;
  }

  body.packages-page .detail-col:last-child{
    border-bottom:0 !important;
  }

  body.packages-page .detail-selected{
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:start !important;
    background:linear-gradient(180deg,#FFFFFF 0%,#F1F6FF 100%) !important;
  }

  body.packages-page .selected-icon{
    width:58px !important;
    height:58px !important;
    border-radius:17px !important;
    background:#2563EB !important;
    box-shadow:0 16px 34px rgba(37,99,235,.22) !important;
  }

  body.packages-page .detail-title{
    color:#0A1324 !important;
    font-size:clamp(1.85rem, 8vw, 2.65rem) !important;
    line-height:1 !important;
    margin:0 0 8px !important;
  }

  body.packages-page .detail-subtitle{
    color:#2563EB !important;
    font-size:1rem !important;
    line-height:1.35 !important;
    font-weight:900 !important;
  }

  body.packages-page .detail-description{
    color:#41516B !important;
    font-size:.98rem !important;
    line-height:1.44 !important;
  }

  body.packages-page .detail-heading{
    color:#2563EB !important;
    font-size:.78rem !important;
    letter-spacing:.13em !important;
  }

  body.packages-page .detail-list{
    gap:10px !important;
  }

  body.packages-page .detail-list li{
    color:#263652 !important;
    font-size:.94rem !important;
    line-height:1.35 !important;
  }

  body.packages-page .outside-note{
    width:100% !important;
    margin:16px 0 0 !important;
    padding:16px !important;
    border-radius:18px !important;
    background:rgba(214,230,255,.08) !important;
    border:1px solid rgba(214,230,255,.18) !important;
    color:#C6D4EE !important;
    font-size:.92rem !important;
    line-height:1.42 !important;
  }

  body.packages-page .outside-note a{
    color:#78A8FF !important;
  }

  body.packages-page .packages-contact{
    background:#F7F8FA !important;
    padding-top:66px !important;
  }
}



/* PATHWAI v1.2 — Legal page shoulder fix
   Removes grey gutters/shoulders from Privacy and Terms pages, especially on mobile. */
.legal-body{
  background:#FFFFFF !important;
}

.legal-page{
  background:#FFFFFF !important;
}

@media (max-width:760px){
  .legal-body{
    background:#FFFFFF !important;
  }

  .legal-page{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:54px 0 70px !important;
    background:#FFFFFF !important;
  }

  .legal-hero{
    width:calc(100% - 32px) !important;
    margin:0 auto 28px !important;
  }

  .legal-hero h1{
    font-size:clamp(2.65rem, 14vw, 4rem) !important;
  }

  .legal-card{
    width:100% !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
    padding:30px 20px 42px !important;
  }

  .legal-top{
    padding:14px 18px !important;
    min-height:82px !important;
  }

  .legal-brand img{
    width:128px !important;
  }

  .legal-top .button{
    min-height:38px !important;
    padding:10px 12px !important;
    font-size:.72rem !important;
    border-radius:12px !important;
  }
}



/* PATHWAI v1.3 — Legal text contrast fix
   Ensures Privacy and Terms text remains visible after removing grey shoulders. */
.legal-body,
.legal-body .legal-page,
.legal-body .legal-card{
  color:#0A1324 !important;
}

.legal-body .legal-hero h1,
.legal-body .legal-card h1,
.legal-body .legal-card h2,
.legal-body .legal-card h3,
.legal-body .legal-card strong,
.legal-body .legal-card b{
  color:#0A1324 !important;
}

.legal-body .legal-hero p,
.legal-body .legal-card p,
.legal-body .legal-card li{
  color:#41516B !important;
}

.legal-body .eyebrow{
  color:#2563EB !important;
}

.legal-body .legal-card a{
  color:#2563EB !important;
}

.legal-body .legal-note{
  background:#F1F6FF !important;
  border-color:rgba(37,99,235,.18) !important;
  color:#41516B !important;
}

@media (max-width:760px){
  .legal-body .legal-card{
    background:#FFFFFF !important;
  }

  .legal-body .legal-card p,
  .legal-body .legal-card li{
    color:#41516B !important;
  }

  .legal-body .legal-card h2,
  .legal-body .legal-card h3{
    color:#0A1324 !important;
  }
}



/* PATHWAI v1.4 — Legal cleanup: contrast, footer, and note removal
   Keeps Privacy, Terms and Disclaimer clean on white pages. */
.legal-page{
  background:#FFFFFF !important;
  color:#0A1324 !important;
}

.legal-page .eyebrow,
.legal-body .eyebrow{
  color:#2563EB !important;
}

.legal-page h1,
.legal-hero h1,
.legal-card h1,
.legal-card h2,
.legal-card h3{
  color:#0A1324 !important;
  text-shadow:none !important;
}

.legal-page p,
.legal-page li,
.legal-card p,
.legal-card li,
.legal-hero p{
  color:#41516B !important;
  text-shadow:none !important;
}

.legal-card{
  background:#FFFFFF !important;
  color:#0A1324 !important;
}

.legal-card a{
  color:#2563EB !important;
}

.legal-footer{
  gap:0 !important;
}

.legal-footer a{
  color:rgba(255,255,255,.82) !important;
  font-weight:900 !important;
}

.legal-footer a:hover{
  color:#FFFFFF !important;
}

@media (max-width:760px){
  .legal-page{
    background:#FFFFFF !important;
  }

  .legal-page h1,
  .legal-hero h1{
    color:#0A1324 !important;
  }

  .legal-page p,
  .legal-card p,
  .legal-card li{
    color:#41516B !important;
  }
}



/* PATHWAI v1.6 — Home mobile fixes
   Fixes opportunity stat values and replaces the How We Work mountain image with a stable mobile journey. */

/* Stat values: visible by default and robust if animation does not run. */
body:not(.packages-page):not(.business-types-page) .why .stat strong,
body:not(.packages-page):not(.business-types-page) .why .stat strong span[data-count]{
  color:#2563EB !important;
  opacity:1 !important;
  visibility:visible !important;
}

body:not(.packages-page):not(.business-types-page) .why .stat strong span[data-count]{
  display:inline !important;
}

/* Desktop keeps the approved How We Work image. */
.how-mobile-journey{
  display:none;
}

@media (max-width:760px){
  body:not(.packages-page):not(.business-types-page) .why .stat strong{
    overflow:visible !important;
    max-width:none !important;
    text-overflow:clip !important;
    font-size:clamp(3rem, 15vw, 4.1rem) !important;
    line-height:1 !important;
  }

  body:not(.packages-page):not(.business-types-page) .why .stat{
    overflow:visible !important;
  }

  body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--how{
    background:
      radial-gradient(circle at 80% 5%, rgba(37,99,235,.20), transparent 34%),
      linear-gradient(180deg,#050B16 0%,#071426 100%) !important;
  }

  body:not(.packages-page):not(.business-types-page) .pathwai-composed-visual--how{
    padding-left:0 !important;
    overflow:visible !important;
  }

  body:not(.packages-page):not(.business-types-page) .pathwai-composed-visual--how > img{
    display:none !important;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-journey{
    position:relative;
    display:grid !important;
    grid-template-columns:1fr;
    gap:14px;
    padding-left:42px;
    margin-top:2px;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-journey::before{
    content:"";
    position:absolute;
    left:16px;
    top:28px;
    bottom:28px;
    width:4px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(120,168,255,.95), rgba(37,99,235,.64), rgba(214,230,255,.18));
    box-shadow:0 0 18px rgba(37,99,235,.28);
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card{
    position:relative;
    min-height:92px;
    padding:18px 18px 18px 20px;
    border-radius:22px;
    background:
      radial-gradient(circle at 18% 0%, rgba(78,163,255,.16), transparent 42%),
      rgba(14,26,47,.94);
    border:1px solid rgba(214,230,255,.18);
    box-shadow:0 18px 48px rgba(0,0,0,.22);
    color:#F7F8FA;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card::before{
    content:"";
    position:absolute;
    left:-39px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    border-radius:50%;
    background:#2563EB;
    border:2px solid rgba(214,230,255,.92);
    box-shadow:0 0 0 9px rgba(37,99,235,.18), 0 0 22px rgba(120,168,255,.38);
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card span{
    display:block;
    margin-bottom:7px;
    color:#78A8FF;
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.16em;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card strong{
    display:block;
    color:#FFFFFF;
    font-size:1.16rem;
    line-height:1.05;
    letter-spacing:-.03em;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card em{
    display:block;
    margin-top:8px;
    color:#C6D4EE;
    font-style:normal;
    font-size:.91rem;
    line-height:1.35;
    font-weight:700;
  }
}



/* PATHWAI v1.7 — hard mobile fixes
   Removes counter-animation dependency and hides the How We Work mountain image across mobile/tablet widths. */

/* Opportunity stats are now static HTML, not JS-dependent. Force visibility regardless of reveal/counter state. */
body:not(.packages-page):not(.business-types-page) #why-now,
body:not(.packages-page):not(.business-types-page) #why-now .stat-row,
body:not(.packages-page):not(.business-types-page) #why-now .stat,
body:not(.packages-page):not(.business-types-page) #why-now .stat strong{
  opacity:1 !important;
  visibility:visible !important;
}

body:not(.packages-page):not(.business-types-page) #why-now .stat strong{
  display:block !important;
  color:#2563EB !important;
  -webkit-text-fill-color:#2563EB !important;
  text-shadow:none !important;
}

/* Desktop remains unchanged; below 1024px use a real mobile/tablet How We Work journey instead of the mountain image. */
.how-mobile-journey{
  display:none;
}

@media (max-width:1024px){
  body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--how{
    background:
      radial-gradient(circle at 80% 5%, rgba(37,99,235,.20), transparent 34%),
      linear-gradient(180deg,#050B16 0%,#071426 100%) !important;
  }

  body:not(.packages-page):not(.business-types-page) .pathwai-composed-section--how .pathwai-composed-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  body:not(.packages-page):not(.business-types-page) .pathwai-composed-visual--how{
    padding-left:0 !important;
    overflow:visible !important;
    min-height:0 !important;
  }

  body:not(.packages-page):not(.business-types-page) .pathwai-composed-visual--how > img{
    display:none !important;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-journey{
    position:relative;
    display:grid !important;
    grid-template-columns:1fr;
    gap:14px;
    padding-left:42px;
    margin-top:2px;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-journey::before{
    content:"";
    position:absolute;
    left:16px;
    top:28px;
    bottom:28px;
    width:4px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(120,168,255,.95), rgba(37,99,235,.64), rgba(214,230,255,.18));
    box-shadow:0 0 18px rgba(37,99,235,.28);
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card{
    position:relative;
    min-height:92px;
    padding:18px 18px 18px 20px;
    border-radius:22px;
    background:
      radial-gradient(circle at 18% 0%, rgba(78,163,255,.16), transparent 42%),
      rgba(14,26,47,.94);
    border:1px solid rgba(214,230,255,.18);
    box-shadow:0 18px 48px rgba(0,0,0,.22);
    color:#F7F8FA;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card::before{
    content:"";
    position:absolute;
    left:-39px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    border-radius:50%;
    background:#2563EB;
    border:2px solid rgba(214,230,255,.92);
    box-shadow:0 0 0 9px rgba(37,99,235,.18), 0 0 22px rgba(120,168,255,.38);
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card span{
    display:block;
    margin-bottom:7px;
    color:#78A8FF;
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.16em;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card strong{
    display:block;
    color:#FFFFFF;
    font-size:1.16rem;
    line-height:1.05;
    letter-spacing:-.03em;
  }

  body:not(.packages-page):not(.business-types-page) .how-mobile-card em{
    display:block;
    margin-top:8px;
    color:#C6D4EE;
    font-style:normal;
    font-size:.91rem;
    line-height:1.35;
    font-weight:700;
  }
}



/* PATHWAI v1.8 — Packages mobile hard rebuild
   Mobile gets a completely separate stable package page. Desktop keeps existing design. */
.packages-mobile-only{
  display:none;
}

@media (max-width:1024px){
  body.packages-page{
    background:#050B16 !important;
  }

  body.packages-page .packages-main{
    padding-top:78px !important;
    background:#050B16 !important;
  }

  /* Hard hide the old packages desktop/mobile hybrid on phones/tablets. */
  body.packages-page .packages-hero,
  body.packages-page .package-selector{
    display:none !important;
  }

  body.packages-page .packages-mobile-only{
    display:block !important;
    background:
      radial-gradient(circle at 82% 0%, rgba(37,99,235,.28), transparent 30%),
      radial-gradient(circle at 8% 94%, rgba(214,230,255,.08), transparent 34%),
      linear-gradient(180deg,#050B16 0%,#071426 58%,#050B16 100%) !important;
    color:#F7F8FA !important;
    padding:44px 0 62px !important;
    overflow:hidden !important;
  }

  body.packages-page .packages-mobile-shell{
    width:calc(100% - 32px) !important;
    max-width:640px !important;
    margin:0 auto !important;
  }

  body.packages-page .packages-mobile-hero{
    position:relative !important;
    padding:0 0 28px !important;
  }

  body.packages-page .packages-mobile-hero::after{
    content:"" !important;
    position:absolute !important;
    right:-76px !important;
    top:-18px !important;
    width:210px !important;
    height:210px !important;
    border:1px solid rgba(214,230,255,.10) !important;
    border-radius:50% !important;
    box-shadow:
      0 0 0 34px rgba(37,99,235,.035),
      0 0 0 76px rgba(214,230,255,.025) !important;
    pointer-events:none !important;
  }

  body.packages-page .packages-mobile-kicker{
    margin:0 0 14px !important;
    color:#D6E6FF !important;
    font-size:.75rem !important;
    line-height:1 !important;
    letter-spacing:.18em !important;
    font-weight:900 !important;
  }

  body.packages-page .packages-mobile-hero h1{
    position:relative !important;
    z-index:1 !important;
    margin:0 0 20px !important;
    color:#F7F8FA !important;
    font-size:clamp(2.85rem, 13vw, 4.35rem) !important;
    line-height:.92 !important;
    letter-spacing:-.075em !important;
  }

  body.packages-page .packages-mobile-hero h1 span{
    color:#78A8FF !important;
  }

  body.packages-page .packages-mobile-hero p:not(.packages-mobile-kicker){
    position:relative !important;
    z-index:1 !important;
    margin:0 !important;
    max-width:94% !important;
    color:#B9C8E7 !important;
    font-size:1rem !important;
    line-height:1.48 !important;
    font-weight:700 !important;
  }

  body.packages-page .packages-mobile-route{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding-left:46px !important;
    margin-top:8px !important;
  }

  body.packages-page .packages-mobile-route::before{
    content:"" !important;
    position:absolute !important;
    left:18px !important;
    top:32px !important;
    bottom:32px !important;
    width:4px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(120,168,255,.96), rgba(37,99,235,.64), rgba(214,230,255,.18)) !important;
    box-shadow:0 0 18px rgba(37,99,235,.28) !important;
  }

  body.packages-page .packages-mobile-card{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    padding:20px 18px 20px !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(78,163,255,.16), transparent 42%),
      rgba(14,26,47,.94) !important;
    border:1px solid rgba(214,230,255,.18) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.24) !important;
    color:#F7F8FA !important;
    min-height:0 !important;
  }

  body.packages-page .packages-mobile-card::before{
    content:"" !important;
    position:absolute !important;
    left:-42px !important;
    top:30px !important;
    width:30px !important;
    height:30px !important;
    border-radius:50% !important;
    background:#2563EB !important;
    border:2px solid rgba(214,230,255,.92) !important;
    box-shadow:0 0 0 9px rgba(37,99,235,.18), 0 0 22px rgba(120,168,255,.38) !important;
  }

  body.packages-page .packages-mobile-card--guided{
    background:
      radial-gradient(circle at 18% 0%, rgba(120,168,255,.22), transparent 42%),
      rgba(14,26,47,.98) !important;
    border-color:rgba(120,168,255,.42) !important;
  }

  body.packages-page .packages-mobile-num{
    display:block !important;
    margin:0 0 8px !important;
    color:#78A8FF !important;
    font-size:.78rem !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.16em !important;
  }

  body.packages-page .packages-mobile-card h2{
    margin:0 0 6px !important;
    color:#FFFFFF !important;
    font-size:1.45rem !important;
    line-height:1.03 !important;
    letter-spacing:-.045em !important;
  }

  body.packages-page .packages-mobile-time{
    margin:0 0 10px !important;
    color:#78A8FF !important;
    font-size:.83rem !important;
    line-height:1.2 !important;
    font-weight:900 !important;
  }

  body.packages-page .packages-mobile-card p:not(.packages-mobile-time){
    margin:0 0 14px !important;
    color:#C6D4EE !important;
    font-size:.95rem !important;
    line-height:1.38 !important;
    font-weight:700 !important;
  }

  body.packages-page .packages-mobile-card ul{
    display:grid !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  body.packages-page .packages-mobile-card li{
    position:relative !important;
    padding-left:18px !important;
    color:#F0F5FF !important;
    font-size:.9rem !important;
    line-height:1.3 !important;
    font-weight:700 !important;
  }

  body.packages-page .packages-mobile-card li::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:.55em !important;
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:#78A8FF !important;
  }

  body.packages-page .packages-mobile-cta{
    width:100% !important;
    margin-top:24px !important;
    justify-content:center !important;
    background:#2563EB !important;
    color:#FFFFFF !important;
    border-color:#2563EB !important;
  }

  body.packages-page .packages-contact{
    background:#F7F8FA !important;
    padding-top:66px !important;
  }
}



/* PATHWAI v1.9 — Home opportunity numbers mobile hard fix
   Adds a separate static mobile stats strip and hides the fragile original stat row on phones. */
.mobile-static-stats{
  display:none;
}

@media (max-width:760px){
  body:not(.packages-page):not(.business-types-page) #why-now .stat-row{
    display:none !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:28px !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats article{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    min-height:0 !important;
    padding:22px 20px !important;
    border-radius:22px !important;
    background:#FFFFFF !important;
    border:1px solid rgba(10,19,36,.10) !important;
    box-shadow:0 16px 42px rgba(10,19,36,.07) !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats strong{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#2563EB !important;
    -webkit-text-fill-color:#2563EB !important;
    font-size:clamp(3rem, 16vw, 4.2rem) !important;
    line-height:.92 !important;
    letter-spacing:-.075em !important;
    font-weight:900 !important;
    margin:0 0 12px !important;
    text-shadow:none !important;
    background:none !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats p{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:0 !important;
    color:#1B2A44 !important;
    font-size:.98rem !important;
    line-height:1.35 !important;
    font-weight:800 !important;
  }
}



/* PATHWAI v2.0 — Final home opportunity numbers mobile fix
   The mobile stats are now actually inside #why-now and cannot be affected by the old counter/reveal block. */
.mobile-static-stats{display:none;}
@media (max-width:900px){
  body:not(.packages-page):not(.business-types-page) #why-now,
  body:not(.packages-page):not(.business-types-page) #why-now .why-grid{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
  }
  body:not(.packages-page):not(.business-types-page) #why-now .stat-row{
    display:none !important;
  }
  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:28px !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats article{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    padding:22px 20px !important;
    border-radius:22px !important;
    background:#FFFFFF !important;
    border:1px solid rgba(10,19,36,.10) !important;
    box-shadow:0 16px 42px rgba(10,19,36,.07) !important;
  }
  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats strong{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    color:#2563EB !important;
    -webkit-text-fill-color:#2563EB !important;
    font-size:clamp(3rem, 16vw, 4.2rem) !important;
    line-height:.92 !important;
    letter-spacing:-.075em !important;
    font-weight:900 !important;
    margin:0 0 12px !important;
    text-shadow:none !important;
    background:none !important;
    transform:none !important;
  }
  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats p{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    margin:0 0 8px !important;
    color:#1B2A44 !important;
    font-size:.98rem !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    transform:none !important;
  }
  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats small{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    color:#667085 !important;
    font-size:.72rem !important;
    line-height:1.25 !important;
    font-weight:800 !important;
  }
}



/* v2.17 — Why Now tablet-safe responsive layout
   Prevents headline/stat-card collisions on tablets, small laptops, landscape phones and browser zoom. */
@media (min-width:901px) and (max-width:1400px){
  body:not(.packages-page):not(.business-types-page) #why-now .why-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
    align-items:start !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .section-intro{
    max-width:980px !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .section-intro h2{
    max-width:980px !important;
    font-size:clamp(3rem, 7.2vw, 5.6rem) !important;
    line-height:.98 !important;
    letter-spacing:-.075em !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .stat-row{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:18px !important;
    width:100% !important;
    border-left:0 !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .stat{
    min-width:0 !important;
    min-height:220px !important;
    padding:24px 22px !important;
    border-right:0 !important;
    border-radius:22px !important;
    background:#FFFFFF !important;
    box-shadow:0 18px 48px rgba(10,19,36,.07) !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .stat strong{
    font-size:clamp(3rem, 5.4vw, 5rem) !important;
    line-height:.9 !important;
    white-space:nowrap !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .stat p{
    font-size:clamp(.92rem, 1.18vw, 1.05rem) !important;
    line-height:1.28 !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats{
    display:none !important;
  }
}

@media (min-width:901px) and (max-width:1080px){
  body:not(.packages-page):not(.business-types-page) #why-now .stat-row{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .stat{
    min-height:190px !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .stat strong{
    font-size:clamp(3.6rem, 9vw, 5.2rem) !important;
  }
}

@media (max-width:900px){
  body:not(.packages-page):not(.business-types-page) #why-now .section-intro h2{
    font-size:clamp(2.65rem, 11vw, 4.25rem) !important;
    line-height:.98 !important;
    letter-spacing:-.07em !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .stat-row{
    display:none !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:28px !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats article{
    display:block !important;
    min-height:0 !important;
    padding:22px 20px !important;
    border-radius:22px !important;
    background:#FFFFFF !important;
    border:1px solid rgba(10,19,36,.10) !important;
    box-shadow:0 16px 42px rgba(10,19,36,.07) !important;
  }

  body:not(.packages-page):not(.business-types-page) #why-now .mobile-static-stats strong{
    font-size:clamp(3rem, 16vw, 4.2rem) !important;
    line-height:.92 !important;
    white-space:nowrap !important;
  }
}