.trust-strip{border-bottom:1px solid var(--line);background:#f8fafd}.trust-grid{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0}.trust-grid div{display:flex;gap:10px;align-items:center;color:#435b75;white-space:nowrap}.trust-grid .is-clone{display:none}.ic img{display:block;width:36px;height:36px}.trust-grid img{display:block;width:24px;height:24px;flex:none}
.intent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.intent{background:white;border:1px solid var(--line);border-radius:13px;padding:30px;min-height:225px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.intent:hover{transform:translateY(-4px);border-color:#8db4ee;box-shadow:0 20px 45px #0a326011}.intent .ic{display:flex;align-items:center;justify-content:space-between;color:#2c75f3}.intent h3{margin:26px 0 11px}.intent p{color:#66778d;margin-bottom:13px}.intent small{color:#2867cf;margin-top:auto}
.results{background:#08213f;color:#fff}.results .micro{color:#9bc8ff}.result-tile{padding:36px 40px}.result-tile strong{display:block;color:#97c6ff}.result-tile h3{margin:0 0 22px}.result-tile p{color:#b9cfe8;margin:0}
.inline-cta{background:#eaf3ff;border-radius:12px;margin-top:27px;padding:27px 30px;display:flex;gap:20px;align-items:center;justify-content:space-between}.inline-cta h3{margin:0 0 6px;}.inline-cta p{color:#5a7190;margin:0}


.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.why{border-top:2px solid #c8d9f1;padding-top:25px}.why img{display:block;width:36px;height:36px}.why h3{margin:17px 0 10px}.why p{color:#63758c;margin:0}
.case-section{background:#edf3fa}.case-information h3{margin:13px 0 12px;line-height:1.13}.case-information p{color:#4f6177;margin:0}.case-metrics{display:flex;gap:22px;border-top:1px solid #10223b1f;padding-top:18px;margin-top:23px}.case-metrics>span{flex:1}.case-metrics strong{display:block;color:#163961}.case-metrics small{display:block;color:#5d6e84;margin-top:4px}.case-information .text-link{margin-top:23px}.case-disclaimer{color:#61748b;margin-top:17px}
.insights-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}.faq{border-bottom:1px solid #dce5ee}.faq summary{list-style:none;cursor:pointer;width:100%;border:0;background:transparent;text-align:left;padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:var(--ink);}.faq summary::-webkit-details-marker{display:none}.faq .answer{padding:0 20px 17px 0;color:#62768c;line-height:1.7}.faq summary svg{color:var(--blue);transition:transform .2s}.faq[open] summary svg{transform:rotate(90deg)}
.contact{background:#071b30;color:#fff}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px}.contact h2{line-height:1.1;margin:19px 0}.contact p{color:#b3c7e0}.contact .micro{color:#9ebfff}.contact-panel{background:#fff;border-radius:14px;padding:31px 31px 24px;color:#173051}.contact-panel h3{margin-bottom:8px}.contact-panel p{color:#62768f}.form-row{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field input,.field select,.field textarea{padding:12px 14px;min-height:48px;border:1px solid #cdd9e5;border-radius:7px;width:100%;color:#173051;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#a9bdd3}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #246bf426}
.field input::placeholder,.field textarea::placeholder{color:#8a9bb0}
.field select{-webkit-appearance:none;appearance:none;padding-right:44px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23246bf4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
.field select:focus-visible,.field select:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23246bf4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.field textarea{resize:vertical;min-height:115px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-note{color:#7d8ca0;line-height:1.6;margin-top:14px}.form-feedback{color:#2b64b8;min-height:20px}.footer{background:#041424;color:#aabbd0;padding:30px 0}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer .brand{color:#fff;}.footer p{margin:0;}.foot-links{display:flex;gap:17px;flex-wrap:wrap}.foot-links a:hover{color:white}

/* Split layout: sticky intro on the left, content on the right */
.split{display:grid;grid-template-columns:minmax(0,var(--left,.85fr)) minmax(0,1.15fr);gap:72px;align-items:start}
.split>.section-head{display:block;margin:0;position:sticky;top:calc(var(--nav-h) + 40px)}
.split>.section-head p{margin:22px 0 0}
.split .section-head h2{font-size:clamp(2rem,3.5vw,3.25rem)}

/* Results */
.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.results .section-head p{color:#c3d5e9}
.results .section-head .button{margin-top:30px}
.results-note{color:#9fb7d7;margin:20px 0 0;max-width:62ch}

/* Process: stack of steps, one open at a time (hover, focus, or timer) */
.steps{border-top:1px solid #cfdcf0}
.step{border-bottom:1px solid #cfdcf0}
.step h3{margin:0}
.step-head{display:flex;align-items:center;gap:20px;width:100%;padding:22px 0;transition:color .3s ease,padding-bottom .5s cubic-bezier(.22,.8,.3,1);border:0;background:none;color:var(--muted);text-align:left;font:inherit;letter-spacing:inherit;cursor:pointer}
.step-head:hover,.step.is-open .step-head{color:var(--ink)}
.stepnum{position:relative;display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--muted);transition:color .3s ease}
.step.is-open .stepnum,.step-head:hover .stepnum{color:var(--blue)}
.stepnum-text{position:relative}
.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:2}
.ring-track{stroke:#cfdcf0;transition:stroke .3s ease}
.step.is-open .ring-track{stroke:#dbe7fa}
.ring-fill{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:opacity .3s ease}
.step.is-open .ring-fill{opacity:1}
.step.is-open .ring-fill{animation:ring var(--step-time,9s) linear forwards}
.steps.is-paused .ring-fill{animation-play-state:paused}
.steps:not(.is-enhanced) .ring{display:none}
@keyframes ring{to{stroke-dashoffset:0}}
.step-body{display:grid;grid-template-rows:1fr}
.step-body>div{overflow:hidden;min-height:0}
.step.is-open .step-head{padding-bottom:0}
.step-body p{margin:0;padding:0 0 12px 72px;color:#586f87;max-width:540px}
.step-body>div>p:first-child{padding-top:4px}
.step-body .step-output{display:flex;align-items:baseline;gap:10px;padding-bottom:26px;margin-top:6px;color:var(--ink)}
.step-output span{flex:none;color:var(--blue)}
.steps.is-enhanced .step-body{grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.22,.8,.3,1),opacity .4s ease}
.steps.is-enhanced .step.is-open .step-body{grid-template-rows:1fr;opacity:1}
@media(prefers-reduced-motion:reduce){.ring-fill{animation:none!important}.steps.is-enhanced .step-body{transition:none}}

/* FAQ: smooth open/close (height animated in js/main.js) */
.faq .answer{overflow:hidden}
.faq summary::after{content:'';flex:none;width:22px;height:22px;margin-top:2px;background:linear-gradient(var(--blue),var(--blue)) center/14px 2px no-repeat,linear-gradient(var(--blue),var(--blue)) center/2px 14px no-repeat;transition:transform .35s cubic-bezier(.22,.8,.3,1)}
.faq.is-open summary::after{transform:rotate(45deg)}
#process .split{--left:1fr}
#process .section-head h2{font-size:clamp(2rem,3.2vw,2.9rem)}

/* Inline-style cleanup */
.accent{color:#8cbaff}
.faq-title{margin-top:18px}
.faq-lead{color:#667b91;max-width:340px}
.contact .contact-note{color:#8fb9e9;margin-top:27px}

/* Results: borderless tiles, only a central cross divider */
.result-tile:nth-child(odd){padding-left:0;border-right:1px solid #35567b}
.result-tile:nth-child(even){padding-right:0}
.result-tile:nth-child(-n+2){padding-top:0;border-bottom:1px solid #35567b}
.result-tile strong{margin-bottom:14px}

/* Shared: dotted tag lists (4px around the dot) */
.dotted span+span::before{content:'\00b7';margin-right:4px}
.dotted{display:flex;flex-wrap:wrap;gap:2px 4px}

/* Results: animated gradient numbers */
.result-tile strong{background:linear-gradient(100deg,#6fa8ff 0%,#d4e8ff 28%,#4f94ff 52%,#a8d2ff 76%,#6fa8ff 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:num-flow 7s ease-in-out infinite alternate;filter:drop-shadow(0 0 22px #3b82f655)}
@keyframes num-flow{to{background-position:100% 0}}
@media(prefers-reduced-motion:reduce){.result-tile strong{animation:none!important}}

/* Industries: 2 x 2 cards, inset arch illustration on the left, text on the right */
.industries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.industry{display:grid;grid-template-columns:minmax(150px,.78fr) minmax(0,1.22fr);gap:26px;padding:12px;border:1px solid var(--line);border-radius:26px;background:#f6f9fd;transition:border-color .35s,background-color .35s}
.industry:hover{background:#fff;border-color:#c9daf1}
.industry .illustration{position:relative;min-height:230px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(160deg,#0a2547,#114578);border-radius:18px 18px 130px 130px;transition:border-radius .6s cubic-bezier(.22,.8,.3,1)}
.industry:hover .illustration{border-radius:18px}
.industry .illustration::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#3d86e655,transparent 58%)}
.industry .illustration img{position:relative;width:96px;height:96px;filter:drop-shadow(0 0 18px #4b93f0aa);transition:transform .5s cubic-bezier(.22,.8,.3,1)}
.industry:hover .illustration img{transform:scale(1.14) rotate(-4deg)}
.industry .content{display:flex;flex-direction:column;padding:14px 16px 12px 0}
.industry h3{margin:0 0 10px}
.industry p{margin:0;color:#586f87}
.industry .tags{margin:auto 0 0;padding-top:18px}

/* Case studies: tinted tall cards with a floating transparent product image */
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.case-card{--tint-a:#fff;--tint-b:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:linear-gradient(170deg,var(--tint-a),var(--tint-b));isolation:isolate}
.case-card::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.5;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .38 0 0 0 0 .42 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.case-card.tone-white::before{display:none}
.case-card.tone-blue{--tint-a:#d7e8ff;--tint-b:#d7e8ff}
.case-card.tone-green{--tint-a:#d6f1e2;--tint-b:#d6f1e2}
.case-image{position:relative;padding:28px 28px 0}
.case-image img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:20px}
.case-no{position:absolute;left:27px;top:27px;padding:12px 21px 13px 19px;border-radius:0 0 24px 0;background:var(--tint-b);color:#5d6e84;line-height:1}
.case-information{flex:1;display:flex;flex-direction:column;padding:34px 34px 32px}

/* Insights: same tinted cards as the case studies */
.insights-grid{gap:24px}
.insight{--tint-a:#fff;--tint-b:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:340px;padding:32px 32px 30px;border-radius:24px;background:linear-gradient(170deg,var(--tint-a),var(--tint-b));isolation:isolate}
.insight::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.5;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .38 0 0 0 0 .42 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.insight.tone-white::before{display:none}.insight.tone-white{box-shadow:inset 0 0 0 1px #dfe7f1}
.insight.tone-blue{--tint-a:#d7e8ff;--tint-b:#d7e8ff}
.insight.tone-green{--tint-a:#d6f1e2;--tint-b:#d6f1e2}
.insight-art{position:absolute;right:-1px;bottom:-1px;width:150px;height:150px;z-index:-1;fill:none;stroke:#246bf4;stroke-opacity:.18;stroke-width:1;transition:transform .7s cubic-bezier(.22,.8,.3,1);transform-origin:100% 100%}
.insight.tone-white .insight-art{stroke:#10223b;stroke-opacity:.12}
.insight:hover .insight-art{transform:scale(1.18)}
.insight .micro{color:#5d6e84;margin:0}
.insight h3{margin:56px 0 12px;max-width:20ch}
.insight p{margin:0 0 22px;color:#4d5f77;max-width:34ch}
.insight-tag{align-self:flex-start;margin-top:auto;color:#33445c;background:rgba(255,255,255,.6);border-radius:999px;padding:6px 12px}
.insight.tone-white .insight-tag{background:#eef3f9}
.form-feedback:empty{display:none}