@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--c1:#004b96;--c2:#0066cc;--c3:#03bbcf;--aqua:#57dde6;--deep:#002c5a;--deep2:#001d3d;--white:#f8fdff;--muted:#b9d7e7;--line:rgba(87,221,230,.24);--max:1480px;--shadow:0 28px 90px rgba(0,15,40,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:'DM Sans',sans-serif;line-height:1.55;background:linear-gradient(125deg,var(--c1) 0%,var(--c2) 52%,var(--c3) 100%);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(125deg,rgba(0,18,45,.55),rgba(0,35,78,.34) 45%,rgba(0,50,75,.52));pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
a{color:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");z-index:90}
.nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:28px;padding:12px 4.2%;background:rgba(0,31,65,.82);border-bottom:1px solid rgba(87,221,230,.22);backdrop-filter:blur(20px);box-shadow:0 10px 35px rgba(0,15,40,.18)}.brand{display:flex;align-items:center;background:#fff;border-radius:6px;padding:7px 12px;box-shadow:0 7px 25px rgba(0,0,0,.18);flex:0 0 auto}.brand img{width:150px;height:auto;display:block}.nav nav{display:flex;align-items:center;gap:25px;margin-left:auto}.nav nav a,.nav-cta{font-size:12px;font-weight:700;letter-spacing:.04em;text-decoration:none}.nav nav a{color:#e7f9fd;opacity:.82;position:relative;padding:13px 0}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;background:var(--aqua);transition:.3s}.nav nav a:hover:after,.nav nav a.active:after{right:0}.nav nav a:hover,.nav nav a.active{color:#fff;opacity:1}.nav-cta{padding:12px 16px;border-radius:999px;background:linear-gradient(100deg,var(--c2),var(--c3));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 25px rgba(3,187,207,.2);white-space:nowrap}.menu{display:none;background:none;border:0;color:#fff;font-size:24px;margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 20px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.25);transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,15,40,.3)}.btn.primary{color:#002b54;background:linear-gradient(100deg,#fff,var(--aqua));border-color:transparent}.btn.ghost{background:rgba(0,29,61,.42);color:#fff}.eyebrow,.section-tag{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--aqua)}
.hero{position:relative;min-height:calc(100vh - 76px);max-width:var(--max);margin:auto;padding:55px 4.5% 70px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;overflow:hidden}.hero-copy{position:relative;z-index:5}.hero h1{font-family:'Space Grotesk';font-size:clamp(58px,7.2vw,110px);line-height:.9;letter-spacing:-.07em;margin:22px 0}.hero h1 span{display:block;color:transparent;background:linear-gradient(90deg,#fff 10%,var(--aqua) 80%);-webkit-background-clip:text;background-clip:text}.hero .lead{font-size:20px;max-width:650px;color:#d9f3fa;line-height:1.55}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-slider{position:relative;height:min(70vh,650px);min-height:520px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);background:#002b58}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7s ease;filter:saturate(.82) contrast(1.05)}.slide.active img{transform:scale(1)}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,40,82,.78),rgba(0,75,150,.18) 60%,rgba(0,20,45,.55)),linear-gradient(0deg,rgba(0,30,65,.8),transparent 55%)}.slide-caption{position:absolute;z-index:2;left:34px;right:34px;bottom:32px}.slide-caption small{font-size:10px;letter-spacing:.2em;color:var(--aqua);font-weight:800}.slide-caption h3{font-family:'Space Grotesk';font-size:clamp(30px,4vw,52px);line-height:1;margin:10px 0}.slide-caption p{max-width:540px;color:#d7edf5;margin:0}.slider-ui{position:absolute;z-index:5;left:30px;top:28px;display:flex;gap:8px}.slider-dot{width:42px;height:3px;border:0;background:rgba(255,255,255,.28);cursor:pointer}.slider-dot.active{background:var(--aqua)}.slider-progress{position:absolute;left:0;bottom:0;height:4px;width:0;background:linear-gradient(90deg,var(--aqua),#fff);z-index:7}.hero-badge{position:absolute;z-index:8;right:-25px;top:11%;padding:17px 20px;border:1px solid rgba(87,221,230,.4);background:rgba(0,33,69,.78);backdrop-filter:blur(18px);border-radius:15px;box-shadow:0 20px 50px rgba(0,15,40,.35);animation:float 5s ease-in-out infinite}.hero-badge strong{font-family:'Space Grotesk';font-size:22px;display:block}.hero-badge span{font-size:10px;color:#b9dce8;letter-spacing:.12em}@keyframes float{50%{transform:translateY(-12px)}}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,26,57,.42);white-space:nowrap}.marquee-track{display:inline-block;padding:17px 0;animation:marquee 30s linear infinite;font-size:11px;letter-spacing:.18em;color:#d2eef5}.marquee b{color:var(--aqua);margin:0 25px}@keyframes marquee{to{transform:translateX(-50%)}}
.section{max-width:var(--max);margin:auto;padding:110px 5%}.section.alt{background:linear-gradient(120deg,rgba(0,31,65,.42),rgba(3,187,207,.07));max-width:none;padding-left:calc((100% - var(--max))/2 + 5%);padding-right:calc((100% - var(--max))/2 + 5%)}.section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;margin-top:25px}.section h2,.page-hero h1,.cta h2,.contact h2{font-family:'Space Grotesk';font-size:clamp(43px,5.6vw,78px);line-height:.95;letter-spacing:-.06em;margin:0}.section h2 span,.page-hero h1 span,.cta h2 span,.contact h2 span{color:var(--aqua)}.big-copy{font-size:24px;line-height:1.35;color:#edfaff;margin-top:0}.section p{color:var(--muted)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
.process-visual{margin-top:55px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(0,28,59,.55);box-shadow:var(--shadow)}.process-visual div{padding:30px 22px;position:relative;border-right:1px solid var(--line);min-height:145px}.process-visual div:last-child{border-right:0}.process-visual span{display:block;font-size:10px;letter-spacing:.17em;color:var(--aqua);margin-bottom:22px}.process-visual strong{font-family:'Space Grotesk';font-size:20px}.process-visual div:after{content:"→";position:absolute;right:12px;top:50%;color:var(--aqua);font-size:22px}.process-visual div:last-child:after{display:none}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.info-card{position:relative;padding:0 0 28px;background:linear-gradient(145deg,rgba(0,35,72,.8),rgba(0,71,140,.38));border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.info-card:hover{transform:translateY(-8px);border-color:rgba(87,221,230,.55);box-shadow:0 25px 60px rgba(0,15,40,.3)}.info-card img{width:100%;height:230px;object-fit:cover;display:block;filter:saturate(.72);transition:transform .5s}.info-card:hover img{transform:scale(1.04);filter:saturate(.95)}.info-card>h3,.info-card>p,.info-card>.section-tag{margin-left:25px;margin-right:25px}.info-card .section-tag{display:block;margin-top:24px}.info-card h3{font-family:'Space Grotesk';font-size:31px;line-height:1.05;margin-top:10px;margin-bottom:10px}.info-card p{font-size:14px;margin-bottom:0}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(0,28,58,.48)}.pillar{padding:32px 25px;min-height:240px;border-right:1px solid var(--line);transition:background .3s}.pillar:last-child{border-right:0}.pillar:hover{background:linear-gradient(135deg,rgba(0,102,204,.25),rgba(3,187,207,.12))}.pillar b{color:var(--aqua);font-size:11px}.pillar h3{font-family:'Space Grotesk';font-size:28px;margin:35px 0 10px}.pillar p{font-size:14px}
.banner{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,65,.96),rgba(0,75,150,.48) 52%,rgba(0,29,61,.8))}.banner-content{position:relative;z-index:2;max-width:850px;margin-left:max(5%,calc((100% - var(--max))/2 + 5%))}.banner h2{font-family:'Space Grotesk';font-size:clamp(44px,6vw,84px);line-height:.93;letter-spacing:-.06em;margin:15px 0}.banner p{font-size:18px;color:#def5fa;max-width:720px}.banner .btn{margin-top:15px}
.methodology{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.method-photo{height:680px;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.method-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.68)}.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:20px}.step{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:46px 1fr;gap:10px}.step .num{color:var(--aqua);font-size:11px;font-weight:800}.step h3{font-family:'Space Grotesk';margin:0;font-size:21px}.step p{font-size:13px;margin:5px 0 0}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(0,28,59,.45)}.industry-grid span{padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:#d9eef4;transition:.25s}.industry-grid span:hover{background:rgba(3,187,207,.12);color:#fff}.industry-grid span:nth-child(3n){border-right:0}
.quote-band{padding:85px 5%;text-align:center;background:linear-gradient(90deg,rgba(0,29,61,.82),rgba(0,102,204,.5),rgba(3,187,207,.3));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quote-band blockquote{max-width:1000px;margin:auto;font-family:'Space Grotesk';font-size:clamp(32px,4.8vw,68px);line-height:1;letter-spacing:-.05em}.quote-band span{color:var(--aqua)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:55px}.stat{padding:27px;border-radius:16px;border:1px solid var(--line);background:rgba(0,30,62,.48)}.stat strong{font-family:'Space Grotesk';font-size:46px;display:block}.stat span{font-size:11px;color:#b9dce8;letter-spacing:.12em}.cta{position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:15% 10%;background:radial-gradient(circle,rgba(87,221,230,.2),transparent 60%);filter:blur(20px);pointer-events:none}.cta>*{position:relative}.cta p{max-width:720px;font-size:18px}.cta .btn{margin-top:20px}
.page-hero{max-width:var(--max);margin:auto;padding:85px 5% 65px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.page-hero-media{height:470px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.page-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.page-hero p{font-size:18px;color:#d5edf5;max-width:690px;margin-top:28px}.split-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.split-list>div{padding:30px;border:1px solid var(--line);border-radius:17px;background:rgba(0,31,64,.5)}.split-list h3{font-family:'Space Grotesk';font-size:28px;margin:15px 0 8px}.split-list p{margin:0;font-size:14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}.contact-details span{padding:18px;border:1px solid var(--line);border-radius:13px;background:rgba(0,29,60,.45);font-size:13px;color:#c8e6ee}.contact form{display:grid;gap:14px}.contact label{font-size:11px;letter-spacing:.08em;color:#c6e5ee}.contact input,.contact textarea,.contact select{display:block;width:100%;margin-top:7px;padding:14px 15px;border:1px solid rgba(87,221,230,.25);border-radius:10px;background:rgba(0,20,43,.48);color:#fff;font:inherit;outline:none}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(87,221,230,.1)}.contact select option{color:#111}.status{font-size:13px;color:var(--aqua)}
.footer{display:grid;grid-template-columns:1.6fr .7fr .7fr 1fr;gap:45px;padding:70px 5% 28px;border-top:1px solid var(--line);background:rgba(0,20,44,.72)}.footer-brand img{width:150px;background:#fff;padding:7px 10px;border-radius:5px}.footer-brand p{max-width:410px;color:#b8d6e2;font-size:13px}.footer small{display:block;color:var(--aqua);font-size:10px;letter-spacing:.18em;margin-bottom:14px}.footer a,.footer span{display:block;color:#d7edf3;text-decoration:none;font-size:13px;margin:9px 0}.footer a:hover{color:#fff}.source-note{font-size:10px;color:#87b4c5;max-width:440px}.source-note a{display:inline;color:#a9eaf0;text-decoration:underline;font-size:10px}.copyright{grid-column:1/-1;padding-top:20px;border-top:1px solid rgba(87,221,230,.12);font-size:11px;color:#7ea6b6}
@media(max-width:1050px){.nav nav{gap:16px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-slider{height:560px}.hero-badge{right:15px}.section-head,.page-hero,.methodology,.contact{grid-template-columns:1fr;gap:35px}.cards-3{grid-template-columns:1fr 1fr}.pillars{grid-template-columns:1fr 1fr}.pillar:nth-child(2){border-right:0}.pillar:nth-child(3),.pillar:nth-child(4){border-top:1px solid var(--line)}.stats{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.section.alt{padding-left:5%;padding-right:5%}.process-visual{grid-template-columns:repeat(5,190px);overflow:auto}.industry-grid{grid-template-columns:1fr 1fr}.industry-grid span:nth-child(3n){border-right:1px solid var(--line)}}
@media(max-width:760px){.nav{padding:10px 5%}.brand img{width:125px}.nav nav{display:none;position:absolute;left:0;right:0;top:69px;padding:18px 5%;background:rgba(0,27,57,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.nav-cta{display:none}.menu{display:block}.hero{padding:45px 6% 60px}.hero h1{font-size:58px}.hero-slider{height:470px;min-height:0}.slide-caption{left:22px;right:22px;bottom:22px}.hero-badge{display:none}.section{padding:85px 6%}.cards-3,.split-list,.contact-details{grid-template-columns:1fr}.pillars,.stats{grid-template-columns:1fr}.pillar{border-right:0!important;border-top:1px solid var(--line)}.pillar:first-child{border-top:0}.steps-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr}.industry-grid span,.industry-grid span:nth-child(3n){border-right:0}.page-hero{padding:65px 6% 45px}.page-hero-media{height:360px}.method-photo{height:430px}.footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}.quote-band{padding:70px 6%}.banner-content{margin-left:6%;margin-right:6%}}

/* V6 navigation, logo and content enhancements */
.nav{height:68px;padding:5px 4.2%;gap:20px;background:linear-gradient(90deg,#ffffff 0%,#ffffff 15%,rgba(0,102,204,.97) 34%,rgba(0,45,91,.96) 62%,rgba(0,20,43,.96) 100%);border-bottom:1px solid rgba(87,221,230,.28);box-shadow:0 12px 38px rgba(0,15,40,.25)}
.brand{width:184px;height:56px;padding:3px 8px;border-radius:5px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.16);justify-content:center}
.brand img{width:168px;height:auto;display:block}
.main-nav{display:flex;align-items:center;gap:17px;margin-left:auto}
.nav nav a,.nav-cta{font-size:11px}
.nav nav a{padding:10px 0}
.nav-dropdown{position:relative;display:flex;align-items:center;height:100%}
.nav-dropdown>.nav-parent{display:flex;align-items:center;gap:5px}
.nav-parent span{font-size:13px;color:var(--aqua);transition:transform .2s}
.nav-dropdown:hover .nav-parent span{transform:rotate(180deg)}
.dropdown-panel{position:absolute;top:58px;left:50%;transform:translateX(-50%) translateY(8px);width:250px;padding:10px;background:rgba(0,28,59,.98);border:1px solid rgba(87,221,230,.32);border-radius:14px;box-shadow:0 24px 60px rgba(0,12,30,.45);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:.2s;display:grid;gap:2px;z-index:100}
.dropdown-panel:before{content:"";position:absolute;top:-7px;left:50%;width:13px;height:13px;background:#001d3d;border-left:1px solid rgba(87,221,230,.32);border-top:1px solid rgba(87,221,230,.32);transform:translateX(-50%) rotate(45deg)}
.dropdown-panel a{display:block!important;padding:10px 12px!important;border-radius:8px;color:#dff7fb!important;font-size:11px!important;letter-spacing:.03em!important;opacity:1!important}
.dropdown-panel a:after{display:none}
.dropdown-panel a:hover{background:linear-gradient(90deg,rgba(0,102,204,.35),rgba(3,187,207,.14));color:#fff!important}
.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.hero-badge{right:18px;top:9%;max-width:240px}
.hero-mini-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.hero-mini-links a{font-size:11px;text-decoration:none;color:#e4f9fc;border:1px solid rgba(87,221,230,.28);background:rgba(0,28,59,.45);padding:8px 11px;border-radius:999px;transition:.2s}
.hero-mini-links a:hover{background:rgba(3,187,207,.18);border-color:var(--aqua)}
.solution-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;margin-top:35px;align-items:stretch}
.feature-panel{border:1px solid var(--line);border-radius:20px;padding:35px;background:linear-gradient(145deg,rgba(0,102,204,.24),rgba(3,187,207,.12));display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}
.feature-panel strong{font-family:'Space Grotesk';font-size:24px;line-height:1.2;color:#fff}.feature-panel span{display:block;color:#bfeaf1;font-size:14px;margin-top:18px}
.rich-cards .info-card{min-height:100%}.capability-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.capability-strip span{padding:8px 11px;border:1px solid rgba(87,221,230,.2);border-radius:999px;background:rgba(0,31,64,.45);font-size:11px;color:#d6f1f5}.smart-grid>div{min-height:210px}.check-list{padding-left:18px;margin:18px 25px 0;color:#c8e9ef;font-size:13px}.check-list li{margin:7px 0}.card-body{padding:30px}.card-body .check-list{margin-left:0;margin-right:0}.career-apply{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.career-form{display:grid;gap:15px;padding:30px;border:1px solid var(--line);border-radius:20px;background:rgba(0,28,59,.48);box-shadow:var(--shadow)}.career-form label{font-size:11px;letter-spacing:.07em;color:#c6e5ee}.career-form input:not([type=checkbox]),.career-form textarea,.career-form select{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid rgba(87,221,230,.25);border-radius:10px;background:rgba(0,20,43,.62);color:#fff;font:inherit;outline:none}.career-form input[type=file]{padding:10px;background:rgba(0,20,43,.62)}.career-form input:focus,.career-form textarea:focus,.career-form select:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(87,221,230,.1)}.career-form select option{color:#111}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.career-form .consent{display:flex;gap:9px;align-items:flex-start;letter-spacing:0;font-size:11px;color:#b8dce6}.career-form .consent input{margin-top:3px;accent-color:#03bbcf}.career-form .btn{border:0;cursor:pointer}.career-form .status{min-height:20px}
@media(max-width:1100px){.nav{padding-left:3%;padding-right:3%}.main-nav{gap:11px}.nav-cta{display:none}.brand{width:170px}.brand img{width:156px}.solution-feature,.career-apply{grid-template-columns:1fr}.dropdown-panel{width:235px}}
@media(max-width:760px){.nav{height:64px;padding:4px 5%;background:linear-gradient(90deg,#fff 0%,#fff 38%,rgba(0,75,150,.97) 65%,rgba(0,25,52,.98) 100%)}.brand{width:158px;height:54px;padding:3px 6px}.brand img{width:145px}.main-nav{position:absolute;left:0;right:0;top:64px;display:none;margin:0;padding:15px 6%;background:rgba(0,27,57,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 64px);overflow:auto}.main-nav.open{display:flex}.nav-dropdown{display:block;height:auto}.nav-dropdown>.nav-parent,.main-nav>a{display:flex!important;justify-content:space-between;width:100%;padding:12px 0!important}.dropdown-panel{position:static;transform:none!important;width:100%;opacity:1;visibility:visible;display:grid;gap:0;padding:5px 0 10px 12px;background:rgba(0,15,35,.42);border:0;border-left:1px solid rgba(87,221,230,.22);border-radius:0;box-shadow:none}.dropdown-panel:before{display:none}.dropdown-panel a{padding:8px 10px!important}.hero-badge{display:none}.hero-mini-links{gap:6px}.hero-mini-links a{font-size:10px}.form-grid{grid-template-columns:1fr}}
.footer-brand img{width:230px;background:#fff;padding:6px 10px;border-radius:5px}
@media(max-width:760px){.footer-brand img{width:205px}}

/* V7 refinement: larger seamless logo, viewport-safe hero, motion tiles, industry mega-menu and modal */
.nav{height:72px;padding:4px 4.2%;gap:22px;background:linear-gradient(90deg,#fff 0%,#fff 16%,rgba(0,102,204,.98) 36%,rgba(0,45,91,.97) 63%,rgba(0,20,43,.98) 100%);box-shadow:0 10px 32px rgba(0,15,40,.24)}
.brand{width:236px;height:64px;padding:0;background:transparent;border-radius:0;box-shadow:none;justify-content:flex-start;overflow:hidden}.brand img{width:230px;height:auto;display:block;box-shadow:none;border-radius:0}.main-nav{gap:15px}.nav-dropdown{height:64px}.dropdown-panel{top:61px}.industry-menu{width:590px;grid-template-columns:1fr 1fr;gap:3px 6px;padding:12px}.industry-menu a{min-width:0}
.hero{height:calc(100svh - 72px);min-height:620px;padding:28px 4.5% 34px;gap:42px}.hero h1{font-size:clamp(50px,6.1vw,88px);margin:18px 0}.hero .lead{font-size:17px;line-height:1.48;max-width:610px}.hero-actions{margin-top:23px}.hero-slider{height:min(68svh,610px);min-height:0}.hero-badge{right:16px;top:8%;max-width:250px}
.process-visual div{padding:24px 20px;min-height:165px;transition:background .35s,transform .35s,box-shadow .35s}.process-visual div:hover{background:linear-gradient(145deg,rgba(0,102,204,.3),rgba(3,187,207,.15));transform:translateY(-5px);box-shadow:inset 0 0 0 1px rgba(87,221,230,.22)}.process-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(87,221,230,.38);border-radius:12px;background:rgba(3,187,207,.09);color:var(--aqua);font-style:normal;font-size:21px;margin-bottom:14px;transition:transform .4s,background .3s}.process-visual div:hover .process-icon{transform:rotate(8deg) scale(1.1);background:rgba(3,187,207,.18)}.process-visual span{margin-bottom:7px}
.pillar{position:relative;overflow:hidden;transform:translateY(0);transition:background .35s,transform .35s,box-shadow .35s,border-color .35s}.pillar:before{content:"";position:absolute;inset:auto -35% -55% auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(87,221,230,.24),transparent 68%);opacity:0;transition:.45s}.pillar:hover{background:linear-gradient(145deg,rgba(0,102,204,.46),rgba(3,187,207,.22));transform:translateY(-9px);box-shadow:0 22px 45px rgba(0,20,45,.32);border-color:rgba(87,221,230,.45)}.pillar:hover:before{opacity:1}.pillar-mark{position:absolute;right:22px;top:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--aqua);border:1px solid rgba(87,221,230,.3);background:rgba(0,28,59,.32);font-size:11px;transition:transform .45s,background .35s}.pillar:hover .pillar-mark{transform:rotate(180deg) scale(1.08);background:rgba(87,221,230,.13)}
.footer{align-items:start}.footer-brand-card{background:#fff;color:#003a73;border-radius:18px;padding:24px;box-shadow:0 18px 50px rgba(0,15,40,.24)}.footer-brand-card img{width:100%;max-width:330px;height:auto;display:block;margin-bottom:15px}.footer-brand-card p{max-width:440px;color:#174e7d;font-size:13px;margin:0 0 14px}.footer-brand-card .source-note{color:#567b96;max-width:460px}.footer-brand-card .source-note a{color:#0066cc}
.industry-grid .industry-tile{appearance:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:#d9eef4;text-align:left;font:inherit;padding:21px;cursor:pointer;min-height:90px;transition:background .3s,color .3s,transform .3s;position:relative}.industry-grid .industry-tile:nth-child(3n){border-right:0}.industry-tile span{display:block;margin-top:6px;font-size:10px;letter-spacing:.09em;color:var(--aqua);opacity:.75;transition:.25s}.industry-tile:hover{background:linear-gradient(135deg,rgba(0,102,204,.28),rgba(3,187,207,.14));color:#fff;transform:translateY(-2px)}.industry-tile:hover span{opacity:1}
.industry-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:30px}.industry-modal.open{display:flex}.industry-modal-backdrop{position:absolute;inset:0;background:rgba(0,10,25,.76);backdrop-filter:blur(8px)}.industry-modal-card{position:relative;z-index:1;width:min(760px,100%);max-height:min(80vh,760px);overflow:auto;padding:42px;border:1px solid rgba(87,221,230,.4);border-radius:24px;background:linear-gradient(145deg,#00366f,#001f43 72%,#002d5a);box-shadow:0 35px 100px rgba(0,0,0,.55);animation:modalIn .35s ease}.industry-modal-card h2{font-family:'Space Grotesk';font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.05em;margin:12px 0 20px}.industry-modal-card p{color:#c9e5ef;font-size:15px;line-height:1.7;margin:0 0 14px}.industry-modal-close{position:absolute;right:18px;top:15px;width:40px;height:40px;border:1px solid rgba(87,221,230,.3);border-radius:50%;background:rgba(0,20,43,.45);color:#fff;font-size:26px;cursor:pointer}.modal-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.modal-tech span{padding:9px 12px;border:1px solid rgba(87,221,230,.22);border-radius:999px;background:rgba(3,187,207,.08);color:#d8f6fa;font-size:11px}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.brand{width:205px}.brand img{width:200px}.industry-menu{width:520px}.hero{height:auto;min-height:0}.hero-slider{height:560px}.hero-badge{right:16px}}
@media(max-width:760px){.nav{height:64px;padding:4px 5%;background:linear-gradient(90deg,#fff 0%,#fff 40%,rgba(0,75,150,.97) 67%,rgba(0,25,52,.98) 100%)}.brand{width:188px;height:56px}.brand img{width:184px}.nav-dropdown{height:auto}.dropdown-panel.industry-menu{width:100%;grid-template-columns:1fr}.industry-menu a{white-space:normal}.hero{height:auto;min-height:0;padding:34px 6% 52px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero .lead{font-size:16px}.hero-slider{height:470px}.footer-brand-card{padding:20px}.footer-brand-card img{max-width:290px}.industry-grid .industry-tile,.industry-grid .industry-tile:nth-child(3n){border-right:0}.industry-modal{padding:16px}.industry-modal-card{padding:32px 24px 28px;max-height:88vh}}

/* V8 — executive motion refinements */
.nav{
  height:72px;
  padding:2px 4.2%;
  gap:20px;
  background:linear-gradient(90deg,#ffffff 0%,#ffffff 29%,#f7fcff 34%,#0066cc 48%,#004b96 67%,#00284f 100%);
  box-shadow:0 8px 30px rgba(0,18,48,.24);
}
.brand{width:300px;height:68px;padding:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible;display:flex;align-items:center}
.brand img{width:300px;height:auto;display:block;border-radius:0;box-shadow:none}
.main-nav{gap:13px}
.nav-dropdown{height:66px}
.nav nav a{font-size:11px}
.dropdown-panel{top:63px}

.hero{height:calc(100svh - 72px);min-height:0;padding:20px 4.5% 26px;grid-template-columns:.94fr 1.06fr;gap:38px}
.hero-copy{align-self:center}
.hero h1{font-size:clamp(48px,5.6vw,82px);margin:14px 0}
.hero .lead{font-size:16px;line-height:1.45;max-width:585px}
.hero-actions{margin-top:20px}
.hero-slider{height:min(64svh,570px);min-height:0}
.hero-badge{right:3.5%;top:7%;max-width:265px;padding:16px 19px}
.hero-badge em{display:block;margin-top:7px;color:#b9e8ef;font-size:11px;font-style:normal}
.hero-brands{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 8px}
.hero-brands strong,.hero-brands b{font-size:10px;letter-spacing:.14em;padding:6px 9px;border:1px solid rgba(87,221,230,.32);border-radius:999px;background:rgba(0,39,79,.35);color:#dffbff}
.hero-brands strong{font-size:14px;color:#fff;background:linear-gradient(90deg,#0066cc,#03bbcf)}

.brand-spotlight{max-width:var(--max);margin:auto;padding:80px 5%;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;background:radial-gradient(circle at 20% 30%,rgba(3,187,207,.12),transparent 40%)}
.brand-spotlight h2{font-family:'Space Grotesk';font-size:clamp(48px,7vw,100px);line-height:.84;letter-spacing:-.07em;margin:15px 0 0}
.brand-spotlight h2 strong{color:#fff}.brand-spotlight h2 span{color:var(--aqua)}
.brand-spotlight p{font-size:19px;line-height:1.55;color:#ccecf3;max-width:620px}

.brand-card{padding:34px 30px 32px!important;min-height:285px;display:flex;flex-direction:column;justify-content:flex-end}
.brand-card .brand-word{font-family:'Space Grotesk';font-weight:800;letter-spacing:.12em;color:var(--aqua);font-size:14px;margin-bottom:auto}
.brand-card h3{font-size:39px!important;margin:25px 0 10px!important}
.brand-card a{display:inline-block;margin:15px 25px 0;color:#dffbff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;transition:.25s}
.brand-card a:hover{color:var(--aqua);transform:translateX(5px)}

/* Animated service pillars */
.pillars{background:rgba(0,28,58,.36)}
.pillar{min-height:250px;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s,border-color .45s,box-shadow .45s}
.pillar:hover{transform:translateY(-12px) scale(1.015);background:linear-gradient(145deg,rgba(0,102,204,.52),rgba(3,187,207,.22));box-shadow:0 28px 60px rgba(0,10,30,.38)}
.pillar h3{transition:letter-spacing .4s,color .4s}.pillar:hover h3{letter-spacing:.05em;color:#fff}

/* Home industry motion */
.home-industry-grid .industry-tile{min-height:105px;overflow:hidden}
.home-industry-grid .industry-tile:before{content:"";position:absolute;inset:auto -25px -45px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(87,221,230,.26),transparent 68%);opacity:0;transform:scale(.65);transition:.45s}
.home-industry-grid .industry-tile:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 18px 36px rgba(0,10,30,.28);z-index:2}
.home-industry-grid .industry-tile:hover:before{opacity:1;transform:scale(1)}
.home-industry-grid .industry-tile span{transition:transform .3s,opacity .3s}.home-industry-grid .industry-tile:hover span{transform:translateX(6px)}

/* Verified/replaceable metrics */
.counter-band{padding:85px 5%;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;max-width:var(--max);margin:auto;align-items:center}
.counter-intro h2{font-family:'Space Grotesk';font-size:clamp(42px,5vw,70px);line-height:.95;letter-spacing:-.06em;margin:15px 0}
.counter-intro h2 span{color:var(--aqua)}.counter-intro p{color:#a9cfda;max-width:520px;font-size:13px;line-height:1.65}
.counter-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.counter{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(0,62,125,.45),rgba(3,187,207,.07));transition:.35s;position:relative;overflow:hidden}
.counter:after{content:"";position:absolute;width:120px;height:120px;right:-50px;bottom:-60px;border-radius:50%;background:radial-gradient(circle,rgba(87,221,230,.24),transparent 68%)}
.counter:hover{transform:translateY(-7px);border-color:rgba(87,221,230,.5);box-shadow:0 25px 50px rgba(0,12,35,.32)}
.counter strong{font-family:'Space Grotesk';font-size:48px;line-height:1;color:#fff;display:block;margin-bottom:12px}.counter span{font-size:10px;letter-spacing:.16em;color:var(--aqua);font-weight:800}

/* SuccessFactors / S/4HANA module systems */
.mega-brand{font-family:'Space Grotesk';font-size:clamp(38px,5vw,68px);font-weight:800;letter-spacing:-.06em;line-height:.9;margin:0 0 24px;color:#fff}.mega-brand span{color:var(--aqua)}
.smart-brand{margin:45px 0 0}.smart-brand span{color:#fff}
.section-subhead{margin-top:70px}.section-subhead h2{margin-top:10px}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}
.module-card{min-height:245px;padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(0,38,78,.72),rgba(0,87,150,.22));position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s,box-shadow .4s}
.module-card:before{content:"";position:absolute;width:150px;height:150px;right:-65px;bottom:-75px;border-radius:50%;background:radial-gradient(circle,rgba(87,221,230,.28),transparent 68%);opacity:0;transition:.45s}
.module-card:hover{transform:translateY(-10px) scale(1.015);background:linear-gradient(145deg,rgba(0,102,204,.52),rgba(3,187,207,.20));border-color:rgba(87,221,230,.55);box-shadow:0 25px 55px rgba(0,10,30,.34)}
.module-card:hover:before{opacity:1}
.module-card small{font-size:9px;letter-spacing:.16em;color:var(--aqua);font-weight:800}.module-card h3{font-family:'Space Grotesk';font-size:26px;line-height:1.05;margin:17px 0 10px}.module-card p{font-size:13px;color:#bcdde6;line-height:1.55;margin:0}.module-icon{width:42px;height:42px;border-radius:12px;border:1px solid rgba(87,221,230,.35);display:grid;place-items:center;color:var(--aqua);background:rgba(3,187,207,.08);margin-bottom:22px;transition:.45s}.module-card:hover .module-icon{transform:rotate(12deg) scale(1.12);background:rgba(87,221,230,.16)}

/* Leadership */
.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.leader-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(0,36,74,.8),rgba(0,86,145,.20));transition:.4s}.leader-card:hover{transform:translateY(-10px);border-color:rgba(87,221,230,.5);box-shadow:0 28px 60px rgba(0,12,35,.35)}
.leader-photo{height:330px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0066cc,#03bbcf)}.leader-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.05);transition:.6s}.leader-card:hover .leader-photo img{transform:scale(1.05);filter:saturate(.8)}.leader-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,30,62,.65),transparent 55%)}.leader-photo span{position:absolute;z-index:2;left:18px;bottom:15px;font-size:8px;letter-spacing:.15em;color:#eaffff;background:rgba(0,20,43,.55);padding:7px 9px;border-radius:999px;border:1px solid rgba(87,221,230,.25)}
.leader-copy{padding:27px}.leader-copy small{font-size:9px;letter-spacing:.16em;color:var(--aqua);font-weight:800}.leader-copy h3{font-family:'Space Grotesk';font-size:30px;margin:10px 0}.leader-copy p{color:#c5e4ec;font-size:13px;line-height:1.55}.leader-line{height:1px;background:var(--line);margin:20px 0}.leader-copy .leader-note{font-size:10px;color:#7faabd}

/* Footer gradient identity + digital network watermark */
.footer{position:relative;overflow:hidden;background:linear-gradient(105deg,#001c39 0%,#002b58 42%,#003e78 100%);z-index:1}
.footer-map{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:radial-gradient(circle at 8% 22%,#57dde6 0 1px,transparent 2px),radial-gradient(circle at 26% 60%,#57dde6 0 1px,transparent 2px),radial-gradient(circle at 48% 28%,#57dde6 0 1px,transparent 2px),radial-gradient(circle at 68% 64%,#57dde6 0 1px,transparent 2px),radial-gradient(circle at 88% 35%,#57dde6 0 1px,transparent 2px),linear-gradient(24deg,transparent 47%,rgba(87,221,230,.22) 48%,transparent 49%),linear-gradient(155deg,transparent 48%,rgba(87,221,230,.18) 49%,transparent 50%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(87,221,230,.055) 40px),repeating-linear-gradient(90deg,transparent 0 59px,rgba(87,221,230,.045) 60px);transform:scale(1.15);filter:blur(.2px)}
.footer-brand-card{background:linear-gradient(90deg,#fff 0%,#fff 52%,rgba(255,255,255,.92) 68%,rgba(255,255,255,.18) 94%,rgba(255,255,255,0) 100%);border-radius:0;box-shadow:none;padding:28px 55px 28px 0;min-height:180px}.footer-brand-card img{max-width:350px}.footer-brand-card p{color:#174e7d}.footer-brand-card .source-note{color:#567b96}

@media(max-width:1100px){.brand{width:245px}.brand img{width:245px}.nav{gap:10px}.main-nav{gap:9px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(46px,5.7vw,70px)}.brand-spotlight,.counter-band{grid-template-columns:1fr;gap:35px}.module-grid{grid-template-columns:repeat(2,1fr)}.leadership-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav{height:64px;padding:1px 5%;background:linear-gradient(90deg,#fff 0%,#fff 50%,#eefaff 58%,rgba(0,75,150,.98) 76%,rgba(0,25,52,.98) 100%)}.brand{width:205px;height:60px}.brand img{width:205px}.hero{height:auto;min-height:0;padding:30px 6% 45px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(46px,13vw,66px)}.hero-slider{height:450px}.hero-badge{position:absolute;right:5%;top:43%;max-width:235px}.hero-brands{gap:5px}.hero-brands strong,.hero-brands b{font-size:8px;padding:5px 7px}.brand-spotlight{padding:65px 6%}.brand-spotlight h2{font-size:clamp(48px,15vw,76px)}.module-grid,.leadership-grid{grid-template-columns:1fr}.counter-grid{grid-template-columns:1fr}.counter-band{padding:70px 6%}.footer-brand-card{padding:25px 30px 25px 0;background:linear-gradient(90deg,#fff 0%,#fff 55%,rgba(255,255,255,0) 100%)}.footer-brand-card img{max-width:285px}}


/* V9 — requested interaction, layout and visual refinements */
:root{--nav-h:86px}
.nav{height:var(--nav-h);padding:6px 4.2%;align-items:center;background:linear-gradient(90deg,#fff 0%,#fff 31%,#eef9ff 36%,#0066cc 50%,#004b96 69%,#00284f 100%)}
.brand{width:275px;height:74px;overflow:hidden;align-items:center;justify-content:flex-start;padding:5px 0}
.brand img{width:auto!important;height:62px!important;max-width:270px;object-fit:contain;object-position:left center;display:block}
.nav-dropdown{height:74px}.dropdown-panel{top:72px}

/* Full-bleed cinematic homepage hero */
.hero{max-width:none!important;height:calc(100svh - var(--nav-h));min-height:650px;padding:0!important;display:block;position:relative;overflow:hidden}
.hero-slider{position:absolute;inset:0;width:100%;height:100%!important;min-height:0!important;border:0;border-radius:0;box-shadow:none;z-index:0}
.hero-copy{position:relative;z-index:6;width:min(670px,48vw);height:100%;display:flex;flex-direction:column;justify-content:center;padding:55px 0 70px;margin-left:max(5%,calc((100% - var(--max))/2 + 5%))}
.hero .slide:after{background:linear-gradient(90deg,rgba(0,30,63,.98) 0%,rgba(0,47,96,.91) 27%,rgba(0,70,132,.48) 53%,rgba(0,20,45,.24) 78%,rgba(0,20,45,.52) 100%),linear-gradient(0deg,rgba(0,24,51,.74),transparent 55%)}
.hero .slide-caption{left:auto;right:5%;bottom:58px;width:min(520px,38vw);padding:22px 24px;background:rgba(0,31,65,.48);border:1px solid rgba(87,221,230,.28);backdrop-filter:blur(12px);border-radius:16px}
.hero .slide-caption h3{font-size:clamp(25px,3vw,42px)}
.hero .slider-ui{left:auto;right:5%;top:34px}.hero .slider-progress{left:50%;width:0}
.hero-badge{right:5%;top:17%;z-index:8}
.hero-brands{display:flex;gap:8px;flex-wrap:wrap}
.hero-brand-link{text-decoration:none;display:inline-flex;border-radius:999px;transition:transform .25s,box-shadow .25s,filter .25s}
.hero-brand-link:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.28);filter:brightness(1.15)}
.hero-brand-link strong,.hero-brand-link b{display:block;margin:0}

/* Circuit line-art texture behind homepage sections */
body.home-page main>section:not(.hero){position:relative;isolation:isolate;overflow:hidden}
body.home-page main>section:not(.hero):before{content:"";position:absolute;inset:0;z-index:-1;background-image:url('assets/circuit-pattern.svg');background-size:1200px auto;background-position:center 35%;background-repeat:repeat-x;opacity:.085;pointer-events:none;mix-blend-mode:screen}
body.home-page .section.alt:before{opacity:.11}

/* 8-stage method hover animation */
.step{position:relative;padding:21px 16px;border-radius:12px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s,box-shadow .35s}
.step:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(0,102,204,.0),rgba(87,221,230,.0));transition:.35s;z-index:-1}
.step:after{content:"";position:absolute;width:88px;height:88px;border:1px solid rgba(87,221,230,.28);border-radius:50%;right:-46px;top:50%;transform:translateY(-50%) scale(.55);opacity:0;transition:.45s}
.step:hover,.step:focus{transform:translateY(-6px) translateX(5px);background:rgba(0,76,148,.28);box-shadow:0 16px 35px rgba(0,12,35,.24);outline:none}
.step:hover:before,.step:focus:before{background:linear-gradient(125deg,rgba(0,102,204,.32),rgba(87,221,230,.08))}
.step:hover:after,.step:focus:after{opacity:1;transform:translateY(-50%) scale(1)}
.step .num{transition:transform .35s,color .35s,font-size .35s}.step:hover .num,.step:focus .num{transform:scale(1.28);color:#fff}
.step h3{transition:color .3s,letter-spacing .3s}.step:hover h3,.step:focus h3{color:var(--aqua);letter-spacing:.025em}

/* Circular measured experience */
.counter-band{position:relative;max-width:none;padding-left:max(5%,calc((100% - var(--max))/2 + 5%));padding-right:max(5%,calc((100% - var(--max))/2 + 5%));background:linear-gradient(115deg,rgba(0,28,60,.62),rgba(0,83,150,.24))}
.counter-grid{grid-template-columns:repeat(4,1fr);gap:22px;align-items:center}
.counter{padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:visible}
.counter:after{display:none}.counter:hover{transform:translateY(-8px);box-shadow:none}
.counter-ring{width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,rgba(0,35,74,.96) 0 57%,transparent 58%),conic-gradient(from 180deg,var(--aqua),#0b86e8,var(--aqua));box-shadow:0 0 0 8px rgba(87,221,230,.06),0 18px 45px rgba(0,15,40,.35);transition:transform .35s,box-shadow .35s}
.counter-ring:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.16);border-radius:50%}
.counter:hover .counter-ring{transform:scale(1.055) rotate(1deg);box-shadow:0 0 0 12px rgba(87,221,230,.08),0 24px 55px rgba(0,15,40,.42)}
.counter strong{font-size:50px;margin:0;color:#fff}.counter em{font-family:'Space Grotesk';font-size:13px;font-style:normal;color:var(--aqua);font-weight:700;margin-top:4px}.counter>span{margin-top:16px;max-width:160px;line-height:1.35}

/* Industry icons on home and Industries page */
.industry-tile{padding-right:78px!important}
.industry-tile:after{content:attr(data-icon);position:absolute;right:23px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:12px;border:1px solid rgba(87,221,230,.28);display:grid;place-items:center;font-size:22px;color:var(--aqua);background:rgba(3,187,207,.07);transition:transform .35s,background .35s,color .35s,box-shadow .35s}
.industry-tile:hover:after{transform:translateY(-50%) rotate(7deg) scale(1.12);background:linear-gradient(145deg,#0066cc,#03bbcf);color:#fff;box-shadow:0 10px 24px rgba(3,187,207,.22)}

/* Service 01-06 flip cards */
.split-list{perspective:1400px}
.service-flip{min-height:285px;perspective:1200px;background:transparent!important;border:0!important;padding:0!important}
.service-flip-inner{position:relative;width:100%;height:100%;min-height:285px;transition:transform .75s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.service-flip:hover .service-flip-inner,.service-flip:focus-within .service-flip-inner{transform:rotateY(180deg)}
.service-face{position:absolute;inset:0;padding:30px 28px;border:1px solid var(--line);border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.service-front{background:linear-gradient(145deg,rgba(0,37,76,.82),rgba(0,84,148,.34))}
.service-back{transform:rotateY(180deg);background:linear-gradient(145deg,#03bbcf 0%,#0066cc 48%,#003b78 100%);display:flex;flex-direction:column;justify-content:center;color:#fff}
.service-back p{color:#eaffff!important}.service-back a{color:#fff;font-weight:800;text-decoration:none;margin-top:14px}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(87,221,230,.12);border:1px solid rgba(87,221,230,.32);font-size:24px;color:var(--aqua);margin-bottom:24px}.service-back .service-icon{color:#003a73;background:#fff;border-color:#fff}

/* SAP-related visual imagery */
.solution-card-media{height:160px;margin:-34px -30px 25px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.solution-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08)}
.solution-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,40,82,.78),rgba(0,70,140,.1))}
.solution-card-media span{position:absolute;z-index:2;left:18px;bottom:14px;font-size:10px;letter-spacing:.14em;font-weight:800;background:rgba(0,30,62,.72);padding:7px 10px;border:1px solid rgba(87,221,230,.35);border-radius:999px}
.sap-visual{height:320px;margin:42px 0 55px;position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);box-shadow:0 24px 55px rgba(0,15,40,.28)}
.sap-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08)}
.sap-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,65,.82),transparent 58%),linear-gradient(0deg,rgba(0,31,65,.5),transparent 60%)}
.sap-visual-label{position:absolute;z-index:2;left:28px;bottom:24px;font-family:'Space Grotesk';font-size:22px;font-weight:700;color:#fff;border-left:3px solid var(--aqua);padding-left:14px}

/* Footer: full-height white pane left + world-map background */
.footer{background:linear-gradient(110deg,#001a36 0%,#002a55 43%,#003e78 100%);padding-top:70px;min-height:330px}
.footer-map{background-image:url('assets/world-map-network.svg');background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.30;transform:none;filter:none}
.footer-brand-card{align-self:stretch;grid-row:1 / span 2;margin:-70px 0 -28px -5.25vw;padding:70px 48px 42px 5.25vw;background:#fff!important;min-height:calc(100% + 98px);border-right:1px solid rgba(0,102,204,.16);display:flex;flex-direction:column;justify-content:center}
.footer-brand-card img{width:100%;max-width:340px;margin-bottom:20px}.footer-brand-card p{font-size:14px;line-height:1.6}.footer-brand-card .source-note{margin-top:10px}
.footer .copyright{grid-column:2/-1;margin-top:25px}

@media(max-width:1180px){
 .nav{height:78px}.brand{width:225px;height:68px}.brand img{height:54px!important;max-width:220px}.nav-dropdown{height:66px}.dropdown-panel{top:64px}
 .hero{height:calc(100svh - 78px);min-height:610px}.hero-copy{width:52vw}.counter-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 :root{--nav-h:68px}.nav{height:68px;padding:4px 5%;background:linear-gradient(90deg,#fff 0%,#fff 62%,#e9f8ff 70%,#0066cc 100%)}.brand{width:190px;height:60px;padding:4px 0}.brand img{height:48px!important;max-width:188px}.main-nav{top:68px}
 .hero{height:auto;min-height:720px}.hero-copy{width:auto;height:auto;min-height:720px;margin:0;padding:75px 6% 250px}.hero .slide-caption{left:6%;right:6%;bottom:36px;width:auto}.hero-badge{display:none}.hero .slider-ui{right:6%}
 .counter-grid{grid-template-columns:1fr}.counter-ring{width:160px;height:160px}
 .service-flip{min-height:300px}.service-flip-inner{min-height:300px}
 .footer{grid-template-columns:1fr;padding-top:0}.footer-brand-card{grid-row:auto;margin:0 -6vw 20px;padding:50px 6vw;background:#fff!important;min-height:0}.footer .copyright{grid-column:1;margin-top:20px}
}

/* V10 — logo, darker header, interactive brands, creative methodology, animated counters, Trestle Difference */
:root{--nav-h:98px}
.nav{
  height:var(--nav-h);
  padding:5px 4.2%;
  background:linear-gradient(90deg,#fff 0%,#fff 24%,#edf8ff 28%,#004b96 36%,#003b78 54%,#00264f 75%,#00172f 100%);
  box-shadow:0 12px 34px rgba(0,12,28,.28);
}
.brand{width:325px;height:88px;padding:4px 0;overflow:visible}
.brand img{height:78px!important;max-width:320px!important;width:auto!important;object-fit:contain;object-position:left center}
.nav-dropdown{height:86px}.dropdown-panel{top:84px}

/* Platform pills become visibly active on interaction */
.hero-brand-link{border:1px solid transparent;position:relative;overflow:hidden}
.hero-brand-link strong,.hero-brand-link b{
  transition:background .28s,color .28s,border-color .28s,box-shadow .28s,transform .28s;
}
.hero-brand-link:hover,.hero-brand-link:focus-visible{
  transform:translateY(-4px) scale(1.035);
  box-shadow:0 12px 30px rgba(0,0,0,.30),0 0 0 2px rgba(87,221,230,.28);
  outline:none;
}
.hero-brand-link:hover strong,.hero-brand-link:focus-visible strong,
.hero-brand-link:hover b,.hero-brand-link:focus-visible b{
  color:#002a55!important;
  background:linear-gradient(100deg,#8ef4ff 0%,#57dde6 42%,#dffcff 100%)!important;
  border-color:#bffaff!important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.6);
}

/* Method image becomes a living technology portal rather than a static frame */
.method-photo{
  height:680px;
  position:relative;
  border:0;
  border-radius:0;
  clip-path:polygon(7% 0,100% 0,100% 93%,93% 100%,0 100%,0 7%);
  background:linear-gradient(145deg,#0066cc,#03bbcf,#002f61);
  padding:2px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,15,40,.38),0 0 0 1px rgba(87,221,230,.08);
  animation:methodPortalPulse 6s ease-in-out infinite;
}
.method-photo img{
  width:100%;height:100%;object-fit:cover;
  clip-path:inherit;
  filter:saturate(.72) contrast(1.06) brightness(.78);
  transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .7s;
}
.method-photo:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 42%,rgba(87,221,230,.22) 48%,transparent 54%) -120% 0/220% 100% no-repeat,
    url('assets/circuit-pattern.svg') center/950px auto repeat;
  opacity:.42;
  animation:methodScan 5.8s linear infinite;
}
.method-photo:after{
  content:"PROCESS  →  SOP  →  TECHNOLOGY  →  ROI";
  position:absolute;z-index:3;left:26px;bottom:24px;
  padding:10px 14px;border:1px solid rgba(120,240,255,.55);border-radius:999px;
  background:rgba(0,29,61,.72);backdrop-filter:blur(9px);
  color:#dffcff;font-size:9px;font-weight:800;letter-spacing:.14em;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.method-photo:hover img{transform:scale(1.055);filter:saturate(.9) contrast(1.08) brightness(.87)}
@keyframes methodScan{0%{background-position:-120% 0,center}100%{background-position:120% 0,center}}
@keyframes methodPortalPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(87,221,230,0))}50%{filter:drop-shadow(0 0 12px rgba(87,221,230,.2))}}

/* Thin continuously animated counter rings; hover flips to light opposite state */
.counter{perspective:900px}
.counter-ring{
  width:172px;height:172px;
  background:rgba(0,35,74,.88);
  border:2px solid rgba(87,221,230,.78);
  box-shadow:0 18px 44px rgba(0,15,40,.32),inset 0 0 28px rgba(3,187,207,.07);
  transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.2,.75,.2,1),background .45s,border-color .45s,box-shadow .45s;
}
.counter-ring:before{
  content:"";position:absolute;inset:-8px;border-radius:50%;
  border:1px solid rgba(87,221,230,.18);
  border-top-color:#7ef5ff;border-right-color:rgba(0,102,204,.65);
  animation:counterOrbit 4.8s linear infinite;
}
.counter-ring:after{
  content:"";position:absolute;width:8px;height:8px;border-radius:50%;
  background:#7ef5ff;top:-5px;left:50%;margin-left:-4px;
  box-shadow:0 0 14px #57dde6,0 0 28px rgba(87,221,230,.55);
  animation:counterDot 2.4s ease-in-out infinite alternate;
}
.counter strong,.counter em{transition:transform .65s cubic-bezier(.2,.75,.2,1),color .35s}
.counter:hover .counter-ring{
  transform:rotateY(180deg) scale(1.06);
  background:linear-gradient(145deg,#dffcff,#7ceaf2);
  border-color:#fff;
  box-shadow:0 22px 50px rgba(0,15,40,.38),0 0 30px rgba(87,221,230,.26);
}
.counter:hover .counter-ring strong,.counter:hover .counter-ring em{
  transform:rotateY(-180deg);
  color:#003a73;
}
@keyframes counterOrbit{to{transform:rotate(360deg)}}
@keyframes counterDot{from{opacity:.55;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}

/* Force industry icon glyphs to use the same non-emoji visual system */
.industry-tile:after{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:700;color:var(--aqua)!important}
.industry-tile:hover:after{color:#fff!important}

/* Story presentation */
.story-section{background:linear-gradient(135deg,rgba(0,42,86,.58),rgba(0,83,150,.16))}
.story-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start;margin-top:22px}
.story-grid h2{font-family:'Space Grotesk';font-size:clamp(42px,5vw,72px);line-height:.96;letter-spacing:-.045em;margin:0}
.story-grid h2 span{color:var(--aqua)}
.story-narrative{position:relative;padding:32px 34px;border-left:1px solid rgba(87,221,230,.5);background:linear-gradient(120deg,rgba(0,87,163,.16),rgba(3,187,207,.035))}
.story-narrative:before{content:"";position:absolute;left:-5px;top:28px;width:9px;height:9px;border-radius:50%;background:var(--aqua);box-shadow:0 0 18px rgba(87,221,230,.8)}
.story-narrative p{font-size:17px;line-height:1.72;color:#cce7ef;margin:0 0 20px}
.story-narrative .story-closing{font-family:'Space Grotesk';font-size:22px;font-weight:700;color:#fff;margin-bottom:0}

/* The Trestle Difference — continuous motion + hover response */
.difference-section{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(3,187,207,.12),transparent 34%)}
.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.difference-card{position:relative;min-height:355px;padding:34px 30px;border:1px solid rgba(87,221,230,.18);border-radius:22px;background:linear-gradient(145deg,rgba(0,39,80,.9),rgba(0,76,140,.28));overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s,background .4s;animation:differenceFloat 7s ease-in-out infinite}
.difference-card:nth-child(2){animation-delay:-2.3s}.difference-card:nth-child(3){animation-delay:-4.6s}
.difference-card:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent 0 72%,rgba(87,221,230,.12) 80%,transparent 88%);animation:differenceSweep 10s linear infinite;pointer-events:none}
.difference-card:hover{transform:translateY(-12px) scale(1.025);border-color:rgba(126,245,255,.75);background:linear-gradient(145deg,rgba(0,102,204,.66),rgba(3,187,207,.20));box-shadow:0 28px 60px rgba(0,12,35,.35),0 0 28px rgba(87,221,230,.12)}
.difference-card h3{position:relative;font-family:'Space Grotesk';font-size:32px;line-height:1.02;margin:28px 0 18px;color:#fff}
.difference-card p{position:relative;color:#cce7ef;line-height:1.65;margin:0}
.difference-orbit{position:relative;width:66px;height:66px;border:1px solid rgba(87,221,230,.45);border-radius:50%;display:grid;place-items:center;color:var(--aqua);font-family:'Space Grotesk';font-weight:800}
.difference-orbit:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid transparent;border-top-color:rgba(126,245,255,.8);animation:counterOrbit 5s linear infinite}
.difference-quote{margin-top:34px;padding:24px 0;border-top:1px solid rgba(87,221,230,.16);font-family:'Space Grotesk';font-size:clamp(25px,3vw,42px);color:#dff9ff}.difference-quote strong{color:var(--aqua)}
@keyframes differenceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes differenceSweep{to{transform:rotate(360deg)}}

/* Footer identity pane now gets its own subtle world-map texture */
.footer-brand-card{position:relative;overflow:hidden;isolation:isolate}
.footer-brand-card:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/world-map-network.svg') center/cover no-repeat;opacity:.10;filter:saturate(.7)}
.footer-brand-card:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(145deg,#fff 0%,#f5fbff 100%)}

@media(max-width:1180px){
  :root{--nav-h:86px}.nav{height:86px;background:linear-gradient(90deg,#fff 0%,#fff 24%,#eaf7ff 30%,#004b96 41%,#002b58 68%,#00172f 100%)}
  .brand{width:255px;height:76px}.brand img{height:66px!important;max-width:252px!important}.nav-dropdown{height:74px}.dropdown-panel{top:72px}
  .hero{height:calc(100svh - 86px)}
  .story-grid{grid-template-columns:1fr;gap:28px}.difference-grid{grid-template-columns:1fr 1fr}.difference-card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  :root{--nav-h:72px}.nav{height:72px;padding:3px 5%;background:linear-gradient(90deg,#fff 0%,#fff 56%,#dff5ff 63%,#004b96 78%,#00234a 100%)}
  .brand{width:210px;height:66px}.brand img{height:56px!important;max-width:208px!important}.main-nav{top:72px}
  .method-photo{height:470px}.difference-grid{grid-template-columns:1fr}.difference-card:last-child{grid-column:auto}.difference-card{min-height:300px}
  .story-narrative{padding:26px 22px}.counter-ring{width:158px;height:158px}
}

/* ============================== V11 visual refinement pass ============================== */
:root{--nav-h:98px}
.nav{
  height:var(--nav-h);
  padding:5px 4.2%;
  background:linear-gradient(90deg,
    #ffffff 0%,#ffffff 17%,#f8fcff 20%,#e8f6ff 23%,
    #b9dcf6 26%,#6fb3e7 29%,#267cc5 33%,#0759a6 38%,
    #034882 46%,#023968 59%,#012b53 74%,#001d3b 88%,#00162f 100%);
  border-bottom:1px solid rgba(87,221,230,.28);
  box-shadow:0 10px 34px rgba(0,13,35,.30)
}
.brand{width:282px;height:88px;padding:2px 0;background:transparent!important;box-shadow:none!important;border-radius:0;overflow:visible}
.brand img{width:278px!important;height:76px!important;max-width:278px!important;object-fit:contain;display:block;filter:drop-shadow(0 4px 10px rgba(0,48,92,.10))}
.nav-dropdown{height:88px}.dropdown-panel{top:84px}

/* platform logo usage */
.hero-brands{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.hero-brand-link.logo-chip{height:42px;min-width:116px;padding:6px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(1,32,66,.64);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease;overflow:hidden}
.hero-brand-link.logo-chip img{display:block;max-width:160px;width:auto;height:29px;object-fit:contain;transition:filter .28s ease,transform .28s ease}
.hero-brand-link.logo-chip:hover,.hero-brand-link.logo-chip:focus-visible{transform:translateY(-4px) scale(1.045);background:linear-gradient(120deg,#0b72c9,#07b8c8);border-color:#b8fbff;box-shadow:0 10px 28px rgba(0,15,40,.32),0 0 22px rgba(87,221,230,.28)}
.hero-brand-link.logo-chip:hover img,.hero-brand-link.logo-chip:focus-visible img{filter:brightness(1.16) saturate(1.18);transform:scale(1.03)}
.platform-logo-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;align-items:center}
.platform-logo-row img{height:42px;width:auto;max-width:220px;filter:drop-shadow(0 8px 18px rgba(0,15,40,.18));opacity:.95}
.solution-brand-stack{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.solution-brand-stack img{height:44px;width:auto;max-width:230px}
.mega-brand img{height:58px;width:auto;max-width:min(100%,360px)}
.solution-card-media span{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:8px 11px!important;min-height:42px}
.solution-card-media span img{height:27px!important;width:auto!important;max-width:180px!important;object-fit:contain!important;filter:none!important;transform:none!important}

/* Rotating Trestle Difference hero object */
.hero-difference-orb{width:300px;min-height:178px;right:4%;top:12%;padding:30px 31px 26px;border-radius:44% 56% 49% 51% / 52% 45% 55% 48%;background:radial-gradient(circle at 35% 25%,rgba(11,128,217,.42),rgba(0,34,70,.90) 58%,rgba(0,23,49,.94));border:1px solid rgba(125,240,255,.48);overflow:visible;animation:diffOrbFloat 5.4s ease-in-out infinite;box-shadow:0 24px 55px rgba(0,13,35,.42),inset 0 0 34px rgba(3,187,207,.08)}
.hero-difference-orb:before{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid transparent;border-top-color:#7ef5ff;border-left-color:rgba(3,187,207,.6);clip-path:inset(0 0 48% 0);animation:semiOrbit 5.6s linear infinite;filter:drop-shadow(0 0 8px rgba(87,221,230,.6));pointer-events:none}
.hero-difference-orb:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px dashed rgba(120,235,255,.28);clip-path:inset(49% 0 0 0);animation:semiOrbitReverse 8s linear infinite;pointer-events:none}
.hero-difference-orb .difference-kicker{display:block;font-size:10px;letter-spacing:.16em;color:#a8edf5;margin-bottom:12px;font-weight:800}
.hero-difference-orb .difference-rotating-title{display:block;font-family:'Space Grotesk';font-size:25px;line-height:1.02;max-width:220px;color:#fff;transition:opacity .3s,transform .3s}
.hero-difference-orb .difference-rotating-copy{display:block;margin-top:12px;font-size:12px;line-height:1.45;color:#c7edf3;font-style:normal;max-width:225px;transition:opacity .3s,transform .3s}
.hero-difference-orb.changing .difference-rotating-title,.hero-difference-orb.changing .difference-rotating-copy{opacity:0;transform:translateY(6px)}
@keyframes semiOrbit{to{transform:rotate(360deg)}}
@keyframes semiOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes diffOrbFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-10px) rotate(.7deg)}}

/* Make ENTERPRISE PLATFORMS and THE TRESTLE APPROACH visibly distinct */
.brand-spotlight{position:relative;isolation:isolate;background:
 linear-gradient(112deg,#0b5fa8 0%,#064f91 26%,#073f77 56%,#042d58 100%)!important;
 border-top:1px solid rgba(120,235,255,.18);border-bottom:1px solid rgba(120,235,255,.18);overflow:hidden}
.brand-spotlight:before{content:"";position:absolute;inset:-25%;z-index:-1;background:
 radial-gradient(circle at 17% 35%,rgba(116,233,255,.18),transparent 24%),
 linear-gradient(135deg,transparent 0 40%,rgba(255,255,255,.035) 40.5% 41%,transparent 41.5% 100%);background-size:auto,70px 70px;animation:platformDrift 18s linear infinite}
.brand-spotlight:after{content:"";position:absolute;right:-6%;top:-70%;width:40%;height:220%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(87,221,230,.10),transparent);transform:rotate(18deg);animation:platformSweep 9s ease-in-out infinite}
#approach{position:relative;isolation:isolate;background:linear-gradient(180deg,#001b38 0%,#00284f 48%,#001d3b 100%)}
#approach:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/circuit-pattern.svg') center/620px repeat;opacity:.13;mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 83%,transparent)}
@keyframes platformDrift{to{background-position:0 0,140px 70px}}
@keyframes platformSweep{0%,100%{transform:translateX(-35%) rotate(18deg);opacity:.2}50%{transform:translateX(55%) rotate(18deg);opacity:.7}}

/* Trestle approach icons: perpetual partial orbit + rotating focus light */
.process-visual>div{overflow:hidden;isolation:isolate;background:linear-gradient(145deg,rgba(0,40,82,.90),rgba(0,73,129,.35))}
.process-visual>div:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;background:conic-gradient(from 0deg,transparent 0 60%,rgba(72,225,242,.18) 72%,transparent 88%);filter:blur(7px);animation:processFocus 8s linear infinite}
.process-visual>div:nth-child(2):before{animation-delay:-1.6s}.process-visual>div:nth-child(3):before{animation-delay:-3.2s}.process-visual>div:nth-child(4):before{animation-delay:-4.8s}.process-visual>div:nth-child(5):before{animation-delay:-6.4s}
.process-icon{position:relative;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(126,245,255,.38);border-radius:13px;color:#b9f7ff;background:rgba(4,104,186,.20);font-style:normal;font-size:22px;margin:0 0 13px;box-shadow:inset 0 0 18px rgba(3,187,207,.05)}
.process-icon:after{content:"";position:absolute;inset:-8px;border-radius:16px;border:2px solid transparent;border-top-color:#7ef5ff;border-right-color:rgba(3,187,207,.52);animation:processOrbit 4.2s linear infinite;filter:drop-shadow(0 0 5px rgba(87,221,230,.35))}
.process-visual>div:nth-child(even) .process-icon:after{animation-direction:reverse;animation-duration:5.1s}
@keyframes processOrbit{to{transform:rotate(360deg)}}
@keyframes processFocus{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Section 02: continuously animated solution tiles */
#home-solutions .brand-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(0,37,76,.95),rgba(0,73,132,.68));border-color:rgba(87,221,230,.22)}
#home-solutions .brand-card:before{content:"";position:absolute;inset:-70%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 70%,rgba(87,221,230,.12) 78%,transparent 86%);animation:solutionSpin 13s linear infinite}
#home-solutions .brand-card:after{content:"";position:absolute;left:-50%;top:0;width:32%;height:100%;z-index:2;background:linear-gradient(90deg,transparent,rgba(213,250,255,.10),transparent);transform:skewX(-16deg);animation:solutionScan 7.5s ease-in-out infinite;pointer-events:none}
#home-solutions .brand-card:nth-child(2):before{animation-delay:-4.3s}#home-solutions .brand-card:nth-child(3):before{animation-delay:-8.6s}
#home-solutions .brand-card:nth-child(2):after{animation-delay:-2.5s}#home-solutions .brand-card:nth-child(3):after{animation-delay:-5s}
#home-solutions .brand-card:hover{border-color:rgba(126,245,255,.72);box-shadow:0 25px 55px rgba(0,10,30,.32),0 0 26px rgba(87,221,230,.12)}
#home-solutions .brand-card .solution-card-media img{transition:transform 7s ease,filter .5s ease;transform:scale(1.02)}
#home-solutions .brand-card:hover .solution-card-media>img{transform:scale(1.08);filter:saturate(1.05) contrast(1.05)}
@keyframes solutionSpin{to{transform:rotate(360deg)}}
@keyframes solutionScan{0%,15%{left:-50%;opacity:0}35%,55%{opacity:1}78%,100%{left:125%;opacity:0}}

/* Section 03: lifecycle tiles with perpetual subtle energy */
#what-we-do .pillar{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(0,30,62,.88),rgba(0,57,105,.46));animation:pillarBreath 6.5s ease-in-out infinite}
#what-we-do .pillar:nth-child(2){animation-delay:-1.6s}#what-we-do .pillar:nth-child(3){animation-delay:-3.2s}#what-we-do .pillar:nth-child(4){animation-delay:-4.8s}
#what-we-do .pillar:before{content:"";position:absolute;inset:-80%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 75%,rgba(3,187,207,.10) 82%,transparent 89%);animation:pillarSpin 12s linear infinite}
#what-we-do .pillar:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#7ef5ff;box-shadow:0 0 13px #57dde6;top:16px;left:18px;animation:pillarNode 5s ease-in-out infinite}
#what-we-do .pillar:nth-child(2):after{animation-delay:-1.25s}#what-we-do .pillar:nth-child(3):after{animation-delay:-2.5s}#what-we-do .pillar:nth-child(4):after{animation-delay:-3.75s}
#what-we-do .pillar:hover{background:linear-gradient(145deg,rgba(0,94,172,.65),rgba(3,187,207,.18));transform:translateY(-7px)}
@keyframes pillarBreath{0%,100%{box-shadow:inset 0 0 0 rgba(87,221,230,0)}50%{box-shadow:inset 0 0 38px rgba(87,221,230,.055)}}
@keyframes pillarSpin{to{transform:rotate(360deg)}}
@keyframes pillarNode{0%,100%{transform:translate(0,0);opacity:.45}25%{transform:translate(115px,0);opacity:1}50%{transform:translate(115px,145px);opacity:.55}75%{transform:translate(0,145px);opacity:.9}}

/* Section 04 image: more modern tech framing and motion */
.method-photo{position:relative;border-radius:30px 10px 30px 10px!important;overflow:hidden;border:1px solid rgba(126,245,255,.35)!important;box-shadow:0 30px 70px rgba(0,13,35,.34),0 0 28px rgba(3,187,207,.08)!important;clip-path:polygon(0 0,93% 0,100% 8%,100% 100%,7% 100%,0 92%)}
.method-photo img{filter:saturate(.72) hue-rotate(3deg) contrast(1.12) brightness(.77)!important;transform:scale(1.04);animation:methodImageMove 12s ease-in-out infinite alternate}
.method-photo:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(0,51,98,.18),rgba(0,17,39,.08) 50%,rgba(3,187,207,.16)),radial-gradient(circle at 85% 15%,rgba(87,221,230,.22),transparent 25%);pointer-events:none}
.method-photo:after{content:"";position:absolute;inset:10px;z-index:3;border:1px solid rgba(126,245,255,.23);clip-path:polygon(0 0,32% 0,32% 1px,0 1px,0 34%,1px 34%,1px 1px,99% 1px,99% 28%,100% 28%,100% 0);animation:methodFramePulse 4.2s ease-in-out infinite;pointer-events:none}
@keyframes methodImageMove{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.10) translate3d(-1.6%,1%,0)}}
@keyframes methodFramePulse{0%,100%{opacity:.45;filter:drop-shadow(0 0 3px rgba(87,221,230,.1))}50%{opacity:1;filter:drop-shadow(0 0 11px rgba(87,221,230,.5))}}

/* Section 05: subtle perpetual tile motion */
.home-industry-grid .industry-tile{background:linear-gradient(110deg,rgba(0,34,70,.88) 0%,rgba(0,58,108,.62) 34%,rgba(0,86,151,.52) 50%,rgba(0,58,108,.62) 66%,rgba(0,34,70,.88) 100%);background-size:260% 100%;animation:industryFlow 9s ease-in-out infinite,borderPulse 5.5s ease-in-out infinite}
.home-industry-grid .industry-tile:nth-child(3n+2){animation-delay:-2.8s}.home-industry-grid .industry-tile:nth-child(3n){animation-delay:-5.4s}
.home-industry-grid .industry-tile:after{animation:industryIconFloat 4.5s ease-in-out infinite}
.home-industry-grid .industry-tile:nth-child(even):after{animation-delay:-2.1s}
@keyframes industryFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes borderPulse{0%,100%{border-color:rgba(87,221,230,.14)}50%{border-color:rgba(87,221,230,.34)}}
@keyframes industryIconFloat{0%,100%{margin-top:0;box-shadow:0 0 0 rgba(87,221,230,0)}50%{margin-top:-4px;box-shadow:0 0 18px rgba(87,221,230,.14)}}
.home-industry-grid .industry-tile:hover:after{animation-play-state:paused}

/* Footer: remove white block; use a blended, light-to-deep identity panel with transparent logo */
.footer{background:linear-gradient(120deg,#062e59 0%,#05284e 38%,#031f3f 66%,#001a35 100%)!important}
.footer-brand-card{position:relative;isolation:isolate;background:linear-gradient(115deg,rgba(238,249,255,.98) 0%,rgba(207,235,252,.94) 36%,rgba(55,139,202,.42) 74%,rgba(4,45,85,.08) 100%)!important;border-right:1px solid rgba(126,220,245,.18)!important;overflow:hidden}
.footer-brand-card:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/circuit-pattern.svg') center/520px repeat,radial-gradient(circle at 16% 70%,rgba(255,255,255,.7),transparent 32%);opacity:.16!important;filter:none!important}
.footer-brand-card:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(112deg,rgba(255,255,255,.54),rgba(76,163,220,.10) 68%,rgba(0,36,72,.02))!important}
.footer-brand-card img{background:transparent!important;mix-blend-mode:multiply;filter:drop-shadow(0 5px 12px rgba(0,51,102,.10));max-width:365px}
.footer-brand-card p{color:#123f69!important}.footer-brand-card .source-note{color:#4c6d86!important}

@media(max-width:1180px){
  :root{--nav-h:88px}.nav{height:88px;background:linear-gradient(90deg,#fff 0%,#fff 20%,#edf8ff 25%,#7cb8e5 30%,#0a5ba8 38%,#033f75 55%,#00264c 78%,#00172f 100%)}
  .brand{width:255px;height:80px}.brand img{width:250px!important;height:69px!important;max-width:250px!important}.nav-dropdown{height:76px}.dropdown-panel{top:73px}
  .hero-difference-orb{right:2.5%;top:11%;width:270px}
}
@media(max-width:760px){
  :root{--nav-h:74px}.nav{height:74px;padding:3px 5%;background:linear-gradient(90deg,#fff 0%,#fff 48%,#e6f5ff 55%,#3d8dce 67%,#064d8f 82%,#00264d 100%)}
  .brand{width:215px;height:67px}.brand img{width:210px!important;height:58px!important;max-width:210px!important}.main-nav{top:74px}
  .hero-difference-orb{display:none}.platform-logo-row{gap:10px}.platform-logo-row img{height:34px}.solution-brand-stack img{height:35px}.mega-brand img{height:45px}
  .process-visual>div{min-height:158px}.process-icon{width:44px;height:44px}
  .footer-brand-card{margin:0 -6vw 18px;padding:46px 6vw;background:linear-gradient(135deg,rgba(240,250,255,.98),rgba(167,216,244,.82) 65%,rgba(24,101,160,.28))!important}
}

.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.status.error{color:#ffb1b1}.status{margin-top:12px;min-height:1.4em}.btn:disabled{opacity:.65;cursor:wait}


/* V13 fix pack */

/* Ticker single-line continuous loop */
.marquee{position:relative;overflow:hidden}
.marquee-track{display:flex;align-items:center;gap:0;width:max-content;animation:marqueeLoop 28s linear infinite !important;padding:15px 0}
.marquee-group{display:flex;align-items:center;white-space:nowrap;flex-shrink:0;padding-right:34px;line-height:1}
@keyframes marqueeLoop{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Full width home sections */
.home-page .brand-spotlight,
.home-page .section,
.home-page .section.alt,
.home-page .counter-band,
.home-page .quote-band{max-width:none !important;width:100%;margin:0;padding-left:5.25%;padding-right:5.25%}
.home-page .section.alt{background:linear-gradient(135deg,rgba(0,31,65,.58),rgba(3,187,207,.08)) !important}
.home-page .brand-spotlight{background:linear-gradient(135deg,rgba(0,92,172,.32),rgba(0,54,111,.14) 45%,rgba(0,37,78,.08) 100%),radial-gradient(circle at 18% 22%,rgba(87,221,230,.15),transparent 30%) !important;border-top:1px solid rgba(87,221,230,.16);border-bottom:1px solid rgba(87,221,230,.12)}
.home-page #approach{background:linear-gradient(135deg,rgba(0,23,50,.82),rgba(0,43,88,.72) 55%,rgba(0,28,59,.84) 100%) !important}
.home-page #what-we-do{background:linear-gradient(135deg,rgba(0,37,75,.34),rgba(0,24,50,.18))}
.home-page #industries{background:linear-gradient(135deg,rgba(0,23,50,.76),rgba(0,46,90,.72));border-top:1px solid rgba(87,221,230,.12);border-bottom:1px solid rgba(87,221,230,.12)}
.home-page .counter-band{background:linear-gradient(135deg,rgba(0,27,56,.65),rgba(0,49,92,.48))}
.home-page .quote-band{max-width:none}

/* Better hero difference shape */
.hero-difference-orb{right:4.5% !important;top:12.5% !important;width:280px !important;min-height:168px !important;padding:26px 28px 24px !important;border-radius:34px !important;background:radial-gradient(circle at 30% 18%,rgba(46,152,233,.28),transparent 34%),linear-gradient(145deg,rgba(8,85,149,.96),rgba(0,44,86,.97)) !important;border:1px solid rgba(180,245,255,.28) !important;box-shadow:0 28px 70px rgba(0,9,28,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;overflow:visible;isolation:isolate}
.hero-difference-orb:before,.hero-difference-orb:after{display:none !important}
.hero-difference-orb .difference-kicker,.hero-difference-orb .difference-rotating-title{position:relative;z-index:2}
.cross-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.34);border-radius:50%;pointer-events:none;z-index:1;transform-origin:center center;filter:drop-shadow(0 0 8px rgba(255,255,255,.09))}
.cross-orbit-a{width:132%;height:72%;transform:translate(-50%,-50%) rotate(22deg);animation:orbSpinA 9s linear infinite}
.cross-orbit-b{width:132%;height:72%;transform:translate(-50%,-50%) rotate(-22deg);animation:orbSpinB 11s linear infinite}
@keyframes orbSpinA{from{transform:translate(-50%,-50%) rotate(22deg)}to{transform:translate(-50%,-50%) rotate(382deg)}}
@keyframes orbSpinB{from{transform:translate(-50%,-50%) rotate(-22deg)}to{transform:translate(-50%,-50%) rotate(-382deg)}}

/* Methodology image becomes corporate and elegant */
.method-photo{background:linear-gradient(145deg,rgba(0,57,108,.95),rgba(0,29,59,.98)) !important;border-radius:26px !important;clip-path:none !important}
.method-photo img{filter:saturate(.78) contrast(1.02) brightness(.84) !important;animation:methodImageMove 12s ease-in-out infinite alternate}
.method-photo:after{inset:14px !important;border:1px solid rgba(126,245,255,.22) !important;clip-path:none !important;border-radius:18px;animation:methodFramePulse 4.8s ease-in-out infinite}

/* Counter band continuous lighter rings */
.counter-ring{background:radial-gradient(circle at center,rgba(1,32,68,.96) 0 58%,transparent 59%),conic-gradient(from 180deg,rgba(87,221,230,.85),rgba(11,134,232,.85),rgba(87,221,230,.85)) !important;box-shadow:0 0 0 5px rgba(87,221,230,.05),0 15px 38px rgba(0,15,40,.35) !important}
.counter-ring:before{inset:9px !important;border-width:1px !important;animation:counterOrbit 5.6s linear infinite}
.counter:hover .counter-ring{background:radial-gradient(circle at center,#defbff 0 58%,transparent 59%),conic-gradient(from 180deg,#0b4473,#0577d8,#0b4473) !important}
.counter:hover .counter-ring strong,.counter:hover .counter-ring em{color:#083968 !important}
.counter-ring:after{background:var(--aqua) !important}

/* Approach cards animated */
.approach-framework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:48px}
.approach-framework-card{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(87,221,230,.22);border-radius:22px;background:linear-gradient(120deg,rgba(0,41,79,.88),rgba(0,82,150,.40),rgba(2,31,63,.92));background-size:220% 220%;box-shadow:0 20px 45px rgba(0,15,40,.18);animation:approachShift 13s ease-in-out infinite;transition:transform .35s,border-color .35s,box-shadow .35s}
.approach-framework-card:nth-child(2){animation-delay:-3s}.approach-framework-card:nth-child(3){animation-delay:-6s}.approach-framework-card:nth-child(4){animation-delay:-9s}
.approach-framework-card:before{content:"";position:absolute;inset:auto -45px -55px auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(87,221,230,.20),transparent 68%);animation:float 7s ease-in-out infinite}
.approach-framework-card:hover{transform:translateY(-8px);border-color:rgba(87,221,230,.5);box-shadow:0 28px 60px rgba(0,10,30,.3)}
.approach-no{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(87,221,230,.12);border:1px solid rgba(87,221,230,.26);font:700 12px/1 'Space Grotesk',sans-serif;color:var(--aqua);margin-bottom:18px}
.approach-framework-card h3{font-family:'Space Grotesk';font-size:28px;line-height:1.05;margin:0 0 12px}
.approach-framework-card p{color:#d4edf5;font-size:15px}
.approach-framework-card ul{padding-left:18px;margin:16px 0 0}.approach-framework-card li{margin:8px 0;color:#b9dce8}
@keyframes approachShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Footer blended panes, transparent white logo effect, animated map */
.footer{position:relative;overflow:hidden;background:linear-gradient(115deg,#05284f 0%,#063667 36%,#0b4c8e 100%) !important;gap:38px !important}
.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 70%,rgba(87,221,230,.12),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.02),transparent 18%,transparent 82%,rgba(255,255,255,.02));pointer-events:none}
.footer-map{opacity:.23 !important;animation:footerDrift 18s linear infinite;background-image:url('assets/world-map-network.svg') !important;background-size:cover !important}
.footer-brand-card{margin:0 !important;min-height:100% !important;padding:48px 36px !important;background:linear-gradient(115deg,#0a447f 0%,#085596 46%,rgba(6,73,135,.72) 100%) !important;border-right:none !important;border-radius:0 26px 26px 0 !important;box-shadow:inset -1px 0 0 rgba(255,255,255,.05)}
.footer-brand-card:before{content:"";position:absolute;inset:0;background:url('assets/world-map-network.svg') center/cover no-repeat;opacity:.08 !important;filter:none !important}
.footer-brand-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 25%,rgba(87,221,230,.06) 100%) !important}
.footer-brand-card img{background:transparent !important;filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,11,30,.18)) !important;mix-blend-mode:normal !important}
.footer-brand-card p{color:#eefbff !important}
.footer small,.footer a,.footer span,.copyright-company{color:#e4f8ff}
.footer-motto{display:inline-block;margin-left:14px;padding-left:14px;border-left:1px solid rgba(255,255,255,.18);color:var(--aqua)}
@keyframes footerDrift{from{transform:translateX(0)}to{transform:translateX(-2.5%)}}

/* Confirmation modal visual */
.confirm-modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,9,24,.38);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.25s;z-index:200}
.confirm-modal.open{opacity:1;visibility:visible}
.confirm-modal-backdrop{position:absolute;inset:0}
.confirm-modal-card{position:relative;z-index:1;width:min(460px,92vw);padding:28px 28px 24px;border-radius:20px;border:1px solid rgba(87,221,230,.28);background:linear-gradient(145deg,rgba(0,39,78,.96),rgba(0,87,157,.92));box-shadow:0 28px 70px rgba(0,9,24,.42)}
.confirm-modal-card h3{margin:0 0 10px;font-family:'Space Grotesk';font-size:32px;line-height:1}.confirm-modal-card p{margin:0;color:#e8fbff;font-size:15px;line-height:1.6;max-width:92%}.confirm-modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font-size:20px;cursor:pointer}

/* About page hero text-media alignment */
#story.page-hero{grid-template-columns:1.15fr .85fr;align-items:start !important}
#story.page-hero .page-hero-media{max-width:520px;justify-self:end;height:560px}
#story.page-hero p{max-width:none}

/* Improve mobile and reduce overflow */
.home-page .hero-slider,.hero-slider{max-width:100%}
@media(max-width:1024px){.home-page .brand-spotlight,.home-page .section,.home-page .section.alt,.home-page .counter-band,.home-page .quote-band{padding-left:6%;padding-right:6%}.approach-framework-grid{grid-template-columns:1fr 1fr}.footer-brand-card{border-radius:24px !important}.hero-difference-orb{right:2.5% !important;top:14% !important;width:250px !important}}
@media(max-width:760px){.approach-framework-grid{grid-template-columns:1fr}.hero-difference-orb{display:none}.home-page .brand-spotlight,.home-page .section,.home-page .section.alt,.home-page .counter-band,.home-page .quote-band{padding-left:6%;padding-right:6%}#story.page-hero{grid-template-columns:1fr}#story.page-hero .page-hero-media{max-width:none;height:360px}.footer-brand-card{border-radius:22px !important;padding:32px 24px !important}}

/* =========================================================
   V14 MOBILE POLISH — phone + tablet refinements
   ========================================================= */
@media (max-width: 900px){
  html{scroll-padding-top:78px}
  body{background-attachment:scroll}
  .nav{padding-left:4.5%;padding-right:4.5%}
  .menu{display:block;min-width:44px;min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,35,72,.18);line-height:1;cursor:pointer}
  .main-nav{box-shadow:0 18px 40px rgba(0,11,30,.35)}
  .main-nav.open{display:flex}
  .nav-dropdown>.nav-parent{min-height:44px}
  .dropdown-panel a{min-height:42px;display:flex!important;align-items:center!important}
  .hero{grid-template-columns:1fr;gap:30px;height:auto!important;min-height:0!important;padding-top:42px;padding-bottom:54px}
  .hero-copy{width:auto!important;max-width:760px}
  .hero .lead{max-width:680px}
  .hero-actions .btn{min-height:46px}
  .hero-slider{height:min(62vh,520px);min-height:390px;border-radius:22px}
  .slide-caption h3{font-size:clamp(30px,7vw,48px)}
  .brand-spotlight{grid-template-columns:1fr;gap:30px;align-items:start}
  .brand-spotlight p{max-width:760px}
  .section-head{grid-template-columns:1fr;gap:24px}
  .process-visual{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .process-visual>div{scroll-snap-align:start}
  .cards-3{grid-template-columns:1fr 1fr}
  .pillars{grid-template-columns:1fr 1fr}
  .methodology{grid-template-columns:1fr;gap:36px}
  .method-photo{height:460px}
  .steps-grid{grid-template-columns:1fr 1fr}
  .home-industry-grid,.industry-grid{grid-template-columns:1fr 1fr}
  .counter-band{grid-template-columns:1fr;gap:34px}
  .counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-hero{grid-template-columns:1fr;gap:34px}
  .page-hero-media{height:420px}
  #story.page-hero .page-hero-media{justify-self:stretch;max-width:none;height:430px}
  .solution-feature,.career-apply,.contact{grid-template-columns:1fr;gap:36px}
  .module-grid{grid-template-columns:1fr 1fr}
  .leadership-grid{grid-template-columns:1fr 1fr}
  .footer{grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding-left:5%;padding-right:5%}
  .footer-brand-card{grid-column:1/-1;min-height:0!important;border-radius:22px!important}
  .footer .copyright{grid-column:1/-1!important}
}

@media (max-width: 760px){
  :root{--nav-h:68px}
  html{scroll-padding-top:72px}
  .nav{height:68px!important;padding:4px 4.5%!important;background:linear-gradient(90deg,#fff 0%,#fff 54%,#dff3ff 60%,#287ec1 74%,#064883 88%,#00264d 100%)!important}
  .brand{width:188px!important;height:60px!important;overflow:visible!important}
  .brand img{width:184px!important;max-width:184px!important;height:auto!important}
  .menu{margin-left:auto;font-size:23px;color:#fff;background:rgba(0,38,76,.42)}
  .main-nav{top:68px!important;max-height:calc(100dvh - 68px)!important;padding:12px 5% 20px!important;overscroll-behavior:contain}
  .nav-dropdown{width:100%}
  .nav-dropdown>.nav-parent{font-size:13px!important;letter-spacing:.06em!important;padding:13px 2px!important;border-bottom:1px solid rgba(87,221,230,.12)}
  .dropdown-panel{margin:0 0 6px!important;padding:4px 0 8px 12px!important}
  .dropdown-panel a{font-size:12px!important;padding:9px 10px!important}

  .hero{padding:34px 5.5% 46px!important;gap:24px!important}
  .hero h1{font-size:clamp(46px,13vw,66px)!important;line-height:.92!important;letter-spacing:-.065em!important;margin:18px 0!important}
  .hero .lead{font-size:16px!important;line-height:1.5!important}
  .hero-brands{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;width:100%}
  .logo-chip{min-height:44px!important;padding:7px 9px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .logo-chip img{max-width:100%!important;max-height:28px!important;object-fit:contain!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important;margin-top:24px!important}
  .hero-actions .btn{padding:12px 13px!important;font-size:12px!important;min-height:46px}
  .hero-slider{height:420px!important;min-height:0!important;border-radius:18px!important}
  .slide-caption{left:20px!important;right:20px!important;bottom:20px!important}
  .slide-caption h3{font-size:32px!important;line-height:1.02!important;margin:8px 0!important}
  .slide-caption p{font-size:13px!important;line-height:1.45!important}
  .slider-ui{left:20px!important;top:20px!important}.slider-dot{width:30px!important}
  .hero-insight-card{max-width:220px!important;right:16px!important;bottom:18px!important;padding:11px 13px!important}

  .marquee-track{padding:13px 0!important;font-size:10px!important}.marquee b{margin:0 18px!important}
  .brand-spotlight{padding-top:64px!important;padding-bottom:64px!important}
  .brand-spotlight h2{font-size:clamp(44px,14vw,70px)!important;line-height:.88!important;letter-spacing:-.06em!important}
  .platform-logo-row{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;align-items:center}
  .platform-logo-row img{max-width:100%!important;height:34px!important;object-fit:contain!important;object-position:left center}
  .platform-logo-row img:last-child{grid-column:1/-1;max-width:230px!important}
  .brand-spotlight p{font-size:16px!important}

  .home-page .section,.section,.section.alt{padding-top:72px!important;padding-bottom:72px!important;padding-left:5.5%!important;padding-right:5.5%!important}
  .section h2,.page-hero h1,.cta h2,.contact h2{font-size:clamp(38px,11vw,58px)!important;line-height:.98!important}
  .section-head{margin-top:18px!important}.big-copy{font-size:20px!important}

  .process-visual{margin-top:36px!important;grid-template-columns:1fr!important;overflow:visible!important;border-radius:16px!important}
  .process-visual>div{min-height:110px!important;padding:22px 20px!important;border-right:0!important;border-bottom:1px solid var(--line)}
  .process-visual>div:last-child{border-bottom:0}.process-visual div:after{content:"↓"!important;right:20px!important;top:auto!important;bottom:12px!important}

  .cards-3,.pillars,.module-grid,.leadership-grid,.home-industry-grid,.industry-grid,.counter-grid,.split-list,.contact-details,.form-grid,.approach-framework-grid,.difference-grid{grid-template-columns:1fr!important}
  .info-card{border-radius:17px!important}.solution-card-media,.info-card img{height:205px!important}
  .pillars{border-radius:16px!important}.pillar{min-height:190px!important;padding:26px 22px!important}.pillar h3{margin-top:24px!important}
  .method-photo{height:330px!important;border-radius:20px!important}.methodology{gap:30px!important}
  .steps-grid{grid-template-columns:1fr!important}.step{padding:17px 0!important}
  .home-industry-grid .industry-tile,.industry-grid .industry-tile{min-height:94px!important;padding:18px 70px 18px 18px!important}
  .industry-tile:after{right:16px!important;width:38px!important;height:38px!important;font-size:19px!important}

  .counter-band{padding:68px 5.5%!important}.counter-grid{gap:14px!important}.counter{padding:22px!important;text-align:center}.counter-ring{width:150px!important;height:150px!important;margin:0 auto}.counter strong{font-size:44px!important}.counter>span{margin-left:auto;margin-right:auto}
  .quote-band{padding:58px 5.5%!important}.quote-band blockquote{font-size:clamp(28px,8.5vw,44px)!important;line-height:1.05!important}

  .page-hero{padding:50px 5.5% 42px!important;gap:26px!important}.page-hero p{font-size:16px!important;margin-top:18px!important}.page-hero-media,#story.page-hero .page-hero-media{height:320px!important;border-radius:18px!important}
  .story-grid{gap:24px!important}.story-narrative{padding:24px 20px!important}
  .approach-framework-card,.difference-card{padding:24px 20px!important;min-height:0!important}.approach-framework-card h3{font-size:24px!important}.difference-card h3{font-size:30px!important}
  .leader-photo{height:300px!important}.leader-copy{padding:24px 20px!important}

  .sap-visual{height:240px!important;margin:30px 0 38px!important;border-radius:17px!important}.sap-visual-label{left:18px!important;bottom:16px!important;font-size:17px!important}
  .module-card{padding:22px 20px!important;min-height:0!important}.module-card h3{font-size:24px!important}
  .career-form{padding:22px 18px!important;border-radius:17px!important}.career-form input:not([type=checkbox]),.career-form textarea,.career-form select,.contact input,.contact textarea,.contact select{font-size:16px!important;padding:13px!important}
  .career-form .btn,.contact .btn{width:100%;min-height:48px}

  .footer{grid-template-columns:1fr!important;padding:0 5.5% 24px!important;gap:24px!important}
  .footer-brand-card{grid-column:auto!important;margin:0 -5.5vw!important;padding:38px 5.5vw!important;border-radius:0!important;background:linear-gradient(120deg,#0a447f 0%,#085596 52%,#063e72 100%)!important}
  .footer-brand-card img{max-width:300px!important;width:88%!important}.footer-brand-card p{font-size:13px!important;max-width:520px}
  .footer>div:not(.footer-map):not(.footer-brand-card):not(.copyright){padding:0 4px}
  .footer a,.footer span{font-size:14px!important}.footer small{font-size:10px!important}
  .copyright{padding-top:18px!important}.copyright-company,.footer-motto{display:block!important;margin:7px 0 0!important;padding:0!important;border-left:0!important}
  .footer-motto{color:var(--aqua)!important;font-weight:700;letter-spacing:.06em}

  .confirm-modal{padding:14px!important}.confirm-modal-card{padding:25px 22px 22px!important;border-radius:17px!important}.confirm-modal-card h3{font-size:28px!important}.confirm-modal-close{width:38px!important;height:38px!important;right:10px!important;top:10px!important}
}

@media (max-width: 480px){
  .nav{padding-left:3.8%!important;padding-right:3.8%!important}.brand{width:172px!important}.brand img{width:168px!important;max-width:168px!important}.menu{min-width:42px;min-height:42px}
  .hero{padding-left:5%!important;padding-right:5%!important}.hero h1{font-size:clamp(42px,13.5vw,58px)!important}
  .hero-brands{grid-template-columns:1fr!important}.logo-chip{justify-content:flex-start!important;padding-left:12px!important}.logo-chip img{max-width:220px!important}
  .hero-actions{grid-template-columns:1fr!important}.hero-slider{height:390px!important}.slide-caption h3{font-size:29px!important}.hero-insight-card{display:none!important}
  .brand-spotlight h2{font-size:clamp(40px,13.7vw,62px)!important}.platform-logo-row{grid-template-columns:1fr!important}.platform-logo-row img:last-child{grid-column:auto}
  .section h2,.page-hero h1,.contact h2{font-size:clamp(36px,11.6vw,52px)!important}.big-copy{font-size:18px!important}
  .method-photo{height:280px!important}.counter-ring{width:140px!important;height:140px!important}.counter strong{font-size:41px!important}
  .page-hero-media,#story.page-hero .page-hero-media{height:280px!important}.leader-photo{height:285px!important}.sap-visual{height:210px!important}
  .footer-brand-card img{max-width:260px!important}
}

/* Respect users who request less motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* V15 refinement fixes */

/* 1) Restore circular measured-experience counters with thin ring and external orbit line */
.counter-band{background:linear-gradient(135deg,rgba(0,23,50,.68),rgba(0,46,90,.5)) !important}
.counter-grid{align-items:stretch}
.counter{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;padding:18px 10px 4px;background:none !important;border:none !important;box-shadow:none !important;overflow:visible}
.counter-ring{position:relative;width:174px !important;height:174px !important;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(1,34,72,.97) 0 63%,transparent 64%) !important;border:1px solid rgba(145,235,244,.52) !important;box-shadow:inset 0 0 0 7px rgba(255,255,255,.02),0 14px 34px rgba(0,10,28,.24) !important;transition:transform .4s ease,background .35s ease,border-color .35s ease}
.counter-ring:before{content:"";position:absolute;inset:-11px;border-radius:50%;border:1px solid rgba(87,221,230,.16) !important;animation:none !important}
.counter-ring:after{content:"";position:absolute;left:50%;top:50%;width:116%;height:116%;border-radius:50%;border:2px solid transparent;border-top-color:rgba(87,221,230,.94);border-left-color:rgba(87,221,230,.52);transform:translate(-50%,-50%) rotate(0deg);animation:counterOuterOrbit 6.5s linear infinite !important;background:none !important;box-shadow:none !important}
.counter strong{font-family:'Space Grotesk';font-size:54px !important;line-height:1;color:#fff}
.counter em{margin-top:4px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#8fe6f2;font-style:normal}
.counter > span{font-size:12px;letter-spacing:.14em;color:#d2eef4;font-weight:700;text-align:center}
.counter:hover .counter-ring{transform:scale(1.04) rotateY(180deg);background:radial-gradient(circle at center,#eafcff 0 63%,transparent 64%) !important;border-color:#d6fbff !important}
.counter:hover .counter-ring strong,.counter:hover .counter-ring em{color:#0b4978 !important;transform:scaleX(-1)}
@keyframes counterOuterOrbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* 2) Improve methodology image with meaningful photo, no heavy overlay, subtle motion */
.method-photo{background:linear-gradient(145deg,#0b4e91,#083c74) !important;border-radius:24px !important;overflow:hidden;border:1px solid rgba(126,245,255,.22) !important;clip-path:none !important;box-shadow:0 24px 54px rgba(0,11,30,.26), 0 0 22px rgba(3,187,207,.06) !important}
.method-photo:before{display:none !important}
.method-photo:after{content:"";position:absolute;inset:12px;border-radius:16px;border:1px solid rgba(255,255,255,.16) !important;clip-path:none !important;animation:methodGlowPulse 4.8s ease-in-out infinite !important}
.method-photo img{filter:saturate(.98) contrast(1.02) brightness(.97) !important;transform:scale(1.03);animation:methodPhotoFloat 12s ease-in-out infinite alternate !important}
@keyframes methodPhotoFloat{0%{transform:scale(1.03) translate3d(0,0,0)}50%{transform:scale(1.07) translate3d(-10px,-6px,0)}100%{transform:scale(1.05) translate3d(8px,4px,0)}}
@keyframes methodGlowPulse{0%,100%{box-shadow:0 0 0 0 rgba(87,221,230,.02)}50%{box-shadow:0 0 0 8px rgba(87,221,230,.08)}}

/* 3) About hero alignment: fit within first screen on desktop */
#story.page-hero{grid-template-columns:1.34fr .66fr !important;gap:42px !important;align-items:start !important;min-height:calc(100vh - 92px);padding-top:42px !important;padding-bottom:34px !important}
#story.page-hero h1{font-size:clamp(50px,5.6vw,78px) !important;line-height:.97 !important;max-width:840px}
#story.page-hero .about-lead{font-size:18px !important;line-height:1.42 !important;margin-top:18px !important}
#story.page-hero p{font-size:15px !important;line-height:1.48 !important;margin-top:12px !important;max-width:880px !important}
#story.page-hero .page-hero-media{max-width:445px !important;height:500px !important;justify-self:end;background:linear-gradient(145deg,#0b4a89,#0a325f)}
#story.page-hero .page-hero-media img{width:100%;height:100%;object-fit:cover;animation:aboutPhotoFloat 14s ease-in-out infinite alternate}
@keyframes aboutPhotoFloat{0%{transform:scale(1.03) translateY(0)}50%{transform:scale(1.07) translateY(-8px)}100%{transform:scale(1.04) translateY(6px)}}

/* 4) Contact hero picture more relevant + subtle light focus animation */
.page-hero-media{position:relative;overflow:hidden}
.page-hero-media img{width:100%;height:100%;object-fit:cover}
.contact main .page-hero .page-hero-media,.contact-page .page-hero .page-hero-media{background:linear-gradient(145deg,#0b4b8b,#0b345f)}
.contact main .page-hero .page-hero-media img,.contact-page .page-hero .page-hero-media img{animation:contactPhotoDrift 15s ease-in-out infinite alternate}
.contact main .page-hero .page-hero-media:after,.contact-page .page-hero .page-hero-media:after{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at var(--focus-x,18%) var(--focus-y,24%),rgba(255,255,255,.34),rgba(255,255,255,.08) 16%,transparent 34%);mix-blend-mode:screen;animation:focusSweep 9s ease-in-out infinite;pointer-events:none}
@keyframes contactPhotoDrift{0%{transform:scale(1.02)}50%{transform:scale(1.08) translateX(-8px)}100%{transform:scale(1.04) translateX(8px)}}
@keyframes focusSweep{0%{transform:translate3d(-8%,0,0)}25%{transform:translate3d(10%,-3%,0)}50%{transform:translate3d(25%,6%,0)}75%{transform:translate3d(8%,10%,0)}100%{transform:translate3d(-8%,0,0)}}

/* Desktop specific tune for screen fit */
@media(min-width:1025px){
  #story.page-hero{overflow:hidden}
  #story.page-hero .section-tag{margin-bottom:10px}
}
@media(max-width:1024px){
  #story.page-hero{grid-template-columns:1fr !important;min-height:auto;padding-top:54px !important;padding-bottom:40px !important}
  #story.page-hero .page-hero-media{max-width:none !important;height:380px !important}
}
@media(max-width:760px){
  .counter-ring{width:150px !important;height:150px !important}
  .counter strong{font-size:44px !important}
  #story.page-hero p{font-size:15px !important;line-height:1.55 !important}
  #story.page-hero .page-hero-media{height:300px !important}
}


/* V16 refinement fixes */

/* Restore thinner measured experience counters with outer orbit line */
.counter-band .counter{background:none !important;border:none !important;box-shadow:none !important;padding:10px 6px 0 !important;gap:16px !important}
.counter-band .counter-ring{width:170px !important;height:170px !important;background:radial-gradient(circle at center,rgba(4,37,74,.97) 0 64%,transparent 65%) !important;border:1px solid rgba(154,240,248,.55) !important;border-radius:50% !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,13,34,.18) !important;position:relative;overflow:visible !important}
.counter-band .counter-ring:before{content:"" !important;position:absolute;inset:7px !important;border-radius:50%;border:1px solid rgba(255,255,255,.12) !important;animation:none !important}
.counter-band .counter-ring:after{content:"" !important;position:absolute;left:50%;top:50%;width:121%;height:121%;border-radius:50%;border:2px solid transparent !important;border-top-color:rgba(87,221,230,.96) !important;border-left-color:rgba(87,221,230,.55) !important;background:none !important;transform:translate(-50%,-50%) rotate(0deg);animation:counterOrbitOuterV16 6.5s linear infinite !important;box-shadow:none !important}
.counter-band .counter strong{font-size:52px !important;line-height:1;color:#fff}
.counter-band .counter em{font-size:13px !important;letter-spacing:.11em;color:#9be9f3 !important}
.counter-band .counter>span{font-size:12px !important;letter-spacing:.12em !important}
.counter-band .counter:hover .counter-ring{transform:scale(1.04) rotateY(180deg) !important;background:radial-gradient(circle at center,#ebfdff 0 64%,transparent 65%) !important;border-color:#dffdff !important}
.counter-band .counter:hover .counter-ring strong,.counter-band .counter:hover .counter-ring em{color:#0d4d7f !important;transform:scaleX(-1)}
@keyframes counterOrbitOuterV16{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Home section 04 image overlay with subtle white wash and fading logo */
.method-photo{position:relative;overflow:hidden;background:linear-gradient(145deg,#0a4a89,#08355f) !important;border-radius:24px !important;border:1px solid rgba(126,245,255,.22) !important;box-shadow:0 22px 48px rgba(0,11,30,.22),0 0 18px rgba(3,187,207,.05) !important}
.method-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(1.0) contrast(1.02) brightness(.98) !important;transform:scale(1.03);animation:methodPhotoFloatV16 14s ease-in-out infinite alternate !important}
.method-photo:before{content:"" !important;position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 46%,rgba(255,255,255,.07) 100%);opacity:.28;animation:methodOverlayPulseV16 6s ease-in-out infinite;z-index:1;pointer-events:none}
.method-photo:after{content:"" !important;position:absolute;inset:14px;border-radius:18px;border:1px solid rgba(255,255,255,.16) !important;animation:methodFramePulseV16 4.8s ease-in-out infinite;z-index:3;pointer-events:none}
.method-logo-fade{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}
.method-logo-fade img{width:min(58%,260px);height:auto;filter:brightness(0) invert(1) drop-shadow(0 14px 24px rgba(0,0,0,.18));opacity:.0;animation:methodLogoFadeV16 6s ease-in-out infinite !important;transform:none !important}
@keyframes methodPhotoFloatV16{0%{transform:scale(1.03) translate3d(0,0,0)}50%{transform:scale(1.06) translate3d(-10px,-6px,0)}100%{transform:scale(1.04) translate3d(8px,5px,0)}}
@keyframes methodOverlayPulseV16{0%,100%{opacity:.08}45%{opacity:.22}58%{opacity:.24}70%{opacity:.08}}
@keyframes methodLogoFadeV16{0%,34%,100%{opacity:0;transform:scale(.94)}45%,58%{opacity:.9;transform:scale(1)}70%{opacity:0;transform:scale(1.05)}}
@keyframes methodFramePulseV16{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 0 10px rgba(255,255,255,.04)}}

/* About page: different image and full-height alignment */
.about-page #story.page-hero{grid-template-columns:1.28fr .72fr !important;gap:42px !important;align-items:stretch !important;min-height:auto !important;padding-top:40px !important;padding-bottom:38px !important}
.about-page #story.page-hero > div:first-child{display:flex;flex-direction:column;justify-content:space-between}
.about-page #story.page-hero h1{font-size:clamp(50px,5.4vw,76px) !important;line-height:.97 !important}
.about-page #story.page-hero p{font-size:15px !important;line-height:1.5 !important;margin-top:11px !important}
.about-page #story.page-hero .page-hero-media{max-width:430px !important;width:100%;height:auto !important;min-height:100% !important;align-self:stretch !important;justify-self:end;background:linear-gradient(145deg,#0a4b88,#08355e);border-radius:24px;overflow:hidden}
.about-page #story.page-hero .page-hero-media img{width:100%;height:100%;object-fit:cover;animation:aboutPhotoFloatV16 14s ease-in-out infinite alternate}
@keyframes aboutPhotoFloatV16{0%{transform:scale(1.02) translateY(0)}50%{transform:scale(1.06) translateY(-8px)}100%{transform:scale(1.03) translateY(6px)}}

/* Contact page: relevant phone-call background frame with light focus animation */
.contact-page .page-hero{grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.contact-page .contact-call-media{position:relative;min-height:420px;border-radius:28px;overflow:hidden;border:1px solid rgba(111,228,242,.18);background-image:linear-gradient(145deg,rgba(8,67,120,.65),rgba(3,39,74,.45)),url('https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1600&q=85');background-size:cover;background-position:center center;box-shadow:0 24px 55px rgba(0,12,31,.25)}
.contact-page .contact-call-media:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.02) 40%,rgba(0,0,0,.08));pointer-events:none}
.contact-page .contact-call-media:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.32),rgba(255,255,255,.10) 12%,transparent 26%);mix-blend-mode:screen;pointer-events:none;animation:contactFocusSweepV16 9s ease-in-out infinite}
@keyframes contactFocusSweepV16{0%{transform:translate(-8%,0)}25%{transform:translate(8%,-3%)}50%{transform:translate(26%,6%)}75%{transform:translate(8%,10%)}100%{transform:translate(-8%,0)}}

@media(max-width:1024px){
  .about-page #story.page-hero,.contact-page .page-hero{grid-template-columns:1fr !important;min-height:auto !important}
  .about-page #story.page-hero .page-hero-media{max-width:none !important;min-height:380px !important}
  .contact-page .contact-call-media{min-height:340px}
}
@media(max-width:760px){
  .counter-band .counter-ring{width:150px !important;height:150px !important}
  .counter-band .counter strong{font-size:44px !important}
  .about-page #story.page-hero .page-hero-media{min-height:300px !important}
  .contact-page .contact-call-media{min-height:280px;border-radius:22px}
}



/* V25 rebuilt clean overrides */

/* header logo refinement */
.nav{min-height:92px !important;padding-top:6px !important;padding-bottom:6px !important}
.nav .brand{display:flex !important;align-items:center !important;width:370px !important;min-height:78px !important}
.nav .brand img{display:block !important;width:350px !important;height:auto !important}
@media(max-width:760px){.nav{min-height:70px !important}.nav .brand{width:230px !important;min-height:54px !important}.nav .brand img{width:215px !important}}

/* measured experience: one orbiting arc only */
.home-page .counter-band .counter-ring{position:relative !important;width:170px !important;height:170px !important;border-radius:50% !important;background:rgba(4,36,73,.96) !important;border:1px solid rgba(147,239,248,.46) !important;box-shadow:0 12px 28px rgba(0,13,34,.16) !important;overflow:visible !important}
.home-page .counter-band .counter-ring:before,
.home-page .counter-band .counter-ring:after{content:none !important;display:none !important}
.home-page .counter-band .counter strong{font-size:52px !important;line-height:1 !important;color:#fff !important}
.home-page .counter-band .counter em{font-size:13px !important;color:#99eaf4 !important;letter-spacing:.11em !important}
.home-page .counter-band .counter>span{font-size:12px !important;letter-spacing:.12em !important}
.home-page .counter-band .counter-orbit{position:absolute !important;left:50% !important;top:50% !important;width:128% !important;height:128% !important;transform:translate(-50%,-50%) rotate(0deg) !important;border-radius:50% !important;display:block !important;background:conic-gradient(from 0deg, transparent 0 302deg, rgba(87,221,230,0) 302deg, rgba(87,221,230,.98) 326deg, rgba(87,221,230,.42) 348deg, transparent 360deg) !important;-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));animation:v25Orbit 3.2s linear infinite !important;z-index:3 !important;pointer-events:none !important;will-change:transform !important}
.home-page .counter-band .counter-orbit-dot{display:none !important}
@keyframes v25Orbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* homepage section 04 / methodology */
.home-page #methodology .method-photo{position:relative !important;overflow:hidden !important;background:#0a4e8d !important;border-radius:24px !important;box-shadow:0 22px 48px rgba(0,11,30,.22) !important}
.home-page #methodology .method-photo > img:first-child{position:relative !important;z-index:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;filter:saturate(1.02) contrast(1.01) brightness(1) !important;animation:v25MethodPan 14s ease-in-out infinite alternate !important}
.home-page #methodology .method-overlay-light{position:absolute !important;inset:0 !important;z-index:1 !important;background:linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.05) 40%, rgba(255,255,255,.10) 100%) !important;opacity:.08 !important;animation:v25MethodOverlay 6s ease-in-out infinite !important;pointer-events:none !important}
.home-page #methodology .method-logo-fade{position:absolute !important;inset:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:2 !important;pointer-events:none !important}
.home-page #methodology .method-logo-fade img{display:block !important;width:42% !important;max-width:210px !important;height:auto !important;filter:brightness(0) invert(1) drop-shadow(0 14px 26px rgba(0,0,0,.25)) !important;opacity:0 !important;animation:v25MonogramFade 6s ease-in-out infinite !important}
@keyframes v25MethodPan{0%{transform:scale(1.02) translate3d(0,0,0)}50%{transform:scale(1.05) translate3d(-10px,-6px,0)}100%{transform:scale(1.03) translate3d(8px,5px,0)}}
@keyframes v25MethodOverlay{0%,100%{opacity:.05}38%{opacity:.15}50%{opacity:.18}64%{opacity:.05}}
@keyframes v25MonogramFade{0%,30%,100%{opacity:0;transform:scale(.94)}40%,58%{opacity:.92;transform:scale(1)}70%{opacity:0;transform:scale(1.06)}}

/* contact hero: one image to right of text */
.contact-page .page-hero{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(320px,430px) !important;gap:42px !important;align-items:center !important;padding-right:6% !important;min-height:auto !important}
.contact-page .contact-hero-copy{max-width:760px !important}
.contact-page .contact-hero-photo{position:relative !important;display:block !important;justify-self:end !important;width:100% !important;max-width:430px !important;height:270px !important;overflow:hidden !important;border-radius:24px !important;box-shadow:0 18px 42px rgba(0,14,36,.18) !important;background:rgba(255,255,255,.06) !important}
.contact-page .contact-hero-photo img{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;object-position:center top !important;filter:saturate(1.02) brightness(1.01) !important}
.contact-page .contact-hero-photo::before{content:"" !important;position:absolute !important;inset:-30% !important;background:conic-gradient(from 0deg, transparent 0deg 325deg, rgba(255,255,255,.16) 342deg, transparent 360deg) !important;animation:v25Radar 7s linear infinite !important;pointer-events:none !important}
.contact-page .contact-hero-photo::after{content:"" !important;position:absolute !important;inset:0 !important;background:radial-gradient(circle at 30% 35%, rgba(255,255,255,.18), transparent 18%) !important;pointer-events:none !important}
@keyframes v25Radar{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:1024px){.contact-page .page-hero{grid-template-columns:1fr !important;gap:24px !important}.contact-page .contact-hero-photo{justify-self:start !important;height:250px !important;max-width:420px !important}}
@media(max-width:760px){.home-page .counter-band .counter-ring{width:148px !important;height:148px !important}.contact-page .contact-hero-photo{width:100% !important;max-width:none !important;height:220px !important}}


/* V27 decisive fixes */
.home-page .counter-band .counter-ring{overflow:visible !important}
.home-page .counter-band .counter-orbit{background:conic-gradient(from 0deg, transparent 0 300deg, rgba(87,221,230,0) 300deg, rgba(87,221,230,.98) 324deg, rgba(87,221,230,.45) 345deg, transparent 360deg) !important; animation:none !important; will-change:transform !important}
.home-page .counter-band .counter-orbit::before,.home-page .counter-band .counter-orbit::after{content:none !important}

.home-page #methodology .method-photo{position:relative !important; overflow:hidden !important; background:#0c4f8b !important; border-radius:24px !important; border:1px solid rgba(126,245,255,.22) !important}
.home-page #methodology .method-photo::before,.home-page #methodology .method-photo::after{display:none !important; content:none !important}
.home-page #methodology .method-photo > img:first-child{position:relative !important; z-index:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; filter:saturate(1.02) contrast(1.02) brightness(1.02) !important; animation:v27MethodPan 16s ease-in-out infinite alternate !important}
.home-page #methodology .method-overlay-light{position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.10) 42%, rgba(147,239,248,.18) 100%) !important; opacity:.06 !important}
.home-page #methodology .method-logo-fade{position:absolute !important; inset:0 !important; z-index:2 !important; display:flex !important; align-items:center !important; justify-content:center !important; pointer-events:none !important}
.home-page #methodology .method-logo-fade img{display:block !important; width:44% !important; max-width:220px !important; height:auto !important; opacity:0 !important; filter:brightness(0) invert(1) drop-shadow(0 12px 26px rgba(0,0,0,.25)) !important; transform:scale(.94) !important}
@keyframes v27MethodPan{0%{transform:scale(1.02) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-8px,-5px,0)}100%{transform:scale(1.03) translate3d(6px,4px,0)}}

.contact-page .page-hero{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(340px,430px) !important;align-items:center !important;gap:42px !important}
.contact-page .contact-hero-photo{justify-self:end !important; width:100% !important; max-width:430px !important; height:280px !important; overflow:hidden !important; border-radius:24px !important; background:linear-gradient(145deg,rgba(10,76,134,.18),rgba(10,76,134,.08)) !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:0 18px 42px rgba(0,14,36,.18) !important}
.contact-page .contact-hero-photo img{width:100% !important; height:100% !important; object-fit:cover !important; object-position:center 18% !important; filter:saturate(1.02) contrast(1.01) !important}
@media(max-width:1024px){.contact-page .page-hero{grid-template-columns:1fr !important}.contact-page .contact-hero-photo{justify-self:start !important;max-width:420px !important;height:250px !important}}
@media(max-width:760px){.contact-page .contact-hero-photo{max-width:none !important;width:100% !important;height:220px !important}}


/* V29 Measured Experience orbit animation */
.home-page .counter-band .counter-ring{overflow:visible !important;}
.home-page .counter-band .counter-ring::before,
.home-page .counter-band .counter-ring::after{content:none !important;display:none !important;}
.home-page .counter-band .counter-orbit{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:128% !important;
  height:128% !important;
  border-radius:50% !important;
  display:block !important;
  pointer-events:none !important;
  z-index:3 !important;
  background:conic-gradient(from 0deg, transparent 0 304deg, rgba(87,221,230,0) 304deg, rgba(87,221,230,.98) 326deg, rgba(87,221,230,.48) 347deg, transparent 360deg) !important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px)) !important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px)) !important;
  transform:translate(-50%,-50%) rotate(0deg);
  transform-origin:center center !important;
  will-change:transform !important;
  animation:v29CounterOrbit 3.1s linear infinite !important;
}
.home-page .counter-band .counter-orbit-dot{display:none !important;}
@keyframes v29CounterOrbit{
  from{transform:translate(-50%,-50%) rotate(0deg);}
  to{transform:translate(-50%,-50%) rotate(360deg);}
}


/* V30 - definitive Measured Experience orbit fix
   Earlier CSS contained a transform: ... !important rule that froze the arc angle.
   The transform now reads from an inline CSS custom property updated by JS. */
.home-page .counter-band .counter-orbit{
  --orbit-angle: 0deg;
  transform: translate(-50%,-50%) rotate(var(--orbit-angle)) !important;
  animation: none !important;
  will-change: transform !important;
}


/* V31 homepage methodology + contact page rebuild */
.home-page #methodology .method-photo-v31{
  position:relative !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background:#0b4f8e !important;
  border:1px solid rgba(126,245,255,.22) !important;
  box-shadow:0 22px 48px rgba(0,11,30,.22) !important;
  isolation:isolate !important;
}
.home-page #methodology .method-photo-v31::before,
.home-page #methodology .method-photo-v31::after{content:none !important;display:none !important}
.home-page #methodology .method-photo-v31 > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.04) contrast(1.02) brightness(1.01) !important;
  transform:scale(1.03) !important;
  animation:v31MethodDrift 16s ease-in-out infinite alternate !important;
  z-index:0 !important;
}
.home-page #methodology .method-tech-glow{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    radial-gradient(circle at 64% 23%,rgba(126,245,255,.20),transparent 20%),
    linear-gradient(145deg,rgba(0,75,150,.06),rgba(87,221,230,.04)) !important;
  animation:v31MethodGlow 5.8s ease-in-out infinite !important;
  pointer-events:none !important;
}
.home-page #methodology .method-orbit-system{
  position:absolute !important;
  left:64% !important;
  top:23% !important;
  width:50% !important;
  aspect-ratio:1.42 / 1 !important;
  transform:translate(-50%,-50%) !important;
  z-index:3 !important;
  pointer-events:none !important;
}
.home-page #methodology .method-orbit{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  border:1px solid rgba(255,255,255,.50) !important;
  border-radius:50% !important;
  filter:drop-shadow(0 0 7px rgba(87,221,230,.38)) !important;
  transform-origin:center center !important;
}
.home-page #methodology .method-orbit-a{
  width:100% !important;
  height:68% !important;
  transform:translate(-50%,-50%) rotate(13deg) !important;
  animation:v31OrbitA 8s linear infinite !important;
}
.home-page #methodology .method-orbit-b{
  width:84% !important;
  height:94% !important;
  transform:translate(-50%,-50%) rotate(-24deg) !important;
  animation:v31OrbitB 11s linear infinite reverse !important;
  border-color:rgba(87,221,230,.48) !important;
}
.home-page #methodology .method-orbit i{
  position:absolute !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  right:8% !important;
  top:9% !important;
  background:#dffcff !important;
  box-shadow:0 0 10px rgba(126,245,255,.95),0 0 22px rgba(87,221,230,.60) !important;
}
@keyframes v31MethodDrift{
  0%{transform:scale(1.03) translate3d(0,0,0)}
  50%{transform:scale(1.06) translate3d(-8px,-5px,0)}
  100%{transform:scale(1.04) translate3d(7px,4px,0)}
}
@keyframes v31MethodGlow{
  0%,100%{opacity:.45}
  50%{opacity:.95}
}
@keyframes v31OrbitA{
  from{transform:translate(-50%,-50%) rotate(13deg)}
  to{transform:translate(-50%,-50%) rotate(373deg)}
}
@keyframes v31OrbitB{
  from{transform:translate(-50%,-50%) rotate(-24deg)}
  to{transform:translate(-50%,-50%) rotate(336deg)}
}

/* Contact page: remove old hero, bring Start the Conversation to the top. */
.contact-page main{padding-top:0 !important}
.contact-page .contact-v31{
  display:grid !important;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr) !important;
  gap:56px !important;
  align-items:start !important;
  padding-top:58px !important;
  padding-bottom:72px !important;
}
.contact-page .contact-v31-copy{
  position:sticky !important;
  top:112px !important;
  padding-top:8px !important;
}
.contact-page .contact-v31-copy h2{margin-top:12px !important}
.contact-page .contact-v31-copy p{max-width:610px !important}
.contact-page .contact-v31-right{
  width:100% !important;
  min-width:0 !important;
}
.contact-page .contact-v31-photo{
  margin:0 0 24px !important;
  width:100% !important;
  height:300px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#0b477f !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 20px 44px rgba(0,14,36,.18) !important;
}
.contact-page .contact-v31-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 38% !important;
}
.contact-page .contact-v31-right form{
  width:100% !important;
  margin:0 !important;
}
.contact-page .contact-v31-right form label,
.contact-page .contact-v31-right form input,
.contact-page .contact-v31-right form textarea,
.contact-page .contact-v31-right form select{width:100% !important;box-sizing:border-box !important}

@media(max-width:1024px){
  .home-page #methodology .method-orbit-system{left:64% !important;top:24% !important;width:47% !important}
  .contact-page .contact-v31{grid-template-columns:1fr !important;gap:30px !important}
  .contact-page .contact-v31-copy{position:relative !important;top:auto !important}
  .contact-page .contact-v31-photo{height:300px !important}
}
@media(max-width:760px){
  .home-page #methodology .method-orbit-system{left:64% !important;top:23% !important;width:54% !important}
  .contact-page .contact-v31{padding-top:42px !important;padding-bottom:50px !important;gap:24px !important}
  .contact-page .contact-v31-photo{height:230px !important;border-radius:18px !important}
}


/* V32 visual refresh ------------------------------------------------------ */
.solution-visual,.industry-boardroom-visual,.about-tech-visual,.careers-interview-visual{position:relative!important;overflow:hidden!important;isolation:isolate}
.solution-visual>img,.industry-boardroom-visual>img,.about-tech-visual>img,.careers-interview-visual>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* Solutions: blue-toned contextual imagery + subtle continuously rotating focus light */
.solution-visual>img{filter:saturate(.94) contrast(1.03) brightness(.98) hue-rotate(2deg)!important;animation:v32SolutionDrift 16s ease-in-out infinite alternate!important}
.solution-focus::after{content:"";position:absolute;inset:-48%;z-index:2;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg 318deg,rgba(163,239,255,0) 326deg,rgba(163,239,255,.22) 343deg,rgba(255,255,255,.08) 352deg,transparent 360deg);mix-blend-mode:screen;animation:v32FocusRotate 10s linear infinite}
.solution-focus::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(0,75,150,.12),rgba(3,187,207,.07));}
@keyframes v32FocusRotate{to{transform:rotate(360deg)}}
@keyframes v32SolutionDrift{0%{transform:scale(1.015) translate3d(0,0,0)}100%{transform:scale(1.055) translate3d(-1.2%,.8%,0)}}

/* Industries hero */
.industry-boardroom-visual>img{filter:saturate(.9) contrast(1.03) brightness(.98)!important;animation:v32IndustryBreath 15s ease-in-out infinite alternate!important}
.industry-boardroom-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(0,75,150,.12),rgba(3,187,207,.06));mix-blend-mode:screen}
@keyframes v32IndustryBreath{from{transform:scale(1.01)}to{transform:scale(1.045)}}

/* About hero: technology + U.S. skyline with recurring glare sweep */
.about-tech-visual{background:#063d77!important}
.about-tech-visual>img{filter:saturate(.95) contrast(1.03) brightness(.94)!important;animation:v32AboutDrift 18s ease-in-out infinite alternate!important}
.about-tech-visual::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,55,110,.35),rgba(0,55,110,.06) 42%,rgba(3,187,207,.10));}
.about-glare{position:absolute;z-index:3;top:-35%;bottom:-35%;width:28%;left:-38%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.02) 22%,rgba(183,245,255,.32) 48%,rgba(255,255,255,.05) 60%,transparent 100%);filter:blur(5px);transform:skewX(-12deg);animation:v32AboutGlare 7s ease-in-out infinite}
@keyframes v32AboutGlare{0%,12%{left:-40%;opacity:0}24%{opacity:.72}58%{left:115%;opacity:.28}68%,100%{left:115%;opacity:0}}
@keyframes v32AboutDrift{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.05) translateX(-1%)}}

/* Careers: exact Trestle monogram in background + crossed rotating oval animation */
.careers-interview-visual>img{filter:saturate(.93) contrast(1.02) brightness(.94)!important;animation:v32CareersDrift 18s ease-in-out infinite alternate!important}
.careers-interview-visual::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(0,75,150,.18),rgba(3,187,207,.05));}
.careers-logo-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;padding-top:7%}
.careers-logo-overlay>img{width:19%!important;max-width:160px!important;height:auto!important;opacity:.82;filter:brightness(0) invert(1) drop-shadow(0 0 18px rgba(87,221,230,.35));animation:v32CareerLogoPulse 5s ease-in-out infinite!important}
.career-orbit{position:absolute;left:50%;top:24%;width:43%;height:21%;border-radius:50%;border:1.3px solid rgba(168,241,255,.66);transform-origin:center;filter:drop-shadow(0 0 6px rgba(87,221,230,.45))}
.career-orbit-a{transform:translate(-50%,-50%) rotate(22deg);animation:v32OrbitA 9s linear infinite}
.career-orbit-b{transform:translate(-50%,-50%) rotate(-28deg);border-color:rgba(255,255,255,.42);animation:v32OrbitB 12s linear infinite reverse}
@keyframes v32OrbitA{to{transform:translate(-50%,-50%) rotate(382deg)}}
@keyframes v32OrbitB{to{transform:translate(-50%,-50%) rotate(332deg)}}
@keyframes v32CareerLogoPulse{0%,100%{opacity:.62;transform:scale(.96)}50%{opacity:.95;transform:scale(1.04)}}
@keyframes v32CareersDrift{from{transform:scale(1.01)}to{transform:scale(1.045) translateY(-.6%)}}

@media(max-width:760px){
  .careers-logo-overlay{padding-top:10%}
  .careers-logo-overlay>img{width:24%!important}
  .career-orbit{top:28%;width:54%;height:24%}
}