:root{
  --ink:#071827;--navy:#04111e;--navy-2:#061827;--steel:#09243a;--cyan:#16b9cf;--cyan-2:#6bdff2;--teal:#00a7b5;--muted:#526574;--line:#dce6ee;--panel:#f7fbfd;--white:#fff;--radius:18px;--shadow:0 24px 60px rgba(6,24,39,.12);--max:1420px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.58;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:9999;background:#fff;color:#000;padding:.75rem 1rem;border-radius:.5rem}.shell{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.centre{text-align:center}.narrow{max-width:790px}.eyebrow{margin:0 0 .72rem;color:var(--cyan-2);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,5.15vw,6.35rem);line-height:.98;letter-spacing:-.06em;margin-bottom:1.15rem;max-width:870px}h1 span{display:block;color:var(--cyan)}h2{font-size:clamp(2rem,3vw,3.55rem);line-height:1.07;letter-spacing:-.045em;margin-bottom:.9rem}h3{font-size:1.09rem;line-height:1.22;margin-bottom:.45rem}.section-lede{color:var(--muted);font-size:1.06rem;max-width:760px;margin:.45rem auto 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.58rem;padding:.9rem 1.22rem;border:1px solid rgba(255,255,255,.18);border-radius:12px;font-weight:900;font-size:.92rem;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;cursor:pointer;letter-spacing:-.01em}.btn:after{content:"→"}.btn-primary{background:linear-gradient(135deg,#17c4d7,#0b8fae);color:#fff;border-color:rgba(107,223,242,.38);box-shadow:0 16px 34px rgba(24,184,207,.24)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(24,184,207,.34)}.btn-ghost{background:rgba(255,255,255,.045);color:#fff;border-color:rgba(255,255,255,.34)}.btn-ghost:hover{background:rgba(255,255,255,.11)}.btn-large{padding:1.04rem 1.42rem}.cta-row{display:flex;gap:1rem;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,18,31,.92);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 14px 28px rgba(0,0,0,.16)}.header-shell{height:82px;display:flex;align-items:center;gap:1.55rem}.brand{display:flex;align-items:center;min-width:265px}.brand-logo{width:250px;height:64px;object-fit:contain;display:block;filter:drop-shadow(0 10px 22px rgba(24,184,207,.22))}.primary-nav{display:flex;align-items:center;gap:1.35rem;margin-left:auto}.primary-nav a{color:#e1edf4;font-size:.92rem;font-weight:800;opacity:.94}.primary-nav a:hover{color:#fff}.header-actions{display:flex;gap:.75rem}.nav-toggle{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:.72rem .9rem;font-weight:900}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 42%,rgba(24,184,207,.18),transparent 34%),linear-gradient(135deg,#03101d 0%,#082238 58%,#061827 100%);color:#fff}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,223,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(2,10,18,.88) 0%,rgba(2,10,18,.28) 52%,rgba(2,10,18,.1) 100%)}.hero-grid{position:relative;z-index:1;min-height:710px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:3.4rem;padding:5.1rem 0}.hero-copy{max-width:820px}.hero-lede{max-width:690px;color:#d7e8f1;font-size:1.17rem;line-height:1.72}.secure-note{margin:1.25rem 0 0;color:#c2d8e5;font-weight:800;font-size:.93rem}.secure-note:before{content:"◈";color:var(--cyan-2);margin-right:.55rem}.hero-visual{display:grid;place-items:center}.hero-stage{position:relative;width:min(640px,100%);border:1px solid rgba(107,223,242,.25);border-radius:30px;overflow:hidden;background:#061827;box-shadow:0 38px 95px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.05) inset}.hero-stage img{display:block;width:100%;height:auto}.hero-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 32%,rgba(24,184,207,.16) 72%,transparent);mix-blend-mode:screen;pointer-events:none}.hero-stage-card{position:absolute;left:1rem;bottom:1rem;background:rgba(3,16,29,.72);border:1px solid rgba(107,223,242,.26);backdrop-filter:blur(16px);border-radius:16px;padding:.85rem 1rem;box-shadow:0 14px 32px rgba(0,0,0,.22)}.hero-stage-card span{display:block;color:var(--cyan-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.hero-stage-card strong{display:block;color:#fff;font-size:.95rem}.trust-strip{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 32px rgba(6,24,39,.07)}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr)}.trust-grid article{padding:1.2rem 1.05rem;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:.78rem;align-items:start}.trust-grid article:last-child{border-right:0}.trust-grid .icon{grid-row:1/3;color:var(--cyan);font-size:1.65rem;font-weight:900}.trust-grid strong{display:block;font-size:.94rem;color:#0a1e31}.trust-grid p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.4}.section{padding:4.8rem 0}.muted{background:linear-gradient(180deg,#f8fbfd,#edf5f9)}.card-grid{display:grid;gap:1.25rem;margin-top:2.1rem}.card-grid.four{grid-template-columns:repeat(4,1fr)}.info-card,.solution-card,.resource-card,.value-list div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 38px rgba(6,24,39,.075);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.info-card:hover,.solution-card:hover,.resource-card:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(6,24,39,.12);border-color:rgba(24,184,207,.3)}.info-card{text-align:center;min-height:174px;padding:1.55rem}.card-icon{display:inline-grid;place-items:center;width:52px;height:52px;border:1px solid rgba(24,184,207,.28);border-radius:16px;color:var(--cyan);font-size:1.75rem;margin-bottom:.78rem;background:linear-gradient(180deg,#f9fdff,#edf8fb)}.info-card p,.solution-card p,.resource-card p{color:var(--muted);font-size:.95rem}.solution-card{padding:0;overflow:hidden}.solution-card h3,.solution-card p,.solution-card a{margin-left:1.18rem;margin-right:1.18rem}.solution-card h3{margin-top:1.05rem}.solution-card a,.resource-card a{display:inline-block;color:#0789a4;font-weight:900;margin-bottom:1.18rem}.solution-art{height:154px;background:linear-gradient(135deg,#dce8f0,#f8fbfd);position:relative;overflow:hidden}.solution-art:before{content:"";position:absolute;inset:22px;background:radial-gradient(circle at 30% 35%,rgba(24,184,207,.26),transparent 35%),linear-gradient(135deg,rgba(8,36,58,.12),transparent);border-radius:16px;border:1px solid rgba(8,36,58,.12)}.art-mould:after,.art-parts:after,.art-dfm:after,.art-quality:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:62px;border-radius:12px;background:linear-gradient(135deg,#5f7486,#dbe6ee);box-shadow:16px 16px 0 rgba(6,24,39,.16),inset 0 0 0 8px rgba(255,255,255,.35)}.art-parts:after{border-radius:50%;width:70px;height:70px;box-shadow:70px 0 0 #152a3d,-70px 0 0 #d8e2ea}.art-dfm:after{background:linear-gradient(135deg,#27c6d7,#7de0b2);clip-path:polygon(10% 20%,80% 5%,95% 75%,20% 90%)}.art-quality:after{width:120px;height:28px;border-radius:8px;transform:translate(-50%,-50%) rotate(-12deg)}.quote-panel-section{padding:4.25rem 0;background:#fff}.quote-panel{background:radial-gradient(circle at 88% 0,rgba(24,184,207,.2),transparent 34%),linear-gradient(135deg,#061827,#092840);border-radius:26px;color:#fff;padding:2.55rem;display:grid;grid-template-columns:.62fr 1.38fr;gap:2rem;box-shadow:0 32px 82px rgba(6,24,39,.28);position:relative;overflow:hidden}.quote-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,223,242,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.05) 1px,transparent 1px);background-size:38px 38px;opacity:.58}.quote-panel>*{position:relative}.quote-copy p{color:#c7d9e5}.check-list{padding:0;margin:1rem 0 0;list-style:none}.check-list li{margin:.55rem 0;color:#d7e9f2}.check-list li:before{content:"✓";color:var(--cyan-2);font-weight:900;margin-right:.55rem}.quote-link-note{font-size:.94rem}.quote-link-note a{color:#fff;text-decoration:underline;text-decoration-color:var(--cyan-2);text-underline-offset:3px}.rfq-form label{display:grid;gap:.35rem;color:#d9e8f0;font-weight:850;font-size:.82rem}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.compact-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rfq-form input,.rfq-form select,.rfq-form textarea{width:100%;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.085);color:#fff;border-radius:11px;padding:.84rem .9rem;font:inherit;outline:none}.rfq-form input::placeholder,.rfq-form textarea::placeholder{color:#8fa8b9}.rfq-form select option{color:#0b1f33}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{border-color:rgba(107,223,242,.82);box-shadow:0 0 0 3px rgba(24,184,207,.16)}.wide{grid-column:span 2}.upload-box{grid-column:span 2;border:1px dashed rgba(107,223,242,.58);border-radius:15px;padding:1rem;min-height:120px;place-content:center;text-align:center;background:rgba(255,255,255,.04);cursor:pointer}.upload-box input{position:absolute;opacity:0;pointer-events:none}.upload-box span{font-weight:750;color:#d2e5ee}.upload-box span:before{content:"⇧";display:block;color:var(--cyan-2);font-size:2.05rem}.upload-box small{color:#91aebd}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.form-footer p,.form-status{color:#bfd3df;font-size:.88rem;margin:0}.hp-field{position:absolute!important;left:-9999px!important}.resource-card{padding:0;overflow:hidden}.resource-card .tag,.resource-card h3,.resource-card a{margin-left:1rem;margin-right:1rem}.tag{margin-top:1rem!important;color:#0789a4!important;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.72rem!important}.resource-img{height:145px;background:linear-gradient(135deg,#cfdbe5,#fff);position:relative}.resource-img:after{content:"";position:absolute;inset:24px;border-radius:13px;background:linear-gradient(135deg,#394d5d,#c8d6e0);box-shadow:0 14px 24px rgba(6,24,39,.18)}.r2:after{background:radial-gradient(circle,#15b8ca 0 8px,transparent 9px),radial-gradient(circle at 65% 50%,#d0a45b 0 7px,transparent 8px),#eef4f7;background-size:22px 22px}.r3:after{background:linear-gradient(135deg,#0f2b42,#7d909e)}.r4:after{background:linear-gradient(120deg,#e9eef2 0 30%,#687987 30% 35%,#c4d0d8 35%)}.faq-section{background:#fbfdff}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.2rem}.faq-item{background:#fff;border:1px solid var(--line);border-radius:11px;padding:1rem 1.1rem}.faq-item summary{cursor:pointer;font-weight:900;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq-item summary:after{content:"+";color:var(--ink);font-size:1.2rem}.faq-item[open] summary:after{content:"–"}.faq-item p{margin:.85rem 0 0;color:var(--muted)}.footer-cta{background:linear-gradient(135deg,#08243a,#061827);color:#fff;position:relative;overflow:hidden}.footer-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,223,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.04) 1px,transparent 1px);background-size:42px 42px}.footer-cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.45rem 0}.footer-cta p{color:#c5d8e3;margin-bottom:0}.site-footer{background:#04111e;color:#dceaf2}.footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:2rem;padding:3.35rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo{width:300px;max-width:100%;filter:drop-shadow(0 10px 24px rgba(24,184,207,.2))}.footer-brand p,.footer-contact span,.footer-contact a{color:#aec2cf}.site-footer nav,.footer-contact{display:flex;flex-direction:column;gap:.45rem;font-style:normal}.site-footer h3{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.site-footer a{color:#cfe0ea}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;color:#8fa8b9;font-size:.85rem}.hero-compact .hero-grid{min-height:420px;padding:3.6rem 0}.hero-grid.single{grid-template-columns:1fr}.hero-grid.single .hero-copy{max-width:980px}.value-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.value-list div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 35px rgba(6,24,39,.07);padding:1.35rem}.value-list strong{display:block;font-size:1.02rem;color:var(--ink);margin-bottom:.45rem}.value-list span{display:block;color:var(--muted);font-size:.94rem}.service-route{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.notice-card{background:linear-gradient(135deg,#f8fbfd,#eef5f9);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.error-list{margin:1rem 0;padding-left:1.2rem;color:#7d2330}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}@media (max-width:1100px){.header-shell{height:auto;min-height:78px;flex-wrap:wrap;padding:1rem 0}.brand{min-width:auto}.brand-logo{width:220px}.nav-toggle{display:inline-flex;margin-left:auto}.primary-nav,.header-actions{display:none;width:100%}.site-header.is-open .primary-nav,.site-header.is-open .header-actions{display:flex;flex-direction:column;align-items:stretch}.hero-grid,.quote-panel{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:4rem 0}.trust-grid,.card-grid.four,.value-list,.service-route{grid-template-columns:1fr 1fr}.form-grid,.compact-form-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-cta-inner{align-items:flex-start;flex-direction:column}.hero-stage{width:min(760px,100%)}}@media (max-width:680px){.shell{width:min(100% - 28px,var(--max))}h1{font-size:2.85rem}.trust-grid,.card-grid.four,.faq-grid,.form-grid,.compact-form-grid,.value-list,.service-route{grid-template-columns:1fr}.wide,.upload-box{grid-column:auto}.quote-panel{padding:1.35rem}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.header-actions .btn,.cta-row .btn,.form-footer .btn{width:100%}.brand-logo{width:205px}.footer-logo{width:245px}.hero-stage-card{position:static;border-radius:0}.form-footer{align-items:flex-start;flex-direction:column}}

/* Phase VI: award-level hero, FAQ, CTA, and footer refinements */
:root{
  --max:1480px;
  --cyan:#18c7d9;
  --cyan-2:#74e7f5;
  --electric:#00b9d5;
  --deep:#020b15;
}
.site-header{
  background:rgba(5,16,28,.91);
  border-bottom:1px solid rgba(116,231,245,.14);
  box-shadow:0 22px 50px rgba(0,0,0,.28);
}
.header-shell{height:88px;gap:2rem}
.brand{min-width:320px}
.brand-logo{
  width:292px;
  height:68px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 16px 30px rgba(0,185,213,.23));
}
.primary-nav{gap:1.8rem}
.primary-nav a{font-size:1rem;color:#f0f7fb;opacity:.96;letter-spacing:-.015em}
.header-actions .btn{min-width:150px;padding:1rem 1.25rem;border-radius:14px}
.hero{
  isolation:isolate;
  background:
    radial-gradient(circle at 72% 45%, rgba(0,185,213,.29), transparent 31%),
    radial-gradient(circle at 14% 40%, rgba(116,231,245,.12), transparent 28%),
    linear-gradient(135deg,#020b15 0%,#061b2e 49%,#03111f 100%);
}
.hero:before{
  background-image:
    linear-gradient(rgba(116,231,245,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,231,245,.055) 1px,transparent 1px),
    radial-gradient(circle at 76% 52%,rgba(24,199,217,.2),transparent 34%);
  background-size:44px 44px,44px 44px,100% 100%;
  mask-image:linear-gradient(to bottom,#000 0 80%, transparent 100%);
}
.hero:after{
  background:
    linear-gradient(90deg,rgba(2,11,21,.97) 0%,rgba(2,11,21,.72) 37%,rgba(2,11,21,.17) 70%,rgba(2,11,21,.02) 100%),
    radial-gradient(circle at 100% 70%,rgba(116,231,245,.17),transparent 35%);
}
.hero-grid{
  min-height:760px;
  grid-template-columns:minmax(0,.95fr) minmax(540px,1.05fr);
  gap:2.6rem;
  padding:5.8rem 0 4.6rem;
}
.hero-copy{max-width:850px;position:relative;z-index:4}
.hero .eyebrow{font-size:.83rem;letter-spacing:.2em;color:#24d0df;margin-bottom:1.55rem}
h1{
  font-size:clamp(3.8rem,5.15vw,6.75rem);
  line-height:1.01;
  letter-spacing:-.075em;
  text-wrap:balance;
  max-width:940px;
}
h1 span{display:inline;color:var(--cyan)}
.hero-lede{font-size:1.22rem;line-height:1.72;color:#dbe9f2;max-width:760px;margin-bottom:1.55rem}
.cta-row{gap:1.15rem}.btn-large{padding:1.12rem 1.62rem;min-width:185px}.btn-primary{box-shadow:0 18px 45px rgba(0,185,213,.28),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-ghost{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.secure-note{display:flex;align-items:center;gap:.65rem;color:#cfe2ec;font-size:1rem;margin-top:1.35rem}.secure-note:before{content:"";width:24px;height:24px;border:1px solid rgba(116,231,245,.55);border-radius:50%;background:radial-gradient(circle,var(--cyan) 0 32%,transparent 34%);box-shadow:0 0 24px rgba(0,185,213,.3)}
.hero-visual{align-self:stretch;justify-content:end;position:relative;z-index:2}
.hero-stage{
  width:min(760px,100%);
  border:0;
  border-radius:0;
  overflow:visible;
  background:transparent;
  box-shadow:none;
  transform:translateX(1.5rem);
}
.hero-stage img{
  width:100%;
  max-width:none;
  border-radius:30px;
  box-shadow:0 48px 120px rgba(0,0,0,.42),0 0 95px rgba(0,185,213,.19);
  filter:saturate(1.08) contrast(1.04);
  object-fit:cover;
}
.hero-stage:before{
  content:"";
  position:absolute;
  inset:-32px -34px -18px -22px;
  border-radius:36px;
  background:radial-gradient(circle at 52% 56%,rgba(116,231,245,.22),transparent 38%);
  z-index:-1;
  filter:blur(4px);
}
.hero-stage:after{display:none}
.hero-stage-card{
  left:1.15rem;
  bottom:1.15rem;
  background:rgba(2,11,21,.78);
  border:1px solid rgba(116,231,245,.34);
  box-shadow:0 18px 40px rgba(0,0,0,.32),0 0 38px rgba(0,185,213,.13);
}
.trust-strip{
  background:linear-gradient(180deg,#03111f,#041725);
  border-bottom:1px solid rgba(116,231,245,.14);
  box-shadow:none;
  padding:0 0 3.4rem;
}
.trust-grid{
  transform:translateY(-1.1rem);
  background:linear-gradient(135deg,rgba(8,32,51,.88),rgba(3,17,31,.93));
  border:1px solid rgba(116,231,245,.18);
  border-radius:24px;
  box-shadow:0 26px 82px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.trust-grid article{border-right:1px solid rgba(116,231,245,.14);padding:1.42rem 1.35rem;min-height:112px}.trust-grid .icon{color:var(--cyan-2);font-size:2.05rem;text-shadow:0 0 18px rgba(0,185,213,.32)}.trust-grid strong{color:#fff;font-size:1.02rem}.trust-grid p{color:#b8cbd7;font-size:.91rem}.trust-grid article:hover{background:rgba(255,255,255,.035)}
.faq-section{
  position:relative;
  overflow:hidden;
  padding:5.9rem 0 5.6rem;
  background:
    radial-gradient(circle at 6% 12%,rgba(24,199,217,.075),transparent 24%),
    linear-gradient(180deg,#f9fcfe 0%,#eef5f9 100%);
}
.faq-section:before{
  content:"";position:absolute;right:-4rem;top:1.2rem;width:560px;height:360px;opacity:.28;
  background:
    linear-gradient(rgba(8,36,58,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,36,58,.08) 1px,transparent 1px);
  background-size:32px 32px;transform:rotate(-8deg);border-radius:36px;
}
.faq-section .narrow{position:relative;z-index:1;max-width:860px}.faq-section h2 span{color:var(--cyan)}
.faq-grid{position:relative;z-index:1;max-width:1120px;gap:1rem 1.4rem;margin-top:2.1rem}.faq-item{position:relative;background:rgba(255,255,255,.88);border:1px solid rgba(188,208,221,.68);border-radius:15px;padding:1.05rem 1.1rem 1.05rem 4.1rem;box-shadow:0 18px 38px rgba(8,36,58,.08),inset 0 1px 0 rgba(255,255,255,.8)}.faq-item:before{content:"";position:absolute;left:1.05rem;top:50%;width:38px;height:38px;transform:translateY(-50%);border-radius:13px;background:linear-gradient(135deg,rgba(24,199,217,.16),rgba(116,231,245,.07));border:1px solid rgba(24,199,217,.22)}.faq-item:nth-child(1):before{content:"◫"}.faq-item:nth-child(2):before{content:"▣"}.faq-item:nth-child(3):before{content:"◇"}.faq-item:nth-child(4):before{content:"➤"}.faq-item:nth-child(5):before{content:"◎"}.faq-item:nth-child(6):before{content:"✓"}.faq-item:before{display:grid;place-items:center;color:var(--cyan);font-weight:900;font-size:1.2rem}.faq-item summary{font-size:.98rem;color:#071827}.faq-item summary:after{color:var(--cyan);font-size:1.35rem}.faq-item p{color:#5a6f80;line-height:1.6}.footer-cta-award{background:linear-gradient(135deg,#061827 0%,#08283f 54%,#03111f 100%);border-top:1px solid rgba(116,231,245,.18);border-bottom:1px solid rgba(116,231,245,.16)}.footer-cta-award:before{background-image:linear-gradient(rgba(116,231,245,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(116,231,245,.05) 1px,transparent 1px),radial-gradient(circle at 84% 50%,rgba(24,199,217,.18),transparent 28%);background-size:44px 44px,44px 44px,100% 100%}.footer-cta-inner{min-height:230px;padding:3rem 0;display:grid;grid-template-columns:1.05fr .7fr .62fr;align-items:center}.footer-cta-copy{padding-right:2rem;border-right:1px solid rgba(116,231,245,.2)}.footer-cta h2{font-size:clamp(2.25rem,3.2vw,4.2rem);max-width:680px}.footer-cta h2 span{color:var(--cyan)}.footer-cta-actions{display:flex;align-items:center;justify-content:center}.footer-cta-image{align-self:stretch;background:url('../img/cta-mould-award.jpg') center/cover no-repeat;border-radius:24px;min-height:190px;box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 58px rgba(24,199,217,.18);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%)}
.site-footer{position:relative;background:radial-gradient(circle at 82% 36%,rgba(0,185,213,.14),transparent 28%),linear-gradient(180deg,#03111f,#020b15);overflow:hidden}.site-footer:before{content:"";position:absolute;right:4%;top:20%;width:380px;height:300px;background:url('../img/footer-map-glow.jpg') center/contain no-repeat;opacity:.4;mix-blend-mode:screen}.footer-grid-award{position:relative;grid-template-columns:1.65fr .8fr .72fr 1.05fr;gap:3.4rem;padding:4rem 0 3.2rem;border-bottom:1px solid rgba(116,231,245,.13)}.footer-logo{width:330px;filter:drop-shadow(0 14px 34px rgba(0,185,213,.22))}.footer-brand p{font-size:1.02rem;line-height:1.75;max-width:520px;color:#b7cad6}.footer-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.3rem;max-width:560px}.footer-badges span{display:flex;align-items:center;gap:.45rem;color:#d7eaf2;font-weight:800;font-size:.82rem}.footer-badges span:before{content:"";width:24px;height:24px;border:1px solid rgba(116,231,245,.42);border-radius:9px;background:rgba(24,199,217,.1);box-shadow:0 0 20px rgba(0,185,213,.12)}.site-footer h3{color:var(--cyan);letter-spacing:.14em}.site-footer nav,.footer-contact{position:relative;z-index:1;gap:.7rem}.site-footer a:hover{color:#fff}.footer-contact a,.footer-contact span{display:flex;gap:.65rem;align-items:flex-start}.footer-contact a:before,.footer-contact span:before{color:var(--cyan);font-weight:900}.footer-contact a:before{content:"✉"}.footer-contact span:nth-of-type(1):before{content:"⌖"}.footer-contact span:nth-of-type(2):before{content:"◇"}.footer-bottom{position:relative;z-index:1;padding:1.25rem 0;color:#9cb2c1}
@media (max-width:1100px){.brand{min-width:auto}.brand-logo{width:250px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-stage{transform:none;width:min(900px,100%)}.trust-strip{padding-top:1.3rem}.trust-grid{transform:none}.footer-cta-inner{grid-template-columns:1fr}.footer-cta-copy{border-right:0}.footer-cta-image{min-height:240px}.footer-grid-award{grid-template-columns:1fr 1fr}.footer-badges{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.header-shell{min-height:76px}.brand-logo{width:218px;height:58px}h1{font-size:3.05rem}.hero-grid{padding:3.5rem 0}.trust-grid{border-radius:18px}.footer-grid-award{grid-template-columns:1fr}.footer-badges{grid-template-columns:1fr}.footer-cta-image{min-height:180px}.footer-cta-copy{padding-right:0}.faq-item{padding-left:3.7rem}.site-footer:before{opacity:.2}}

/* Phase VII: integrated logo assets, hero visual upgrade, and restrained shimmer */
.site-header,
.site-footer{
  --logo-fit-bg:#03111f;
}
.brand{
  min-width:300px;
  padding:0;
}
.brand-logo{
  width:250px;
  height:auto;
  max-height:74px;
  object-fit:contain;
  object-position:left center;
  display:block;
  background:transparent;
  filter:drop-shadow(0 14px 26px rgba(0,185,213,.2));
}
.footer-logo{
  width:330px;
  height:auto;
  max-width:100%;
  display:block;
  background:transparent;
  filter:drop-shadow(0 18px 38px rgba(0,185,213,.18));
}
.hero-stage{
  width:min(820px,100%);
}
.hero-stage img{
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
  border:1px solid rgba(116,231,245,.22);
  background:#03111f;
}
.hero-stage:after{
  display:block;
  content:"";
  position:absolute;
  left:-45%;
  bottom:11%;
  width:62%;
  height:30%;
  pointer-events:none;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.0) 28%,rgba(255,255,255,.68) 48%,rgba(116,231,245,.72) 54%,rgba(255,255,255,.0) 74%,transparent 100%);
  filter:blur(15px);
  opacity:.72;
  transform:rotate(-9deg) translateX(-115%);
  mix-blend-mode:screen;
  animation:imhHeroShimmer 7.5s cubic-bezier(.25,.8,.25,1) infinite;
}
@keyframes imhHeroShimmer{
  0%,42%{transform:rotate(-9deg) translateX(-130%);opacity:0;}
  52%{opacity:.82;}
  72%{transform:rotate(-9deg) translateX(245%);opacity:.45;}
  100%{transform:rotate(-9deg) translateX(245%);opacity:0;}
}
@media (prefers-reduced-motion: reduce){
  .hero-stage:after{animation:none;opacity:.16;transform:rotate(-9deg) translateX(40%);}
}
.footer-cta-image{
  background-image:url('../img/cta-mould-ultra.jpg') !important;
  background-position:center !important;
  background-size:cover !important;
}
.footer-brand{
  position:relative;
  z-index:1;
}
.footer-brand .footer-logo + p{
  margin-top:1.15rem;
}
.footer-badges span{
  line-height:1.2;
}
@media (max-width:1100px){
  .brand-logo{width:230px;max-height:68px;}
  .brand{min-width:auto;}
  .hero-stage{width:min(900px,100%);}
}
@media (max-width:680px){
  .brand-logo{width:205px;max-height:60px;}
  .footer-logo{width:270px;}
  .hero-stage:after{display:none;}
}


/* Phase VIII: no shimmer, background-matched logo, and award-level midpage sections */
:root{
  --nav-true:#020b15;
  --nav-lift:#03111f;
  --nav-blue:#061827;
  --paper:#f6fbfe;
}
.site-header{
  background:linear-gradient(180deg,#020b15 0%,#03111f 100%) !important;
  border-bottom:1px solid rgba(116,231,245,.16) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.32) !important;
}
.header-shell{height:86px !important;}
.brand{min-width:272px !important;align-self:stretch;display:flex;align-items:center;}
.brand-logo{
  width:244px !important;
  height:82px !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 12px 28px rgba(0,185,213,.18)) !important;
  mix-blend-mode:normal !important;
}
.primary-nav a{font-size:.96rem !important;color:#edf8fc !important;}
.header-actions .btn{min-width:156px !important;}
.hero-stage:after{content:none !important;display:none !important;animation:none !important;background:none !important;}
.hero-stage img{content:url('../img/hero-mould-v8.jpg');}
.footer-cta-image{background-image:url('../img/cta-mould-v8.jpg') !important;}
.site-footer{background:radial-gradient(circle at 83% 34%,rgba(0,185,213,.15),transparent 27%),linear-gradient(180deg,#020b15 0%,#020914 100%) !important;}
.footer-logo{content:url('../img/logo-footer-v8.png');width:365px !important;max-width:100%;}

.buyer-section{
  position:relative;
  overflow:hidden;
  padding:6.1rem 0 5.8rem;
  background:
    radial-gradient(circle at 50% -18%,rgba(24,199,217,.09),transparent 35%),
    linear-gradient(180deg,#fff 0%,#f8fcfe 100%);
}
.buyer-section:before{
  content:"";position:absolute;inset:auto 6% 8% auto;width:420px;height:300px;
  background:linear-gradient(rgba(8,36,58,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.045) 1px,transparent 1px);
  background-size:26px 26px;opacity:.42;transform:rotate(-8deg);border-radius:40px;
}
.buyer-section .narrow{max-width:850px}.buyer-section h2{text-wrap:balance;}
.info-card{
  position:relative;
  overflow:hidden;
  min-height:214px !important;
  padding:2rem 1.45rem 1.7rem !important;
  border-color:rgba(188,208,221,.7) !important;
  background:linear-gradient(180deg,#fff 0%,#f9fdff 100%) !important;
  box-shadow:0 22px 62px rgba(6,24,39,.075),inset 0 1px 0 #fff !important;
}
.info-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.0;transition:opacity .2s ease}
.info-card:hover:before{opacity:1}.info-card p{line-height:1.62 !important;}
.card-icon{
  position:relative;
  width:58px !important;height:58px !important;border-radius:18px !important;
  background:radial-gradient(circle at 35% 24%,rgba(116,231,245,.36),transparent 34%),linear-gradient(135deg,#f8fdff,#eaf8fb) !important;
  box-shadow:0 15px 32px rgba(24,199,217,.11),inset 0 1px 0 #fff;
}
.card-icon:before,.card-icon:after{content:"";position:absolute;inset:0;margin:auto;display:block;}
.icon-product:before{width:24px;height:16px;border:3px solid var(--cyan);border-radius:16px 16px 8px 8px;top:10px}.icon-product:after{width:34px;height:16px;border:3px solid var(--cyan);border-top:0;border-radius:0 0 18px 18px;bottom:11px}
.icon-engineer:before{width:28px;height:28px;border:3px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 7px rgba(24,199,217,.08)}.icon-engineer:after{width:7px;height:7px;background:var(--cyan);border-radius:50%}
.icon-procurement:before{width:25px;height:32px;border:3px solid var(--cyan);border-radius:7px}.icon-procurement:after{width:14px;height:3px;background:var(--cyan);box-shadow:0 8px 0 var(--cyan),0 16px 0 var(--cyan)}
.icon-na:before{width:30px;height:30px;border:3px solid var(--cyan);border-radius:50%}.icon-na:after{width:12px;height:36px;border-left:3px solid var(--cyan);border-right:3px solid var(--cyan);border-radius:50%}

.solution-section{
  position:relative;
  background:linear-gradient(180deg,#f1f8fc 0%,#eaf4f9 100%) !important;
  padding:6.35rem 0 6.75rem;
  overflow:hidden;
}
.solution-section:before{content:"";position:absolute;left:-8%;top:13%;width:42%;height:72%;background:radial-gradient(circle,rgba(24,199,217,.12),transparent 62%);filter:blur(20px)}
.solution-section .narrow{max-width:900px}.solution-section h2{text-wrap:balance}.solution-grid{margin-top:2.8rem !important;}
.solution-card{
  border-radius:24px !important;
  overflow:hidden;
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(171,198,214,.74) !important;
  box-shadow:0 28px 76px rgba(6,24,39,.105),inset 0 1px 0 rgba(255,255,255,.8) !important;
  backdrop-filter:blur(10px);
}
.solution-card:hover{transform:translateY(-7px) !important;box-shadow:0 36px 90px rgba(6,24,39,.15),0 0 0 1px rgba(24,199,217,.2) !important;}
.solution-art{height:190px !important;background:#061827 !important;border-bottom:1px solid rgba(24,199,217,.18)}
.solution-art:before,.solution-art:after{display:none !important}.solution-art img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.04)}
.solution-body{padding:1.25rem 1.25rem 1.35rem}.solution-card h3,.solution-card p,.solution-card a{margin-left:0 !important;margin-right:0 !important}.mini-label{margin:0 0 .5rem !important;color:var(--cyan) !important;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem !important;font-weight:950}.solution-card h3{margin-top:0 !important}.solution-card p{line-height:1.62 !important}.solution-card a{margin-bottom:0 !important;}

.resources-section{
  position:relative;
  padding:6.1rem 0 6.3rem;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  overflow:hidden;
}
.resources-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 8%,rgba(24,199,217,.08),transparent 28%);pointer-events:none}.resources-section .narrow{max-width:830px}
.resource-card{
  border-radius:22px !important;
  overflow:hidden;
  border:1px solid rgba(183,207,220,.82) !important;
  background:#fff !important;
  box-shadow:0 22px 64px rgba(6,24,39,.08) !important;
}
.resource-img{height:172px !important;background:#061827 !important;overflow:hidden;position:relative}
.resource-img:before,.resource-img:after{display:none !important}.resource-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.03) contrast(1.02)}
.resource-body{padding:1.08rem 1.15rem 1.25rem}.resource-card .tag{margin:0 0 .6rem !important;color:var(--cyan) !important;font-size:.69rem !important;letter-spacing:.13em;text-transform:uppercase;font-weight:950}.resource-card h3{font-size:1.02rem;line-height:1.25;margin-bottom:.85rem}.resource-card a{margin-bottom:0 !important;}

.faq-section{padding-top:6.4rem !important}.faq-grid{gap:1.1rem 1.35rem !important}.faq-item{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.faq-item:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(8,36,58,.105),inset 0 1px 0 rgba(255,255,255,.8);border-color:rgba(24,199,217,.24)}
@media (max-width:1100px){.brand-logo{width:228px !important;height:72px !important}.brand{min-width:auto !important}.solution-art{height:220px !important}}
@media (max-width:680px){.brand-logo{width:206px !important;height:66px !important}.buyer-section,.solution-section,.resources-section{padding:4.4rem 0}.solution-art,.resource-img{height:200px !important}.footer-logo{width:290px !important}}

/* Phase IX: award polish for Solutions and Resources sections */
.solution-section,
.resources-section{
  --section-ink:#071827;
  --section-muted:#50687b;
  --section-line:rgba(137,176,197,.42);
}
.solution-section{
  padding:7.1rem 0 7.4rem !important;
  background:
    radial-gradient(circle at 50% 2%,rgba(255,255,255,.98),rgba(255,255,255,.76) 24%,rgba(237,247,252,.82) 55%,rgba(227,241,248,.92) 100%),
    linear-gradient(180deg,#f8fcfe 0%,#eaf5fa 100%) !important;
}
.solution-section:before{
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  background:
    url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b6f8c' stroke-opacity='.12' stroke-width='1'%3E%3Cpath d='M20 62h154v104H20zM58 22h82v36M58 166h82v42M244 42h210v122H244zM276 80h92v46h-92zM400 80h34v34h-34zM70 88h58v48H70z'/%3E%3Ccircle cx='420' cy='210' r='54'/%3E%3Cpath d='M366 210h108M420 156v108M15 238h220M255 238h250'/%3E%3C/g%3E%3C/svg%3E") left 6% top 2.2rem/420px auto no-repeat,
    url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b6f8c' stroke-opacity='.11' stroke-width='1'%3E%3Cpath d='M60 70h190v120H60zM92 96h42v42H92zM178 96h42v42h-42zM310 55h146v88H310zM340 82h86v36h-86zM95 224h320'/%3E%3Ccircle cx='404' cy='205' r='62'/%3E%3Cpath d='M342 205h124M404 143v124'/%3E%3C/g%3E%3C/svg%3E") right 4% top 3.3rem/410px auto no-repeat,
    radial-gradient(circle at 8% 78%,rgba(24,199,217,.13),transparent 24%),
    radial-gradient(circle at 94% 30%,rgba(24,199,217,.12),transparent 24%) !important;
  opacity:1 !important;
  filter:none !important;
}
.solution-section:after,
.resources-section:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(24,199,217,.4),transparent);
}
.solution-section .narrow,
.resources-section .narrow{
  max-width:1040px !important;
  position:relative;
  z-index:1;
}
.solution-section .eyebrow,
.resources-section .eyebrow{
  letter-spacing:.34em !important;
  font-size:.82rem !important;
  color:#0899b6 !important;
  margin-bottom:1.1rem !important;
}
.solution-section .eyebrow:before,
.solution-section .eyebrow:after,
.resources-section .eyebrow:before,
.resources-section .eyebrow:after{
  content:"";
  display:inline-block;
  width:42px;
  height:1px;
  margin:0 .9rem .26rem;
  background:linear-gradient(90deg,transparent,rgba(8,153,182,.55),transparent);
}
.solution-section h2,
.resources-section h2{
  color:var(--section-ink);
  font-size:clamp(2.65rem,4.15vw,5.35rem) !important;
  letter-spacing:-.07em !important;
  line-height:.98 !important;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}
.solution-section h2 span,
.resources-section h2 span{
  color:#0b8fac;
}
.solution-section .section-lede,
.resources-section .section-lede{
  color:var(--section-muted) !important;
  font-size:1.25rem !important;
  line-height:1.7 !important;
  max-width:840px !important;
}
.solution-grid{
  position:relative;
  z-index:1;
  gap:1.8rem !important;
  margin-top:3.95rem !important;
}
.solution-card{
  border-radius:26px !important;
  overflow:hidden !important;
  min-height:520px;
  background:linear-gradient(180deg,#fff 0%,#f9fdff 100%) !important;
  border:1px solid rgba(149,190,210,.62) !important;
  box-shadow:0 34px 84px rgba(6,24,39,.11),0 0 0 1px rgba(255,255,255,.72) inset !important;
}
.solution-card:hover{
  transform:translateY(-9px) !important;
  box-shadow:0 44px 100px rgba(6,24,39,.18),0 0 0 1px rgba(24,199,217,.35) !important;
}
.solution-art{
  height:250px !important;
  border-bottom:0 !important;
  background:#071827 !important;
  position:relative !important;
}
.solution-art img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  filter:saturate(1.1) contrast(1.05) !important;
}
.solution-art:before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(2,11,21,0) 55%,rgba(2,11,21,.22) 100%) !important;
  border:0 !important;
  border-radius:0 !important;
  pointer-events:none;
}
.solution-body{
  position:relative;
  padding:3.55rem 1.65rem 1.75rem !important;
  min-height:270px;
}
.solution-body:before{
  content:"";
  position:absolute;
  left:50%;
  top:-38px;
  transform:translateX(-50%);
  width:76px;
  height:76px;
  border-radius:50%;
  background:linear-gradient(180deg,#fff,#eef9fc);
  border:1px solid rgba(137,176,197,.56);
  box-shadow:0 18px 40px rgba(6,24,39,.18),0 0 0 8px rgba(255,255,255,.55);
}
.solution-body:after{
  content:"▧";
  position:absolute;
  left:50%;
  top:-18px;
  transform:translateX(-50%);
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  color:#0589a7;
  font-weight:950;
  font-size:1.55rem;
}
.solution-card:nth-child(2) .solution-body:after{content:"▣";}
.solution-card:nth-child(3) .solution-body:after{content:"⌁";}
.solution-card:nth-child(4) .solution-body:after{content:"✓";}
.solution-body .mini-label{
  margin-bottom:.7rem !important;
  letter-spacing:.22em !important;
  font-size:.76rem !important;
  color:#0797b4 !important;
}
.solution-body h3{
  color:var(--section-ink);
  font-size:1.42rem !important;
  line-height:1.16 !important;
  letter-spacing:-.025em;
  margin-bottom:.9rem !important;
}
.solution-body p{
  color:#50687b !important;
  font-size:1.08rem !important;
  line-height:1.67 !important;
}
.solution-body a{
  margin-top:.75rem;
  color:#0789a4 !important;
  font-size:1.05rem;
}
.resources-section{
  padding:7rem 0 7.5rem !important;
  background:
    radial-gradient(circle at 50% -8%,rgba(255,255,255,1),rgba(255,255,255,.82) 34%,rgba(239,248,252,.94) 100%),
    linear-gradient(180deg,#fff 0%,#f0f8fc 100%) !important;
}
.resources-section:before{
  opacity:1 !important;
  background:
    url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b6f8c' stroke-opacity='.1' stroke-width='1'%3E%3Cpath d='M30 70h170v100H30zM72 104h94v34H72zM284 46h150v104H284zM314 78h84v42h-84zM36 218h280M330 218h156'/%3E%3Cpath d='M404 212a58 58 0 1 0 0-1M348 212h112M404 156v112'/%3E%3C/g%3E%3C/svg%3E") left 3% top 4rem/410px auto no-repeat,
    url("data:image/svg+xml,%3Csvg width='520' height='300' viewBox='0 0 520 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b6f8c' stroke-opacity='.1' stroke-width='1'%3E%3Cpath d='M82 62h154v104H82zM122 92h74v44h-74zM302 70h122v90H302zM330 96h66v36h-66z'/%3E%3Ccircle cx='390' cy='214' r='64'/%3E%3Cpath d='M326 214h128M390 150v128'/%3E%3C/g%3E%3C/svg%3E") right 4% top 5rem/410px auto no-repeat,
    radial-gradient(circle at 82% 12%,rgba(24,199,217,.11),transparent 26%) !important;
}
.resources-section .card-grid.four{
  position:relative;
  z-index:1;
  gap:1.8rem !important;
  margin-top:3.6rem !important;
}
.resource-card{
  border-radius:26px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  border:1px solid rgba(149,190,210,.6) !important;
  box-shadow:0 32px 82px rgba(6,24,39,.1),0 0 0 1px rgba(255,255,255,.7) inset !important;
}
.resource-card:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 42px 96px rgba(6,24,39,.16),0 0 0 1px rgba(24,199,217,.32) !important;
}
.resource-img{
  height:250px !important;
  background:#071827 !important;
}
.resource-img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  filter:saturate(1.08) contrast(1.05) !important;
}
.resource-body{
  padding:1.55rem 1.55rem 1.7rem !important;
}
.resource-card .tag{
  color:#0797b4 !important;
  letter-spacing:.22em !important;
  font-size:.76rem !important;
  margin-bottom:.82rem !important;
}
.resource-card h3{
  font-size:1.36rem !important;
  line-height:1.17 !important;
  letter-spacing:-.025em;
  color:var(--section-ink);
  margin-bottom:1rem !important;
}
.resource-card p{
  color:#50687b !important;
  font-size:1.05rem !important;
  line-height:1.68 !important;
  margin:0 0 1.2rem !important;
}
.resource-card a{
  color:#0789a4 !important;
  font-size:1.05rem;
}
@media (max-width:1100px){
  .solution-art,.resource-img{height:230px !important;}
  .solution-card{min-height:auto;}
  .solution-body{min-height:auto;}
}
@media (max-width:680px){
  .solution-section h2,.resources-section h2{font-size:2.55rem !important;}
  .solution-section .eyebrow:before,.solution-section .eyebrow:after,.resources-section .eyebrow:before,.resources-section .eyebrow:after{display:none;}
  .solution-art,.resource-img{height:215px !important;}
}

/* Phase X: dedicated Solutions page commercial hub */
.solutions-hero .hero-grid{
  min-height:620px;
  padding:5.3rem 0 4.8rem;
}
.solutions-hero .hero-copy{max-width:780px}
.solutions-hero h1{font-size:clamp(3.15rem,5.5vw,6.9rem);letter-spacing:-.08em;line-height:.94;max-width:900px}
.solutions-hero-card{
  position:relative;
  width:min(760px,100%);
  margin-left:auto;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(107,223,242,.2);
  background:#061827;
  box-shadow:0 45px 120px rgba(0,0,0,.42),0 0 80px rgba(24,199,217,.08);
}
.solutions-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 32%,rgba(24,199,217,.08));z-index:1;pointer-events:none}
.solutions-hero-card img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:4/3;filter:saturate(1.08) contrast(1.04)}
.route-mini-panel{position:absolute;left:1rem;bottom:1rem;z-index:2;padding:.9rem 1rem;border-radius:16px;background:rgba(2,11,21,.72);border:1px solid rgba(107,223,242,.32);box-shadow:0 14px 34px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.route-mini-panel span{display:block;color:#24d0df;text-transform:uppercase;font-size:.68rem;font-weight:950;letter-spacing:.16em}.route-mini-panel strong{display:block;color:#fff;font-size:.95rem;margin-top:.1rem}.solutions-intro{padding:5.7rem 0;background:#fff}.split-intro{display:grid;grid-template-columns:.92fr 1.08fr;gap:4rem;align-items:center}.split-intro h2{font-size:clamp(2.25rem,3.4vw,4.45rem);letter-spacing:-.06em;line-height:1}.intro-panel{background:linear-gradient(180deg,#fff,#f5fbfe);border:1px solid rgba(149,190,210,.55);border-radius:28px;padding:2rem 2.1rem;box-shadow:0 28px 78px rgba(6,24,39,.08), inset 0 1px 0 rgba(255,255,255,.84)}.intro-panel p{font-size:1.13rem;line-height:1.75}.check-list.compact{margin-top:1rem}.check-list.compact li{margin:.42rem 0}.solutions-page-routes{padding-top:6.2rem!important}.service-card-meta{margin:1.2rem 0 1rem;display:grid;gap:.7rem}.service-card-meta div{padding:.78rem .86rem;border-radius:14px;background:rgba(239,248,252,.75);border:1px solid rgba(149,190,210,.35)}.service-card-meta dt{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:950;color:#0797b4;margin-bottom:.25rem}.service-card-meta dd{margin:0;color:#405a6e;font-size:.88rem;line-height:1.48}.service-path-section{position:relative;overflow:hidden;background:#061827;color:#fff;padding:6.8rem 0}.service-path-section:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(107,223,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.04) 1px,transparent 1px),radial-gradient(circle at 18% 28%,rgba(24,199,217,.16),transparent 30%),radial-gradient(circle at 88% 74%,rgba(24,199,217,.14),transparent 32%);background-size:48px 48px,48px 48px,auto,auto}.service-path-section .shell{position:relative;z-index:1}.service-path-section .eyebrow{color:#24d0df}.service-path-section h2{color:#fff}.service-path-section .section-lede{color:#bad1dd!important}.path-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:3rem}.path-step{position:relative;border:1px solid rgba(107,223,242,.18);background:rgba(255,255,255,.055);border-radius:24px;padding:1.35rem;box-shadow:0 22px 55px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.path-step span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(24,199,217,.12);border:1px solid rgba(107,223,242,.32);color:#6bdff2;font-weight:950;margin-bottom:1rem}.path-step h3{color:#fff;font-size:1.05rem;margin-bottom:.45rem}.path-step p{color:#b8cfdb;font-size:.95rem;line-height:1.55;margin:0}.solutions-audience{background:#fff}.service-value-section{position:relative;overflow:hidden}.service-value-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 35%,rgba(24,199,217,.1),transparent 25%),radial-gradient(circle at 88% 20%,rgba(24,199,217,.08),transparent 25%);pointer-events:none}.value-list-enhanced{position:relative}.value-list-enhanced div{border-radius:24px!important}.quote-readiness-band{position:relative;overflow:hidden;background:#071827;color:#fff;padding:6.3rem 0}.quote-readiness-band:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(107,223,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.035) 1px,transparent 1px),radial-gradient(circle at 78% 42%,rgba(24,199,217,.15),transparent 32%);background-size:46px 46px,46px 46px,auto}.quote-readiness-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.quote-readiness-copy h2{color:#fff;font-size:clamp(2.45rem,4.2vw,5.35rem);letter-spacing:-.07em;line-height:.98}.quote-readiness-copy p{color:#c6dbe6;font-size:1.12rem;line-height:1.75;max-width:700px}.quote-readiness-list{background:rgba(255,255,255,.06);border:1px solid rgba(107,223,242,.2);border-radius:28px;padding:2rem;box-shadow:0 32px 80px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.quote-readiness-list h3{color:#fff;font-size:1.35rem}.quote-readiness-list .check-list li{color:#d5e9f2}.solutions-faq{background:#f8fcfe}.solutions-final-cta{margin-top:0}.solutions-final-cta+.site-footer{margin-top:0}
@media (max-width:1100px){.split-intro,.quote-readiness-grid{grid-template-columns:1fr}.path-timeline{grid-template-columns:1fr 1fr}.solutions-hero-card{margin-left:0}.solutions-hero .hero-grid{padding:4rem 0}}
@media (max-width:680px){.solutions-hero h1{font-size:3rem}.split-intro{gap:1.5rem}.intro-panel,.quote-readiness-list{padding:1.35rem}.path-timeline{grid-template-columns:1fr}.service-card-meta{display:none}.solutions-hero-card img{aspect-ratio:16/11}.route-mini-panel{position:static;border-radius:0}.solutions-page-routes .solution-card{min-height:auto}}


/* Phase XI: compact interior masthead and faster Solutions-page routing */
.page-masthead{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(2,11,21,.98),rgba(6,24,39,.96) 45%,rgba(10,61,76,.74)),
    radial-gradient(circle at 78% 34%,rgba(24,199,217,.18),transparent 32%),
    #061827;
  border-bottom:1px solid rgba(107,223,242,.16);
}
.page-masthead:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(107,223,242,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(107,223,242,.035) 1px,transparent 1px),
    radial-gradient(circle at 12% 26%,rgba(24,199,217,.12),transparent 28%);
  background-size:56px 56px,56px 56px,auto;
  opacity:.92;
  pointer-events:none;
}
.page-masthead:after{
  content:"";
  position:absolute;
  right:7vw;
  top:50%;
  width:440px;
  height:240px;
  transform:translateY(-50%);
  background:
    url("data:image/svg+xml,%3Csvg width='560' height='300' viewBox='0 0 560 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%236bdff2' stroke-opacity='.18' stroke-width='1.2'%3E%3Cpath d='M46 86h184v110H46zM92 118h96v42H92zM306 68h168v118H306zM344 102h84v46h-84zM70 236h420M402 46v210M20 220C110 80 250 34 442 76'/%3E%3Ccircle cx='444' cy='188' r='62'/%3E%3Cpath d='M382 188h124M444 126v124'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  opacity:.72;
  pointer-events:none;
  filter:drop-shadow(0 0 28px rgba(24,199,217,.12));
}
.page-masthead-inner{
  position:relative;
  z-index:1;
  min-height:360px;
  display:flex;
  align-items:center;
  padding:5.1rem 0 4.6rem;
}
.page-masthead-copy{max-width:980px}
.page-masthead .eyebrow{color:#24d0df;margin-bottom:1.1rem}
.page-masthead h1{
  max-width:980px;
  color:#fff;
  font-size:clamp(3rem,5.35vw,6.3rem);
  line-height:.96;
  letter-spacing:-.075em;
  margin:0 0 1.25rem;
}
.page-masthead h1 span{color:#24c8d9}
.page-masthead p{
  color:#d7e7ef;
  font-size:1.16rem;
  line-height:1.74;
  max-width:840px;
  margin:0 0 1.4rem;
}
.masthead-actions{margin-top:.35rem}
.masthead-note{
  position:relative;
  padding-left:1.35rem;
  color:#aecad9 !important;
  font-weight:760;
  font-size:.92rem !important;
  margin-top:1rem !important;
}
.masthead-note:before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:.48rem;
  height:.48rem;
  border-radius:999px;
  background:#24d0df;
  box-shadow:0 0 0 5px rgba(36,208,223,.12);
}
.solutions-intro-compact{
  padding:4.6rem 0 4.8rem !important;
  background:linear-gradient(180deg,#fff 0%,#f6fbfe 100%) !important;
}
.compact-routing-intro{grid-template-columns:1fr 1fr !important;gap:3rem !important}
.compact-routing-intro h2{font-size:clamp(2.1rem,3.05vw,3.9rem) !important;line-height:1.02 !important}
.solutions-page-routes{padding-top:5.2rem!important}
.solutions-page-routes .narrow h2{font-size:clamp(2.75rem,4.6vw,5.5rem) !important}
.solutions-page-routes .narrow h2 span{color:#0789a4}
.solutions-final-cta{display:none !important;}
.solutions-faq{padding-bottom:5.5rem !important;}
@media (max-width:1100px){
  .page-masthead:after{opacity:.3;right:-8rem}
  .compact-routing-intro{grid-template-columns:1fr !important;gap:1.75rem !important}
}
@media (max-width:680px){
  .page-masthead-inner{min-height:0;padding:3.8rem 0 3.5rem}
  .page-masthead h1{font-size:2.9rem}
  .page-masthead p{font-size:1.02rem}
  .page-masthead:after{display:none}
  .masthead-actions .btn{width:100%}
}

/* Phase XII: Custom Injection Moulds service detail page */
.service-detail-intro{background:#fff;position:relative;overflow:hidden}.service-detail-intro:before,.quote-inputs-section:before,.mould-considerations:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(8,36,58,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 74% 18%,#000,transparent 54%);opacity:.75}.service-detail-split{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:3.2rem;align-items:center}.service-detail-copy p:not(.eyebrow){font-size:1.08rem;color:var(--muted);line-height:1.78}.service-detail-visual{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(8,36,58,.12);box-shadow:0 30px 78px rgba(6,24,39,.16);background:#071827;position:relative}.service-detail-visual img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transform:scale(1.01)}.service-detail-visual figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;border:1px solid rgba(107,223,242,.24);border-radius:17px;background:rgba(4,18,31,.78);backdrop-filter:blur(18px);color:#d9edf5;padding:1rem 1.1rem;font-weight:780;box-shadow:0 16px 34px rgba(0,0,0,.24)}.service-detail-visual figcaption span{display:block;color:var(--cyan-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950;margin-bottom:.18rem}.service-route-section{position:relative;overflow:hidden}.service-detail-cards .info-card{text-align:left;padding:1.45rem;min-height:245px;display:flex;flex-direction:column}.service-detail-cards .card-icon{margin-bottom:1.05rem}.service-detail-cards h3{font-size:1.15rem}.service-detail-cards p{font-size:.96rem;line-height:1.6}.icon-tooling:before{content:"";width:25px;height:18px;border:2px solid currentColor;border-radius:5px;box-shadow:9px 8px 0 -3px rgba(24,184,207,.38);display:block}.icon-dfm:before{content:"";width:25px;height:25px;border:2px solid currentColor;clip-path:polygon(50% 0,100% 100%,0 100%);display:block}.icon-rfq:before{content:"";width:22px;height:28px;border:2px solid currentColor;border-radius:5px;display:block;background:linear-gradient(currentColor,currentColor) 50% 34%/12px 2px no-repeat,linear-gradient(currentColor,currentColor) 50% 56%/12px 2px no-repeat}.icon-production:before{content:"";width:27px;height:19px;border-radius:50%;border:2px solid currentColor;display:block;box-shadow:11px 0 0 -5px currentColor,-11px 0 0 -5px currentColor}.quote-inputs-section{position:relative;background:linear-gradient(180deg,#fbfdff,#eff6fa);overflow:hidden}.quote-inputs-layout{position:relative;z-index:1;display:grid;grid-template-columns:.72fr 1.28fr;gap:2.4rem;align-items:start}.quote-inputs-copy{position:sticky;top:115px}.quote-inputs-copy p{color:var(--muted);font-size:1.05rem;line-height:1.72}.btn-ghost.dark{color:#08243a;border-color:rgba(8,36,58,.22);background:#fff}.btn-ghost.dark:hover{background:#eef8fb}.quote-input-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.quote-input-list article{background:#fff;border:1px solid rgba(8,36,58,.1);border-radius:20px;padding:1.15rem;box-shadow:0 18px 42px rgba(6,24,39,.08);position:relative;overflow:hidden}.quote-input-list article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--cyan-2),#0b8fae)}.quote-input-list strong{display:block;color:#081d30;font-size:1rem;margin-bottom:.32rem}.quote-input-list span{display:block;color:var(--muted);font-size:.93rem;line-height:1.52}.mould-considerations{position:relative;background:#fff;overflow:hidden}.consideration-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.25rem}.consideration-card{background:linear-gradient(180deg,#fff,#f5fbfd);border:1px solid rgba(8,36,58,.1);border-radius:24px;padding:1.45rem;box-shadow:0 16px 38px rgba(6,24,39,.075);min-height:230px}.consideration-card span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#061827,#0c3a54);color:var(--cyan-2);font-weight:950;margin-bottom:1.1rem}.consideration-card h3{font-size:1.12rem}.consideration-card p{color:var(--muted);font-size:.95rem;line-height:1.6}.decision-section{position:relative}.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.7rem}.decision-card{background:#fff;border:1px solid rgba(8,36,58,.11);border-radius:24px;padding:1.45rem;box-shadow:0 18px 42px rgba(6,24,39,.08)}.decision-card h3{font-size:1.12rem}.decision-card p{color:var(--muted);font-size:.95rem}.decision-card a{display:inline-block;color:#0789a4;font-weight:950;margin-top:.6rem}.service-faq{background:#fff}.service-final-cta{background:linear-gradient(180deg,#fff,#f5fbfd)}.service-quote-panel{grid-template-columns:1fr auto;align-items:center}.service-cta-actions{display:flex;gap:.85rem;justify-content:flex-end;flex-wrap:wrap}@media (max-width:1020px){.service-detail-split,.quote-inputs-layout{grid-template-columns:1fr}.quote-inputs-copy{position:static}.consideration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-grid{grid-template-columns:1fr}.service-quote-panel{grid-template-columns:1fr}.service-cta-actions{justify-content:flex-start}}@media (max-width:720px){.quote-input-list,.consideration-grid{grid-template-columns:1fr}.service-detail-visual figcaption{position:relative;left:auto;right:auto;bottom:auto;border-radius:0;border-left:0;border-right:0;border-bottom:0}.service-detail-visual img{aspect-ratio:4/3}.service-detail-cards .info-card{min-height:auto}}

/* Phase XIV: DFM Support page and imagery */
.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-detail-split.reverse{grid-template-columns:1.08fr .92fr}
.dfm-intro .service-detail-visual img,
.dfm-analysis-showcase .service-detail-visual img,
.dfm-checklist-visual-section .service-detail-visual img{aspect-ratio:16/9;object-fit:cover}
.dfm-intro .service-detail-visual{box-shadow:0 34px 88px rgba(6,24,39,.18),0 0 0 1px rgba(24,184,207,.08)}
.dfm-principles-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f5fbfe,#eaf4f9)}
.dfm-principles-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 8%,rgba(24,184,207,.14),transparent 32%),radial-gradient(circle at 88% 14%,rgba(8,36,58,.09),transparent 38%),linear-gradient(rgba(8,36,58,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.035) 1px,transparent 1px);background-size:auto,auto,54px 54px,54px 54px;pointer-events:none;opacity:.9}
.dfm-principles-section>.shell{position:relative;z-index:1}.dfm-principle-grid .info-card{text-align:left;min-height:228px;padding:1.55rem;background:linear-gradient(180deg,#fff,#f8fcfe)}.dfm-principle-grid h3{font-size:1.17rem}.dfm-principle-grid p{line-height:1.62}.icon-wall:before{content:"";width:28px;height:24px;border-left:7px solid currentColor;border-right:7px solid currentColor;border-bottom:3px solid currentColor;display:block;border-radius:3px}.icon-rib:before{content:"";width:30px;height:24px;display:block;background:linear-gradient(currentColor,currentColor) 2px 0/4px 24px no-repeat,linear-gradient(currentColor,currentColor) 12px 6px/4px 18px no-repeat,linear-gradient(currentColor,currentColor) 22px 0/4px 24px no-repeat;border-bottom:3px solid currentColor}.icon-material:before{content:"";width:26px;height:26px;border:2px solid currentColor;border-radius:50%;display:block;box-shadow:13px 10px 0 -7px currentColor,-12px 10px 0 -7px currentColor}.icon-tolerance:before{content:"";width:28px;height:28px;border:2px solid currentColor;border-radius:50%;display:block;background:linear-gradient(currentColor,currentColor) 50% 0/2px 100% no-repeat,linear-gradient(90deg,currentColor,currentColor) 0 50%/100% 2px no-repeat}.icon-gate:before{content:"";width:28px;height:28px;border:2px solid currentColor;border-radius:8px;display:block;background:linear-gradient(currentColor,currentColor) 50% 100%/4px 13px no-repeat}.dfm-analysis-showcase{background:#fff;position:relative;overflow:hidden}.dfm-analysis-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 14%,rgba(24,184,207,.1),transparent 32%),linear-gradient(rgba(8,36,58,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.035) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;mask-image:linear-gradient(90deg,#000,transparent 64%);pointer-events:none}.dfm-analysis-showcase .shell{position:relative;z-index:1}.dfm-checklist-section .quote-inputs-copy{top:112px}.dfm-checklist-visual-section{position:relative;background:linear-gradient(180deg,#fff,#f7fbfd);overflow:hidden}.dfm-checklist-visual-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 22%,rgba(24,184,207,.12),transparent 34%),linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.03) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;pointer-events:none}.dfm-checklist-visual-section .shell{position:relative;z-index:1}.service-check-list{margin-top:1.25rem}.service-check-list li{color:#274256;font-weight:750}.dfm-checklist-visual-section .service-detail-copy{align-self:center}@media (max-width:1100px){.card-grid.three,.service-detail-split.reverse{grid-template-columns:1fr 1fr}.dfm-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.card-grid.three,.service-detail-split.reverse{grid-template-columns:1fr}.dfm-principle-grid{grid-template-columns:1fr}.service-detail-split.reverse figure{order:2}.service-detail-split.reverse .service-detail-copy{order:1}}


/* Phase XV: Enhanced service-page imagery and Process & Quality Guidance page */
.service-image-story{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbfd,#edf6fb)}
.service-image-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(24,184,207,.12),transparent 36%),radial-gradient(circle at 92% 24%,rgba(8,36,58,.08),transparent 38%),linear-gradient(rgba(8,36,58,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.032) 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px;opacity:.92}.service-image-story>.shell{position:relative;z-index:1}.service-detail-visual img[src*="custom-mould"],.service-detail-visual img[src*="plastic-parts"],.service-detail-visual img[src*="process-quality"]{aspect-ratio:16/9;object-fit:cover}.service-detail-visual:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 32%,rgba(24,184,207,.08));mix-blend-mode:screen;opacity:.5}.service-detail-visual figcaption{z-index:2}.pq-intro{background:#fff}.pq-route-section{background:linear-gradient(180deg,#f5fbfe,#eaf4f9)}.pq-image-story{background:linear-gradient(180deg,#fff,#f2f9fc)}.pq-checkpoints{background:linear-gradient(180deg,#fbfdff,#eef7fb)}.pq-handoff{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef7fb,#f9fcfe)}.pq-handoff:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 18%,rgba(24,184,207,.13),transparent 36%),linear-gradient(rgba(8,36,58,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.032) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px}.pq-handoff>.shell{position:relative;z-index:1}.pq-route-section .info-card{min-height:235px}.pq-route-section .info-card:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(6,24,39,.13)}.page-masthead + .service-detail-intro{padding-top:clamp(4rem,6vw,6.5rem)}@media (max-width:820px){.service-image-story .service-detail-split.reverse figure{order:2}.service-image-story .service-detail-split.reverse .service-detail-copy{order:1}}

/* Phase XVI: award-grade RFQ intake page */
.rfq-intro-section{position:relative;background:linear-gradient(180deg,#fff,#f5fbfe);overflow:hidden}
.rfq-intro-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 10%,rgba(24,184,207,.12),transparent 34%),linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.027) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;opacity:.84}.rfq-intro-section>.shell{position:relative;z-index:1}.rfq-proof-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem}.rfq-proof-row span{display:inline-flex;align-items:center;gap:.42rem;border:1px solid rgba(24,184,207,.2);background:#fff;border-radius:999px;color:#0a3147;font-weight:900;font-size:.83rem;padding:.58rem .78rem;box-shadow:0 12px 28px rgba(6,24,39,.06)}.rfq-proof-row span:before{content:"✓";color:var(--cyan);font-weight:950}.rfq-visual img{aspect-ratio:16/9;object-fit:cover}.rfq-readiness-section{background:linear-gradient(180deg,#edf7fb,#fff)}.rfq-prep-grid .info-card{text-align:left;min-height:226px;background:linear-gradient(180deg,#fff,#f9fdff)}.rfq-prep-grid .info-card .card-icon{margin-bottom:1.05rem}.rfq-form-section{position:relative;background:radial-gradient(circle at 12% 6%,rgba(24,184,207,.12),transparent 34%),linear-gradient(180deg,#061827,#08263d);color:#fff;overflow:hidden}.rfq-form-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(107,223,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.35) 82%,transparent)}.rfq-form-shell{position:relative;z-index:1;display:grid;grid-template-columns:.78fr 1.22fr;gap:2rem;align-items:start}.rfq-form-side{position:sticky;top:112px}.rfq-form-side h2{color:#fff}.rfq-form-side p{color:#cfe0ea}.rfq-side-image{margin:1.45rem 0;border-radius:26px;overflow:hidden;border:1px solid rgba(107,223,242,.22);box-shadow:0 28px 72px rgba(0,0,0,.28);background:#061827}.rfq-side-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.rfq-side-image figcaption{color:#d7eaf3;font-weight:800;font-size:.86rem;padding:.9rem 1rem;background:linear-gradient(180deg,rgba(6,24,39,.9),rgba(6,24,39,.72))}.rfq-form-award{background:rgba(255,255,255,.065);border:1px solid rgba(107,223,242,.22);border-radius:30px;padding:1.4rem;box-shadow:0 32px 92px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px)}.form-step-label{margin:1.1rem 0 .85rem;color:var(--cyan-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950}.rfq-form-award .form-step-label:first-of-type{margin-top:0}.rfq-form-award .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rfq-form-award .wide,.rfq-form-award .upload-box{grid-column:span 2}.rfq-form-award input,.rfq-form-award select,.rfq-form-award textarea{background:rgba(4,16,28,.62);border-color:rgba(181,218,234,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.rfq-form-award .upload-box{background:linear-gradient(135deg,rgba(24,184,207,.1),rgba(255,255,255,.035));border-color:rgba(107,223,242,.45)}.rfq-form-award .form-footer{border-top:1px solid rgba(255,255,255,.11);padding-top:1rem}.rfq-review-path{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbfd,#fff)}.rfq-review-path:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(24,184,207,.11),transparent 34%),linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.027) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px;pointer-events:none}.rfq-review-path>.shell{position:relative;z-index:1}.timeline-list{display:grid;gap:.85rem;margin-top:1.4rem}.timeline-list article{display:grid;grid-template-columns:auto 1fr;gap:.3rem .85rem;padding:1.05rem;background:#fff;border:1px solid rgba(8,36,58,.11);border-radius:18px;box-shadow:0 14px 34px rgba(6,24,39,.065)}.timeline-list article span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#0b8fae,#17c4d7);color:#fff;font-weight:950}.timeline-list strong{color:#0a1e31}.timeline-list p{margin:0;color:var(--muted);font-size:.93rem}.rfq-review-path .service-detail-visual img{aspect-ratio:16/9;object-fit:cover}.page-masthead .btn[href="#rfq-form"]{scroll-margin-top:110px}@media (max-width:1080px){.rfq-form-shell{grid-template-columns:1fr}.rfq-form-side{position:static}.rfq-form-award .form-grid{grid-template-columns:1fr}.rfq-form-award .wide,.rfq-form-award .upload-box{grid-column:span 1}}@media (max-width:760px){.rfq-proof-row{display:grid}.rfq-form-award{padding:1rem;border-radius:24px}.rfq-side-image img{aspect-ratio:4/3}.timeline-list article{grid-template-columns:1fr}.timeline-list article span{grid-row:auto}}

/* Phase XVII: About / trust page and Vancouver-focused credibility layer */
.about-origin-section{position:relative;background:linear-gradient(180deg,#fff,#f6fbfe);overflow:hidden}
.about-origin-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 10%,rgba(24,184,207,.13),transparent 34%),linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.028) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;opacity:.9}.about-origin-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,4vw,4rem);align-items:center}.about-origin-copy h2{max-width:720px}.about-origin-copy p{max-width:760px}.about-proof-row{display:flex;gap:.72rem;flex-wrap:wrap;margin-top:1.35rem}.about-proof-row span{display:inline-flex;align-items:center;border:1px solid rgba(24,184,207,.22);background:rgba(255,255,255,.82);border-radius:999px;padding:.62rem .86rem;color:#0a3147;font-size:.84rem;font-weight:950;box-shadow:0 12px 30px rgba(6,24,39,.06)}.about-proof-row span:before{content:"✓";margin-right:.46rem;color:var(--cyan);font-weight:950}.about-hero-card{margin:0;border-radius:30px;overflow:hidden;background:#061827;border:1px solid rgba(24,184,207,.18);box-shadow:0 34px 88px rgba(6,24,39,.18);position:relative}.about-hero-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.about-hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(4,16,28,.82));pointer-events:none}.about-hero-card figcaption{position:absolute;left:1.35rem;right:1.35rem;bottom:1.25rem;z-index:1;color:#fff;display:grid;gap:.25rem}.about-hero-card figcaption strong{font-size:1.05rem}.about-hero-card figcaption span{color:#d9edf5;font-weight:650;line-height:1.55}.about-values-section{background:linear-gradient(180deg,#eef7fb,#fff);padding-top:clamp(3.5rem,6vw,5.4rem);padding-bottom:clamp(3.5rem,6vw,5.4rem)}.about-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.about-value{background:linear-gradient(180deg,#fff,#f8fdff);border:1px solid rgba(8,36,58,.11);border-radius:24px;padding:1.35rem;box-shadow:0 22px 54px rgba(6,24,39,.075);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.about-value:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(6,24,39,.12);border-color:rgba(24,184,207,.3)}.about-value-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#08263d,#0c4f68);color:#79ecf8;font-weight:950;margin-bottom:1rem;box-shadow:0 14px 30px rgba(6,24,39,.14)}.about-value h3{margin:0 0 .55rem;color:#081a2a}.about-value p{margin:0;color:#506577;line-height:1.62}.about-visual-system{background:#fff;position:relative;overflow:hidden}.about-visual-system:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(24,184,207,.09),transparent 38%);pointer-events:none}.about-visual-system>.shell{position:relative;z-index:1}.about-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.2rem}.about-image-panel{background:#fff;border:1px solid rgba(8,36,58,.12);border-radius:28px;overflow:hidden;box-shadow:0 28px 72px rgba(6,24,39,.09);transition:transform .25s ease,box-shadow .25s ease}.about-image-panel:hover{transform:translateY(-5px);box-shadow:0 38px 88px rgba(6,24,39,.13)}.about-image-panel img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.about-image-panel div{padding:1.25rem 1.35rem 1.45rem}.about-image-panel .eyebrow{margin-bottom:.55rem}.about-image-panel h3{font-size:1.18rem;margin:0 0 .55rem;color:#071c2e}.about-image-panel p:last-child{margin:0;color:#506577}.about-approach-section{position:relative;background:linear-gradient(180deg,#f3f9fc,#edf6fb);overflow:hidden}.about-approach-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,36,58,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);pointer-events:none}.about-approach-card{position:relative;z-index:1;background:radial-gradient(circle at 82% 10%,rgba(24,184,207,.18),transparent 36%),linear-gradient(135deg,#061827,#08263d);border:1px solid rgba(107,223,242,.18);border-radius:32px;color:#fff;padding:clamp(1.5rem,3vw,2.4rem);display:grid;grid-template-columns:.68fr 1.32fr;gap:2rem;box-shadow:0 36px 95px rgba(6,24,39,.22)}.about-approach-copy h2{color:#fff}.about-approach-copy p{color:#d5e6ee}.about-approach-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.about-approach-steps article{position:relative;background:rgba(255,255,255,.065);border:1px solid rgba(107,223,242,.17);border-radius:22px;padding:1.1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.about-approach-steps article span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#0b8fae,#18c7d9);color:#fff;font-weight:950;margin-bottom:.9rem}.about-approach-steps strong{display:block;color:#fff;font-size:1.02rem;margin-bottom:.45rem}.about-approach-steps p{margin:0;color:#cfe0ea;font-size:.93rem;line-height:1.55}.about-trust-band{position:relative;background:linear-gradient(180deg,#fff,#f4fbfe);overflow:hidden}.about-trust-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 20%,rgba(24,184,207,.12),transparent 35%),linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.028) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;opacity:.86}.about-trust-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,4vw,4rem);align-items:center}.about-trust-image{margin:0;border-radius:30px;overflow:hidden;border:1px solid rgba(8,36,58,.13);box-shadow:0 30px 78px rgba(6,24,39,.14);background:#061827}.about-trust-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.about-trust-copy h2{max-width:680px}.about-trust-copy p{max-width:720px}.about-trust-copy .cta-row{margin-top:1.3rem}@media (max-width:1080px){.about-origin-grid,.about-trust-grid,.about-approach-card{grid-template-columns:1fr}.about-values-grid,.about-approach-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.about-visual-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.about-values-grid,.about-visual-grid,.about-approach-steps{grid-template-columns:1fr}.about-proof-row{display:grid}.about-hero-card figcaption{position:static;background:#061827;padding:1rem}.about-hero-card:after{display:none}.about-image-panel img,.about-trust-image img{aspect-ratio:4/3}}

/* Phase XVIII: Resource Center page */
.resources-feature-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fcff 0%,#eef6fa 100%);
  padding-top:5.2rem;
}
.resources-feature-section:before,
.resources-hub-section:before,
.resources-topic-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background-image:linear-gradient(rgba(8,36,58,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.045) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(circle at 18% 12%,#000,transparent 38%);
}
.resources-feature-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.45rem;
  align-items:stretch;
}
.resources-feature-card,
.resources-library-card{
  margin:0;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(165,194,211,.58);
  background:#fff;
  box-shadow:0 30px 86px rgba(6,24,39,.11);
}
.resources-feature-card{position:relative;min-height:430px;background:#061827;color:#fff;}
.resources-feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.03)}
.resources-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,21,.88) 0%,rgba(2,11,21,.5) 42%,rgba(2,11,21,.14) 100%)}
.resources-feature-card figcaption{position:absolute;z-index:1;left:2.2rem;bottom:2.15rem;max-width:520px}
.resources-feature-card h2{color:#fff;font-size:clamp(2.3rem,3.4vw,4.2rem)}
.resources-feature-card p:not(.eyebrow){color:#d8e7ef;font-size:1.05rem;line-height:1.7}
.resources-library-card{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:linear-gradient(135deg,#fff,#f5fbfe)}
.resources-library-card img{height:100%;min-height:430px;width:100%;object-fit:cover}
.resources-library-card>div{padding:2.3rem}
.resources-library-card h3{font-size:clamp(1.7rem,2.2vw,2.65rem);letter-spacing:-.04em;line-height:1.07;color:#071827}
.resources-library-card p{color:#52687a;font-size:1rem;line-height:1.72}
.resources-hub-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef6fa,#f9fcfe)}
.resource-hub-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.45rem;margin-top:2.6rem}
.resource-tile{overflow:hidden;border-radius:28px;background:#fff;border:1px solid rgba(165,194,211,.6);box-shadow:0 26px 74px rgba(6,24,39,.10);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.resource-tile:hover{transform:translateY(-5px);box-shadow:0 34px 92px rgba(6,24,39,.15);border-color:rgba(24,184,207,.38)}
.resource-tile img{height:220px;width:100%;object-fit:cover;display:block}
.resource-tile-body{padding:1.45rem 1.5rem 1.55rem}
.resource-tile .tag{margin:0 0 .65rem;color:var(--cyan);font-weight:950;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}
.resource-tile h3{font-size:1.32rem;letter-spacing:-.025em;line-height:1.18;color:#071827;margin-bottom:.78rem}
.resource-tile p{color:#5d7181;font-size:.98rem;line-height:1.62}
.resource-tile a{display:inline-block;color:#0789a4;font-weight:950;margin-top:.5rem}
.resource-tile a:after{content:" →"}
.resources-topic-section{position:relative;overflow:hidden;background:#fff}
.resources-topic-layout{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:2.4rem;align-items:center}
.resources-topic-copy h2{font-size:clamp(2.1rem,3vw,3.65rem)}
.resources-topic-copy p{color:#5b7081;font-size:1.04rem;line-height:1.72}
.resources-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.topic-card{background:linear-gradient(180deg,#fff,#f5fbfe);border:1px solid rgba(165,194,211,.58);border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(6,24,39,.08);transition:transform .22s ease,box-shadow .22s ease}
.topic-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(6,24,39,.12)}
.topic-card img{width:100%;height:150px;object-fit:cover;display:block}
.topic-card h3{padding:1.05rem 1.1rem 0;margin:0;color:#071827;font-size:1.08rem}
.topic-card p{padding:0 1.1rem 1.2rem;margin:.45rem 0 0;color:#607486;font-size:.93rem;line-height:1.55}
.resources-rfq-section{background:linear-gradient(180deg,#f9fcfe,#eef6fa);padding:4rem 0}
.resources-rfq-card{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:2.35rem 2.55rem;border-radius:28px;color:#fff;background:radial-gradient(circle at 85% 50%,rgba(24,199,217,.22),transparent 30%),linear-gradient(135deg,#061827,#08273e);border:1px solid rgba(116,231,245,.2);box-shadow:0 30px 86px rgba(6,24,39,.22)}
.resources-rfq-card h2{color:#fff;margin-bottom:.6rem}
.resources-rfq-card p:not(.eyebrow){color:#c9dbe6;max-width:780px}
.resources-faq{padding-top:5.1rem}
@media (max-width:1180px){
  .resources-feature-grid,.resources-topic-layout{grid-template-columns:1fr}
  .resources-library-card{grid-template-columns:1fr}
  .resources-library-card img{min-height:300px}
  .resource-hub-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .resource-hub-grid,.resources-topic-grid{grid-template-columns:1fr}
  .resources-feature-card{min-height:480px}
  .resources-feature-card figcaption{left:1.3rem;right:1.3rem;bottom:1.3rem}
  .resources-library-card>div{padding:1.5rem}
  .resources-rfq-card{grid-template-columns:1fr;padding:1.65rem}
  .resource-tile img{height:200px}
}

/* Phase XIX: Contact / support page */
.contact-hero-visual{
  padding:5.2rem 0 2.4rem;
  background:
    radial-gradient(circle at 82% 12%, rgba(24,199,217,.16), transparent 28%),
    linear-gradient(180deg,#f6fbfe 0%,#ffffff 52%,#eef7fb 100%);
  position:relative;
  overflow:hidden;
}
.contact-hero-visual:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(90deg, rgba(9,33,52,.05) 1px, transparent 1px),
    linear-gradient(0deg, rgba(9,33,52,.05) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 50% 34%,#000 0%,transparent 64%);
}
.contact-visual-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:1.25rem;
  align-items:stretch;
}
.contact-feature-card{
  margin:0;
  position:relative;
  min-height:500px;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(156,190,211,.55);
  box-shadow:0 34px 100px rgba(6,24,39,.18);
  background:#061827;
}
.contact-feature-card img{
  width:100%;
  height:100%;
  min-height:500px;
  object-fit:cover;
  display:block;
  transform:scale(1.015);
}
.contact-feature-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,18,30,.88) 0%,rgba(4,18,30,.62) 38%,rgba(4,18,30,.08) 72%),
    linear-gradient(180deg,rgba(4,18,30,.18),rgba(4,18,30,.65));
}
.contact-feature-card figcaption{
  position:absolute;
  z-index:2;
  left:2rem;
  bottom:2rem;
  max-width:540px;
  color:#fff;
}
.contact-feature-card h2{
  color:#fff;
  font-size:clamp(2.1rem,4vw,4.3rem);
  letter-spacing:-.065em;
  line-height:.94;
  margin:.45rem 0 .85rem;
}
.contact-feature-card p:not(.eyebrow){
  color:#d8e7ef;
  font-size:1.08rem;
  line-height:1.65;
}
.contact-side-stack{
  display:grid;
  gap:1.25rem;
}
.contact-side-stack article{
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(156,190,211,.55);
  background:#fff;
  box-shadow:0 26px 72px rgba(6,24,39,.12);
}
.contact-side-stack img{
  display:block;
  width:100%;
  height:265px;
  object-fit:cover;
}
.contact-side-stack div{
  padding:1.25rem 1.35rem 1.45rem;
}
.contact-side-stack h3{
  margin:0 0 .35rem;
  color:#071827;
  font-size:1.25rem;
}
.contact-side-stack p{
  margin:0;
  color:#5d7183;
  line-height:1.58;
}

.contact-routes{
  padding-top:4.8rem;
  padding-bottom:5.3rem;
}
.contact-route-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.25rem;
}
.contact-route-card{
  display:block;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  border-radius:28px;
  background:linear-gradient(180deg,#fff,#f6fbfe);
  border:1px solid rgba(152,188,209,.64);
  box-shadow:0 22px 68px rgba(6,24,39,.1);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.contact-route-card:hover{
  transform:translateY(-5px);
  border-color:rgba(24,199,217,.55);
  box-shadow:0 34px 92px rgba(6,24,39,.16);
}
.contact-route-card img{
  display:block;
  width:100%;
  height:190px;
  object-fit:cover;
}
.contact-route-card div{
  padding:1.3rem 1.35rem 1.5rem;
}
.contact-route-card span{
  display:block;
  color:#0aa9bf;
  text-transform:uppercase;
  font-size:.78rem;
  letter-spacing:.16em;
  font-weight:900;
  margin-bottom:.6rem;
}
.contact-route-card h3{
  margin:0 0 .55rem;
  color:#071827;
  font-size:1.22rem;
}
.contact-route-card p{
  color:#5b7081;
  line-height:1.58;
  margin:0;
}

.contact-form-section{
  padding:5.5rem 0;
  background:
    radial-gradient(circle at 9% 20%, rgba(24,199,217,.13), transparent 34%),
    linear-gradient(135deg,#061827,#08283f 55%,#061827);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.contact-form-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(116,231,245,.07) 1px,transparent 1px),
    linear-gradient(0deg,rgba(116,231,245,.06) 1px,transparent 1px);
  background-size:54px 54px;
  opacity:.44;
}
.contact-form-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(520px,1.25fr);
  gap:2.2rem;
  align-items:start;
}
.contact-form-copy h2{
  color:#fff;
  font-size:clamp(2.2rem,3.5vw,4.3rem);
  letter-spacing:-.065em;
  line-height:.95;
  margin:.45rem 0 1rem;
}
.contact-form-copy p:not(.eyebrow){
  color:#c9dbe6;
  line-height:1.72;
  font-size:1.05rem;
  max-width:620px;
}
.contact-proof-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.75rem;
  margin:1.6rem 0;
}
.contact-proof-grid span{
  padding:.82rem .9rem;
  border-radius:14px;
  border:1px solid rgba(116,231,245,.22);
  background:rgba(255,255,255,.055);
  color:#d9edf4;
  font-weight:800;
  font-size:.92rem;
}
.contact-proof-image{
  margin:1.4rem 0 0;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(116,231,245,.2);
  box-shadow:0 24px 68px rgba(0,0,0,.26);
}
.contact-proof-image img{
  display:block;
  width:100%;
  height:240px;
  object-fit:cover;
}
.contact-support-form{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,247,251,.98));
  border:1px solid rgba(116,231,245,.22);
  box-shadow:0 32px 90px rgba(0,0,0,.24);
}
.contact-support-form label{
  color:#112437;
}
.contact-support-form .form-footer{
  border-top-color:rgba(7,24,39,.1);
}
.contact-support-form .form-footer p{
  color:#5c7083;
}

.contact-expectations{
  padding:5.2rem 0;
}
.contact-expectations-grid{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:2rem;
  align-items:start;
}
.contact-expectations-grid h2{
  font-size:clamp(2.1rem,3vw,3.75rem);
  letter-spacing:-.06em;
  line-height:.98;
}
.contact-expectations-grid p{
  color:#5b7081;
  line-height:1.7;
}
.contact-step-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.contact-step-grid article{
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(152,188,209,.55);
  border-radius:26px;
  box-shadow:0 20px 60px rgba(6,24,39,.09);
}
.contact-step-grid img{
  display:block;
  width:100%;
  height:170px;
  object-fit:cover;
}
.contact-step-grid h3{
  margin:1.15rem 1.2rem .4rem;
  font-size:1.14rem;
}
.contact-step-grid p{
  margin:0 1.2rem 1.3rem;
  font-size:.95rem;
  line-height:1.58;
}
.contact-faq{
  background:linear-gradient(180deg,#fff,#f3f9fc);
}
@media (max-width:1180px){
  .contact-visual-grid,
  .contact-form-layout,
  .contact-expectations-grid{
    grid-template-columns:1fr;
  }
  .contact-route-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:760px){
  .contact-feature-card,
  .contact-feature-card img{
    min-height:430px;
  }
  .contact-feature-card figcaption{
    left:1.25rem;
    right:1.25rem;
    bottom:1.25rem;
  }
  .contact-route-grid,
  .contact-step-grid,
  .contact-proof-grid{
    grid-template-columns:1fr;
  }
  .contact-form-layout{
    gap:1.4rem;
  }
  .contact-side-stack img,
  .contact-route-card img,
  .contact-step-grid img{
    height:220px;
  }
}


/* Phase XX: Send Drawings page + conversion polish */
.drawing-intro-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfdff,#eef7fb)}
.drawing-intro-section:before,.drawing-ready-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 14%,rgba(24,184,207,.12),transparent 36%),linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.028) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px;opacity:.84}
.drawing-intro-section>.shell,.drawing-ready-section>.shell{position:relative;z-index:1}
.drawing-ready-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#edf7fb,#fff)}
.drawing-upload-section .rfq-side-image img{aspect-ratio:16/10;object-fit:cover}
.drawing-upload-section .upload-box{min-height:155px}
.primary-nav a[href="send-drawings.php"],.header-actions .btn-primary[href="send-drawings.php"]{white-space:nowrap}
.site-header.is-scrolled{box-shadow:0 18px 42px rgba(0,0,0,.24);background:rgba(4,15,27,.96)}
.footer-contact a:hover,.footer-grid a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--cyan-2);text-underline-offset:4px}
@media (max-width:760px){.drawing-upload-section .form-footer{align-items:flex-start}.drawing-upload-section .btn{width:100%}}

/* Phase XXI: How It Works page */
.how-hero-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fbfdff 0%,#edf7fb 100%);
  padding:5.4rem 0 4.8rem;
}
.how-hero-section:before,.how-steps-section:before,.how-trust-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 86% 14%,rgba(24,184,207,.13),transparent 34%),linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.028) 1px,transparent 1px);
  background-size:auto,54px 54px,54px 54px;
  opacity:.8;
}
.how-hero-section>.shell,.how-steps-section>.shell,.how-trust-section>.shell{position:relative;z-index:1}
.how-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);
  gap:2.4rem;
  align-items:center;
}
.how-hero-copy h2{
  font-size:clamp(2.5rem,4.8vw,5.4rem);
  line-height:.93;
  letter-spacing:-.075em;
  color:#071827;
  margin:.4rem 0 1.1rem;
}
.how-hero-copy p:not(.eyebrow){
  font-size:1.08rem;
  line-height:1.72;
  color:#53697c;
  max-width:650px;
}
.how-mini-process{
  margin-top:1.8rem;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem;
}
.how-mini-process span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.55rem .82rem;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(152,188,209,.55);
  box-shadow:0 10px 26px rgba(6,24,39,.06);
  color:#0b2438;
  font-weight:900;
  font-size:.83rem;
}
.how-mini-process i{
  width:28px;
  height:1px;
  background:linear-gradient(90deg,rgba(24,184,207,.2),rgba(24,184,207,.9));
}
.how-hero-visual{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(116,231,245,.26);
  box-shadow:0 30px 90px rgba(7,24,39,.2);
  background:#061827;
}
.how-hero-visual img{
  display:block;
  width:100%;
  height:470px;
  object-fit:cover;
}
.how-hero-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(4,15,27,.84));
  pointer-events:none;
}
.how-hero-visual figcaption{
  position:absolute;
  left:1.35rem;
  right:1.35rem;
  bottom:1.35rem;
  z-index:2;
  display:grid;
  gap:.25rem;
  padding:1rem 1.15rem;
  border-radius:18px;
  color:#dceff6;
  background:rgba(4,15,27,.75);
  border:1px solid rgba(116,231,245,.24);
  backdrop-filter:blur(12px);
}
.how-hero-visual figcaption span{
  color:var(--cyan-2);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:950;
  font-size:.72rem;
}
.how-steps-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#edf7fb,#fff);
  padding:5.8rem 0;
}
.how-step-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
  margin-top:2.2rem;
}
.how-step-card{
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(152,188,209,.58);
  border-radius:28px;
  box-shadow:0 22px 70px rgba(6,24,39,.09);
  min-height:100%;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.how-step-card:hover{
  transform:translateY(-6px);
  border-color:rgba(24,184,207,.45);
  box-shadow:0 32px 86px rgba(6,24,39,.14);
}
.how-step-card img{
  display:block;
  width:100%;
  height:190px;
  object-fit:cover;
}
.how-step-card div{padding:1.25rem 1.2rem 1.35rem}
.how-step-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#0ea5c6,#1e6fff);
  box-shadow:0 10px 24px rgba(14,165,198,.25);
  font-weight:950;
  margin-bottom:.8rem;
}
.how-step-card h3{
  margin:0 0 .5rem;
  color:#0b1e2f;
  font-size:1.14rem;
  letter-spacing:-.025em;
}
.how-step-card p{
  color:#5a7082;
  line-height:1.58;
  margin:0;
  font-size:.95rem;
}
.how-review-section{
  background:linear-gradient(180deg,#f5fbfe,#eaf5fa);
}
.how-feature-layout{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(620px,1.12fr);
  gap:2.4rem;
  align-items:center;
}
.how-feature-copy h2,.how-global-copy h2{
  font-size:clamp(2.3rem,4vw,4.7rem);
  line-height:.95;
  letter-spacing:-.07em;
  margin:.4rem 0 1rem;
}
.how-feature-copy p:not(.eyebrow),.how-global-copy p:not(.eyebrow){
  color:#577083;
  line-height:1.72;
  font-size:1.05rem;
}
.how-feature-gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.how-feature-gallery figure{
  position:relative;
  overflow:hidden;
  margin:0;
  min-height:240px;
  border-radius:26px;
  border:1px solid rgba(116,231,245,.22);
  background:#061827;
  box-shadow:0 24px 74px rgba(7,24,39,.12);
}
.how-feature-gallery figure.large{grid-column:1 / -1;min-height:320px}
.how-feature-gallery img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  position:absolute;
  inset:0;
}
.how-feature-gallery figure:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(4,15,27,.75));
}
.how-feature-gallery figcaption{
  position:absolute;
  left:1rem;
  bottom:1rem;
  z-index:2;
  color:#fff;
  font-weight:950;
  letter-spacing:.02em;
}
.how-trust-section{
  position:relative;
  overflow:hidden;
  background:#fff;
}
.how-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin-top:2.1rem;
}
.how-trust-card{
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#f7fbfd);
  border:1px solid rgba(152,188,209,.55);
  border-radius:28px;
  box-shadow:0 22px 70px rgba(6,24,39,.08);
}
.how-trust-card img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
}
.how-trust-card h3{margin:1.2rem 1.2rem .45rem;color:#0b1e2f;font-size:1.15rem}
.how-trust-card p{margin:0 1.2rem 1.35rem;color:#5b7081;line-height:1.6;font-size:.95rem}
.dark.how-global-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#04101d 0%,#08263b 58%,#061827 100%);
  color:#fff;
}
.how-global-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 12% 16%,rgba(24,184,207,.18),transparent 34%),linear-gradient(rgba(116,231,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,231,245,.045) 1px,transparent 1px);
  background-size:auto,58px 58px,58px 58px;
}
.how-global-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  gap:2.4rem;
  align-items:center;
}
.how-global-visual{
  margin:0;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(116,231,245,.22);
  box-shadow:0 32px 90px rgba(0,0,0,.28);
}
.how-global-visual img{
  width:100%;
  height:520px;
  object-fit:cover;
  display:block;
}
.how-global-copy h2{color:#fff}
.how-global-copy p:not(.eyebrow){color:#cde1eb}
.value-list.compact-dark{
  display:grid;
  gap:.8rem;
  margin-top:1.45rem;
}
.value-list.compact-dark div{
  display:grid;
  gap:.18rem;
  padding:1rem;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(116,231,245,.18);
}
.value-list.compact-dark strong{color:#fff}
.value-list.compact-dark span{color:#c7ddea;font-size:.94rem;line-height:1.55}
@media (max-width:1280px){
  .how-step-grid{grid-template-columns:repeat(3,1fr)}
  .how-trust-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1080px){
  .how-hero-grid,.how-feature-layout,.how-global-grid{grid-template-columns:1fr}
  .how-hero-visual img,.how-global-visual img{height:420px}
}
@media (max-width:760px){
  .how-hero-section,.how-steps-section{padding:4rem 0}
  .how-step-grid,.how-trust-grid{grid-template-columns:1fr}
  .how-feature-gallery{grid-template-columns:1fr}
  .how-feature-gallery figure.large,.how-feature-gallery figure{min-height:260px}
  .how-mini-process{align-items:flex-start}
  .how-mini-process i{display:none}
  .how-hero-visual img,.how-global-visual img{height:320px}
}

/* Phase XXII — FAQ page */
.faq-hero-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f4f9fb 0%,#ffffff 100%);
}
.faq-hero-section:before,
.faq-topic-section:before,
.faq-next-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(rgba(8,38,59,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,38,59,.025) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);
}
.faq-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:1.1rem;
  align-items:stretch;
}
.faq-hero-card,
.faq-side-card{
  position:relative;
  overflow:hidden;
  margin:0;
  border-radius:34px;
  border:1px solid rgba(118,173,203,.34);
  box-shadow:0 28px 90px rgba(6,24,39,.12);
  min-height:420px;
  background:#061827;
}
.faq-hero-card img,
.faq-side-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.faq-hero-card:after,
.faq-side-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,13,24,.86) 0%,rgba(3,13,24,.58) 44%,rgba(3,13,24,.08) 100%);
}
.faq-hero-card figcaption,
.faq-side-card div{
  position:relative;
  z-index:2;
  max-width:520px;
  padding:2.1rem;
  color:#fff;
}
.faq-hero-card h2,
.faq-side-card h3{color:#fff;margin:.4rem 0 .8rem}
.faq-hero-card p:not(.eyebrow),
.faq-side-card p:not(.eyebrow){color:#d4e6ef;line-height:1.68}
.faq-side-cards{display:grid;gap:1.1rem}
.faq-side-card{min-height:202px;border-radius:28px}
.faq-side-card div{padding:1.45rem;max-width:330px}
.faq-topic-section{position:relative;overflow:hidden}
.faq-topic-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
  margin-top:2rem;
}
.faq-topic-card{
  position:relative;
  min-height:250px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(118,173,203,.38);
  box-shadow:0 24px 70px rgba(6,24,39,.1);
  background:#061827;
}
.faq-topic-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.faq-topic-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,24,.08),rgba(3,13,24,.82))}
.faq-topic-card div{position:absolute;left:1.1rem;right:1.1rem;bottom:1.1rem;z-index:2;color:#fff}
.faq-topic-card span{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#28c4d7;font-weight:950;margin-bottom:.35rem}
.faq-topic-card h3{color:#fff;margin:0;font-size:1.05rem}
.faq-topic-card:hover img{transform:scale(1.06)}
.faq-answer-section{background:#fff;position:relative}
.faq-answer-layout{display:grid;grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);gap:2.6rem;align-items:start}
.faq-answer-sidebar{position:sticky;top:110px;padding:2rem;border-radius:30px;background:linear-gradient(145deg,#061827,#0a3049);color:#fff;border:1px solid rgba(40,196,215,.2);box-shadow:0 28px 80px rgba(6,24,39,.16)}
.faq-answer-sidebar h2{color:#fff;font-size:clamp(1.7rem,3vw,2.5rem)}
.faq-answer-sidebar p:not(.eyebrow){color:#cfe1eb;line-height:1.65}
.cta-row.vertical{display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:1.3rem}
.faq-accordion-list{display:grid;gap:1.2rem}
.faq-group{padding:1.2rem;border:1px solid rgba(146,181,201,.46);border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 18px 65px rgba(6,24,39,.07)}
.faq-group h3{margin:.2rem .3rem 1rem;color:#08263b;font-size:1.18rem}
.faq-detail{border-top:1px solid rgba(146,181,201,.38);padding:.2rem .3rem}
.faq-detail:first-of-type{border-top:0}
.faq-detail summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font-weight:900;color:#0b1e2f;position:relative}
.faq-detail summary::-webkit-details-marker{display:none}
.faq-detail summary:after{content:"+";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);color:#16b8cc;font-size:1.2rem;font-weight:950}
.faq-detail[open] summary:after{content:"–"}
.faq-detail p{margin:0 0 1rem;color:#586e7d;line-height:1.72;max-width:860px}
.dark.faq-trust-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#030d18 0%,#08263b 60%,#061827 100%);color:#fff}
.faq-trust-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(40,196,215,.22),transparent 30%),linear-gradient(rgba(116,231,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(116,231,245,.04) 1px,transparent 1px);background-size:auto,58px 58px,58px 58px;pointer-events:none}
.faq-trust-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.4rem;align-items:center}
.faq-trust-copy h2{color:#fff}
.faq-trust-copy p:not(.eyebrow){color:#cfe1eb;line-height:1.72}
.light-list li{color:#d9ebf3}
.faq-trust-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.faq-trust-gallery figure{position:relative;overflow:hidden;margin:0;min-height:280px;border-radius:28px;border:1px solid rgba(116,231,245,.18);box-shadow:0 30px 80px rgba(0,0,0,.28);background:#061827}
.faq-trust-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.faq-trust-gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(3,13,24,.82))}
.faq-trust-gallery figcaption{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;color:#fff;font-weight:950}
.faq-next-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f2f8fb)}
.faq-next-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.faq-next-card{overflow:hidden;border-radius:30px;border:1px solid rgba(146,181,201,.48);background:#fff;box-shadow:0 24px 75px rgba(6,24,39,.09)}
.faq-next-card img{width:100%;height:220px;object-fit:cover;display:block}
.faq-next-card h3{margin:1.25rem 1.25rem .45rem;color:#0b1e2f;font-size:1.25rem}
.faq-next-card p{margin:0 1.25rem 1rem;color:#5b7081;line-height:1.6}
.faq-next-card a{display:inline-flex;margin:0 1.25rem 1.3rem;color:#008da1;font-weight:950;text-decoration:none}
@media (max-width:1180px){
  .faq-topic-grid{grid-template-columns:repeat(3,1fr)}
  .faq-hero-grid,.faq-answer-layout,.faq-trust-grid{grid-template-columns:1fr}
  .faq-answer-sidebar{position:relative;top:auto}
}
@media (max-width:860px){
  .faq-topic-grid,.faq-trust-gallery,.faq-next-grid{grid-template-columns:1fr}
  .faq-hero-card{min-height:420px}
  .faq-side-card{min-height:240px}
  .faq-topic-card{min-height:260px}
}

/* Phase XXIII: dropdown navigation and resource center polish */
.primary-nav{position:relative;gap:1.05rem}
.nav-item{position:relative;display:flex;align-items:center}
.nav-parent{display:inline-flex;align-items:center;gap:.35rem}
.nav-parent:after{content:"⌄";font-size:.76rem;color:var(--cyan-2);line-height:1;transform:translateY(-1px)}
.dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);min-width:270px;padding:.72rem;background:linear-gradient(180deg,rgba(5,18,31,.98),rgba(3,11,21,.98));border:1px solid rgba(116,231,245,.18);border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.035) inset;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;backdrop-filter:blur(18px)}
.dropdown-menu:before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;transform:translateX(-50%) rotate(45deg);background:rgba(5,18,31,.98);border-left:1px solid rgba(116,231,245,.18);border-top:1px solid rgba(116,231,245,.18)}
.dropdown-menu a{display:flex!important;align-items:center;justify-content:space-between;gap:1rem;padding:.82rem .85rem;border-radius:12px;color:#dcecf5!important;font-size:.9rem!important;line-height:1.2;opacity:1!important;white-space:nowrap}
.dropdown-menu a:hover,.dropdown-menu a:focus{background:rgba(24,185,207,.12);color:#fff!important;outline:0}
.dropdown-menu a:after{content:"→";color:var(--cyan-2);opacity:.7;font-size:.86rem}
.has-dropdown:hover .dropdown-menu,.has-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.dropdown-wide{min-width:310px}

.resources-feature-section{background:linear-gradient(180deg,#fff,#f4f9fc)}
.resources-feature-card img,.resources-library-card img,.resource-tile img,.topic-card img{object-fit:cover}
.resources-feature-card{border-radius:30px;overflow:hidden;box-shadow:0 34px 80px rgba(6,24,39,.16);border:1px solid rgba(9,36,58,.12);background:#fff}
.resources-feature-card img{width:100%;height:330px;display:block}
.resources-feature-card figcaption{padding:2.2rem;background:linear-gradient(180deg,#fff,#f8fbfd)}
.resources-library-card{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,#061827,#092a44);color:#fff;box-shadow:0 34px 80px rgba(6,24,39,.22);border:1px solid rgba(116,231,245,.18)}
.resources-library-card img{width:100%;height:300px;display:block;opacity:.9}
.resources-library-card div{padding:2rem}.resources-library-card p{color:#c4d7e3}.resources-library-card .service-check-list li{color:#e3f2f7}
.resource-hub-grid{align-items:stretch}.resource-tile{position:relative;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(9,36,58,.12);box-shadow:0 22px 55px rgba(6,24,39,.09);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.resource-tile:hover{transform:translateY(-5px);box-shadow:0 34px 78px rgba(6,24,39,.15);border-color:rgba(24,184,207,.34)}.resource-tile img{width:100%;height:215px;display:block}.resource-tile.featured img{height:260px}.resource-tile-body{padding:1.35rem 1.45rem 1.55rem}.resource-tile-body p:not(.tag){color:var(--muted)}.resource-tile-body a{font-weight:900;color:#0789a4}.resource-tile-body a:after{content:" →"}
.resources-topic-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:2.3rem;align-items:start}.resources-topic-copy{position:sticky;top:118px;background:linear-gradient(145deg,#061827,#092a44);border-radius:28px;padding:2.35rem;color:#fff;box-shadow:0 28px 70px rgba(6,24,39,.2);border:1px solid rgba(116,231,245,.18)}.resources-topic-copy p:not(.eyebrow){color:#c6d8e2}.resources-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.topic-card{background:#fff;border:1px solid rgba(9,36,58,.12);border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(6,24,39,.08)}.topic-card img{width:100%;height:170px;display:block}.topic-card h3,.topic-card p{padding-left:1.15rem;padding-right:1.15rem}.topic-card h3{padding-top:1rem}.topic-card p{padding-bottom:1.25rem;color:var(--muted)}
.resources-rfq-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(6,24,39,.96),rgba(9,42,68,.94)),url('../img/resources-brand-v23.jpg') right center/contain no-repeat;border:1px solid rgba(116,231,245,.18);border-radius:30px;color:#fff;padding:2.6rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 34px 80px rgba(6,24,39,.22)}.resources-rfq-card p:not(.eyebrow){color:#c7dce6;max-width:730px}.btn-ghost.dark{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.07)}
@media (max-width:1100px){.primary-nav{align-items:stretch;gap:.35rem}.nav-item{display:block}.dropdown-menu{position:static;transform:none!important;left:auto;top:auto;opacity:1;visibility:visible;pointer-events:auto;min-width:0;padding:.35rem .5rem .55rem;margin:.25rem 0 .45rem;background:rgba(255,255,255,.045);box-shadow:none;border-radius:14px}.dropdown-menu:before{display:none}.dropdown-menu a{white-space:normal}.resources-topic-layout{grid-template-columns:1fr}.resources-topic-copy{position:relative;top:auto}.resources-rfq-card{flex-direction:column;align-items:flex-start;background-size:cover}}
@media (max-width:680px){.resources-feature-card img,.resources-library-card img,.resource-tile img,.resource-tile.featured img{height:210px}.resources-topic-grid{grid-template-columns:1fr}.resources-feature-card figcaption,.resources-library-card div,.resources-topic-copy,.resources-rfq-card{padding:1.45rem}}

/* Phase XXIV: dropdown hover stability fix */
.site-header,
.header-shell,
.primary-nav,
.nav-item,
.has-dropdown{
  overflow: visible;
}
.has-dropdown{
  position: relative;
}
.has-dropdown::after{
  content:"";
  position:absolute;
  left:-22px;
  right:-22px;
  top:100%;
  height:26px;
  display:block;
  background:transparent;
  z-index:89;
}
.dropdown-menu{
  z-index:90;
  top:calc(100% + 8px);
  will-change:opacity,transform;
}
.has-dropdown:hover .dropdown-menu,
.has-dropdown:focus-within .dropdown-menu,
.dropdown-menu:hover{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.nav-parent:focus-visible,
.dropdown-menu a:focus-visible{
  outline:2px solid rgba(107,223,242,.85);
  outline-offset:3px;
}
@media (min-width:1101px){
  .primary-nav .nav-item{min-height:82px;align-items:center;display:flex;}
  .primary-nav .nav-parent{height:82px;align-items:center;}
  .dropdown-menu{top:calc(100% - 2px);}
  .dropdown-menu:before{top:-7px;}
}
@media (max-width:1100px){
  .has-dropdown::after{display:none;}
  .primary-nav .nav-item{min-height:0;}
  .primary-nav .nav-parent{height:auto;}
}


/* Phase XXV: Articles hub and navigation publishing layer */
.primary-nav{gap:clamp(.45rem,1vw,.9rem)}
.primary-nav>a,.nav-parent{white-space:nowrap}
.articles-hero-panel{background:linear-gradient(180deg,#f7fbfd 0%,#eef6f9 100%)}
.articles-feature-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1.4rem;align-items:stretch}
.article-feature-card,.article-insight-stack article,.article-card,.article-publishing-card{background:#fff;border:1px solid rgba(16,42,63,.12);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(8,25,38,.10)}
.article-feature-card{position:relative;min-height:520px;margin:0;display:grid;align-items:end;isolation:isolate}
.article-feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.article-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,23,.86),rgba(3,13,23,.48),rgba(3,13,23,.10));z-index:-1}
.article-feature-card figcaption{max-width:620px;padding:clamp(2rem,4vw,4rem);color:#fff}
.article-feature-card h2{font-size:clamp(2.4rem,5vw,5rem);line-height:.96;letter-spacing:-.055em;margin:.3rem 0 1rem;color:#fff}
.article-feature-card p{color:rgba(255,255,255,.83);font-size:1.06rem;line-height:1.7}
.article-insight-stack{display:grid;gap:1.4rem}
.article-insight-stack article{display:grid;grid-template-columns:44% 1fr;min-height:250px}
.article-insight-stack img{width:100%;height:100%;object-fit:cover}
.article-insight-stack div{padding:1.55rem;align-self:center}
.article-insight-stack h3{font-size:1.45rem;margin:.35rem 0 .6rem;letter-spacing:-.035em}
.article-cluster-section{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 0%,rgba(30,192,215,.12),transparent 30%),linear-gradient(180deg,#f1f7fa 0%,#ffffff 100%)}
.article-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.4rem}
.article-card{display:flex;flex-direction:column;min-height:100%}
.article-card.featured{grid-column:span 2}
.article-card img{height:245px;width:100%;object-fit:cover;background:#061827}
.article-card.featured img{height:320px}
.article-card div{padding:1.4rem 1.45rem 1.55rem;display:flex;flex-direction:column;gap:.65rem;flex:1}
.article-card .tag{font-size:.76rem;letter-spacing:.19em;text-transform:uppercase;color:var(--cyan);font-weight:800;margin:0}
.article-card h3{font-size:1.45rem;line-height:1.12;letter-spacing:-.035em;margin:0;color:#061827}
.article-card p{color:#526575;line-height:1.65;margin:0}
.article-card a{margin-top:auto;color:#058fa4;font-weight:800;text-decoration:none}
.article-card a:after{content:" →"}
.articles-editorial-system{background:#fff}
.mini-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.35rem}
.mini-proof-grid span{border:1px solid rgba(7,151,174,.16);border-radius:14px;padding:.82rem .9rem;background:linear-gradient(180deg,#fff,#f3fbfd);font-weight:800;color:#0c2233;font-size:.9rem}
.article-publishing-card img{width:100%;height:260px;object-fit:cover}
.article-publishing-card div{padding:1.5rem}
.article-publishing-card h3{margin-top:0;font-size:1.45rem;letter-spacing:-.035em}
.article-cta-panel{background:radial-gradient(circle at 18% 20%,rgba(31,195,219,.22),transparent 28%),linear-gradient(135deg,#061827,#020a12)}
.article-cta-panel h2{color:#fff;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.055em;margin:.35rem 0 .8rem}
.article-cta-panel p{color:rgba(255,255,255,.78)}
@media (max-width:1120px){.articles-feature-grid{grid-template-columns:1fr}.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card.featured{grid-column:span 2}}
@media (max-width:760px){.article-insight-stack article{grid-template-columns:1fr}.article-insight-stack img{height:220px}.article-card-grid{grid-template-columns:1fr}.article-card.featured{grid-column:auto}.article-card.featured img,.article-card img{height:230px}.mini-proof-grid{grid-template-columns:1fr 1fr}.article-feature-card{min-height:430px}}


/* Phase XXVI: Industries & Project Types commercial relevance router */
.industries-hero-story{position:relative;background:linear-gradient(180deg,#fff,#f4f9fc);overflow:hidden}.industries-hero-story:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(24,184,207,.12),transparent 34%),linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.028) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;pointer-events:none}.industries-hero-story>.shell{position:relative;z-index:1}.industries-visual img,.industry-card-image img{aspect-ratio:16/10;object-fit:cover}.industries-project-section{position:relative;overflow:hidden}.industries-project-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(24,184,207,.1),transparent 34%),radial-gradient(circle at 88% 26%,rgba(8,36,58,.08),transparent 32%);pointer-events:none}.industries-project-section>.shell{position:relative;z-index:1}.project-route-card{background:linear-gradient(180deg,#fff,#f7fcfe);border:1px solid rgba(8,36,58,.1);border-radius:24px;padding:1.35rem;box-shadow:0 18px 44px rgba(6,24,39,.075);min-height:260px;display:flex;flex-direction:column}.project-route-card h3{font-size:1.18rem}.project-route-card p{color:var(--muted);font-size:.95rem}.project-route-card a{margin-top:auto;color:#0789a4;font-weight:950}.project-route-card:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(6,24,39,.14);border-color:rgba(24,184,207,.32)}.industry-card-section{background:#fff;position:relative;overflow:hidden}.industry-card-section:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.028) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);pointer-events:none}.industry-card-section>.shell{position:relative;z-index:1}.industry-grid{align-items:stretch}.industry-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 20px 54px rgba(6,24,39,.095);display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.industry-card:hover{transform:translateY(-5px);box-shadow:0 34px 86px rgba(6,24,39,.15);border-color:rgba(24,184,207,.35)}.industry-card-image{height:212px;background:#061827;overflow:hidden}.industry-card-image img{width:100%;height:100%;display:block;transition:transform .45s ease}.industry-card:hover .industry-card-image img{transform:scale(1.045)}.industry-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.industry-card-body p{color:var(--muted);font-size:.95rem}.industry-card-body strong{display:block;color:#0a3147;font-size:.86rem;background:#eef8fb;border:1px solid rgba(24,184,207,.18);border-radius:999px;padding:.52rem .7rem}.industry-card-body a{margin-top:auto;color:#0789a4;font-weight:950}.industries-readiness-section{background:linear-gradient(180deg,#eef7fb,#fff);position:relative;overflow:hidden}.industries-readiness-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(24,184,207,.11),transparent 35%),linear-gradient(rgba(8,36,58,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.028) 1px,transparent 1px);background-size:auto,50px 50px,50px 50px;pointer-events:none}.industries-readiness-section>.shell{position:relative;z-index:1}.readiness-chip-grid{display:flex;flex-wrap:wrap;gap:.62rem;margin:1.25rem 0 1.4rem}.readiness-chip-grid span{display:inline-flex;border:1px solid rgba(24,184,207,.2);background:#fff;color:#0b3148;border-radius:999px;padding:.58rem .78rem;font-size:.84rem;font-weight:900;box-shadow:0 10px 24px rgba(6,24,39,.055)}.industries-support-section{position:relative;overflow:hidden}.industries-value-list div{min-height:142px}.industries-faq{background:#fff}@media (max-width:1120px){.industry-grid,.project-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.industry-grid,.project-route-grid{grid-template-columns:1fr}.industry-card-image{height:190px}.readiness-chip-grid{display:grid}.readiness-chip-grid span{justify-content:center}.service-check-list li{color:#274256}}


/* Phase XXVII: compliance, readability, legibility, and golden-ratio polish */
:root{
  --max:1448px;
  --readable:72ch;
  --golden-wide:1.618fr;
  --golden-narrow:1fr;
  --focus:rgba(107,223,242,.9);
  --danger:#f08c6a;
}
html{font-size:16.5px;text-rendering:optimizeLegibility}
body{line-height:1.64;background:#fff;color:#061827}
p,li{font-size:clamp(.98rem,.18vw + .94rem,1.055rem)}
p{max-width:var(--readable)}
.section-heading p,.page-masthead-copy p,.hero-lede,.section-lede{max-width:74ch}
h1,h2,h3{overflow-wrap:balance;text-wrap:balance}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:12px}
.card-surface{background:#fff;border:1px solid rgba(9,36,58,.12);border-radius:28px;box-shadow:0 24px 64px rgba(6,24,39,.1)}
.site-header{background:linear-gradient(180deg,rgba(4,15,27,.98),rgba(3,12,22,.94));box-shadow:0 18px 42px rgba(0,0,0,.18)}
.primary-nav a{font-size:.9rem;letter-spacing:-.01em}.header-actions .btn{padding:.82rem 1rem}.brand{min-width:240px}.brand-logo{width:230px;height:58px}
.page-masthead{padding:clamp(3.8rem,6vw,6.2rem) 0;background:radial-gradient(circle at 80% 15%,rgba(24,184,207,.17),transparent 34%),linear-gradient(135deg,#04111e,#082840 62%,#061827);border-bottom:1px solid rgba(107,223,242,.14)}
.page-masthead-copy h1{font-size:clamp(2.8rem,5.2vw,5.8rem);max-width:980px}.page-masthead-copy p{font-size:1.08rem;line-height:1.72}.masthead-note{color:#c9dce7!important;font-size:.95rem!important}
.form-consent-panel{grid-column:1/-1;border:1px solid rgba(107,223,242,.28);background:linear-gradient(180deg,rgba(5,21,35,.72),rgba(5,21,35,.46));border-radius:18px;padding:1rem 1.05rem;display:grid;gap:.75rem;box-shadow:0 16px 34px rgba(0,0,0,.16) inset}
.form-consent-panel a{color:#9af2ff;text-decoration:underline;text-underline-offset:3px;font-weight:900}.consent-check{display:grid!important;grid-template-columns:22px 1fr!important;gap:.72rem!important;align-items:start!important;color:#e9f6fb!important;font-weight:700!important;font-size:.9rem!important;line-height:1.45!important}.consent-check input{width:20px!important;height:20px!important;margin:.12rem 0 0!important;accent-color:#16b9cf}.consent-check.optional span{color:#c9dbe5}.form-legal-note{margin:0;color:#bdd1dc;font-size:.83rem!important;line-height:1.5;max-width:92ch}.form-legal-note:before{content:"Legal note: ";color:#fff;font-weight:950}.rfq-form .form-consent-panel + .btn,.rfq-form .form-consent-panel + button{margin-top:.2rem}
.legal-section{background:linear-gradient(180deg,#f5fafc,#fff);position:relative}.legal-section:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.028) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);pointer-events:none}.legal-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);gap:2rem;align-items:start}.legal-toc{position:sticky;top:116px;padding:1.35rem}.legal-toc h2{font-size:1.2rem;margin-bottom:1rem}.legal-toc a{display:block;padding:.72rem .82rem;border-radius:12px;color:#12364f;font-weight:900;border:1px solid transparent}.legal-toc a:hover,.legal-toc a:focus{background:#edf9fc;border-color:rgba(24,184,207,.22);color:#057f99}.legal-content{padding:clamp(1.45rem,3vw,3rem)}.legal-content h2{font-size:clamp(2rem,3vw,3.35rem)}.legal-content h3{margin-top:2rem;font-size:1.35rem;color:#08243a}.legal-content p,.legal-content li{color:#405768}.legal-content a{color:#057f99;text-decoration:underline;text-underline-offset:3px;font-weight:900}.legal-highlight{border-left:4px solid var(--cyan);background:linear-gradient(90deg,#ecfbfe,#fff);border-radius:16px;padding:1rem 1.1rem;margin:1.4rem 0;color:#17384c;box-shadow:0 14px 32px rgba(6,24,39,.06)}
.footer-bottom a{color:#dceef6;text-decoration:underline;text-underline-offset:3px}.footer-contact a{color:#dceef6}.footer-badges span{white-space:nowrap}.footer-grid-award{grid-template-columns:1.4fr .75fr .75fr .8fr}.footer-brand p{max-width:58ch}
.legal-disclaimer-mini{border:1px solid rgba(24,184,207,.22);background:#f2fbfd;border-radius:18px;padding:1rem;margin:1.1rem 0;color:#26465a}.legal-disclaimer-mini strong{display:block;color:#08243a;margin-bottom:.2rem}
@media (max-width:1100px){html{font-size:16px}.legal-layout{grid-template-columns:1fr}.legal-toc{position:relative;top:auto}.footer-grid-award{grid-template-columns:1fr 1fr}.brand{min-width:0}.brand-logo{width:210px}.page-masthead-copy h1{font-size:clamp(2.45rem,8vw,4.5rem)}}
@media (max-width:720px){.shell{width:min(var(--max),calc(100% - 28px))}.section{padding:3.4rem 0}.legal-content,.legal-toc{padding:1.15rem}.footer-grid-award{grid-template-columns:1fr}.consent-check{grid-template-columns:24px 1fr!important}.header-actions{display:none}.brand-logo{width:190px}.page-masthead{padding:3rem 0}.btn{width:100%;min-height:48px}.cta-row{width:100%}}

/* Phase XXVIII: AI/search authority and RFQ guide polish */
.rfq-guide-hero-panel {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 12%, rgba(43, 180, 211, .16), transparent 34%),
    linear-gradient(135deg, #061725 0%, #0b2335 52%, #102c3e 100%);
  color: #f3fbff;
}
.rfq-guide-hero-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: .34;
  pointer-events: none;
}
.rfq-guide-answer-grid,
.ai-map-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(340px, .98fr);
  gap: clamp(1.75rem, 3vw, 3.25rem);
  align-items: stretch;
}
.answer-card {
  border: 1px solid rgba(164, 217, 229, .22);
  background: rgba(6, 24, 39, .74);
  border-radius: 32px;
  padding: clamp(1.6rem, 3vw, 2.6rem);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .25);
  backdrop-filter: blur(18px);
}
.answer-card h2 {
  color: #f8fdff;
  letter-spacing: -.035em;
  max-width: 760px;
}
.answer-card p {
  color: rgba(236, 249, 255, .84);
  max-width: 68ch;
}
.answer-actions,
.cta-row.answer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-top: 1.25rem;
}
.answer-visual,
.service-detail-visual,
.rfq-side-image {
  position: relative;
}
.answer-visual img,
.rfq-guide-deep-section .service-detail-visual img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  border-radius: 34px;
  box-shadow: 0 32px 88px rgba(0, 0, 0, .35);
  border: 1px solid rgba(132, 201, 220, .18);
}
.answer-visual figcaption,
.rfq-guide-deep-section figcaption {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  padding: .85rem 1rem;
  border-radius: 20px;
  background: rgba(4, 20, 32, .72);
  color: rgba(255,255,255,.88);
  font-size: .92rem;
  backdrop-filter: blur(16px);
}
.rfq-guide-checklist-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(220px, 1fr));
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: .75rem;
  scroll-snap-type: x proximity;
}
.rfq-guide-checklist-grid .info-card {
  min-height: 100%;
  scroll-snap-align: start;
}
.rfq-guide-deep-grid {
  display: grid;
  grid-template-columns: minmax(340px, .95fr) minmax(0, 1.05fr);
  gap: clamp(1.75rem, 4vw, 4rem);
  align-items: center;
}
.route-stack {
  display: grid;
  gap: 1rem;
  margin-top: 1.25rem;
}
.route-stack article {
  padding: 1.25rem 1.35rem;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(239, 248, 251, .86));
  border: 1px solid rgba(10, 50, 73, .10);
  box-shadow: 0 18px 46px rgba(10, 36, 54, .08);
}
.route-stack h3 {
  margin: 0 0 .35rem;
  letter-spacing: -.02em;
}
.route-stack p {
  margin-bottom: .7rem;
}
.route-stack a,
.ai-page-card a {
  font-weight: 800;
  color: #08657b;
}
.rfq-warning-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2.4rem);
  border-radius: 32px;
  background:
    linear-gradient(135deg, rgba(9, 35, 54, .97), rgba(11, 73, 90, .92)),
    radial-gradient(circle at 90% 20%, rgba(68, 197, 224, .22), transparent 30%);
  color: #f5fcff;
  box-shadow: 0 28px 75px rgba(8, 28, 42, .24);
}
.rfq-warning-card h2,
.rfq-warning-card p {
  color: #f5fcff;
}
.ai-map-section {
  background: linear-gradient(135deg, #061725, #0c2a3e);
  color: #f4fbff;
}
.ai-map-directory .ai-page-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.ai-page-card {
  padding: 1.35rem;
  border-radius: 24px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(8, 51, 74, .10);
  box-shadow: 0 18px 52px rgba(7, 32, 48, .08);
}
.ai-page-card h3 {
  margin-top: 0;
  font-size: 1.05rem;
}
.topic-matrix {
  padding: clamp(1.6rem, 3vw, 2.6rem);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(235, 249, 253, .9));
  border: 1px solid rgba(5, 71, 91, .12);
  box-shadow: 0 26px 70px rgba(9, 42, 61, .10);
}
.topic-pill-grid {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: 1.25rem;
}
.topic-pill-grid span {
  display: inline-flex;
  padding: .62rem .86rem;
  border-radius: 999px;
  background: #eaf7fa;
  border: 1px solid rgba(8, 91, 111, .14);
  color: #123246;
  font-weight: 760;
  font-size: .92rem;
}
@media (max-width: 980px) {
  .rfq-guide-answer-grid,
  .ai-map-grid,
  .rfq-guide-deep-grid,
  .rfq-warning-card {
    grid-template-columns: 1fr;
  }
  .ai-map-directory .ai-page-list {
    grid-template-columns: 1fr 1fr;
  }
  .answer-visual img,
  .rfq-guide-deep-section .service-detail-visual img {
    min-height: 320px;
  }
}
@media (max-width: 680px) {
  .ai-map-directory .ai-page-list {
    grid-template-columns: 1fr;
  }
  .rfq-warning-card .cta-row {
    width: 100%;
  }
}

/* Phase XXIX: Material Guidance page and comprehensive visual polish */
.material-hero-panel {
  background:
    radial-gradient(circle at 85% 10%, rgba(24, 199, 217, .11), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f4fafc 100%);
}
.material-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
  gap: clamp(1.6rem, 3.4vw, 4.2rem);
  align-items: center;
}
.material-answer-card {
  padding: clamp(1.5rem, 3vw, 2.7rem);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(7, 24, 39, .97), rgba(7, 57, 76, .94)),
    radial-gradient(circle at 100% 0, rgba(24, 199, 217, .22), transparent 38%);
  color: #f7fcff;
  border: 1px solid rgba(116, 231, 245, .22);
  box-shadow: 0 30px 90px rgba(7, 24, 39, .22);
}
.material-answer-card h2,
.material-answer-card p { color: #f7fcff; }
.material-answer-card p { color: #d9e9f0; }
.material-hero-visual,
.material-factor-grid .image-card,
.material-route-grid .route-card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(8, 51, 74, .12);
  box-shadow: 0 28px 75px rgba(7, 32, 48, .12);
  background: #fff;
}
.material-hero-visual img {
  width: 100%;
  min-height: 430px;
  object-fit: cover;
  display: block;
}
.material-hero-visual figcaption,
.service-detail-visual figcaption {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  max-width: calc(100% - 2rem);
  padding: .72rem .86rem;
  border-radius: 14px;
  background: rgba(3, 16, 29, .72);
  color: #e9f8fd;
  border: 1px solid rgba(116, 231, 245, .22);
  backdrop-filter: blur(14px);
  font-size: .82rem;
  font-weight: 760;
}
.material-factor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 1.7vw, 1.45rem);
  margin-top: 2.2rem;
}
.material-factor-grid .image-card {
  display: grid;
  grid-template-rows: 190px 1fr;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.material-factor-grid .image-card:hover,
.material-route-grid .route-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 36px 88px rgba(7, 32, 48, .16);
  border-color: rgba(24, 199, 217, .35);
}
.material-factor-grid .image-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  display: block;
}
.material-factor-grid .image-card div {
  padding: 1.15rem 1.2rem 1.3rem;
}
.material-factor-grid .image-card .eyebrow,
.material-common-section .eyebrow,
.material-route-grid .eyebrow {
  color: #0aa1b9;
}
.material-common-section .service-detail-split,
.material-north-section .service-detail-split {
  align-items: center;
}
.material-table-wrap {
  margin-top: 2rem;
  overflow-x: auto;
  border-radius: 24px;
  border: 1px solid rgba(8, 51, 74, .12);
  box-shadow: 0 24px 70px rgba(7, 32, 48, .09);
  background: #fff;
}
.material-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 860px;
}
.material-table th,
.material-table td {
  padding: 1.05rem 1.15rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e2edf3;
  line-height: 1.55;
}
.material-table thead th {
  background: linear-gradient(135deg, #061827, #0a3046);
  color: #f6fcff;
  font-size: .82rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.material-table tbody th {
  width: 130px;
  color: #071827;
  font-size: 1rem;
}
.material-table tbody tr:nth-child(even) td,
.material-table tbody tr:nth-child(even) th {
  background: #f8fbfd;
}
.material-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 1.7vw, 1.45rem);
  margin-top: 2.2rem;
}
.material-route-grid .route-card {
  padding-bottom: 1.25rem;
}
.material-route-grid .route-card img {
  width: 100%;
  height: 176px;
  object-fit: cover;
  display: block;
}
.material-route-grid .route-card .card-icon,
.material-route-grid .route-card h3,
.material-route-grid .route-card p,
.material-route-grid .route-card a {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.material-route-grid .route-card .card-icon {
  margin-top: -26px;
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, #f9fdff, #eaf9fc);
  box-shadow: 0 12px 28px rgba(7, 32, 48, .12);
}
.material-route-grid .route-card a {
  display: inline-block;
  color: #0789a4;
  font-weight: 900;
  margin-top: .25rem;
}
.material-sustainability-section {
  background:
    linear-gradient(180deg, #fff, #f4fafc),
    radial-gradient(circle at 10% 10%, rgba(24, 199, 217, .08), transparent 30%);
}
.material-final-cta .final-cta-card {
  background:
    linear-gradient(135deg, rgba(5, 18, 31, .98), rgba(7, 55, 75, .95)),
    radial-gradient(circle at 100% 10%, rgba(24, 199, 217, .22), transparent 36%);
}
.material-final-cta .final-cta-card h2,
.material-final-cta .final-cta-card p { color: #f7fcff; }
.text-link {
  color: #0789a4;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 1060px) {
  .material-hero-grid,
  .material-factor-grid,
  .material-route-grid {
    grid-template-columns: 1fr 1fr;
  }
  .material-answer-card { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .material-hero-grid,
  .material-factor-grid,
  .material-route-grid {
    grid-template-columns: 1fr;
  }
  .material-hero-visual img { min-height: 300px; }
  .material-factor-grid .image-card { grid-template-rows: 170px 1fr; }
  .material-factor-grid .image-card img,
  .material-route-grid .route-card img { height: 170px; }
}

/* Phase XXX: Tooling Optimisation page, AI/search authority polish, and conversion refinement */
.tooling-hero-panel {
  background:
    radial-gradient(circle at 78% 8%, rgba(30, 210, 235, .12), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f2f8fb 100%);
}
.tooling-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr);
  gap: clamp(1.6rem, 3.4vw, 4.1rem);
  align-items: center;
}
.tooling-answer-card {
  padding: clamp(1.55rem, 3.1vw, 2.8rem);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(4, 16, 28, .98), rgba(6, 47, 70, .95)),
    radial-gradient(circle at 100% 0, rgba(27, 205, 229, .24), transparent 38%);
  color: #f7fcff;
  border: 1px solid rgba(122, 235, 249, .24);
  box-shadow: 0 34px 94px rgba(7, 24, 39, .24);
}
.tooling-answer-card h2,
.tooling-answer-card p { color: #f7fcff; }
.tooling-answer-card p { color: #d8e8ef; }
.tooling-factor-grid .image-card {
  min-height: 100%;
}
.tooling-decision-section {
  background:
    linear-gradient(180deg, #ffffff, #f4fafc),
    radial-gradient(circle at 10% 18%, rgba(24, 199, 217, .08), transparent 32%);
}
.tooling-trust-section {
  background:
    radial-gradient(circle at 85% 12%, rgba(24, 199, 217, .10), transparent 34%),
    linear-gradient(180deg, #f7fbfd 0%, #ffffff 100%);
}
.legal-note {
  padding: 1rem 1.1rem;
  border-radius: 18px;
  background: #f0f7fa;
  border: 1px solid rgba(8, 51, 74, .12);
  color: #233746;
  font-size: .94rem;
}
@media (max-width: 1060px) {
  .tooling-hero-grid { grid-template-columns: 1fr; }
}

/* Phase XXXI: conversion footer reduction + Quality Control authority page */
.site-footer-conversion:before{opacity:.28;right:2%;top:30%}
.footer-conversion-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.55fr) minmax(180px,.55fr) minmax(220px,.7fr);gap:clamp(1.4rem,3vw,3.6rem);padding:4rem 0 3rem;border-bottom:1px solid rgba(116,231,245,.13)}
.footer-brand-conversion p{max-width:62ch;color:#bfd3df;font-size:1.02rem;line-height:1.72;margin:.6rem 0 1.25rem}.footer-primary-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin:1.1rem 0 1.2rem}.footer-primary-actions .btn{min-height:46px}.footer-badges-compact{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}.footer-link-card{display:grid;align-content:start;gap:.7rem;padding:1.1rem 1.15rem;border:1px solid rgba(116,231,245,.14);border-radius:22px;background:rgba(255,255,255,.035);box-shadow:0 20px 48px rgba(0,0,0,.16)}.footer-link-card h3,.footer-contact-conversion h3{margin:0 0 .35rem;color:var(--cyan-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.15em}.footer-link-card a,.footer-contact-conversion a,.footer-contact-conversion span{color:#c5d8e3;font-size:.94rem;line-height:1.42}.footer-link-card a{padding:.25rem 0}.footer-link-card a:hover,.footer-contact-conversion a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--cyan-2);text-underline-offset:4px}.footer-contact-conversion{display:grid;align-content:start;gap:.68rem;padding:1.1rem 1.15rem;border:1px solid rgba(116,231,245,.14);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));font-style:normal}.footer-mini-cta{display:inline-flex!important;margin-top:.25rem;color:#fff!important;font-weight:900}.footer-bottom-conversion{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0}.footer-bottom-conversion span{color:#9fb7c7;font-size:.9rem}.footer-bottom-conversion a{color:#dbeef6;text-decoration:underline;text-underline-offset:3px}
.quality-hero-panel{background:radial-gradient(circle at 78% 10%,rgba(30,210,235,.12),transparent 34%),linear-gradient(180deg,#ffffff 0%,#f2f8fb 100%)}.quality-factor-grid .image-card{min-height:100%}.quality-standard-section{background:linear-gradient(180deg,#fff,#f4fafc),radial-gradient(circle at 10% 18%,rgba(24,199,217,.08),transparent 32%)}.quality-trust-section{background:radial-gradient(circle at 85% 12%,rgba(24,199,217,.10),transparent 34%),linear-gradient(180deg,#f7fbfd 0%,#ffffff 100%)}.quality-route-grid .route-card{overflow:hidden;border:1px solid rgba(8,51,74,.11);background:#fff;border-radius:24px;box-shadow:0 20px 52px rgba(7,32,48,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.quality-route-grid .route-card:hover{transform:translateY(-5px);box-shadow:0 36px 88px rgba(7,32,48,.16);border-color:rgba(24,199,217,.35)}.quality-route-grid .route-card img{filter:saturate(.94) contrast(1.04)}.quality-route-grid .route-card h3{font-size:1.13rem}.quality-route-grid .route-card p{line-height:1.58}.icon-quality:before{content:"";width:26px;height:26px;border:2px solid currentColor;border-radius:50%;display:block;box-shadow:inset 0 0 0 6px rgba(24,184,207,.18)}.icon-quality:after{content:"✓";position:absolute;font-size:.88rem;font-weight:950;color:currentColor}.quality-hero-panel .material-hero-visual img,.quality-trust-section .service-detail-visual img,.quality-standard-section .service-detail-visual img{aspect-ratio:16/10;object-fit:cover}@media (max-width:1120px){.footer-conversion-grid{grid-template-columns:1fr 1fr}.footer-brand-conversion{grid-column:1/-1}.footer-bottom-conversion{display:grid}.footer-badges-compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.footer-conversion-grid{grid-template-columns:1fr}.footer-badges-compact{grid-template-columns:1fr}.footer-primary-actions .btn{width:100%}.footer-link-card,.footer-contact-conversion{padding:1rem}.footer-bottom-conversion{align-items:flex-start}.quality-hero-panel .material-hero-visual img{min-height:300px}}


/* Phase XXXII: Oracle UX/readability/conversion polish + Project Readiness Checklist */
:root{
  --measure: 66ch;
  --golden: 1.618;
  --space-1: .62rem;
  --space-2: 1rem;
  --space-3: 1.62rem;
  --space-4: 2.62rem;
  --space-5: 4.24rem;
}
body{font-size:clamp(16px,.35vw + 15px,18px);line-height:1.66;text-rendering:optimizeLegibility}.section-lede,p{max-width:var(--measure)}.centre .section-lede,.section-heading.centre p{margin-left:auto;margin-right:auto}.section{padding-block:clamp(4.25rem,7vw,6.85rem)}.section-heading{margin-bottom:clamp(2rem,4vw,3.35rem)}.split-heading{display:grid;grid-template-columns:minmax(0,.78fr) minmax(320px,.62fr);gap:clamp(1rem,4vw,4rem);align-items:end}.split-heading .section-lede{margin:0}.page-masthead{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(24,199,217,.22),transparent 32%),linear-gradient(135deg,#03101d 0%,#082238 54%,#04111f 100%)}.page-masthead:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(116,231,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,231,245,.04) 1px,transparent 1px);background-size:34px 34px;opacity:.65;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.page-masthead-inner{position:relative;z-index:1;padding-block:clamp(3.75rem,6vw,6.1rem)}.page-masthead-copy{max-width:980px}.page-masthead h1{font-size:clamp(2.75rem,4.4vw,5.65rem);line-height:1.02;max-width:980px;text-wrap:balance}.page-masthead p{color:#d9e9f2;font-size:1.09rem;line-height:1.72}.masthead-note{display:inline-flex;margin-top:1rem;padding:.72rem 1rem;border:1px solid rgba(116,231,245,.24);border-radius:999px;background:rgba(255,255,255,.055);color:#cfe5ef!important;font-weight:850;font-size:.92rem!important}.btn:focus-visible,.primary-nav a:focus-visible,.dropdown-menu a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(116,231,245,.95);outline-offset:4px}.primary-nav{gap:1.08rem}.primary-nav a{line-height:1.25}.dropdown-menu{border-radius:20px}.dropdown-menu a{padding:.82rem 1rem;line-height:1.2}.header-actions .btn{white-space:nowrap}.info-card,.solution-card,.resource-card,.image-card,.route-card,.value-list div,.readiness-step-card,.decision-path-card{will-change:transform}.info-card p,.solution-card p,.resource-card p,.image-card p,.route-card p,.value-list span,.faq-grid p{line-height:1.62}.faq-grid details{border-radius:22px;box-shadow:0 12px 32px rgba(6,24,39,.06)}.faq-grid summary{line-height:1.35}.rfq-form label{line-height:1.32}.form-legal-consent,.legal-consent{line-height:1.55}.quote-panel{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)}.rfq-form input,.rfq-form select,.rfq-form textarea{min-height:48px}.rfq-form textarea{line-height:1.55}.site-footer-conversion .footer-cta-award{margin-top:0}.footer-conversion-grid{grid-template-columns:minmax(0,1.28fr) minmax(180px,.58fr) minmax(180px,.58fr) minmax(220px,.72fr)}.footer-link-card a{min-height:32px;display:inline-flex;align-items:center}.readiness-hero-panel{background:radial-gradient(circle at 78% 8%,rgba(30,210,235,.12),transparent 34%),linear-gradient(180deg,#fff 0%,#f3f9fc 100%)}.readiness-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);gap:clamp(1.6rem,3.4vw,4.1rem);align-items:center}.readability-card{padding:clamp(1.6rem,3.2vw,2.9rem);border-radius:34px;background:linear-gradient(135deg,#04101c,#07314a);color:#f7fcff;border:1px solid rgba(122,235,249,.22);box-shadow:0 34px 94px rgba(7,24,39,.24)}.readability-card h2,.readability-card p{color:#f7fcff}.readability-card .section-lede{color:#d8e8ef;margin-left:0;margin-right:0}.readiness-micro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.25rem}.readiness-micro-grid span{display:block;padding:.72rem .8rem;border:1px solid rgba(116,231,245,.18);border-radius:14px;background:rgba(255,255,255,.06);color:#e9f8fd;font-weight:850;font-size:.92rem}.readiness-checklist-section{background:#fff}.readiness-checklist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}.readiness-step-card{padding:clamp(1.2rem,2vw,1.55rem);border-radius:26px;background:linear-gradient(180deg,#fff,#f7fbfd);border:1px solid rgba(8,51,74,.1);box-shadow:0 18px 48px rgba(7,32,48,.08);position:relative;overflow:hidden}.readiness-step-card:before{content:"";position:absolute;right:-38px;top:-38px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(24,199,217,.16),transparent 70%)}.readiness-step-card span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#061827;color:#74e7f5;font-weight:950;margin-bottom:1rem;box-shadow:0 14px 28px rgba(6,24,39,.16)}.readiness-step-card h3{font-size:1.18rem}.readiness-step-card p{color:#526778;margin:0}.route-decision-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(460px,1.28fr);gap:clamp(1.4rem,4vw,4.2rem);align-items:start}.decision-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.decision-path-card{display:grid;align-content:start;gap:.55rem;min-height:190px;padding:1.35rem;border-radius:26px;background:#fff;border:1px solid rgba(8,51,74,.1);box-shadow:0 18px 48px rgba(7,32,48,.08)}.decision-path-card strong{font-size:1.13rem;color:#071827}.decision-path-card span{color:#526778;line-height:1.58}.decision-path-card:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(7,32,48,.15);border-color:rgba(24,199,217,.34)}.readiness-proof-section{background:radial-gradient(circle at 10% 18%,rgba(24,199,217,.08),transparent 32%),linear-gradient(180deg,#fff,#f6fbfd)}.light-list li{color:#33495a}.light-list li:before{color:#0789a4}.readiness-proof-section .legal-note{margin-top:1.1rem}.conversion-rail{position:sticky;top:104px}.content-card-readable{max-width:var(--measure)}
@media (max-width:1180px){.split-heading,.readiness-hero-grid,.route-decision-grid{grid-template-columns:1fr}.decision-path-grid{grid-template-columns:1fr 1fr}.readiness-checklist-grid{grid-template-columns:1fr 1fr}.quote-panel{grid-template-columns:1fr}}@media (max-width:760px){body{font-size:16px}.section{padding-block:3.75rem}.section-lede,p{max-width:100%}.split-heading,.decision-path-grid,.readiness-checklist-grid,.readiness-micro-grid{grid-template-columns:1fr}.page-masthead-inner{padding-block:3.2rem}.page-masthead h1{font-size:2.55rem}.masthead-note{border-radius:18px}.readiness-hero-grid{gap:1.4rem}.readability-card{border-radius:26px}.footer-conversion-grid{gap:1rem}}

/* Phase XXXIII — form legibility, contact UX, checklist contrast, and guide page polish */
:root{
  --readable-dark:#163247;
  --readable-strong:#092235;
  --readable-muted:#40586b;
  --field-bg:#ffffff;
  --field-border:#c8d8e2;
  --field-focus:#18b8cf;
}
.check-list li,
.check-list.light-list li,
.service-check-list li,
.quote-readiness-list .check-list li,
.resources-library-card .service-check-list li{
  color:var(--readable-dark);
  line-height:1.62;
}
.hero .check-list li,
.quote-panel .check-list li,
.quote-readiness-band .check-list li,
.dark-panel .check-list li,
.site-footer .check-list li{
  color:#eef8fb;
}
.check-list li::before,
.service-check-list li::before{
  color:#0798ad;
}
.contact-support-form{
  background:linear-gradient(180deg,#ffffff 0%,#f5fbfd 100%);
  color:var(--readable-strong);
  border:1px solid rgba(8,36,58,.12);
  border-radius:28px;
  box-shadow:0 28px 72px rgba(6,24,39,.14);
  padding:clamp(1.35rem,2.5vw,2.35rem);
  position:relative;
  overflow:hidden;
}
.contact-support-form:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 88% 0%,rgba(24,184,207,.12),transparent 34%),linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.03) 1px,transparent 1px);
  background-size:auto,46px 46px,46px 46px;
  pointer-events:none;
  opacity:.72;
}
.contact-support-form>*{position:relative;z-index:1}
.contact-support-form label{
  color:#173248;
  font-size:.88rem;
  font-weight:950;
  letter-spacing:-.01em;
}
.contact-support-form input,
.contact-support-form select,
.contact-support-form textarea{
  background:var(--field-bg);
  color:#092235;
  border:1px solid var(--field-border);
  border-radius:14px;
  box-shadow:0 10px 26px rgba(6,24,39,.055);
}
.contact-support-form input::placeholder,
.contact-support-form textarea::placeholder{color:#6d8392}
.contact-support-form input:focus,
.contact-support-form select:focus,
.contact-support-form textarea:focus{
  outline:3px solid rgba(24,184,207,.22);
  border-color:var(--field-focus);
  box-shadow:0 0 0 1px rgba(24,184,207,.18),0 14px 30px rgba(6,24,39,.08);
}
.contact-support-form .form-footer{
  background:#eef8fb;
  border:1px solid rgba(24,184,207,.18);
  border-radius:18px;
  padding:1rem;
  margin-top:1rem;
}
.contact-support-form .form-footer p{color:#40586b;line-height:1.55}
.contact-support-form .consent-panel,
.contact-support-form .legal-consent,
.contact-support-form .form-legal-consent{
  background:#fff;
  border-color:rgba(8,36,58,.12);
  color:#203d52;
}
.contact-support-form .btn-primary{width:auto;min-width:190px}
.phase33-factor-grid .image-card,
.timing-hero-panel .tooling-answer-card,
.shipping-hero-panel .tooling-answer-card{
  border-radius:28px;
}
.phase33-guidance-section{
  background:linear-gradient(180deg,#ffffff,#f4fafc);
  position:relative;
  overflow:hidden;
}
.phase33-guidance-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 12% 20%,rgba(24,184,207,.11),transparent 32%),radial-gradient(circle at 88% 70%,rgba(8,36,58,.08),transparent 34%);
  pointer-events:none;
}
.phase33-guidance-section>.shell{position:relative;z-index:1}
.timing-hero-panel,
.shipping-hero-panel{
  background:#fff;
  position:relative;
  overflow:hidden;
}
.timing-hero-panel:before,
.shipping-hero-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(8,36,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,58,.028) 1px,transparent 1px),radial-gradient(circle at 82% 16%,rgba(24,184,207,.11),transparent 28%);
  background-size:54px 54px,54px 54px,auto;
  pointer-events:none;
}
.timing-hero-panel>.shell,
.shipping-hero-panel>.shell{position:relative;z-index:1}
.material-hero-visual figcaption,
.service-detail-visual figcaption{
  color:#375269;
  font-weight:750;
  line-height:1.45;
}
@media (max-width:900px){
  .contact-support-form{padding:1.25rem;border-radius:22px}
  .contact-support-form .form-grid{grid-template-columns:1fr}
}

/* Phase XXXIV — Paul QA image frames, readability, consent polish, and two-by-two factor grids */
:root{
  --imh-media-bg:#061827;
  --imh-media-border:rgba(116,231,245,.18);
  --imh-cta-pad:clamp(1.65rem,3vw,2.6rem);
}

h1,
.page-masthead h1,
.page-masthead-copy h1{
  line-height:1.055;
  letter-spacing:-.043em;
}
h2,
.how-hero-copy h2,
.how-feature-copy h2,
.how-global-copy h2,
.article-feature-card h2,
.article-cta-panel h2,
.faq-answer-sidebar h2{
  line-height:1.09;
  letter-spacing:-.038em;
}
.page-masthead p,
.section-lede,
.service-detail-copy p:not(.eyebrow),
.tooling-answer-card p,
.article-feature-card p{
  line-height:1.74;
}

/* Keep text-heavy generated images inside their own frames instead of cropping labels off the edge. */
.how-hero-visual img,
.how-step-card img,
.how-feature-gallery img,
.how-trust-card img,
.material-hero-visual img,
.material-factor-grid .image-card img,
.material-route-grid .route-card img,
.quality-route-grid .route-card img,
.article-insight-stack img,
.article-card img,
.article-publishing-card img,
.faq-topic-card img,
.faq-trust-gallery img,
.faq-next-card img,
.answer-visual img,
.rfq-guide-deep-section .service-detail-visual img,
.service-detail-visual img{
  object-fit:contain;
  object-position:center center;
  background:var(--imh-media-bg);
}

/* Large hero/photo panels should feel cinematic and avoid showing baked-in text as background watermark. */
.article-feature-card img,
.faq-hero-card img,
.faq-side-card img{
  object-fit:cover;
  object-position:72% center;
  filter:saturate(1.06) contrast(1.06) brightness(.92);
}
.article-feature-card:after,
.faq-hero-card:after,
.faq-side-card:after{
  background:linear-gradient(90deg,rgba(3,13,23,.92) 0%,rgba(3,13,23,.64) 43%,rgba(3,13,23,.20) 100%);
}

/* Phase XXXIII timing/shipping factors have four cards, so use a deliberate two-by-two layout. */
.phase33-factor-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:1120px;
}
.phase33-factor-grid .image-card{
  grid-template-rows:minmax(230px,auto) 1fr;
}
.phase33-factor-grid .image-card img{
  height:230px;
  padding:0;
  border-bottom:1px solid rgba(116,231,245,.12);
}

/* Final CTA cards need more breathing room between copy and buttons. */
.final-cta-card,
.material-final-cta .final-cta-card,
.resources-rfq-card,
.service-quote-panel{
  padding:var(--imh-cta-pad);
  gap:clamp(1.25rem,3vw,2.4rem);
}
.final-cta-card .cta-row,
.resources-rfq-card .cta-row,
.service-quote-panel .service-cta-actions{
  align-items:center;
  justify-content:flex-start;
  row-gap:.85rem;
}
.final-cta-card h2{max-width:760px;}
.final-cta-card p:not(.eyebrow){max-width:780px;}

/* Make consent panels readable on both dark RFQ panels and light support forms. */
.form-consent-panel{
  gap:.85rem;
  padding:1.1rem 1.15rem;
}
.form-consent-panel .consent-check span,
.form-consent-panel .form-legal-note{
  max-width:92ch;
}
.contact-support-form .form-consent-panel{
  background:#ffffff;
  border:1px solid rgba(8,36,58,.14);
  box-shadow:0 12px 30px rgba(6,24,39,.06);
}
.contact-support-form .consent-check,
.contact-support-form .consent-check span,
.contact-support-form .form-legal-note{
  color:#203d52!important;
}
.contact-support-form .form-consent-panel a{
  color:#057f99;
}

@media (max-width:1180px){
  .phase33-factor-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
  h1,.page-masthead h1,.page-masthead-copy h1{letter-spacing:-.032em;line-height:1.08;}
  h2,.how-hero-copy h2,.how-feature-copy h2,.how-global-copy h2{letter-spacing:-.028em;line-height:1.12;}
  .phase33-factor-grid{grid-template-columns:1fr;}
  .phase33-factor-grid .image-card{grid-template-rows:minmax(205px,auto) 1fr;}
  .phase33-factor-grid .image-card img{height:205px;}
  .final-cta-card,.material-final-cta .final-cta-card,.resources-rfq-card,.service-quote-panel{padding:1.35rem;}
}


/* Phase XXXVI homepage imagery system */
.hero-stage img,
.solution-card .solution-art img,
.resource-card .resource-img img {
  image-rendering: auto;
}

.hero-stage {
  overflow: hidden;
}

.hero-stage img {
  object-position: 52% 50%;
}

.solution-grid .solution-card:nth-child(1) .solution-art img { object-position: 50% 48%; }
.solution-grid .solution-card:nth-child(2) .solution-art img { object-position: 52% 50%; }
.solution-grid .solution-card:nth-child(3) .solution-art img { object-position: 58% 50%; }
.solution-grid .solution-card:nth-child(4) .solution-art img { object-position: 50% 50%; }

.resources-section .resource-card:nth-child(1) .resource-img img { object-position: 52% 52%; }
.resources-section .resource-card:nth-child(2) .resource-img img { object-position: 50% 50%; }
.resources-section .resource-card:nth-child(3) .resource-img img { object-position: 50% 54%; }
.resources-section .resource-card:nth-child(4) .resource-img img { object-position: 50% 52%; }

.hero-v5 .hero-stage-card {
  display: none;
}


/* Phase XXXVIII How It Works imagery system */
.how-hero-visual img,
.how-step-card img,
.how-feature-gallery img,
.how-trust-card img,
.how-global-visual img {
  image-rendering: auto;
}

.how-hero-visual img { object-position: 58% 50%; }
.how-step-grid .how-step-card:nth-child(1) img { object-position: 42% 48%; }
.how-step-grid .how-step-card:nth-child(2) img { object-position: 46% 50%; }
.how-step-grid .how-step-card:nth-child(3) img { object-position: 50% 50%; }
.how-step-grid .how-step-card:nth-child(4) img { object-position: 50% 52%; }
.how-step-grid .how-step-card:nth-child(5) img { object-position: 50% 50%; }

.how-feature-gallery figure.large img { object-position: 48% 50%; }
.how-feature-gallery figure:nth-child(2) img { object-position: 48% 50%; }
.how-feature-gallery figure:nth-child(3) img { object-position: 48% 50%; }

.how-trust-grid .how-trust-card:nth-child(1) img { object-position: 42% 48%; }
.how-trust-grid .how-trust-card:nth-child(2) img { object-position: 50% 50%; }
.how-trust-grid .how-trust-card:nth-child(3) img { object-position: 48% 50%; }
.how-trust-grid .how-trust-card:nth-child(4) img { object-position: 58% 50%; }

.how-global-visual img { object-position: 58% 50%; }

.how-hero-visual figcaption,
.how-feature-gallery figcaption {
  position: static;
}


/* Phase XXXIX How It Works bright imagery + conversion polish */
.how-hero-visual {
  border-radius: clamp(22px, 2.5vw, 36px);
  overflow: hidden;
  border: 1px solid rgba(93, 185, 232, 0.24);
  box-shadow: 0 28px 80px rgba(0, 28, 46, 0.18);
  background: linear-gradient(180deg, rgba(4, 21, 33, 0.98), rgba(4, 21, 33, 0.94));
}

.how-hero-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 58% 50%;
}

.how-proof-panel {
  position: relative;
  display: block;
  padding: clamp(1.4rem, 3vw, 2.25rem);
  color: #f5fbff;
  background:
    radial-gradient(circle at 18% 10%, rgba(52, 172, 230, 0.18), transparent 42%),
    linear-gradient(135deg, rgba(2, 24, 39, 0.98), rgba(4, 43, 67, 0.96));
  border-top: 1px solid rgba(93, 185, 232, 0.18);
}

.how-proof-panel span {
  display: block;
  margin-bottom: 0.58rem;
  color: #7fd9ff;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.how-proof-panel strong {
  display: block;
  margin-bottom: 0.45rem;
  color: #ffffff;
  font-size: clamp(1.25rem, 2.2vw, 1.9rem);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.how-proof-panel p {
  max-width: 58ch;
  margin: 0;
  color: rgba(236, 248, 255, 0.84);
  font-size: clamp(1rem, 1.35vw, 1.15rem);
  line-height: 1.6;
}

.how-proof-panel .proof-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.78rem;
  margin-top: 1.15rem;
}

.btn-small {
  min-height: 42px;
  padding: 0.72rem 1rem;
  font-size: 0.82rem;
}

.how-step-card,
.how-trust-card,
.how-feature-gallery figure {
  box-shadow: 0 18px 55px rgba(5, 28, 43, 0.09);
}

.how-step-card img,
.how-trust-card img,
.how-feature-gallery img {
  filter: saturate(1.04) contrast(1.02);
}

.how-feature-gallery figure figcaption {
  display: grid;
  gap: 0.28rem;
  padding: 0.9rem 1rem 1rem;
  color: #0d2233;
  background: linear-gradient(180deg, #ffffff, #f4f9fc);
  border-top: 1px solid rgba(7, 49, 76, 0.1);
}

.how-feature-gallery figure figcaption strong {
  color: #061b2a;
  font-size: 0.95rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.how-feature-gallery figure figcaption span {
  color: #52697a;
  font-size: 0.82rem;
  line-height: 1.35;
}

.how-step-grid .how-step-card:nth-child(1) img { object-position: 44% 50%; }
.how-step-grid .how-step-card:nth-child(2) img { object-position: 50% 50%; }
.how-step-grid .how-step-card:nth-child(3) img { object-position: 48% 50%; }
.how-step-grid .how-step-card:nth-child(4) img { object-position: 50% 52%; }
.how-step-grid .how-step-card:nth-child(5) img { object-position: 52% 50%; }

.how-feature-gallery figure.large img { object-position: 48% 50%; }
.how-feature-gallery figure:nth-child(2) img { object-position: 48% 50%; }
.how-feature-gallery figure:nth-child(3) img { object-position: 50% 50%; }

.how-trust-grid .how-trust-card:nth-child(1) img { object-position: 44% 50%; }
.how-trust-grid .how-trust-card:nth-child(2) img { object-position: 50% 50%; }
.how-trust-grid .how-trust-card:nth-child(3) img { object-position: 48% 50%; }
.how-trust-grid .how-trust-card:nth-child(4) img { object-position: 56% 50%; }

.how-global-visual img { object-position: 60% 50%; }

@media (max-width: 680px) {
  .how-proof-panel {
    padding: 1.2rem;
  }

  .how-proof-panel .proof-actions {
    flex-direction: column;
  }

  .how-proof-panel .proof-actions .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Phase XL Solutions page: imagery, legibility, lighting, and golden-ratio route design */
.solutions-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 14%, rgba(36, 208, 223, 0.14), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f6fbfe 84%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.solutions-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.solutions-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(620px, 70vh, 780px);
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.3rem, 7vw, 7.4rem) 0 clamp(4rem, 6vw, 6.3rem);
}

.solutions-xl-copy {
  max-width: 720px;
}

.solutions-xl-copy .eyebrow,
.solutions-xl-routes .eyebrow,
.solutions-xl-intro .eyebrow,
.solutions-xl-value .eyebrow,
.solutions-xl-cta .eyebrow {
  color: #0789d9;
}

.solutions-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.3vw, 6.1rem);
  line-height: 0.96;
  letter-spacing: -0.078em;
  text-wrap: balance;
}

.solutions-xl-copy h1 span {
  display: block;
  color: #07314c;
}

.solutions-xl-copy .hero-lede {
  max-width: 60ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.4vw, 1.24rem);
  line-height: 1.72;
}

.solutions-xl-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  margin: clamp(1.45rem, 2.5vw, 2rem) 0 1.6rem;
}

.solutions-xl-proof-grid div {
  min-height: 86px;
  padding: 1rem 1.05rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 45px rgba(6, 24, 39, 0.065);
}

.solutions-xl-proof-grid strong {
  display: block;
  color: #061827;
  font-size: 0.96rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

.solutions-xl-proof-grid span {
  display: block;
  margin-top: 0.3rem;
  color: #5b7181;
  font-size: 0.86rem;
  line-height: 1.35;
}

.solutions-xl-visual {
  margin: 0;
  border-radius: clamp(24px, 2.6vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.solutions-xl-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 52% 50%;
  filter: saturate(1.04) contrast(1.02);
}

.solutions-xl-intro {
  padding: clamp(4.2rem, 6.5vw, 6.2rem) 0 !important;
  background: linear-gradient(180deg, #ffffff, #f5fbfe) !important;
}

.solutions-xl-routes {
  padding-top: clamp(4.2rem, 6.8vw, 6.8rem) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 208, 223, 0.08), transparent 28%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.solutions-xl-routes .narrow h2,
.solutions-xl-value .narrow h2,
.solutions-xl-cta-copy h2 {
  color: #061827;
  text-wrap: balance;
}

.solutions-xl-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.1rem, 2vw, 1.55rem);
  margin-top: clamp(2rem, 3.4vw, 3rem);
}

.solutions-xl-card {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.11);
  box-shadow: 0 18px 58px rgba(6, 24, 39, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.solutions-xl-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.13);
  border-color: rgba(24, 184, 207, 0.32);
}

.solutions-xl-image {
  display: block;
  overflow: hidden;
  background: #eaf4f8;
}

.solutions-xl-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9.85;
  object-fit: cover;
  object-position: 50% 50%;
  transition: transform 0.35s ease, filter 0.35s ease;
  filter: saturate(1.04) contrast(1.02);
}

.solutions-xl-card:hover .solutions-xl-image img {
  transform: scale(1.035);
  filter: saturate(1.08) contrast(1.04);
}

.solutions-xl-card:nth-child(1) .solutions-xl-image img { object-position: 50% 50%; }
.solutions-xl-card:nth-child(2) .solutions-xl-image img { object-position: 52% 50%; }
.solutions-xl-card:nth-child(3) .solutions-xl-image img { object-position: 54% 50%; }
.solutions-xl-card:nth-child(4) .solutions-xl-image img { object-position: 52% 50%; }
.solutions-xl-card:nth-child(5) .solutions-xl-image img { object-position: 50% 52%; }
.solutions-xl-card:nth-child(6) .solutions-xl-image img { object-position: 50% 50%; }

.solutions-xl-card-body {
  display: flex;
  flex-direction: column;
  padding: clamp(1.25rem, 2vw, 1.65rem);
}

.solutions-xl-card-body .mini-label {
  margin: 0 0 0.62rem !important;
  color: #0789d9 !important;
  font-size: 0.72rem !important;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.solutions-xl-card-body h3 {
  margin: 0 0 0.7rem !important;
  color: #061827;
  font-size: clamp(1.28rem, 1.7vw, 1.55rem);
  line-height: 1.16;
  letter-spacing: -0.035em;
}

.solutions-xl-card-body p {
  margin: 0 0 1rem !important;
  color: #4d6577 !important;
  font-size: 1.02rem !important;
  line-height: 1.66 !important;
}

.solutions-xl-best {
  margin-top: auto;
  padding: 0.9rem 0.95rem;
  border-radius: 16px;
  background: linear-gradient(180deg, #f5fbfe, #edf7fb);
  border: 1px solid rgba(7, 49, 76, 0.09);
}

.solutions-xl-best strong {
  display: block;
  margin-bottom: 0.24rem;
  color: #061827;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.solutions-xl-best span {
  display: block;
  color: #52697a;
  font-size: 0.92rem;
  line-height: 1.45;
}

.text-link {
  display: inline-flex;
  width: fit-content;
  margin-top: 1rem;
  color: #0789d9;
  font-weight: 900;
  text-decoration: none;
}

.text-link:hover {
  color: #035d91;
}

.solutions-xl-value {
  background: #ffffff;
  padding: clamp(4.4rem, 6.5vw, 6.4rem) 0;
}

.solutions-xl-value-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.solutions-xl-value-grid div {
  padding: clamp(1.25rem, 2vw, 1.55rem);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #f4fbfe);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 16px 46px rgba(6, 24, 39, 0.065);
}

.solutions-xl-value-grid strong {
  display: block;
  color: #061827;
  font-size: 1.05rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin-bottom: 0.52rem;
}

.solutions-xl-value-grid span {
  display: block;
  color: #566f82;
  font-size: 0.96rem;
  line-height: 1.55;
}

.solutions-xl-cta {
  padding: clamp(4.5rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.solutions-xl-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(1.5rem, 3.8vw, 3.8rem);
  align-items: center;
}

.solutions-xl-cta-image {
  margin: 0;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(107, 223, 242, 0.22);
  box-shadow: 0 30px 84px rgba(0, 0, 0, 0.28);
}

.solutions-xl-cta-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9.2;
  object-fit: cover;
  object-position: 52% 50%;
}

.solutions-xl-cta-copy {
  padding: clamp(1rem, 2vw, 1.8rem) 0;
}

.solutions-xl-cta-copy .eyebrow {
  color: #7fd9ff;
}

.solutions-xl-cta-copy h2 {
  color: #ffffff;
  font-size: clamp(2.25rem, 4vw, 4.3rem);
  line-height: 1;
  letter-spacing: -0.06em;
}

.solutions-xl-cta-copy p {
  color: rgba(235, 248, 255, 0.84);
  font-size: clamp(1.04rem, 1.35vw, 1.18rem);
  line-height: 1.68;
  max-width: 58ch;
}

.solutions-xl-microtrust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.25rem;
}

.solutions-xl-microtrust span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.45rem 0.72rem;
  border-radius: 999px;
  color: #dff6ff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(127, 217, 255, 0.18);
  font-size: 0.84rem;
  line-height: 1.2;
}

.solutions-faq {
  background: linear-gradient(180deg, #f8fcfe, #ffffff);
}

@media (max-width: 1120px) {
  .solutions-xl-hero-grid,
  .solutions-xl-cta-grid {
    grid-template-columns: 1fr;
  }

  .solutions-xl-visual,
  .solutions-xl-cta-image {
    max-width: 900px;
  }

  .solutions-xl-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .solutions-xl-value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .solutions-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .solutions-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    line-height: 1;
  }

  .solutions-xl-proof-grid,
  .solutions-xl-card-grid,
  .solutions-xl-value-grid {
    grid-template-columns: 1fr;
  }

  .solutions-xl-proof-grid div {
    min-height: auto;
  }

  .solutions-xl-card-body {
    padding: 1.2rem;
  }

  .solutions-xl-cta {
    padding: 3.8rem 0;
  }

  .solutions-xl-microtrust {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* Phase XLI How It Works proof-panel readability and CTA contrast fix */
.how-hero-visual figcaption.how-proof-panel,
.how-proof-panel {
  color: #f7fcff !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(42, 196, 230, 0.24), transparent 42%),
    linear-gradient(135deg, rgba(3, 22, 35, 0.99) 0%, rgba(4, 34, 53, 0.985) 58%, rgba(5, 20, 33, 0.995) 100%) !important;
  border-top: 1px solid rgba(127, 217, 255, 0.26) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.how-hero-visual figcaption.how-proof-panel:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(127, 217, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(127, 217, 255, 0.035) 1px, transparent 1px);
  background-size: 36px 36px;
  opacity: 0.45;
  pointer-events: none;
}

.how-hero-visual figcaption.how-proof-panel > * {
  position: relative;
  z-index: 1;
}

.how-proof-panel span {
  color: #8feaff !important;
  opacity: 1 !important;
  text-shadow: 0 0 18px rgba(42, 196, 230, 0.22);
}

.how-proof-panel strong {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.how-proof-panel p {
  color: rgba(238, 249, 255, 0.92) !important;
  opacity: 1 !important;
  max-width: 62ch;
  font-weight: 520;
}

.how-proof-panel .proof-actions {
  margin-top: 1.25rem !important;
}

.how-proof-panel .proof-actions .btn {
  opacity: 1 !important;
  visibility: visible !important;
  border-radius: 14px;
  font-weight: 900;
  letter-spacing: 0.01em;
  text-shadow: none !important;
}

.how-proof-panel .proof-actions .btn-primary {
  color: #ffffff !important;
  background:
    linear-gradient(135deg, #0b94d8, #17b9d3) !important;
  border: 1px solid rgba(143, 234, 255, 0.34) !important;
  box-shadow:
    0 14px 36px rgba(3, 112, 170, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

.how-proof-panel .proof-actions .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow:
    0 18px 46px rgba(3, 112, 170, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.how-proof-panel .proof-actions .btn-ghost {
  color: #f7fcff !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(238, 249, 255, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.how-proof-panel .proof-actions .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.13) !important;
  border-color: rgba(143, 234, 255, 0.52) !important;
}

@media (max-width: 680px) {
  .how-hero-visual figcaption.how-proof-panel,
  .how-proof-panel {
    padding: 1.25rem !important;
  }

  .how-proof-panel strong {
    font-size: clamp(1.28rem, 7vw, 1.72rem) !important;
  }

  .how-proof-panel p {
    font-size: 1rem !important;
    line-height: 1.58 !important;
  }
}


/* Phase XLII Request Quote page: conversion form, imagery, and readability polish */
.quote-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.quote-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.quote-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(620px, 70vh, 760px);
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.3rem, 7vw, 7.2rem) 0 clamp(4rem, 6vw, 6rem);
}

.quote-xl-copy {
  max-width: 700px;
}

.quote-xl-copy .eyebrow,
.quote-xl-form .eyebrow,
.quote-xl-side .eyebrow,
.quote-xl-process .eyebrow,
.quote-xl-final .eyebrow {
  color: #0789d9;
}

.quote-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.2vw, 6.1rem);
  line-height: 0.96;
  letter-spacing: -0.078em;
  text-wrap: balance;
}

.quote-xl-copy h1 span {
  display: block;
  color: #07314c;
}

.quote-xl-copy .hero-lede {
  max-width: 62ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.quote-xl-trust-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.quote-xl-trust-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.quote-xl-hero-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.quote-xl-hero-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10.5;
  object-fit: cover;
  object-position: 52% 50%;
  filter: saturate(1.04) contrast(1.02);
}

.quote-xl-form-section {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.quote-xl-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(360px, 0.58fr);
  gap: clamp(1.35rem, 3vw, 2.4rem);
  align-items: start;
}

.quote-xl-form {
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 28px 86px rgba(6, 24, 39, 0.1);
  padding: clamp(1.25rem, 2.6vw, 2.2rem);
}

.quote-form-header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid rgba(7, 49, 76, 0.1);
  margin-bottom: 1.45rem;
}

.quote-form-header h2 {
  color: #061827;
  font-size: clamp(2rem, 3.2vw, 3.4rem);
  line-height: 1;
  letter-spacing: -0.06em;
  margin: 0 0 0.7rem;
}

.quote-form-header p {
  color: #52697a;
  max-width: 64ch;
  font-size: 1rem;
  line-height: 1.62;
  margin: 0;
}

.quote-form-header > span {
  white-space: nowrap;
  color: #9b3544;
  font-weight: 900;
  font-size: 0.82rem;
}

.quote-xl-form fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 1.65rem;
}

.quote-xl-form fieldset + fieldset {
  padding-top: 1.45rem;
  border-top: 1px solid rgba(7, 49, 76, 0.08);
}

.quote-xl-form legend {
  display: block;
  width: 100%;
  margin: 0 0 0.95rem;
  color: #07314c;
  font-size: 1.05rem;
  font-weight: 950;
  letter-spacing: -0.015em;
}

.quote-xl-form .form-grid {
  gap: 1rem;
}

.quote-xl-form label {
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.9rem;
  line-height: 1.25;
}

.quote-xl-form input,
.quote-xl-form select,
.quote-xl-form textarea {
  margin-top: 0.45rem;
  min-height: 48px;
  border-radius: 13px;
  border: 1px solid rgba(7, 49, 76, 0.18);
  background: #fbfdff;
  color: #061827;
  font-size: 1rem;
  line-height: 1.35;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.quote-xl-form textarea {
  min-height: 158px;
  resize: vertical;
}

.quote-xl-form input:focus,
.quote-xl-form select:focus,
.quote-xl-form textarea:focus {
  outline: 3px solid rgba(24, 184, 207, 0.18);
  border-color: rgba(7, 137, 217, 0.66);
  background: #ffffff;
}

.quote-xl-upload {
  min-height: 148px;
  border-radius: 18px !important;
  border: 1px dashed rgba(7, 137, 217, 0.36) !important;
  background: linear-gradient(180deg, #ffffff, #f4fbfe) !important;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  padding: 1.2rem;
}

.quote-xl-upload span {
  display: block;
  color: #07314c;
  font-weight: 900;
  margin-top: 0.35rem;
}

.quote-xl-upload small {
  display: block;
  color: #5f7485;
  margin-top: 0.25rem;
}

.quote-xl-form-footer {
  align-items: center;
  gap: 1rem;
  margin-top: 1.35rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(7, 49, 76, 0.1);
}

.quote-xl-form-footer p {
  color: #52697a;
  font-size: 0.95rem;
  line-height: 1.45;
}

.quote-xl-form-footer .btn {
  min-width: 220px;
}

.quote-xl-side {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 1rem;
}

.quote-xl-side-card {
  border-radius: 28px;
  padding: clamp(1.35rem, 2.4vw, 1.85rem);
  color: #f7fcff;
  background:
    radial-gradient(circle at 16% 0%, rgba(42, 196, 230, 0.22), transparent 42%),
    linear-gradient(135deg, #061827, #082c47);
  border: 1px solid rgba(127, 217, 255, 0.2);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.2);
}

.quote-xl-side-card .eyebrow {
  color: #8feaff;
}

.quote-xl-side-card h2 {
  color: #ffffff;
  font-size: clamp(1.65rem, 2.4vw, 2.35rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
  margin: 0 0 1rem;
}

.quote-xl-benefits {
  display: grid;
  gap: 0.9rem;
  margin-top: 1.1rem;
}

.quote-xl-benefits div {
  padding: 0.96rem 1rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(238, 249, 255, 0.13);
}

.quote-xl-benefits strong {
  display: block;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0.28rem;
}

.quote-xl-benefits span {
  display: block;
  color: rgba(238, 249, 255, 0.82);
  font-size: 0.93rem;
  line-height: 1.48;
}

.quote-xl-side-image {
  margin: 0;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(7, 49, 76, 0.12);
  background: #eaf4f8;
  box-shadow: 0 20px 52px rgba(6, 24, 39, 0.1);
}

.quote-xl-side-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3.05;
  object-fit: cover;
  object-position: 46% 50%;
}

.quote-xl-process {
  background: #ffffff;
  padding: clamp(4.4rem, 7vw, 7rem) 0;
}

.quote-xl-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.quote-xl-process-grid article {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.quote-xl-process-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
}

.quote-xl-process-grid article span {
  position: absolute;
  left: 1rem;
  top: 1rem;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #087fce, #17b9d3);
  border: 1px solid rgba(255, 255, 255, 0.38);
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(3, 112, 170, 0.3);
}

.quote-xl-process-grid h3 {
  margin: 1.05rem 1.05rem 0.45rem;
  color: #061827;
  font-size: 1.12rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.quote-xl-process-grid p {
  margin: 0 1.05rem 1.2rem;
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.5;
}

.quote-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.quote-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(1.5rem, 3.8vw, 3.8rem);
  align-items: center;
}

.quote-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(107, 223, 242, 0.22);
  box-shadow: 0 30px 84px rgba(0, 0, 0, 0.28);
}

.quote-xl-final-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9.35;
  object-fit: cover;
  object-position: 50% 50%;
}

.quote-xl-final-copy .eyebrow {
  color: #8feaff;
}

.quote-xl-final-copy h2 {
  color: #ffffff;
  font-size: clamp(2.25rem, 4vw, 4.3rem);
  line-height: 1;
  letter-spacing: -0.06em;
  text-wrap: balance;
}

.quote-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
  font-size: clamp(1.04rem, 1.35vw, 1.18rem);
  line-height: 1.68;
  max-width: 58ch;
}

@media (max-width: 1120px) {
  .quote-xl-hero-grid,
  .quote-xl-form-grid,
  .quote-xl-final-grid {
    grid-template-columns: 1fr;
  }

  .quote-xl-side {
    position: static;
  }

  .quote-xl-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .quote-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .quote-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    line-height: 1;
  }

  .quote-xl-trust-row,
  .quote-xl-process-grid {
    grid-template-columns: 1fr;
  }

  .quote-form-header,
  .quote-xl-form-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .quote-xl-form-footer .btn,
  .quote-xl-copy .cta-row .btn,
  .quote-xl-final-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }

  .quote-xl-form {
    border-radius: 22px;
    padding: 1.05rem;
  }

  .quote-xl-side-card,
  .quote-xl-final-image {
    border-radius: 22px;
  }
}


/* Phase XLIII Unified premium form system + Send Drawings conversion polish */
.imh-premium-form,
.quote-xl-form,
.rfq-form-award {
  color: #061827;
}

.imh-premium-form .form-grid,
.quote-xl-form .form-grid,
.rfq-form-award .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: clamp(1.05rem, 1.8vw, 1.32rem) clamp(1rem, 1.8vw, 1.35rem) !important;
  align-items: start;
}

.imh-premium-form .form-grid .wide,
.quote-xl-form .form-grid .wide,
.rfq-form-award .form-grid .wide {
  grid-column: 1 / -1;
}

.imh-premium-form fieldset,
.quote-xl-form fieldset,
.rfq-form-award fieldset {
  min-inline-size: 0;
}

.imh-premium-form legend,
.quote-xl-form legend,
.rfq-form-award legend {
  display: flex !important;
  align-items: center;
  gap: 0.6rem;
  color: #061827 !important;
  font-size: clamp(1.02rem, 1.35vw, 1.18rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em;
  line-height: 1.18;
}

.imh-premium-form legend:before,
.quote-xl-form legend:before,
.rfq-form-award legend:before {
  content: "";
  width: 0.68rem;
  height: 0.68rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: linear-gradient(135deg, #0789d9, #18b8cf);
  box-shadow: 0 0 0 5px rgba(24, 184, 207, 0.12);
}

.imh-premium-form label,
.quote-xl-form label,
.rfq-form-award label {
  display: grid;
  gap: 0.46rem;
  color: #0a2235 !important;
  font-size: 0.93rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
}

.imh-premium-form input,
.imh-premium-form select,
.imh-premium-form textarea,
.quote-xl-form input,
.quote-xl-form select,
.quote-xl-form textarea,
.rfq-form-award input,
.rfq-form-award select,
.rfq-form-award textarea {
  width: 100%;
  margin-top: 0 !important;
  min-height: 52px !important;
  padding: 0.84rem 0.9rem !important;
  border-radius: 14px !important;
  border: 1px solid rgba(7, 49, 76, 0.18) !important;
  background: linear-gradient(180deg, #ffffff, #f8fcfe) !important;
  color: #061827 !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  font-weight: 600;
  box-shadow:
    0 8px 22px rgba(6, 24, 39, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.imh-premium-form textarea,
.quote-xl-form textarea,
.rfq-form-award textarea {
  min-height: 172px !important;
  resize: vertical;
}

.imh-premium-form select,
.quote-xl-form select,
.rfq-form-award select {
  appearance: auto;
}

.imh-premium-form input::placeholder,
.imh-premium-form textarea::placeholder,
.quote-xl-form input::placeholder,
.quote-xl-form textarea::placeholder,
.rfq-form-award input::placeholder,
.rfq-form-award textarea::placeholder {
  color: #8194a3;
  font-weight: 560;
}

.imh-premium-form input:focus,
.imh-premium-form select:focus,
.imh-premium-form textarea:focus,
.quote-xl-form input:focus,
.quote-xl-form select:focus,
.quote-xl-form textarea:focus,
.rfq-form-award input:focus,
.rfq-form-award select:focus,
.rfq-form-award textarea:focus {
  outline: 4px solid rgba(24, 184, 207, 0.18) !important;
  outline-offset: 1px;
  border-color: rgba(7, 137, 217, 0.74) !important;
  background: #ffffff !important;
  box-shadow:
    0 14px 34px rgba(7, 137, 217, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.imh-premium-form .quote-form-header,
.quote-xl-form .quote-form-header {
  background:
    radial-gradient(circle at 100% 0%, rgba(36, 208, 223, 0.12), transparent 34%),
    linear-gradient(180deg, #ffffff, #f7fcfe);
  margin: calc(clamp(1.25rem, 2.6vw, 2.2rem) * -1) calc(clamp(1.25rem, 2.6vw, 2.2rem) * -1) 1.65rem;
  padding: clamp(1.3rem, 2.7vw, 2rem);
  border-radius: 30px 30px 0 0;
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.imh-premium-form .quote-form-header h2,
.quote-xl-form .quote-form-header h2 {
  max-width: 760px;
  color: #061827 !important;
  letter-spacing: -0.065em;
}

.imh-premium-form .quote-form-header p,
.quote-xl-form .quote-form-header p {
  color: #52697a !important;
  font-size: 1.04rem !important;
  line-height: 1.64 !important;
}

.imh-premium-form .quote-form-header > span,
.quote-xl-form .quote-form-header > span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0.32rem 0.62rem;
  border-radius: 999px;
  color: #8c2d3a;
  background: #fff4f6;
  border: 1px solid rgba(140, 45, 58, 0.14);
  font-size: 0.78rem;
  font-weight: 950;
}

.imh-premium-form .quote-xl-upload,
.quote-xl-form .quote-xl-upload,
.rfq-form-award .quote-xl-upload,
.rfq-form-award .upload-box {
  position: relative;
  min-height: 166px !important;
  padding: 1.3rem !important;
  border: 1.5px dashed rgba(7, 137, 217, 0.42) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(36, 208, 223, 0.12), transparent 42%),
    linear-gradient(180deg, #ffffff, #f4fbfe) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 16px 38px rgba(6, 24, 39, 0.055) !important;
}

.imh-premium-form .quote-xl-upload:hover,
.quote-xl-form .quote-xl-upload:hover,
.rfq-form-award .quote-xl-upload:hover,
.rfq-form-award .upload-box:hover {
  border-color: rgba(7, 137, 217, 0.72) !important;
  background: #ffffff !important;
}

.imh-premium-form .form-footer,
.quote-xl-form .form-footer,
.rfq-form-award .form-footer {
  background: linear-gradient(180deg, #ffffff, #f7fcfe);
  border: 1px solid rgba(7, 49, 76, 0.09);
  border-radius: 20px;
  padding: 1rem !important;
}

.imh-premium-form .form-footer p,
.quote-xl-form .form-footer p,
.rfq-form-award .form-footer p {
  color: #52697a !important;
  font-size: 0.98rem !important;
  line-height: 1.5 !important;
}

.imh-premium-form .form-footer .btn,
.quote-xl-form .form-footer .btn,
.rfq-form-award .form-footer .btn {
  min-height: 52px;
  border-radius: 14px;
  font-size: 0.96rem;
  letter-spacing: 0.01em;
}

.form-legal-consent,
.consent-panel {
  border-radius: 20px !important;
  border-color: rgba(7, 49, 76, 0.1) !important;
  background: linear-gradient(180deg, #ffffff, #f8fcfe) !important;
}

.form-status {
  color: #07314c;
  font-weight: 850;
}

/* Phase XLIII Send Drawings page */
.drawings-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.drawings-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.drawings-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(600px, 68vh, 740px);
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(4rem, 6vw, 6rem);
}

.drawings-xl-copy {
  max-width: 700px;
}

.drawings-xl-copy .eyebrow,
.drawings-xl-side .eyebrow,
.drawings-xl-process .eyebrow,
.drawings-xl-final .eyebrow {
  color: #0789d9;
}

.drawings-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.2vw, 6rem);
  line-height: 0.96;
  letter-spacing: -0.078em;
  text-wrap: balance;
}

.drawings-xl-copy h1 span {
  display: block;
  color: #07314c;
}

.drawings-xl-copy .hero-lede {
  max-width: 62ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.drawings-xl-trust-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.drawings-xl-trust-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.drawings-xl-hero-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.drawings-xl-hero-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10.5;
  object-fit: cover;
  object-position: 52% 50%;
  filter: saturate(1.04) contrast(1.02);
}

.drawings-xl-form-section {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.drawings-xl-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(360px, 0.58fr);
  gap: clamp(1.35rem, 3vw, 2.4rem);
  align-items: start;
}

.drawings-xl-form {
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 28px 86px rgba(6, 24, 39, 0.1);
  padding: clamp(1.25rem, 2.6vw, 2.2rem);
}

.drawings-xl-side {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 1rem;
}

.drawings-xl-side-card {
  border-radius: 28px;
  padding: clamp(1.35rem, 2.4vw, 1.85rem);
  color: #f7fcff;
  background:
    radial-gradient(circle at 16% 0%, rgba(42, 196, 230, 0.22), transparent 42%),
    linear-gradient(135deg, #061827, #082c47);
  border: 1px solid rgba(127, 217, 255, 0.2);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.2);
}

.drawings-xl-side-card .eyebrow {
  color: #8feaff;
}

.drawings-xl-side-card h2 {
  color: #ffffff;
  font-size: clamp(1.65rem, 2.4vw, 2.35rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
  margin: 0 0 1rem;
}

.drawings-xl-side-image {
  margin: 0;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(7, 49, 76, 0.12);
  background: #eaf4f8;
  box-shadow: 0 20px 52px rgba(6, 24, 39, 0.1);
}

.drawings-xl-side-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3.05;
  object-fit: cover;
  object-position: 46% 50%;
}

.drawings-xl-process {
  background: #ffffff;
  padding: clamp(4.4rem, 7vw, 7rem) 0;
}

.drawings-xl-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.drawings-xl-process-grid article {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.drawings-xl-process-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
}

.drawings-xl-process-grid article span {
  position: absolute;
  left: 1rem;
  top: 1rem;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #087fce, #17b9d3);
  border: 1px solid rgba(255, 255, 255, 0.38);
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(3, 112, 170, 0.3);
}

.drawings-xl-process-grid h3 {
  margin: 1.05rem 1.05rem 0.45rem;
  color: #061827;
  font-size: 1.12rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.drawings-xl-process-grid p {
  margin: 0 1.05rem 1.2rem;
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.5;
}

.drawings-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.drawings-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(1.5rem, 3.8vw, 3.8rem);
  align-items: center;
}

.drawings-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(107, 223, 242, 0.22);
  box-shadow: 0 30px 84px rgba(0, 0, 0, 0.28);
}

.drawings-xl-final-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9.35;
  object-fit: cover;
  object-position: 50% 50%;
}

.drawings-xl-final-copy .eyebrow {
  color: #8feaff;
}

.drawings-xl-final-copy h2 {
  color: #ffffff;
  font-size: clamp(2.25rem, 4vw, 4.3rem);
  line-height: 1;
  letter-spacing: -0.06em;
  text-wrap: balance;
}

.drawings-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
  font-size: clamp(1.04rem, 1.35vw, 1.18rem);
  line-height: 1.68;
  max-width: 58ch;
}

@media (max-width: 1120px) {
  .drawings-xl-hero-grid,
  .drawings-xl-form-grid,
  .drawings-xl-final-grid {
    grid-template-columns: 1fr;
  }

  .drawings-xl-side {
    position: static;
  }

  .drawings-xl-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .imh-premium-form .form-grid,
  .quote-xl-form .form-grid,
  .rfq-form-award .form-grid,
  .drawings-xl-trust-row,
  .drawings-xl-process-grid {
    grid-template-columns: 1fr !important;
  }

  .drawings-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .drawings-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    line-height: 1;
  }

  .imh-premium-form .quote-form-header,
  .quote-xl-form .quote-form-header,
  .quote-form-header,
  .quote-xl-form-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .imh-premium-form .form-footer .btn,
  .quote-xl-form .form-footer .btn,
  .rfq-form-award .form-footer .btn,
  .drawings-xl-copy .cta-row .btn,
  .drawings-xl-final-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }

  .drawings-xl-form {
    border-radius: 22px;
    padding: 1.05rem;
  }

  .drawings-xl-side-card,
  .drawings-xl-final-image {
    border-radius: 22px;
  }
}


/* Phase XLIV Send Drawings H1 spacing + form readability correction */
.drawings-xl-copy h1,
.quote-xl-copy h1 {
  letter-spacing: -0.052em !important;
  line-height: 1.02 !important;
  word-spacing: 0.025em;
  max-width: 760px;
}

.drawings-xl-copy h1 span,
.quote-xl-copy h1 span {
  margin-top: 0.08em;
}

.drawings-xl-copy .hero-lede,
.quote-xl-copy .hero-lede {
  max-width: 64ch;
  margin-top: 1.2rem;
}

/* Override older form grid patterns that made fields too narrow on large screens */
.imh-premium-form .form-grid,
.quote-xl-form .form-grid,
.rfq-form-award .form-grid,
.drawings-xl-form .form-grid,
.quote-xl-form.imh-premium-form .form-grid,
.drawings-xl-form.imh-premium-form .form-grid {
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 1.18rem 1.28rem !important;
}

.imh-premium-form .form-grid > label,
.quote-xl-form .form-grid > label,
.rfq-form-award .form-grid > label,
.drawings-xl-form .form-grid > label {
  min-width: 0;
}

.imh-premium-form .form-grid .wide,
.quote-xl-form .form-grid .wide,
.rfq-form-award .form-grid .wide,
.drawings-xl-form .form-grid .wide {
  grid-column: 1 / -1 !important;
}

.imh-premium-form input,
.imh-premium-form select,
.imh-premium-form textarea,
.quote-xl-form input,
.quote-xl-form select,
.quote-xl-form textarea,
.rfq-form-award input,
.rfq-form-award select,
.rfq-form-award textarea {
  min-width: 0;
  min-height: 56px !important;
  padding: 0.95rem 1rem !important;
  font-size: 1.02rem !important;
  border-color: rgba(7, 49, 76, 0.2) !important;
}

.imh-premium-form textarea,
.quote-xl-form textarea,
.rfq-form-award textarea {
  min-height: 178px !important;
  line-height: 1.55 !important;
}

.imh-premium-form label,
.quote-xl-form label,
.rfq-form-award label {
  color: #08243a !important;
  font-size: 0.94rem !important;
  letter-spacing: -0.005em;
}

.imh-premium-form legend,
.quote-xl-form legend,
.rfq-form-award legend {
  margin-bottom: 1.08rem !important;
}

.imh-premium-form fieldset,
.quote-xl-form fieldset,
.rfq-form-award fieldset {
  margin-bottom: 1.9rem !important;
}

.imh-premium-form fieldset + fieldset,
.quote-xl-form fieldset + fieldset,
.rfq-form-award fieldset + fieldset {
  padding-top: 1.75rem !important;
}

/* Make the consent block readable, not a dark cramped legal slab */
.imh-premium-form .consent-panel,
.imh-premium-form .form-legal-consent,
.quote-xl-form .consent-panel,
.quote-xl-form .form-legal-consent,
.rfq-form-award .consent-panel,
.rfq-form-award .form-legal-consent {
  color: #17344a !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(36, 208, 223, 0.08), transparent 32%),
    linear-gradient(180deg, #ffffff, #f5fbfe) !important;
  border: 1px solid rgba(7, 49, 76, 0.13) !important;
  border-radius: 20px !important;
  padding: 1.12rem 1.18rem !important;
  box-shadow: 0 14px 38px rgba(6, 24, 39, 0.055) !important;
}

.imh-premium-form .consent-panel *,
.imh-premium-form .form-legal-consent *,
.quote-xl-form .consent-panel *,
.quote-xl-form .form-legal-consent *,
.rfq-form-award .consent-panel *,
.rfq-form-award .form-legal-consent * {
  color: #17344a !important;
}

.imh-premium-form .consent-panel a,
.imh-premium-form .form-legal-consent a,
.quote-xl-form .consent-panel a,
.quote-xl-form .form-legal-consent a,
.rfq-form-award .consent-panel a,
.rfq-form-award .form-legal-consent a {
  color: #0576bd !important;
  font-weight: 900;
}

.imh-premium-form .consent-panel input[type="checkbox"],
.imh-premium-form .form-legal-consent input[type="checkbox"],
.quote-xl-form .consent-panel input[type="checkbox"],
.quote-xl-form .form-legal-consent input[type="checkbox"],
.rfq-form-award .consent-panel input[type="checkbox"],
.rfq-form-award .form-legal-consent input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  accent-color: #0789d9;
}

.imh-premium-form .form-footer,
.quote-xl-form .form-footer,
.rfq-form-award .form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.15rem;
}

.imh-premium-form .form-footer .btn,
.quote-xl-form .form-footer .btn,
.rfq-form-award .form-footer .btn {
  min-width: 236px;
  background: linear-gradient(135deg, #0789d9, #18b8cf) !important;
  border-color: rgba(127, 217, 255, 0.28) !important;
  box-shadow: 0 14px 34px rgba(7, 137, 217, 0.22) !important;
}

/* Keep the upload box generous and legible */
.imh-premium-form .quote-xl-upload,
.quote-xl-form .quote-xl-upload,
.rfq-form-award .quote-xl-upload,
.rfq-form-award .upload-box {
  min-height: 184px !important;
}

.imh-premium-form .quote-xl-upload span,
.quote-xl-form .quote-xl-upload span,
.rfq-form-award .quote-xl-upload span,
.rfq-form-award .upload-box span {
  color: #061827 !important;
  font-size: 1rem;
}

.imh-premium-form .quote-xl-upload small,
.quote-xl-form .quote-xl-upload small,
.rfq-form-award .quote-xl-upload small,
.rfq-form-award .upload-box small {
  color: #52697a !important;
  font-size: 0.86rem;
}

@media (min-width: 1280px) {
  .drawings-xl-form-grid,
  .quote-xl-form-grid {
    grid-template-columns: minmax(0, 1.32fr) minmax(360px, 0.68fr) !important;
  }

  .drawings-xl-form,
  .quote-xl-form {
    max-width: 920px;
  }
}

@media (max-width: 900px) {
  .drawings-xl-copy h1,
  .quote-xl-copy h1 {
    letter-spacing: -0.04em !important;
    line-height: 1.04 !important;
  }

  .imh-premium-form .form-grid,
  .quote-xl-form .form-grid,
  .rfq-form-award .form-grid,
  .drawings-xl-form .form-grid,
  .quote-xl-form.imh-premium-form .form-grid,
  .drawings-xl-form.imh-premium-form .form-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .drawings-xl-copy h1,
  .quote-xl-copy h1 {
    letter-spacing: -0.032em !important;
    line-height: 1.06 !important;
    word-spacing: 0.01em;
  }

  .imh-premium-form .quote-form-header,
  .quote-xl-form .quote-form-header {
    margin-left: -1.05rem;
    margin-right: -1.05rem;
  }

  .imh-premium-form .form-footer,
  .quote-xl-form .form-footer,
  .rfq-form-award .form-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .imh-premium-form .form-footer .btn,
  .quote-xl-form .form-footer .btn,
  .rfq-form-award .form-footer .btn {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }
}


/* Phase XLV Contact page: visual support routing, premium form, and conversion polish */
.contact-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.contact-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.contact-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(600px, 68vh, 740px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(4rem, 6vw, 6rem);
}

.contact-xl-copy {
  max-width: 710px;
}

.contact-xl-copy .eyebrow,
.contact-xl-routes .eyebrow,
.contact-xl-form-copy .eyebrow,
.contact-xl-form .eyebrow,
.contact-xl-process .eyebrow,
.contact-xl-final .eyebrow {
  color: #0789d9;
}

.contact-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.1vw, 6rem);
  line-height: 1.02;
  letter-spacing: -0.052em;
  word-spacing: 0.02em;
  text-wrap: balance;
}

.contact-xl-copy h1 span {
  display: block;
  color: #07314c;
  margin-top: 0.08em;
}

.contact-xl-copy .hero-lede {
  max-width: 64ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.contact-xl-trust-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.contact-xl-trust-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.contact-xl-hero-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.contact-xl-hero-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10.5;
  object-fit: cover;
  object-position: 52% 50%;
  filter: saturate(1.04) contrast(1.02);
}

.contact-xl-routes {
  padding-top: clamp(4.4rem, 7vw, 7rem) !important;
  padding-bottom: clamp(4.4rem, 7vw, 7rem) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 208, 223, 0.08), transparent 28%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.contact-xl-route-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.contact-xl-route-card {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
  text-decoration: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.contact-xl-route-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.13);
  border-color: rgba(24, 184, 207, 0.32);
}

.contact-xl-route-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
}

.contact-xl-route-card div {
  padding: 1.15rem;
}

.contact-xl-route-card span {
  display: block;
  margin-bottom: 0.55rem;
  color: #0789d9;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.contact-xl-route-card h3 {
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin: 0 0 0.55rem;
}

.contact-xl-route-card p {
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.52;
  margin: 0;
}

.contact-xl-form-section {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fcfe);
}

.contact-xl-form-grid {
  display: grid;
  grid-template-columns: minmax(340px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.45rem, 3vw, 2.7rem);
  align-items: start;
}

.contact-xl-form-copy {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 1rem;
}

.contact-xl-form-copy h2 {
  color: #061827;
  font-size: clamp(2.2rem, 3.6vw, 4.15rem);
  line-height: 1.02;
  letter-spacing: -0.058em;
  text-wrap: balance;
  margin: 0;
}

.contact-xl-form-copy p {
  color: #52697a;
  font-size: clamp(1.04rem, 1.35vw, 1.16rem);
  line-height: 1.68;
}

.contact-xl-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.contact-xl-proof-grid span {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.66rem 0.78rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.86rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.contact-xl-side-image {
  margin: 0;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(7, 49, 76, 0.12);
  background: #eaf4f8;
  box-shadow: 0 20px 52px rgba(6, 24, 39, 0.1);
}

.contact-xl-side-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3.05;
  object-fit: cover;
  object-position: 48% 50%;
}

.contact-xl-form {
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 28px 86px rgba(6, 24, 39, 0.1);
  padding: clamp(1.25rem, 2.6vw, 2.2rem);
}

.contact-xl-form .form-grid {
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
}

.contact-xl-process {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background: #ffffff;
}

.contact-xl-process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.contact-xl-process-grid article {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.contact-xl-process-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
}

.contact-xl-process-grid article span {
  position: absolute;
  left: 1rem;
  top: 1rem;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #087fce, #17b9d3);
  border: 1px solid rgba(255, 255, 255, 0.38);
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(3, 112, 170, 0.3);
}

.contact-xl-process-grid h3 {
  margin: 1.05rem 1.05rem 0.45rem;
  color: #061827;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.contact-xl-process-grid p {
  margin: 0 1.05rem 1.2rem;
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.5;
}

.contact-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.contact-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(1.5rem, 3.8vw, 3.8rem);
  align-items: center;
}

.contact-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(107, 223, 242, 0.22);
  box-shadow: 0 30px 84px rgba(0, 0, 0, 0.28);
}

.contact-xl-final-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9.35;
  object-fit: cover;
  object-position: 50% 50%;
}

.contact-xl-final-copy .eyebrow {
  color: #8feaff;
}

.contact-xl-final-copy h2 {
  color: #ffffff;
  font-size: clamp(2.25rem, 4vw, 4.3rem);
  line-height: 1;
  letter-spacing: -0.06em;
  text-wrap: balance;
}

.contact-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
  font-size: clamp(1.04rem, 1.35vw, 1.18rem);
  line-height: 1.68;
  max-width: 58ch;
}

.contact-faq {
  background: linear-gradient(180deg, #f8fcfe, #ffffff);
}

@media (max-width: 1180px) {
  .contact-xl-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-xl-hero-grid,
  .contact-xl-form-grid,
  .contact-xl-final-grid {
    grid-template-columns: 1fr;
  }

  .contact-xl-form-copy {
    position: static;
  }
}

@media (max-width: 760px) {
  .contact-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .contact-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    letter-spacing: -0.032em;
    line-height: 1.06;
  }

  .contact-xl-trust-row,
  .contact-xl-proof-grid,
  .contact-xl-route-grid,
  .contact-xl-form .form-grid,
  .contact-xl-process-grid {
    grid-template-columns: 1fr !important;
  }

  .contact-xl-form {
    border-radius: 22px;
    padding: 1.05rem;
  }

  .contact-xl-form .quote-form-header {
    margin-left: -1.05rem;
    margin-right: -1.05rem;
  }

  .contact-xl-final-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Phase XLVI Contact brighter multi-racial imagery refresh */
.contact-xl-hero-image img,
.contact-xl-route-card img,
.contact-xl-side-image img,
.contact-xl-process-grid img,
.contact-xl-final-image img {
  filter: saturate(1.05) contrast(1.015) brightness(1.02);
}

.contact-xl-hero-image img { object-position: 50% 48%; }
.contact-xl-route-grid .contact-xl-route-card:nth-child(1) img { object-position: 52% 48%; }
.contact-xl-route-grid .contact-xl-route-card:nth-child(2) img { object-position: 50% 48%; }
.contact-xl-route-grid .contact-xl-route-card:nth-child(3) img { object-position: 48% 48%; }
.contact-xl-route-grid .contact-xl-route-card:nth-child(4) img { object-position: 50% 48%; }
.contact-xl-side-image img { object-position: 48% 48%; }
.contact-xl-process-grid article:nth-child(1) img { object-position: 50% 48%; }
.contact-xl-process-grid article:nth-child(2) img { object-position: 50% 48%; }
.contact-xl-process-grid article:nth-child(3) img { object-position: 52% 50%; }
.contact-xl-final-image img { object-position: 52% 50%; }

.contact-xl-route-card {
  background: linear-gradient(180deg, #ffffff, #fbfdff);
}

.contact-xl-route-card img {
  background: #eef7fb;
}


/* Phase XLVII Custom Injection Moulds: current-site colour system, imagery, and conversion polish */
.custom-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.custom-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.custom-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(620px, 70vh, 780px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(4rem, 6vw, 6rem);
}

.custom-xl-copy {
  max-width: 720px;
}

.custom-xl-copy .eyebrow,
.custom-xl-fit .eyebrow,
.custom-xl-routes .eyebrow,
.custom-xl-inputs .eyebrow,
.custom-xl-process .eyebrow,
.custom-xl-review .eyebrow,
.custom-xl-decision .eyebrow,
.custom-xl-final .eyebrow {
  color: #0789d9;
}

.custom-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.1vw, 6rem);
  line-height: 1.02;
  letter-spacing: -0.052em;
  word-spacing: 0.02em;
  text-wrap: balance;
}

.custom-xl-copy h1 span {
  display: block;
  color: #07314c;
  margin-top: 0.08em;
}

.custom-xl-copy .hero-lede {
  max-width: 64ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.custom-xl-proof-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.custom-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.custom-xl-hero-image,
.custom-xl-feature-image,
.custom-xl-review-image,
.custom-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.custom-xl-hero-image img,
.custom-xl-feature-image img,
.custom-xl-review-image img,
.custom-xl-final-image img {
  display: block;
  width: 100%;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.015) brightness(1.02);
}

.custom-xl-hero-image img,
.custom-xl-feature-image img,
.custom-xl-review-image img {
  aspect-ratio: 16 / 10.5;
}

.custom-xl-final-image img {
  aspect-ratio: 16 / 9.35;
}

.custom-xl-hero-image img { object-position: 50% 48%; }
.custom-xl-feature-image img { object-position: 50% 52%; }
.custom-xl-review-image img { object-position: 50% 48%; }
.custom-xl-final-image img { object-position: 52% 50%; }

.custom-xl-fit {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fcfe);
}

.custom-xl-split {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(420px, 1.04fr);
  gap: clamp(1.6rem, 4vw, 4rem);
  align-items: center;
}

.custom-xl-section-copy h2,
.custom-xl-inputs-copy h2,
.custom-xl-review-copy h2,
.custom-xl-final-copy h2 {
  color: #061827;
  font-size: clamp(2.25rem, 3.8vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -0.06em;
  text-wrap: balance;
  margin: 0 0 1rem;
}

.custom-xl-section-copy p,
.custom-xl-inputs-copy p,
.custom-xl-review-copy p,
.custom-xl-final-copy p {
  color: #52697a;
  font-size: clamp(1.04rem, 1.35vw, 1.16rem);
  line-height: 1.68;
}

.custom-xl-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1.35rem 0 0;
  padding: 0;
  list-style: none;
}

.custom-xl-checks li {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 0.68rem 0.78rem;
  border-radius: 999px;
  color: #0d2b42;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  font-weight: 850;
  font-size: 0.9rem;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.custom-xl-routes {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(36, 208, 223, 0.1), transparent 30%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.custom-xl-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.custom-xl-card {
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.custom-xl-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.13);
  border-color: rgba(24, 184, 207, 0.32);
}

.custom-xl-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 48%;
  background: #eef7fb;
}

.custom-xl-card div {
  padding: 1.16rem;
}

.custom-xl-card span {
  display: block;
  margin-bottom: 0.55rem;
  color: #0789d9;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.custom-xl-card h3 {
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin: 0 0 0.55rem;
}

.custom-xl-card p {
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.52;
  margin: 0;
}

.custom-xl-inputs {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.custom-xl-inputs-copy h2,
.custom-xl-inputs-copy p {
  color: #ffffff;
}

.custom-xl-inputs-copy p {
  color: rgba(235, 248, 255, 0.84);
}

.custom-xl-inputs .eyebrow {
  color: #8feaff;
}

.custom-xl-inputs-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
}

.custom-xl-input-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.custom-xl-input-list article {
  min-height: 116px;
  padding: 1rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(238, 249, 255, 0.14);
}

.custom-xl-input-list strong {
  display: block;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0.36rem;
}

.custom-xl-input-list span {
  display: block;
  color: rgba(238, 249, 255, 0.82);
  font-size: 0.94rem;
  line-height: 1.48;
}

.custom-xl-process {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background: #ffffff;
}

.custom-xl-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.custom-xl-process-grid article {
  position: relative;
  min-height: 240px;
  padding: 1.25rem;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #f5fbfe);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.custom-xl-process-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 1rem;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #087fce, #17b9d3);
  border: 1px solid rgba(255, 255, 255, 0.38);
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(3, 112, 170, 0.3);
}

.custom-xl-process-grid h3 {
  margin: 0 0 0.55rem;
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.custom-xl-process-grid p {
  margin: 0;
  color: #52697a;
  font-size: 0.95rem;
  line-height: 1.55;
}

.custom-xl-review {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(36, 208, 223, 0.1), transparent 32%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.custom-xl-review-grid,
.custom-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(1.5rem, 3.8vw, 3.8rem);
  align-items: center;
}

.custom-xl-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1.3rem;
}

.custom-xl-mini-grid span {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.66rem 0.78rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.86rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.custom-xl-decision {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background: #ffffff;
}

.custom-xl-decision-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.custom-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.custom-xl-final-copy .eyebrow {
  color: #8feaff;
}

.custom-xl-final-copy h2,
.custom-xl-final-copy p {
  color: #ffffff;
}

.custom-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
}

@media (max-width: 1180px) {
  .custom-xl-card-grid,
  .custom-xl-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .custom-xl-hero-grid,
  .custom-xl-split,
  .custom-xl-inputs-grid,
  .custom-xl-review-grid,
  .custom-xl-final-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .custom-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .custom-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    letter-spacing: -0.032em;
    line-height: 1.06;
  }

  .custom-xl-proof-row,
  .custom-xl-checks,
  .custom-xl-card-grid,
  .custom-xl-input-list,
  .custom-xl-process-grid,
  .custom-xl-mini-grid,
  .custom-xl-decision-grid {
    grid-template-columns: 1fr !important;
  }

  .custom-xl-card div {
    padding: 1.05rem;
  }

  .custom-xl-final-copy .cta-row .btn,
  .custom-xl-inputs-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Phase XLVIII Plastic Injection Moulded Parts: current-site colour system, imagery, and conversion polish */
.parts-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.parts-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.parts-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(620px, 70vh, 780px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(4rem, 6vw, 6rem);
}

.parts-xl-copy {
  max-width: 720px;
}

.parts-xl-copy .eyebrow,
.parts-xl-fit .eyebrow,
.parts-xl-routes .eyebrow,
.parts-xl-inputs .eyebrow,
.parts-xl-process .eyebrow,
.parts-xl-review .eyebrow,
.parts-xl-decision .eyebrow,
.parts-xl-final .eyebrow {
  color: #0789d9;
}

.parts-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.1vw, 6rem);
  line-height: 1.02;
  letter-spacing: -0.052em;
  word-spacing: 0.02em;
  text-wrap: balance;
}

.parts-xl-copy h1 span {
  display: block;
  color: #07314c;
  margin-top: 0.08em;
}

.parts-xl-copy .hero-lede {
  max-width: 64ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.parts-xl-proof-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.parts-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.parts-xl-hero-image,
.parts-xl-feature-image,
.parts-xl-review-image,
.parts-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.parts-xl-hero-image img,
.parts-xl-feature-image img,
.parts-xl-review-image img,
.parts-xl-final-image img {
  display: block;
  width: 100%;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.015) brightness(1.02);
}

.parts-xl-hero-image img,
.parts-xl-final-image img {
  aspect-ratio: 16 / 9.35;
}

.parts-xl-feature-image img,
.parts-xl-review-image img {
  aspect-ratio: 16 / 10.5;
}

.parts-xl-hero-image img { object-position: 52% 50%; }
.parts-xl-feature-image img { object-position: 50% 52%; }
.parts-xl-review-image img { object-position: 50% 50%; }
.parts-xl-final-image img { object-position: 50% 48%; }

.parts-xl-fit {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fcfe);
}

.parts-xl-split {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(420px, 1.04fr);
  gap: clamp(1.6rem, 4vw, 4rem);
  align-items: center;
}

.parts-xl-section-copy h2,
.parts-xl-inputs-copy h2,
.parts-xl-review-copy h2,
.parts-xl-final-copy h2 {
  color: #061827;
  font-size: clamp(2.25rem, 3.8vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -0.06em;
  text-wrap: balance;
  margin: 0 0 1rem;
}

.parts-xl-section-copy p,
.parts-xl-inputs-copy p,
.parts-xl-review-copy p,
.parts-xl-final-copy p {
  color: #52697a;
  font-size: clamp(1.04rem, 1.35vw, 1.16rem);
  line-height: 1.68;
}

.parts-xl-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1.35rem 0 0;
  padding: 0;
  list-style: none;
}

.parts-xl-checks li {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 0.68rem 0.78rem;
  border-radius: 999px;
  color: #0d2b42;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  font-weight: 850;
  font-size: 0.9rem;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.parts-xl-routes {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(36, 208, 223, 0.1), transparent 30%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.parts-xl-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.parts-xl-card {
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.parts-xl-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.13);
  border-color: rgba(24, 184, 207, 0.32);
}

.parts-xl-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
  background: #eef7fb;
}

.parts-xl-card div {
  padding: 1.16rem;
}

.parts-xl-card span {
  display: block;
  margin-bottom: 0.55rem;
  color: #0789d9;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.parts-xl-card h3 {
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin: 0 0 0.55rem;
}

.parts-xl-card p {
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.52;
  margin: 0;
}

.parts-xl-inputs {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.parts-xl-inputs .eyebrow {
  color: #8feaff;
}

.parts-xl-inputs-copy h2,
.parts-xl-inputs-copy p {
  color: #ffffff;
}

.parts-xl-inputs-copy p {
  color: rgba(235, 248, 255, 0.84);
}

.parts-xl-inputs-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
}

.parts-xl-input-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.parts-xl-input-list article {
  min-height: 116px;
  padding: 1rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(238, 249, 255, 0.14);
}

.parts-xl-input-list strong {
  display: block;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0.36rem;
}

.parts-xl-input-list span {
  display: block;
  color: rgba(238, 249, 255, 0.82);
  font-size: 0.94rem;
  line-height: 1.48;
}

.parts-xl-process {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background: #ffffff;
}

.parts-xl-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.parts-xl-process-grid article {
  position: relative;
  min-height: 240px;
  padding: 1.25rem;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #f5fbfe);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.parts-xl-process-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 1rem;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #087fce, #17b9d3);
  border: 1px solid rgba(255, 255, 255, 0.38);
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(3, 112, 170, 0.3);
}

.parts-xl-process-grid h3 {
  margin: 0 0 0.55rem;
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.parts-xl-process-grid p {
  margin: 0;
  color: #52697a;
  font-size: 0.95rem;
  line-height: 1.55;
}

.parts-xl-review {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(36, 208, 223, 0.1), transparent 32%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.parts-xl-review-grid,
.parts-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(1.5rem, 3.8vw, 3.8rem);
  align-items: center;
}

.parts-xl-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1.3rem;
}

.parts-xl-mini-grid span {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.66rem 0.78rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.86rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.parts-xl-decision {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background: #ffffff;
}

.parts-xl-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.parts-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.parts-xl-final-copy .eyebrow {
  color: #8feaff;
}

.parts-xl-final-copy h2,
.parts-xl-final-copy p {
  color: #ffffff;
}

.parts-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
}

@media (max-width: 1180px) {
  .parts-xl-card-grid,
  .parts-xl-process-grid,
  .parts-xl-decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .parts-xl-hero-grid,
  .parts-xl-split,
  .parts-xl-inputs-grid,
  .parts-xl-review-grid,
  .parts-xl-final-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .parts-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .parts-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    letter-spacing: -0.032em;
    line-height: 1.06;
  }

  .parts-xl-proof-row,
  .parts-xl-checks,
  .parts-xl-card-grid,
  .parts-xl-input-list,
  .parts-xl-process-grid,
  .parts-xl-mini-grid,
  .parts-xl-decision-grid {
    grid-template-columns: 1fr !important;
  }

  .parts-xl-card div {
    padding: 1.05rem;
  }

  .parts-xl-final-copy .cta-row .btn,
  .parts-xl-inputs-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Phase XLIX DFM Support: current-site colour system, imagery, and conversion polish */
.dfm-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.dfm-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.dfm-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(620px, 70vh, 780px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(4rem, 6vw, 6rem);
}

.dfm-xl-copy {
  max-width: 720px;
}

.dfm-xl-copy .eyebrow,
.dfm-xl-fit .eyebrow,
.dfm-xl-routes .eyebrow,
.dfm-xl-inputs .eyebrow,
.dfm-xl-process .eyebrow,
.dfm-xl-review .eyebrow,
.dfm-xl-decision .eyebrow,
.dfm-xl-final .eyebrow {
  color: #0789d9;
}

.dfm-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.1vw, 6rem);
  line-height: 1.02;
  letter-spacing: -0.052em;
  word-spacing: 0.02em;
  text-wrap: balance;
}

.dfm-xl-copy h1 span {
  display: block;
  color: #07314c;
  margin-top: 0.08em;
}

.dfm-xl-copy .hero-lede {
  max-width: 64ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.dfm-xl-proof-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.dfm-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.dfm-xl-hero-image,
.dfm-xl-feature-image,
.dfm-xl-review-image,
.dfm-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.dfm-xl-hero-image img,
.dfm-xl-feature-image img,
.dfm-xl-review-image img,
.dfm-xl-final-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10.5;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.015) brightness(1.02);
}

.dfm-xl-hero-image img { object-position: 50% 48%; }
.dfm-xl-feature-image img { object-position: 50% 50%; }
.dfm-xl-review-image img { object-position: 50% 48%; }
.dfm-xl-final-image img { object-position: 50% 48%; }

.dfm-xl-fit {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fcfe);
}

.dfm-xl-split {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(420px, 1.04fr);
  gap: clamp(1.6rem, 4vw, 4rem);
  align-items: center;
}

.dfm-xl-section-copy h2,
.dfm-xl-inputs-copy h2,
.dfm-xl-review-copy h2,
.dfm-xl-final-copy h2 {
  color: #061827;
  font-size: clamp(2.25rem, 3.8vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -0.06em;
  text-wrap: balance;
  margin: 0 0 1rem;
}

.dfm-xl-section-copy p,
.dfm-xl-inputs-copy p,
.dfm-xl-review-copy p,
.dfm-xl-final-copy p {
  color: #52697a;
  font-size: clamp(1.04rem, 1.35vw, 1.16rem);
  line-height: 1.68;
}

.dfm-xl-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1.35rem 0 0;
  padding: 0;
  list-style: none;
}

.dfm-xl-checks li {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 0.68rem 0.78rem;
  border-radius: 999px;
  color: #0d2b42;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  font-weight: 850;
  font-size: 0.9rem;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.dfm-xl-routes {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(36, 208, 223, 0.1), transparent 30%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.dfm-xl-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.dfm-xl-card {
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.dfm-xl-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.13);
  border-color: rgba(24, 184, 207, 0.32);
}

.dfm-xl-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
  background: #eef7fb;
}

.dfm-xl-card div {
  padding: 1.16rem;
}

.dfm-xl-card span {
  display: block;
  margin-bottom: 0.55rem;
  color: #0789d9;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.dfm-xl-card h3 {
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin: 0 0 0.55rem;
}

.dfm-xl-card p {
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.52;
  margin: 0;
}

.dfm-xl-inputs {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.dfm-xl-inputs .eyebrow {
  color: #8feaff;
}

.dfm-xl-inputs-copy h2,
.dfm-xl-inputs-copy p {
  color: #ffffff;
}

.dfm-xl-inputs-copy p {
  color: rgba(235, 248, 255, 0.84);
}

.dfm-xl-inputs-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
}

.dfm-xl-input-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.dfm-xl-input-list article {
  min-height: 116px;
  padding: 1rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(238, 249, 255, 0.14);
}

.dfm-xl-input-list strong {
  display: block;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0.36rem;
}

.dfm-xl-input-list span {
  display: block;
  color: rgba(238, 249, 255, 0.82);
  font-size: 0.94rem;
  line-height: 1.48;
}

.dfm-xl-process {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background: #ffffff;
}

.dfm-xl-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.dfm-xl-process-grid article {
  position: relative;
  min-height: 240px;
  padding: 1.25rem;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #f5fbfe);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.dfm-xl-process-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 1rem;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #087fce, #17b9d3);
  border: 1px solid rgba(255, 255, 255, 0.38);
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(3, 112, 170, 0.3);
}

.dfm-xl-process-grid h3 {
  margin: 0 0 0.55rem;
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.dfm-xl-process-grid p {
  margin: 0;
  color: #52697a;
  font-size: 0.95rem;
  line-height: 1.55;
}

.dfm-xl-review {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(36, 208, 223, 0.1), transparent 32%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.dfm-xl-review-grid,
.dfm-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(1.5rem, 3.8vw, 3.8rem);
  align-items: center;
}

.dfm-xl-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1.3rem;
}

.dfm-xl-mini-grid span {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.66rem 0.78rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.86rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.dfm-xl-decision {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background: #ffffff;
}

.dfm-xl-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.dfm-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.dfm-xl-final-copy .eyebrow {
  color: #8feaff;
}

.dfm-xl-final-copy h2,
.dfm-xl-final-copy p {
  color: #ffffff;
}

.dfm-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
}

@media (max-width: 1180px) {
  .dfm-xl-card-grid,
  .dfm-xl-process-grid,
  .dfm-xl-decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dfm-xl-hero-grid,
  .dfm-xl-split,
  .dfm-xl-inputs-grid,
  .dfm-xl-review-grid,
  .dfm-xl-final-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .dfm-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .dfm-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    letter-spacing: -0.032em;
    line-height: 1.06;
  }

  .dfm-xl-proof-row,
  .dfm-xl-checks,
  .dfm-xl-card-grid,
  .dfm-xl-input-list,
  .dfm-xl-process-grid,
  .dfm-xl-mini-grid,
  .dfm-xl-decision-grid {
    grid-template-columns: 1fr !important;
  }

  .dfm-xl-card div {
    padding: 1.05rem;
  }

  .dfm-xl-final-copy .cta-row .btn,
  .dfm-xl-inputs-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Phase L Process & Quality Guidance: current-site colour system, imagery, conversion polish, and ScrollMeta upgrade */
.pq-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.pq-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.pq-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(620px, 70vh, 780px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(4rem, 6vw, 6rem);
}

.pq-xl-copy {
  max-width: 720px;
}

.pq-xl-copy .eyebrow,
.pq-xl-fit .eyebrow,
.pq-xl-routes .eyebrow,
.pq-xl-inputs .eyebrow,
.pq-xl-process .eyebrow,
.pq-xl-review .eyebrow,
.pq-xl-decision .eyebrow,
.pq-xl-final .eyebrow {
  color: #0789d9;
}

.pq-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.1vw, 6rem);
  line-height: 1.02;
  letter-spacing: -0.052em;
  word-spacing: 0.02em;
  text-wrap: balance;
}

.pq-xl-copy h1 span {
  display: block;
  color: #07314c;
  margin-top: 0.08em;
}

.pq-xl-copy .hero-lede {
  max-width: 64ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.pq-xl-proof-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.pq-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.pq-xl-hero-image,
.pq-xl-feature-image,
.pq-xl-review-image,
.pq-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.pq-xl-hero-image img,
.pq-xl-feature-image img,
.pq-xl-review-image img,
.pq-xl-final-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10.5;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.015) brightness(1.02);
}

.pq-xl-hero-image img { object-position: 50% 50%; }
.pq-xl-feature-image img { object-position: 50% 48%; }
.pq-xl-review-image img { object-position: 50% 48%; }
.pq-xl-final-image img { object-position: 50% 48%; }

.pq-xl-fit {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fcfe);
}

.pq-xl-split {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(420px, 1.04fr);
  gap: clamp(1.6rem, 4vw, 4rem);
  align-items: center;
}

.pq-xl-section-copy h2,
.pq-xl-inputs-copy h2,
.pq-xl-review-copy h2,
.pq-xl-final-copy h2 {
  color: #061827;
  font-size: clamp(2.25rem, 3.8vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -0.06em;
  text-wrap: balance;
  margin: 0 0 1rem;
}

.pq-xl-section-copy p,
.pq-xl-inputs-copy p,
.pq-xl-review-copy p,
.pq-xl-final-copy p {
  color: #52697a;
  font-size: clamp(1.04rem, 1.35vw, 1.16rem);
  line-height: 1.68;
}

.pq-xl-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1.35rem 0 0;
  padding: 0;
  list-style: none;
}

.pq-xl-checks li {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 0.68rem 0.78rem;
  border-radius: 999px;
  color: #0d2b42;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  font-weight: 850;
  font-size: 0.9rem;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.pq-xl-routes {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(36, 208, 223, 0.1), transparent 30%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.pq-xl-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.pq-xl-card {
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.pq-xl-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.13);
  border-color: rgba(24, 184, 207, 0.32);
}

.pq-xl-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
  background: #eef7fb;
}

.pq-xl-card div {
  padding: 1.16rem;
}

.pq-xl-card span {
  display: block;
  margin-bottom: 0.55rem;
  color: #0789d9;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.pq-xl-card h3 {
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin: 0 0 0.55rem;
}

.pq-xl-card p {
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.52;
  margin: 0;
}

.pq-xl-inputs {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.pq-xl-inputs .eyebrow {
  color: #8feaff;
}

.pq-xl-inputs-copy h2,
.pq-xl-inputs-copy p {
  color: #ffffff;
}

.pq-xl-inputs-copy p {
  color: rgba(235, 248, 255, 0.84);
}

.pq-xl-inputs-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
}

.pq-xl-input-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.pq-xl-input-list article {
  min-height: 116px;
  padding: 1rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(238, 249, 255, 0.14);
}

.pq-xl-input-list strong {
  display: block;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0.36rem;
}

.pq-xl-input-list span {
  display: block;
  color: rgba(238, 249, 255, 0.82);
  font-size: 0.94rem;
  line-height: 1.48;
}

.pq-xl-process {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background: #ffffff;
}

.pq-xl-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.pq-xl-process-grid article {
  position: relative;
  min-height: 240px;
  padding: 1.25rem;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #f5fbfe);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.pq-xl-process-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 1rem;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #087fce, #17b9d3);
  border: 1px solid rgba(255, 255, 255, 0.38);
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(3, 112, 170, 0.3);
}

.pq-xl-process-grid h3 {
  margin: 0 0 0.55rem;
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.pq-xl-process-grid p {
  margin: 0;
  color: #52697a;
  font-size: 0.95rem;
  line-height: 1.55;
}

.pq-xl-review {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(36, 208, 223, 0.1), transparent 32%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.pq-xl-review-grid,
.pq-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  gap: clamp(1.5rem, 3.8vw, 3.8rem);
  align-items: center;
}

.pq-xl-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1.3rem;
}

.pq-xl-mini-grid span {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.66rem 0.78rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.86rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.pq-xl-decision {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background: #ffffff;
}

.pq-xl-decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.pq-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.pq-xl-final-copy .eyebrow {
  color: #8feaff;
}

.pq-xl-final-copy h2,
.pq-xl-final-copy p {
  color: #ffffff;
}

.pq-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
}

@media (max-width: 1180px) {
  .pq-xl-card-grid,
  .pq-xl-process-grid,
  .pq-xl-decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pq-xl-hero-grid,
  .pq-xl-split,
  .pq-xl-inputs-grid,
  .pq-xl-review-grid,
  .pq-xl-final-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .pq-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .pq-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    letter-spacing: -0.032em;
    line-height: 1.06;
  }

  .pq-xl-proof-row,
  .pq-xl-checks,
  .pq-xl-card-grid,
  .pq-xl-input-list,
  .pq-xl-process-grid,
  .pq-xl-mini-grid,
  .pq-xl-decision-grid {
    grid-template-columns: 1fr !important;
  }

  .pq-xl-card div {
    padding: 1.05rem;
  }

  .pq-xl-final-copy .cta-row .btn,
  .pq-xl-inputs-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Phase LI Industries: professional industrial imagery, SEO/AIO/AEO/GEO/SRO/SXO routes, and ScrollMeta latest emitter */
.inds-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.inds-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.inds-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(620px, 70vh, 780px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(4rem, 6vw, 6rem);
}

.inds-xl-copy {
  max-width: 720px;
}

.inds-xl-copy .eyebrow,
.inds-xl-answer .eyebrow,
.inds-xl-projects .eyebrow,
.inds-xl-industries .eyebrow,
.inds-xl-readiness .eyebrow,
.inds-xl-optimisation .eyebrow,
.inds-xl-support .eyebrow,
.inds-xl-final .eyebrow {
  color: #0789d9;
}

.inds-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.1vw, 6rem);
  line-height: 1.02;
  letter-spacing: -0.052em;
  word-spacing: 0.02em;
  text-wrap: balance;
}

.inds-xl-copy h1 span {
  display: block;
  color: #07314c;
  margin-top: 0.08em;
}

.inds-xl-copy .hero-lede {
  max-width: 64ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.inds-xl-proof-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.inds-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.inds-xl-hero-image,
.inds-xl-feature-image,
.inds-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.inds-xl-hero-image img,
.inds-xl-feature-image img,
.inds-xl-final-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10.5;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.015) brightness(1.02);
}

.inds-xl-hero-image img { object-position: 52% 50%; }
.inds-xl-feature-image img { object-position: 50% 50%; }
.inds-xl-final-image img { object-position: 50% 48%; }

.inds-xl-answer,
.inds-xl-readiness,
.inds-xl-support {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fcfe);
}

.inds-xl-answer-grid,
.inds-xl-readiness-grid,
.inds-xl-support-grid,
.inds-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(420px, 1.04fr);
  gap: clamp(1.6rem, 4vw, 4rem);
  align-items: center;
}

.inds-xl-section-copy h2,
.inds-xl-final-copy h2 {
  color: #061827;
  font-size: clamp(2.25rem, 3.8vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -0.06em;
  text-wrap: balance;
  margin: 0 0 1rem;
}

.inds-xl-section-copy p,
.inds-xl-final-copy p {
  color: #52697a;
  font-size: clamp(1.04rem, 1.35vw, 1.16rem);
  line-height: 1.68;
}

.inds-xl-answer-list {
  display: grid;
  gap: 0.9rem;
}

.inds-xl-answer-list article {
  padding: 1.05rem 1.1rem;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #17344a;
  font-weight: 750;
  line-height: 1.5;
  box-shadow: 0 14px 38px rgba(6, 24, 39, 0.055);
}

.inds-xl-projects,
.inds-xl-industries,
.inds-xl-decision {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(36, 208, 223, 0.1), transparent 30%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.inds-xl-project-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.inds-xl-project-card {
  min-height: 272px;
  padding: 1.18rem;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
  display: flex;
  flex-direction: column;
}

.inds-xl-project-card .mini-label {
  margin: 0 0 0.7rem;
  color: #0789d9;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.inds-xl-project-card h3 {
  color: #061827;
  font-size: 1.24rem;
  line-height: 1.15;
  letter-spacing: -0.026em;
  margin: 0 0 0.62rem;
}

.inds-xl-project-card p {
  color: #52697a;
  line-height: 1.52;
  margin: 0 0 1rem;
}

.inds-xl-project-card a,
.inds-xl-industry-card a {
  margin-top: auto;
  color: #0576bd;
  font-weight: 900;
  text-decoration: none;
}

.inds-xl-industry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.inds-xl-industry-card {
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.inds-xl-industry-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.13);
  border-color: rgba(24, 184, 207, 0.32);
}

.inds-xl-industry-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
  background: #eef7fb;
}

.inds-xl-industry-card div {
  padding: 1.16rem;
}

.inds-xl-industry-card span {
  display: block;
  margin-bottom: 0.55rem;
  color: #0789d9;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.inds-xl-industry-card h3 {
  color: #061827;
  font-size: 1.22rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin: 0 0 0.55rem;
}

.inds-xl-industry-card p {
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.52;
  margin: 0 0 0.85rem;
}

.inds-xl-industry-card strong {
  display: block;
  color: #0d2b42;
  margin: 0 0 0.7rem;
  font-size: 0.9rem;
}

.inds-xl-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.68rem;
  margin: 1.4rem 0;
}

.inds-xl-chip-grid span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0.64rem 0.78rem;
  border-radius: 999px;
  color: #0d2b42;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  font-weight: 850;
  font-size: 0.88rem;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.inds-xl-optimisation {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.inds-xl-optimisation .eyebrow {
  color: #8feaff;
}

.inds-xl-optimisation h2,
.inds-xl-optimisation .section-lede {
  color: #ffffff;
}

.inds-xl-optimisation .section-lede {
  color: rgba(235, 248, 255, 0.84);
}

.inds-xl-optimisation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 2.2rem;
}

.inds-xl-optimisation-grid article {
  min-height: 220px;
  padding: 1.05rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(238, 249, 255, 0.14);
}

.inds-xl-optimisation-grid span {
  display: inline-grid;
  place-items: center;
  min-width: 54px;
  height: 36px;
  padding: 0 0.75rem;
  margin-bottom: 0.9rem;
  border-radius: 999px;
  color: #061827;
  background: #8feaff;
  font-weight: 950;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
}

.inds-xl-optimisation-grid h3 {
  color: #ffffff;
  margin: 0 0 0.55rem;
  line-height: 1.16;
}

.inds-xl-optimisation-grid p {
  color: rgba(238, 249, 255, 0.82);
  margin: 0;
  line-height: 1.5;
}

.inds-xl-value-list {
  display: grid;
  gap: 0.9rem;
}

.inds-xl-value-list div {
  padding: 1rem;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 14px 38px rgba(6, 24, 39, 0.055);
}

.inds-xl-value-list strong {
  display: block;
  color: #061827;
  margin-bottom: 0.35rem;
}

.inds-xl-value-list span {
  display: block;
  color: #52697a;
  line-height: 1.5;
}

.inds-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.inds-xl-final-copy .eyebrow {
  color: #8feaff;
}

.inds-xl-final-copy h2,
.inds-xl-final-copy p {
  color: #ffffff;
}

.inds-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
}

@media (max-width: 1180px) {
  .inds-xl-project-grid,
  .inds-xl-optimisation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inds-xl-industry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inds-xl-hero-grid,
  .inds-xl-answer-grid,
  .inds-xl-readiness-grid,
  .inds-xl-support-grid,
  .inds-xl-final-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .inds-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .inds-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    letter-spacing: -0.032em;
    line-height: 1.06;
  }

  .inds-xl-proof-row,
  .inds-xl-project-grid,
  .inds-xl-industry-grid,
  .inds-xl-optimisation-grid {
    grid-template-columns: 1fr !important;
  }

  .inds-xl-final-copy .cta-row .btn,
  .inds-xl-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Phase LII Resources: professional industrial imagery, resource hub SEO/AIO/AEO/GEO/SRO/SXO, and ScrollMeta latest emitter */
.res-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.res-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.res-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(620px, 70vh, 780px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(4rem, 6vw, 6rem);
}

.res-xl-copy {
  max-width: 720px;
}

.res-xl-copy .eyebrow,
.res-xl-answer .eyebrow,
.res-xl-guides .eyebrow,
.res-xl-paths .eyebrow,
.res-xl-optimisation .eyebrow,
.res-xl-readiness .eyebrow,
.res-xl-final .eyebrow {
  color: #0789d9;
}

.res-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.1vw, 6rem);
  line-height: 1.02;
  letter-spacing: -0.052em;
  word-spacing: 0.02em;
  text-wrap: balance;
}

.res-xl-copy h1 span {
  display: block;
  color: #07314c;
  margin-top: 0.08em;
}

.res-xl-copy .hero-lede {
  max-width: 64ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.res-xl-proof-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.res-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.res-xl-hero-image,
.res-xl-feature-image,
.res-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.res-xl-hero-image img,
.res-xl-feature-image img,
.res-xl-final-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10.5;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.015) brightness(1.02);
}

.res-xl-hero-image img { object-position: 50% 50%; }
.res-xl-feature-image img { object-position: 52% 50%; }
.res-xl-final-image img { object-position: 50% 48%; }

.res-xl-answer,
.res-xl-readiness {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fcfe);
}

.res-xl-answer-grid,
.res-xl-readiness-grid,
.res-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(420px, 1.04fr);
  gap: clamp(1.6rem, 4vw, 4rem);
  align-items: center;
}

.res-xl-section-copy h2,
.res-xl-final-copy h2 {
  color: #061827;
  font-size: clamp(2.25rem, 3.8vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -0.06em;
  text-wrap: balance;
  margin: 0 0 1rem;
}

.res-xl-section-copy p,
.res-xl-final-copy p {
  color: #52697a;
  font-size: clamp(1.04rem, 1.35vw, 1.16rem);
  line-height: 1.68;
}

.res-xl-answer-list {
  display: grid;
  gap: 0.9rem;
}

.res-xl-answer-list article {
  padding: 1.05rem 1.1rem;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #17344a;
  font-weight: 750;
  line-height: 1.5;
  box-shadow: 0 14px 38px rgba(6, 24, 39, 0.055);
}

.res-xl-guides,
.res-xl-paths {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(36, 208, 223, 0.1), transparent 30%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.res-xl-guide-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.res-xl-guide-card {
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.res-xl-guide-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 72px rgba(6, 24, 39, 0.13);
  border-color: rgba(24, 184, 207, 0.32);
}

.res-xl-guide-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
  background: #eef7fb;
}

.res-xl-guide-card div {
  padding: 1.16rem;
}

.res-xl-guide-card span {
  display: block;
  margin-bottom: 0.55rem;
  color: #0789d9;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.res-xl-guide-card h3 {
  color: #061827;
  font-size: 1.2rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin: 0 0 0.55rem;
}

.res-xl-guide-card p {
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.52;
  margin: 0 0 0.85rem;
}

.res-xl-guide-card a {
  color: #0576bd;
  font-weight: 900;
  text-decoration: none;
}

.res-xl-path-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.res-xl-optimisation {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.res-xl-optimisation .eyebrow {
  color: #8feaff;
}

.res-xl-optimisation h2,
.res-xl-optimisation .section-lede {
  color: #ffffff;
}

.res-xl-optimisation .section-lede {
  color: rgba(235, 248, 255, 0.84);
}

.res-xl-optimisation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 2.2rem;
}

.res-xl-optimisation-grid article {
  min-height: 220px;
  padding: 1.05rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(238, 249, 255, 0.14);
}

.res-xl-optimisation-grid span {
  display: inline-grid;
  place-items: center;
  min-width: 54px;
  height: 36px;
  padding: 0 0.75rem;
  margin-bottom: 0.9rem;
  border-radius: 999px;
  color: #061827;
  background: #8feaff;
  font-weight: 950;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
}

.res-xl-optimisation-grid h3 {
  color: #ffffff;
  margin: 0 0 0.55rem;
  line-height: 1.16;
}

.res-xl-optimisation-grid p {
  color: rgba(238, 249, 255, 0.82);
  margin: 0;
  line-height: 1.5;
}

.res-xl-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.68rem;
  margin: 1.4rem 0;
}

.res-xl-chip-grid span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0.64rem 0.78rem;
  border-radius: 999px;
  color: #0d2b42;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  font-weight: 850;
  font-size: 0.88rem;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.res-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.res-xl-final-copy .eyebrow {
  color: #8feaff;
}

.res-xl-final-copy h2,
.res-xl-final-copy p {
  color: #ffffff;
}

.res-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
}

@media (max-width: 1180px) {
  .res-xl-guide-grid,
  .res-xl-path-grid,
  .res-xl-optimisation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .res-xl-hero-grid,
  .res-xl-answer-grid,
  .res-xl-readiness-grid,
  .res-xl-final-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .res-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .res-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    letter-spacing: -0.032em;
    line-height: 1.06;
  }

  .res-xl-proof-row,
  .res-xl-guide-grid,
  .res-xl-path-grid,
  .res-xl-optimisation-grid {
    grid-template-columns: 1fr !important;
  }

  .res-xl-final-copy .cta-row .btn,
  .res-xl-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Phase LIII RFQ Preparation Guide: professional industrial imagery, HowTo/AEO/SXO, and ScrollMeta latest emitter */
.rfq-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 16%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfe 76%, #eef7fb 100%);
  border-bottom: 1px solid rgba(7, 49, 76, 0.09);
}

.rfq-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(7, 49, 76, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 49, 76, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.55;
  pointer-events: none;
}

.rfq-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: clamp(620px, 70vh, 780px);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(4rem, 6vw, 6rem);
}

.rfq-xl-copy {
  max-width: 720px;
}

.rfq-xl-copy .eyebrow,
.rfq-xl-answer .eyebrow,
.rfq-xl-checklist .eyebrow,
.rfq-xl-files .eyebrow,
.rfq-xl-visual-guides .eyebrow,
.rfq-xl-why .eyebrow,
.rfq-xl-warning .eyebrow,
.rfq-xl-optimisation .eyebrow,
.rfq-xl-final .eyebrow {
  color: #0789d9;
}

.rfq-xl-copy h1 {
  margin: 0 0 1.35rem;
  color: #061827;
  font-size: clamp(3rem, 5.1vw, 6rem);
  line-height: 1.02;
  letter-spacing: -0.052em;
  word-spacing: 0.02em;
  text-wrap: balance;
}

.rfq-xl-copy h1 span {
  display: block;
  color: #07314c;
  margin-top: 0.08em;
}

.rfq-xl-copy .hero-lede {
  max-width: 64ch;
  color: #405a6e;
  font-size: clamp(1.08rem, 1.42vw, 1.24rem);
  line-height: 1.72;
}

.rfq-xl-proof-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
  margin: clamp(1.35rem, 2.4vw, 1.9rem) 0 1.55rem;
}

.rfq-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0.7rem 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.92rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.rfq-xl-hero-image,
.rfq-xl-feature-image,
.rfq-xl-final-image {
  margin: 0;
  overflow: hidden;
  border-radius: clamp(24px, 2.6vw, 38px);
  border: 1px solid rgba(7, 49, 76, 0.14);
  background: #eaf4f8;
  box-shadow: 0 34px 90px rgba(6, 24, 39, 0.18);
}

.rfq-xl-hero-image img,
.rfq-xl-feature-image img,
.rfq-xl-final-image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10.5;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.015) brightness(1.02);
}

.rfq-xl-hero-image img { object-position: 50% 50%; }
.rfq-xl-feature-image img { object-position: 50% 50%; }
.rfq-xl-final-image img { object-position: 52% 50%; }

.rfq-xl-answer,
.rfq-xl-files,
.rfq-xl-why {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff, #f8fcfe);
}

.rfq-xl-answer-grid,
.rfq-xl-split,
.rfq-xl-review-grid,
.rfq-xl-warning-grid,
.rfq-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(420px, 1.04fr);
  gap: clamp(1.6rem, 4vw, 4rem);
  align-items: center;
}

.rfq-xl-section-copy h2,
.rfq-xl-warning-copy h2,
.rfq-xl-final-copy h2 {
  color: #061827;
  font-size: clamp(2.25rem, 3.8vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -0.06em;
  text-wrap: balance;
  margin: 0 0 1rem;
}

.rfq-xl-section-copy p,
.rfq-xl-warning-copy p,
.rfq-xl-final-copy p {
  color: #52697a;
  font-size: clamp(1.04rem, 1.35vw, 1.16rem);
  line-height: 1.68;
}

.rfq-xl-answer-list {
  display: grid;
  gap: 0.9rem;
}

.rfq-xl-answer-list article {
  padding: 1.05rem 1.1rem;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #17344a;
  font-weight: 750;
  line-height: 1.5;
  box-shadow: 0 14px 38px rgba(6, 24, 39, 0.055);
}

.rfq-xl-checklist,
.rfq-xl-visual-guides {
  padding: clamp(4.4rem, 7vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(36, 208, 223, 0.1), transparent 30%),
    linear-gradient(180deg, #f8fcfe, #ffffff);
}

.rfq-xl-card-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.78rem;
  margin-top: 2.2rem;
}

.rfq-xl-card {
  min-height: 252px;
  padding: 1.05rem;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.rfq-xl-card span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 0.86rem;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #087fce, #17b9d3);
  border: 1px solid rgba(255, 255, 255, 0.38);
  font-weight: 950;
  box-shadow: 0 12px 28px rgba(3, 112, 170, 0.3);
}

.rfq-xl-card h3 {
  color: #061827;
  font-size: 1.06rem;
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin: 0 0 0.55rem;
}

.rfq-xl-card p {
  color: #52697a;
  font-size: 0.92rem;
  line-height: 1.48;
  margin: 0;
}

.rfq-xl-route-stack {
  display: grid;
  gap: 0.9rem;
}

.rfq-xl-route-stack article {
  padding: 1rem;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 14px 38px rgba(6, 24, 39, 0.055);
}

.rfq-xl-route-stack h3 {
  color: #061827;
  margin: 0 0 0.45rem;
  line-height: 1.18;
}

.rfq-xl-route-stack p {
  margin: 0 0 0.7rem;
  color: #52697a;
  line-height: 1.5;
}

.rfq-xl-route-stack a {
  color: #0576bd;
  font-weight: 900;
  text-decoration: none;
}

.rfq-xl-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.rfq-xl-guide-card {
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.rfq-xl-guide-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: 50% 50%;
  background: #eef7fb;
}

.rfq-xl-guide-card div {
  padding: 1.16rem;
}

.rfq-xl-guide-card span {
  display: block;
  margin-bottom: 0.55rem;
  color: #0789d9;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.rfq-xl-guide-card h3 {
  color: #061827;
  font-size: 1.2rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin: 0 0 0.55rem;
}

.rfq-xl-guide-card p {
  color: #52697a;
  font-size: 0.94rem;
  line-height: 1.52;
  margin: 0;
}

.rfq-xl-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1.3rem;
}

.rfq-xl-mini-grid span {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.66rem 0.78rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  color: #0d2b42;
  font-weight: 850;
  font-size: 0.86rem;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(6, 24, 39, 0.055);
}

.rfq-xl-warning {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 208, 223, 0.08), transparent 30%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.rfq-xl-warning .eyebrow,
.rfq-xl-warning-copy .eyebrow {
  color: #8feaff;
}

.rfq-xl-warning-copy h2,
.rfq-xl-warning-copy p {
  color: #ffffff;
}

.rfq-xl-warning-copy p {
  color: rgba(235, 248, 255, 0.84);
}

.rfq-xl-optimisation {
  padding: clamp(4.6rem, 7vw, 7.4rem) 0 !important;
  background: #ffffff;
}

.rfq-xl-optimisation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 2.2rem;
}

.rfq-xl-optimisation-grid article {
  min-height: 220px;
  padding: 1.05rem;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff, #f5fbfe);
  border: 1px solid rgba(7, 49, 76, 0.1);
  box-shadow: 0 18px 54px rgba(6, 24, 39, 0.08);
}

.rfq-xl-optimisation-grid span {
  display: inline-grid;
  place-items: center;
  min-width: 54px;
  height: 36px;
  padding: 0 0.75rem;
  margin-bottom: 0.9rem;
  border-radius: 999px;
  color: #061827;
  background: #8feaff;
  border: 1px solid rgba(7, 49, 76, 0.1);
  font-weight: 950;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
}

.rfq-xl-optimisation-grid h3 {
  color: #061827;
  margin: 0 0 0.55rem;
  line-height: 1.16;
}

.rfq-xl-optimisation-grid p {
  color: #52697a;
  margin: 0;
  line-height: 1.5;
}

.rfq-xl-final {
  padding: clamp(4.4rem, 7vw, 7rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36, 208, 223, 0.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}

.rfq-xl-final-copy .eyebrow {
  color: #8feaff;
}

.rfq-xl-final-copy h2,
.rfq-xl-final-copy p {
  color: #ffffff;
}

.rfq-xl-final-copy p {
  color: rgba(235, 248, 255, 0.84);
}

@media (max-width: 1300px) {
  .rfq-xl-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .rfq-xl-card-grid,
  .rfq-xl-optimisation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rfq-xl-guide-grid {
    grid-template-columns: 1fr;
  }

  .rfq-xl-hero-grid,
  .rfq-xl-answer-grid,
  .rfq-xl-split,
  .rfq-xl-review-grid,
  .rfq-xl-warning-grid,
  .rfq-xl-final-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .rfq-xl-hero-grid {
    min-height: auto;
    gap: 1.55rem;
    padding-top: 3.4rem;
  }

  .rfq-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    letter-spacing: -0.032em;
    line-height: 1.06;
  }

  .rfq-xl-proof-row,
  .rfq-xl-card-grid,
  .rfq-xl-mini-grid,
  .rfq-xl-optimisation-grid {
    grid-template-columns: 1fr !important;
  }

  .rfq-xl-final-copy .cta-row .btn,
  .rfq-xl-copy .cta-row .btn,
  .rfq-xl-warning-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
}


/* Phase LIV Project Readiness Checklist: professional industrial imagery, SEO/AIO/AEO/GEO/SRO/SXO, and ScrollMeta latest emitter */
.ready-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 74% 25%, rgba(36, 208, 223, 0.2), transparent 34%),
    linear-gradient(135deg, #020b15 0%, #061827 55%, #082c47 100%);
  color: #ffffff;
}
.ready-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(116, 231, 245, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 231, 245, 0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  opacity: 0.74;
  mask-image: linear-gradient(180deg, #000, rgba(0,0,0,.55) 72%, transparent);
}
.ready-xl-hero-grid {
  position: relative;
  z-index: 1;
  min-height: 720px;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(520px, 1.12fr);
  gap: clamp(2rem, 4vw, 4.6rem);
  align-items: center;
  padding: clamp(4.8rem, 7vw, 7.4rem) 0;
}
.ready-xl-copy h1 {
  color: #ffffff;
  max-width: 930px;
  font-size: clamp(3.25rem, 5.4vw, 6.25rem);
  line-height: 1.035;
  letter-spacing: -0.058em;
}
.ready-xl-copy .hero-lede {
  color: rgba(231, 246, 255, 0.88);
  max-width: 780px;
}
.ready-xl-hero .eyebrow,
.ready-xl-decision .eyebrow,
.ready-xl-final .eyebrow {
  color: #8feaff;
}
.ready-xl-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.72rem;
  margin: 1.45rem 0 1.65rem;
}
.ready-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0.62rem 0.82rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(143,234,255,0.24);
  color: #ecfbff;
  font-weight: 900;
  font-size: 0.88rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
.ready-xl-proof-row span:before {
  content: "✓";
  color: #8feaff;
  margin-right: 0.45rem;
  font-weight: 950;
}
.ready-xl-hero-image,
.ready-xl-support-image,
.ready-xl-strip-image,
.ready-xl-final-image {
  margin: 0;
  border-radius: 34px;
  overflow: hidden;
  background: #061827;
  border: 1px solid rgba(143,234,255,0.22);
  box-shadow: 0 42px 118px rgba(0,0,0,0.32), 0 0 0 1px rgba(255,255,255,0.035) inset;
}
.ready-xl-hero-image img,
.ready-xl-support-image img,
.ready-xl-strip-image img,
.ready-xl-final-image img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center center;
  filter: saturate(1.04) contrast(1.02);
}
.ready-xl-hero-image img {
  aspect-ratio: 16 / 10.5;
}
.ready-xl-answer {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff, #f3f9fc);
}
.ready-xl-answer:before,
.ready-xl-checklist:before,
.ready-xl-guidance:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 84% 12%, rgba(24,184,207,.12), transparent 34%),
    linear-gradient(rgba(8,36,58,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8,36,58,.027) 1px, transparent 1px);
  background-size: auto, 54px 54px, 54px 54px;
  opacity: 0.7;
}
.ready-xl-answer > .shell,
.ready-xl-checklist > .shell,
.ready-xl-guidance > .shell {
  position: relative;
  z-index: 1;
}
.ready-xl-answer-grid,
.ready-xl-support-grid,
.ready-xl-strip-grid,
.ready-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(520px, 1.14fr);
  gap: clamp(1.6rem, 4vw, 4.3rem);
  align-items: center;
}
.ready-xl-answer-cards {
  display: grid;
  gap: 1rem;
}
.ready-xl-answer-cards article {
  padding: 1.25rem 1.35rem;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(7,49,76,0.1);
  box-shadow: 0 18px 52px rgba(6,24,39,0.075);
}
.ready-xl-answer-cards strong {
  display: block;
  color: #061827;
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
}
.ready-xl-answer-cards p {
  color: #52697a;
  margin-bottom: 0.65rem;
}
.ready-xl-answer-cards a,
.ready-xl-service-card a {
  color: #0789a4;
  font-weight: 950;
}
.ready-xl-checklist,
.ready-xl-guidance {
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
.ready-xl-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}
.ready-xl-card {
  position: relative;
  overflow: hidden;
  min-height: 350px;
  padding: 1.26rem;
  border-radius: 26px;
  background: linear-gradient(180deg, #ffffff, #f6fbfe);
  border: 1px solid rgba(7,49,76,0.1);
  box-shadow: 0 18px 54px rgba(6,24,39,0.08);
}
.ready-xl-card:before {
  content: "";
  position: absolute;
  right: -50px;
  top: -50px;
  width: 146px;
  height: 146px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(36,208,223,.16), transparent 72%);
}
.ready-xl-number {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 0.95rem;
  border-radius: 16px;
  background: linear-gradient(135deg, #061827, #092c46);
  color: #8feaff;
  font-weight: 950;
  box-shadow: 0 16px 32px rgba(6,24,39,0.16);
}
.ready-xl-card-label {
  margin: 0 0 0.5rem;
  color: #0789d9;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.ready-xl-card h3 {
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.ready-xl-card p {
  color: #52697a;
  font-size: 0.94rem;
}
.ready-xl-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.46rem;
  margin-top: 1rem;
}
.ready-xl-chip-row span {
  display: inline-flex;
  align-items: center;
  padding: 0.48rem 0.58rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(7,49,76,0.1);
  color: #29485f;
  font-size: 0.78rem;
  line-height: 1.15;
  font-weight: 850;
}
.ready-xl-decision {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,208,223,.14), transparent 32%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}
.ready-xl-decision:before,
.ready-xl-final:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(143,234,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143,234,255,.04) 1px, transparent 1px);
  background-size: 48px 48px;
  opacity: 0.78;
}
.ready-xl-decision > .shell,
.ready-xl-final > .shell {
  position: relative;
  z-index: 1;
}
.ready-xl-decision-head {
  max-width: 870px;
  text-align: center;
}
.ready-xl-decision h2,
.ready-xl-decision p,
.ready-xl-final h2,
.ready-xl-final p {
  color: #ffffff;
}
.ready-xl-decision .section-lede,
.ready-xl-final p {
  color: rgba(235,248,255,0.83);
}
.ready-xl-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.3rem;
}
.ready-xl-route-card {
  display: grid;
  gap: 0.65rem;
  align-content: start;
  min-height: 250px;
  padding: 1.35rem;
  border-radius: 26px;
  background: rgba(255,255,255,0.065);
  border: 1px solid rgba(143,234,255,0.2);
  box-shadow: 0 24px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.07);
  transition: transform .22s ease, background .22s ease, border-color .22s ease;
}
.ready-xl-route-card:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,0.09);
  border-color: rgba(143,234,255,0.42);
}
.ready-xl-route-card strong {
  color: #ffffff;
  font-size: 1.16rem;
  line-height: 1.18;
}
.ready-xl-route-card span {
  color: rgba(235,248,255,0.78);
  line-height: 1.55;
}
.ready-xl-route-card em {
  align-self: end;
  color: #8feaff;
  font-style: normal;
  font-weight: 950;
}
.ready-xl-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}
.ready-xl-service-card {
  overflow: hidden;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,49,76,0.1);
  box-shadow: 0 18px 54px rgba(6,24,39,0.08);
}
.ready-xl-service-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center center;
  background: #eef7fb;
}
.ready-xl-service-card div {
  padding: 1.15rem;
}
.ready-xl-service-card span {
  display: block;
  margin-bottom: 0.5rem;
  color: #0789d9;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.ready-xl-service-card h3 {
  color: #061827;
  font-size: 1.18rem;
  line-height: 1.18;
  letter-spacing: -0.025em;
}
.ready-xl-service-card p {
  color: #52697a;
  margin: 0;
  font-size: 0.94rem;
}
.ready-xl-support,
.ready-xl-route-strip {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f7fbfd, #ffffff);
}
.ready-xl-support-grid {
  grid-template-columns: minmax(500px, 1.08fr) minmax(0, .92fr);
}
.ready-xl-do-grid,
.ready-xl-mini-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  margin: 1.35rem 0;
}
.ready-xl-do-grid article,
.ready-xl-mini-actions a {
  padding: 1rem;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid rgba(7,49,76,0.1);
  box-shadow: 0 16px 42px rgba(6,24,39,0.07);
}
.ready-xl-do-grid strong,
.ready-xl-mini-actions strong {
  display: block;
  color: #061827;
  margin-bottom: 0.4rem;
}
.ready-xl-do-grid p,
.ready-xl-mini-actions span {
  display: block;
  color: #52697a;
  margin: 0;
  line-height: 1.52;
}
.ready-xl-legal {
  padding: 1rem;
  border-radius: 18px;
  background: #eef8fb;
  border: 1px solid rgba(24,184,207,0.18);
  color: #29485f !important;
  font-size: 0.94rem;
  line-height: 1.6;
}
.ready-xl-route-strip {
  background:
    radial-gradient(circle at 14% 18%, rgba(24,184,207,.09), transparent 32%),
    linear-gradient(180deg,#ffffff,#f4fafc);
}
.ready-xl-strip-grid {
  grid-template-columns: minmax(430px, .9fr) minmax(0, 1.1fr);
}
.ready-xl-mini-actions a {
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.ready-xl-mini-actions a:hover {
  transform: translateY(-4px);
  border-color: rgba(24,184,207,.34);
  box-shadow: 0 24px 58px rgba(6,24,39,0.11);
}
.ready-xl-faq {
  background: #ffffff;
}
.ready-xl-final {
  position: relative;
  overflow: hidden;
  padding: clamp(4.8rem, 7vw, 7.5rem) 0;
  background:
    radial-gradient(circle at 78% 15%, rgba(36,208,223,.16), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #ffffff;
}
.ready-xl-final-grid {
  grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr);
}
.ready-xl-final .btn-ghost {
  color: #ffffff;
}
@media (max-width: 1300px) {
  .ready-xl-card-grid,
  .ready-xl-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .ready-xl-hero-grid,
  .ready-xl-answer-grid,
  .ready-xl-support-grid,
  .ready-xl-strip-grid,
  .ready-xl-final-grid {
    grid-template-columns: 1fr;
  }
  .ready-xl-hero-grid {
    min-height: auto;
  }
  .ready-xl-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .ready-xl-copy h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
    line-height: 1.07;
    letter-spacing: -0.038em;
  }
  .ready-xl-card-grid,
  .ready-xl-route-grid,
  .ready-xl-service-grid,
  .ready-xl-do-grid,
  .ready-xl-mini-actions {
    grid-template-columns: 1fr;
  }
  .ready-xl-proof-row {
    display: grid;
  }
  .ready-xl-final .cta-row .btn,
  .ready-xl-copy .cta-row .btn,
  .ready-xl-section-copy .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
  .ready-xl-hero-image,
  .ready-xl-support-image,
  .ready-xl-strip-image,
  .ready-xl-final-image {
    border-radius: 24px;
  }
}
.ready-xl-support .btn-ghost,
.ready-xl-route-strip .btn-ghost,
.ready-xl-answer .btn-ghost {
  color: #061827;
  background: #ffffff;
  border-color: rgba(7,49,76,0.18);
  box-shadow: 0 12px 28px rgba(6,24,39,0.06);
}
.ready-xl-support .btn-ghost:hover,
.ready-xl-route-strip .btn-ghost:hover,
.ready-xl-answer .btn-ghost:hover {
  background: #eef8fb;
  border-color: rgba(24,184,207,0.32);
}

/* Phase LV Material Guidance: professional product/service imagery, machine-readable optimisation, and conversion path upgrade */
.mat-xl-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(5.8rem, 8vw, 9rem) 0 clamp(4.5rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 86% 12%, rgba(36,208,223,.18), transparent 30%),
    radial-gradient(circle at 18% 78%, rgba(24,184,207,.11), transparent 34%),
    linear-gradient(135deg, #061827 0%, #082b44 52%, #0b3a58 100%);
  color: #fff;
}
.mat-xl-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity: .26;
  pointer-events: none;
}
.mat-xl-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
  gap: clamp(2.2rem, 4vw, 5rem);
  align-items: center;
}
.mat-xl-copy h1 {
  color: #fff;
  font-size: clamp(3.4rem, 6.7vw, 7.3rem);
  line-height: .94;
  letter-spacing: -0.06em;
  max-width: 11.2ch;
  margin: 0 0 1.2rem;
}
.mat-xl-copy .hero-lede {
  color: #dcecf3;
  font-size: clamp(1.05rem, 1.35vw, 1.28rem);
  line-height: 1.66;
  max-width: 740px;
  margin-bottom: 1.65rem;
}
.mat-xl-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1.35rem;
}
.mat-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #eaf8fb;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 999px;
  padding: .64rem .9rem;
  font-size: .88rem;
  font-weight: 850;
}
.mat-xl-proof-row span:before {
  content: "";
  width: .46rem;
  height: .46rem;
  border-radius: 999px;
  background: #24d0df;
  box-shadow: 0 0 0 5px rgba(36,208,223,.14);
}
.mat-xl-hero-image,
.mat-xl-side-image,
.mat-xl-final-image,
.mat-xl-image-card,
.mat-xl-answer-card,
.mat-xl-route-card,
.mat-xl-boundary-card {
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(7,32,48,.13);
}
.mat-xl-hero-image,
.mat-xl-final-image {
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
}
.mat-xl-hero-image img,
.mat-xl-final-image img,
.mat-xl-side-image img {
  width: 100%;
  display: block;
  object-fit: cover;
}
.mat-xl-hero-image img,
.mat-xl-final-image img {
  aspect-ratio: 16 / 9;
  min-height: 440px;
}
.mat-xl-side-image img {
  aspect-ratio: 4 / 3;
  min-height: 440px;
}
.mat-xl-hero-image figcaption,
.mat-xl-final-image figcaption,
.mat-xl-side-image figcaption {
  margin: 0;
  padding: .9rem 1rem 1.05rem;
  color: #d7edf4;
  font-size: .92rem;
  line-height: 1.5;
}
.mat-xl-side-image figcaption {
  color: #52697a;
  background: #fff;
}
.mat-xl-answer {
  background:
    radial-gradient(circle at 14% 10%, rgba(24,184,207,.08), transparent 30%),
    linear-gradient(180deg, #ffffff, #f5fbfd);
}
.mat-xl-answer-grid {
  display: grid;
  grid-template-columns: minmax(440px, 1.22fr) repeat(3, minmax(0, .92fr));
  gap: 1rem;
}
.mat-xl-answer-card {
  background: #fff;
  border: 1px solid rgba(7,49,76,.10);
  padding: clamp(1.25rem, 2vw, 1.85rem);
  box-shadow: 0 18px 50px rgba(7,32,48,.08);
}
.mat-xl-answer-card-main {
  background: linear-gradient(135deg, #061827, #0a3653);
  color: #fff;
}
.mat-xl-answer-card-main h2,
.mat-xl-answer-card-main p {
  color: #fff;
}
.mat-xl-answer-card-main p {
  color: #dcecf3;
}
.mat-xl-answer-card strong {
  display: block;
  color: #061827;
  font-size: 1.02rem;
  line-height: 1.28;
  margin-bottom: .72rem;
}
.mat-xl-answer-card p {
  color: #52697a;
  line-height: 1.58;
  margin-bottom: 1rem;
}
.mat-xl-answer-card a,
.mat-xl-route-card a {
  color: #007aa3;
  font-weight: 900;
  text-decoration: none;
}
.mat-xl-factor-section {
  background: linear-gradient(180deg, #f3f9fc 0%, #eef8fb 100%);
}
.mat-xl-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
}
.mat-xl-image-card {
  display: grid;
  grid-template-rows: 235px 1fr;
  background: #fff;
  border: 1px solid rgba(7,49,76,.10);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.mat-xl-image-card:hover,
.mat-xl-route-card:hover {
  transform: translateY(-5px);
  border-color: rgba(24,184,207,.34);
  box-shadow: 0 34px 82px rgba(7,32,48,.14);
}
.mat-xl-image-card img {
  width: 100%;
  height: 235px;
  object-fit: cover;
  display: block;
}
.mat-xl-image-card div {
  padding: 1.2rem;
}
.mat-xl-image-card h3 {
  color: #061827;
  font-size: clamp(1.25rem, 1.7vw, 1.6rem);
  line-height: 1.05;
  letter-spacing: -0.035em;
  margin: .35rem 0 .65rem;
}
.mat-xl-image-card p:not(.eyebrow) {
  color: #52697a;
  line-height: 1.58;
}
.mat-xl-materials {
  background: #fff;
}
.mat-xl-split {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
}
.mat-xl-split-reverse {
  grid-template-columns: minmax(500px, 1.05fr) minmax(0, .95fr);
}
.mat-xl-section-copy h2 {
  color: #061827;
  font-size: clamp(2.4rem, 4vw, 4.8rem);
  line-height: .98;
  letter-spacing: -0.058em;
  margin: .15rem 0 1rem;
}
.mat-xl-section-copy p {
  color: #52697a;
  line-height: 1.66;
}
.mat-xl-note {
  padding: 1rem 1.1rem;
  border-radius: 18px;
  background: #eef8fb;
  border: 1px solid rgba(24,184,207,.2);
  color: #28465a !important;
  font-size: .96rem;
}
.mat-xl-table-wrap {
  margin-top: clamp(2rem, 4vw, 3rem);
  overflow-x: auto;
  background: #fff;
  border: 1px solid rgba(7,49,76,.10);
  border-radius: 26px;
  box-shadow: 0 20px 56px rgba(7,32,48,.08);
}
.mat-xl-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
.mat-xl-table th,
.mat-xl-table td {
  padding: 1.05rem 1.1rem;
  border-bottom: 1px solid rgba(7,49,76,.09);
  text-align: left;
  vertical-align: top;
  line-height: 1.54;
}
.mat-xl-table thead th {
  background: #061827;
  color: #fff;
  font-size: .83rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mat-xl-table tbody th {
  color: #061827;
  width: 20%;
}
.mat-xl-table tbody tr:nth-child(even) th,
.mat-xl-table tbody tr:nth-child(even) td {
  background: #f7fbfd;
}
.mat-xl-route {
  background:
    radial-gradient(circle at 84% 12%, rgba(36,208,223,.10), transparent 32%),
    linear-gradient(180deg, #f4fafc, #ffffff);
}
.mat-xl-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.mat-xl-route-card {
  background: #fff;
  border: 1px solid rgba(7,49,76,.10);
  padding: clamp(1.2rem, 2vw, 1.65rem);
  min-height: 100%;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.mat-xl-route-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 999px;
  background: #e8f9fd;
  color: #007aa3;
  font-weight: 950;
  margin-bottom: 1rem;
}
.mat-xl-route-card h3 {
  color: #061827;
  font-size: clamp(1.22rem, 1.8vw, 1.65rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
  margin: 0 0 .7rem;
}
.mat-xl-route-card p {
  color: #52697a;
  line-height: 1.6;
}
.mat-xl-prepare {
  background: #fff;
}
.mat-xl-step-list {
  display: grid;
  gap: .85rem;
  margin-top: 1.35rem;
}
.mat-xl-step-list article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .9rem;
  align-items: start;
  padding: 1rem;
  border-radius: 20px;
  background: #f7fbfd;
  border: 1px solid rgba(7,49,76,.09);
}
.mat-xl-step-list span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #061827;
  color: #fff;
  font-weight: 950;
  font-size: .82rem;
}
.mat-xl-step-list h3 {
  color: #061827;
  margin: .05rem 0 .35rem;
  font-size: 1.02rem;
}
.mat-xl-step-list p {
  margin: 0;
  font-size: .97rem;
}
.mat-xl-deep {
  background:
    radial-gradient(circle at 10% 20%, rgba(24,184,207,.08), transparent 32%),
    linear-gradient(180deg, #eef8fb, #f8fcfd);
}
.mat-xl-checks li {
  background: #fff;
  border-color: rgba(7,49,76,.09);
}
.mat-xl-boundary {
  background: #fff;
}
.mat-xl-boundary-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2.35rem);
  background: linear-gradient(135deg, #061827, #0a3653);
  border: 1px solid rgba(255,255,255,.13);
}
.mat-xl-boundary-card h2,
.mat-xl-boundary-card p {
  color: #fff;
}
.mat-xl-boundary-card p:not(.eyebrow) {
  color: #dcecf3;
  max-width: 900px;
}
.mat-xl-boundary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  justify-content: flex-end;
}
.mat-xl-boundary-actions .btn-ghost {
  color: #fff;
  border-color: rgba(255,255,255,.28);
}
.mat-xl-faq {
  background: #f7fbfd;
}
.mat-xl-final {
  position: relative;
  overflow: hidden;
  padding: clamp(5rem, 7vw, 8rem) 0;
  background:
    radial-gradient(circle at 82% 10%, rgba(36,208,223,.17), transparent 34%),
    linear-gradient(135deg, #061827, #082c47);
  color: #fff;
}
.mat-xl-final-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}
.mat-xl-final .mat-xl-section-copy h2,
.mat-xl-final .mat-xl-section-copy p {
  color: #fff;
}
.mat-xl-final .mat-xl-section-copy p:not(.eyebrow) {
  color: #dcecf3;
}
.mat-xl-final .btn-ghost {
  color: #fff;
  border-color: rgba(255,255,255,.3);
}
@media (max-width: 1240px) {
  .mat-xl-answer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mat-xl-answer-card-main {
    grid-column: 1 / -1;
  }
  .mat-xl-card-grid,
  .mat-xl-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1080px) {
  .mat-xl-hero-grid,
  .mat-xl-split,
  .mat-xl-split-reverse,
  .mat-xl-final-grid,
  .mat-xl-boundary-card {
    grid-template-columns: 1fr;
  }
  .mat-xl-boundary-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 720px) {
  .mat-xl-copy h1 {
    font-size: clamp(2.65rem, 12vw, 4.25rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
    max-width: 100%;
  }
  .mat-xl-answer-grid,
  .mat-xl-card-grid,
  .mat-xl-route-grid {
    grid-template-columns: 1fr;
  }
  .mat-xl-hero-image img,
  .mat-xl-final-image img,
  .mat-xl-side-image img {
    min-height: 300px;
  }
  .mat-xl-proof-row {
    display: grid;
  }
  .mat-xl-copy .cta-row .btn,
  .mat-xl-section-copy .cta-row .btn,
  .mat-xl-boundary-actions .btn,
  .mat-xl-final .cta-row .btn {
    width: 100%;
    justify-content: center;
  }
  .mat-xl-image-card {
    grid-template-rows: 210px 1fr;
  }
  .mat-xl-image-card img {
    height: 210px;
  }
}

/* Phase LVI Site Typography and Material Guidance Award Polish: readability, legibility, heading spacing, and conversion clarity */
:root {
  --measure: 70ch;
  --heading-measure: 16ch;
  --heading-measure-wide: 20ch;
  --copy-leading: 1.68;
}
body {
  font-size: clamp(16.5px, .25vw + 15.6px, 18px);
  line-height: var(--copy-leading);
  text-rendering: optimizeLegibility;
}
p,
li,
td,
th,
summary,
figcaption {
  line-height: var(--copy-leading);
}
h1,
.hero-copy h1,
.page-masthead h1,
.page-masthead-copy h1,
.solutions-xl-copy h1,
.ready-xl-copy h1,
.mat-xl-copy h1 {
  font-size: clamp(2.85rem, 4.65vw, 5.8rem);
  line-height: 1.075;
  letter-spacing: -0.039em;
  max-width: var(--heading-measure-wide);
  margin-top: 0;
  margin-bottom: clamp(1.25rem, 2vw, 1.85rem);
  text-wrap: balance;
  overflow-wrap: normal;
}
h2,
.page-masthead h2,
.section-heading h2,
.split-heading h2,
.solutions-xl-routes .narrow h2,
.solutions-xl-value .narrow h2,
.solutions-xl-cta-copy h2,
.ready-xl-section-copy h2,
.mat-xl-section-copy h2,
.mat-xl-answer-card h2,
.mat-xl-boundary-card h2,
.mat-xl-final h2 {
  font-size: clamp(1.95rem, 2.65vw, 3.35rem);
  line-height: 1.13;
  letter-spacing: -0.032em;
  max-width: var(--heading-measure-wide);
  margin-top: 0;
  margin-bottom: clamp(1rem, 1.55vw, 1.4rem);
  text-wrap: balance;
}
h3,
.info-card h3,
.solution-card h3,
.resource-card h3,
.image-card h3,
.route-card h3,
.ready-xl-card h3,
.ready-xl-route-card h3,
.mat-xl-image-card h3,
.mat-xl-route-card h3,
.mat-xl-step-list h3 {
  line-height: 1.24;
  letter-spacing: -0.018em;
  text-wrap: balance;
}
.section-heading,
.split-heading,
.mat-xl-factor-section .narrow,
.mat-xl-route .narrow,
.mat-xl-faq .narrow {
  margin-bottom: clamp(2.1rem, 4vw, 3.4rem);
}
.section-lede,
.hero-lede,
.page-masthead p,
.mat-xl-section-copy p,
.ready-xl-section-copy p,
.resource-card p,
.solution-card p,
.info-card p {
  line-height: 1.72;
}
.btn {
  min-height: 48px;
  padding: .98rem 1.28rem;
  border-radius: 14px;
}

/* Site-wide page masthead readability */
.page-masthead-inner {
  padding-block: clamp(4rem, 7vw, 7.25rem);
}
.page-masthead-copy {
  max-width: 1080px;
}
.page-masthead p {
  max-width: 780px;
  font-size: clamp(1.04rem, .55vw + .92rem, 1.22rem);
}

/* Material Guidance award polish */
.mat-xl-hero {
  padding: clamp(6rem, 8.4vw, 9.6rem) 0 clamp(4.8rem, 7.2vw, 7.6rem);
  background:
    radial-gradient(circle at 82% 12%, rgba(116,231,245,.21), transparent 29%),
    radial-gradient(circle at 18% 82%, rgba(24,199,217,.13), transparent 34%),
    linear-gradient(135deg, #04111e 0%, #08283f 49%, #0a3b58 100%);
}
.mat-xl-hero-grid {
  grid-template-columns: minmax(0, .94fr) minmax(520px, 1.06fr);
  gap: clamp(2.5rem, 4.8vw, 6.2rem);
}
.mat-xl-copy h1 {
  max-width: 13.8ch;
  color: #fff;
}
.mat-xl-copy .hero-lede {
  max-width: 760px;
  font-size: clamp(1.08rem, .55vw + .98rem, 1.3rem);
  line-height: 1.72;
  margin-bottom: 1.55rem;
  color: #e2f0f6;
}
.mat-xl-hero-image,
.mat-xl-side-image,
.mat-xl-final-image,
.mat-xl-image-card,
.mat-xl-answer-card,
.mat-xl-route-card,
.mat-xl-boundary-card,
.faq-item {
  border-radius: 32px;
}
.mat-xl-hero-image img,
.mat-xl-final-image img {
  min-height: 500px;
  filter: saturate(1.02) contrast(1.03);
}
.mat-xl-hero-image figcaption,
.mat-xl-final-image figcaption,
.mat-xl-side-image figcaption {
  padding: 1.05rem 1.15rem 1.15rem;
  font-size: .96rem;
}
.mat-xl-proof-row {
  gap: .75rem;
  margin-top: 1.45rem;
}
.mat-xl-proof-row span {
  padding: .72rem 1rem;
  font-size: .93rem;
}
.mat-xl-primary-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .78rem;
  margin-top: 1.1rem;
  max-width: 800px;
}
.mat-xl-primary-path a {
  display: grid;
  gap: .35rem;
  padding: 1rem;
  border-radius: 20px;
  color: #f7fcff;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(116,231,245,.20);
  box-shadow: 0 18px 42px rgba(0,0,0,.11);
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.mat-xl-primary-path a:hover {
  transform: translateY(-3px);
  background: rgba(255,255,255,.115);
  border-color: rgba(116,231,245,.42);
  box-shadow: 0 26px 58px rgba(0,0,0,.18);
}
.mat-xl-primary-path strong {
  font-size: .96rem;
  line-height: 1.26;
  letter-spacing: -.015em;
}
.mat-xl-primary-path span {
  color: #bfe4ef;
  font-size: .88rem;
  line-height: 1.42;
}
.mat-xl-answer-grid {
  gap: clamp(1rem, 1.6vw, 1.45rem);
}
.mat-xl-answer-card {
  padding: clamp(1.45rem, 2.3vw, 2.2rem);
  box-shadow: 0 22px 60px rgba(7,32,48,.09);
}
.mat-xl-answer-card-main {
  background:
    radial-gradient(circle at 88% 10%, rgba(116,231,245,.16), transparent 30%),
    linear-gradient(135deg, #04111e, #083452);
}
.mat-xl-answer-card strong {
  font-size: 1.08rem;
  line-height: 1.34;
}
.mat-xl-card-grid,
.mat-xl-route-grid {
  gap: clamp(1.05rem, 1.75vw, 1.55rem);
}
.mat-xl-image-card,
.mat-xl-route-card {
  box-shadow: 0 22px 62px rgba(7,32,48,.08);
}
.mat-xl-image-card div {
  padding: clamp(1.2rem, 2vw, 1.65rem);
}
.mat-xl-image-card h3 {
  font-size: clamp(1.22rem, 1.5vw, 1.55rem);
  margin-bottom: .75rem;
}
.mat-xl-route-card h3 {
  font-size: clamp(1.22rem, 1.55vw, 1.52rem);
  line-height: 1.16;
  letter-spacing: -0.026em;
}
.mat-xl-route-card p,
.mat-xl-step-list p,
.mat-xl-image-card p,
.mat-xl-answer-card p {
  font-size: clamp(.97rem, .22vw + .92rem, 1.04rem);
  line-height: 1.68;
}
.mat-xl-table-wrap {
  margin-top: clamp(2rem, 3vw, 3rem);
  border-radius: 30px;
  box-shadow: 0 24px 66px rgba(7,32,48,.09);
}
.mat-xl-table th,
.mat-xl-table td {
  padding: 1.05rem 1.1rem;
  vertical-align: top;
}
.mat-xl-step-list {
  gap: 1rem;
}
.mat-xl-step-list article {
  padding: 1.15rem;
  border-radius: 22px;
}
.mat-xl-boundary-card {
  padding: clamp(1.75rem, 3.5vw, 3rem);
}
.mat-xl-final {
  padding: clamp(5.8rem, 8vw, 9rem) 0;
}
.mat-xl-final-grid {
  gap: clamp(2.4rem, 4.6vw, 5.4rem);
}
.faq-grid {
  gap: 1rem 1.25rem;
}
.faq-item {
  padding: 1.15rem 1.25rem;
}
.faq-item summary {
  line-height: 1.38;
  font-size: 1.02rem;
}
.faq-item p {
  line-height: 1.7;
}

@media (max-width: 1180px) {
  h1,
  .hero-copy h1,
  .page-masthead h1,
  .solutions-xl-copy h1,
  .ready-xl-copy h1,
  .mat-xl-copy h1 {
    max-width: 18ch;
  }
  .mat-xl-hero-grid,
  .mat-xl-final-grid {
    grid-template-columns: 1fr;
  }
  .mat-xl-hero-image img,
  .mat-xl-final-image img {
    min-height: 390px;
  }
  .mat-xl-primary-path {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  body {
    font-size: 16.5px;
  }
  h1,
  .hero-copy h1,
  .page-masthead h1,
  .page-masthead-copy h1,
  .solutions-xl-copy h1,
  .ready-xl-copy h1,
  .mat-xl-copy h1 {
    font-size: clamp(2.45rem, 10.5vw, 3.55rem);
    line-height: 1.09;
    letter-spacing: -0.032em;
    max-width: 100%;
  }
  h2,
  .section-heading h2,
  .split-heading h2,
  .mat-xl-section-copy h2,
  .mat-xl-answer-card h2,
  .mat-xl-final h2 {
    font-size: clamp(1.75rem, 7.5vw, 2.55rem);
    line-height: 1.14;
    letter-spacing: -0.026em;
  }
  .section {
    padding-block: 4rem;
  }
  .mat-xl-hero {
    padding: 4.25rem 0 4rem;
  }
  .mat-xl-copy .hero-lede {
    font-size: 1.03rem;
  }
  .mat-xl-hero-image,
  .mat-xl-side-image,
  .mat-xl-final-image,
  .mat-xl-image-card,
  .mat-xl-answer-card,
  .mat-xl-route-card,
  .mat-xl-boundary-card,
  .faq-item {
    border-radius: 24px;
  }
  .mat-xl-hero-image img,
  .mat-xl-final-image img,
  .mat-xl-side-image img {
    min-height: 300px;
  }
  .mat-xl-table th,
  .mat-xl-table td {
    padding: .92rem;
    font-size: .95rem;
  }
}

/* Phase LVII Material Guidance decision support recode: award-level readability, spacing, and conversion cards */
.mat-xl-decision-recode {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(5.2rem, 7vw, 7.6rem) 0 clamp(5rem, 6.6vw, 7.2rem);
  background:
    radial-gradient(circle at 7% 18%, rgba(116,231,245,.18), transparent 28%),
    radial-gradient(circle at 96% 82%, rgba(24,199,217,.18), transparent 30%),
    linear-gradient(180deg, #f8fdff 0%, #eef7fb 100%);
}
.mat-xl-decision-recode::before,
.mat-xl-decision-recode::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.mat-xl-decision-recode::before {
  inset: auto auto 1.2rem -5rem;
  width: 22rem;
  height: 17rem;
  background-image: radial-gradient(rgba(24,199,217,.30) 1.2px, transparent 1.2px);
  background-size: 15px 15px;
  opacity: .42;
}
.mat-xl-decision-recode::after {
  inset: 8rem -4rem auto auto;
  width: 20rem;
  height: 20rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(116,231,245,.22), transparent 67%);
  filter: blur(2px);
}
.mat-xl-decision-shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(360px, .95fr) minmax(0, 1.85fr);
  gap: clamp(1.5rem, 2.4vw, 2rem);
  padding: clamp(1.4rem, 2.2vw, 2rem);
  border: 1px solid rgba(7,32,48,.09);
  border-radius: clamp(26px, 2.4vw, 36px);
  background: rgba(255,255,255,.74);
  box-shadow: 0 38px 96px rgba(7,32,48,.12), inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter: blur(16px);
}
.mat-xl-decision-intro {
  position: relative;
  min-height: clamp(480px, 39vw, 620px);
  overflow: hidden;
  border-radius: clamp(22px, 2vw, 30px);
  color: #fff;
  background:
    radial-gradient(circle at 16% 0%, rgba(116,231,245,.18), transparent 30%),
    radial-gradient(circle at 95% 88%, rgba(24,199,217,.22), transparent 34%),
    linear-gradient(145deg, #020b15 0%, #06213a 51%, #082f48 100%);
  box-shadow: 0 28px 72px rgba(2,17,31,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.mat-xl-decision-intro::before {
  content: "";
  position: absolute;
  right: -5.5rem;
  bottom: -3rem;
  width: min(22rem, 58%);
  aspect-ratio: 1;
  border: 1px solid rgba(116,231,245,.18);
  border-radius: 30px;
  background:
    linear-gradient(90deg, rgba(116,231,245,.10) 1px, transparent 1px),
    linear-gradient(rgba(116,231,245,.10) 1px, transparent 1px),
    radial-gradient(circle at 36% 36%, rgba(116,231,245,.16), transparent 42%);
  background-size: 24px 24px, 24px 24px, 100% 100%;
  transform: rotate(-13deg);
  opacity: .78;
}
.mat-xl-decision-intro::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(2,11,21,.05) 0%, rgba(2,11,21,.15) 52%, rgba(2,11,21,.56) 100%);
  pointer-events: none;
}
.mat-xl-intro-content {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: inherit;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2.2rem, 3.6vw, 4.1rem) clamp(1.7rem, 3.1vw, 3.6rem);
}
.mat-xl-intro-content .eyebrow {
  color: #4ee4f3;
  letter-spacing: .16em;
  margin-bottom: clamp(1.3rem, 1.9vw, 1.9rem);
}
.mat-xl-intro-content .eyebrow::after {
  content: "";
  display: block;
  width: 88px;
  height: 3px;
  margin-top: .85rem;
  border-radius: 99px;
  background: linear-gradient(90deg, #17c4d7, rgba(23,196,215,0));
}
.mat-xl-intro-content h2 {
  max-width: 13.2ch;
  margin-bottom: clamp(1.45rem, 2.2vw, 2rem);
  color: #fff;
  font-size: clamp(2.45rem, 3.55vw, 4.35rem);
  line-height: 1.08;
  letter-spacing: -0.055em;
  text-wrap: balance;
}
.mat-xl-intro-content h2 span {
  color: #21d0e3;
}
.mat-xl-intro-content p {
  max-width: 36rem;
  margin-bottom: 1.2rem;
  color: rgba(238,249,253,.90);
  font-size: clamp(1rem, .38vw + .94rem, 1.12rem);
  line-height: 1.72;
}
.mat-xl-intro-content p:last-child {
  margin-bottom: 0;
  color: rgba(222,241,248,.86);
}
.mat-xl-decision-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.05rem, 1.7vw, 1.45rem);
}
.mat-xl-decision-card {
  position: relative;
  display: flex;
  min-height: clamp(480px, 38vw, 620px);
  flex-direction: column;
  padding: clamp(2rem, 2.65vw, 3rem) clamp(1.5rem, 2vw, 2.1rem);
  overflow: hidden;
  border: 1px solid rgba(7,32,48,.10);
  border-radius: clamp(22px, 1.8vw, 30px);
  background:
    radial-gradient(circle at 50% 0%, rgba(116,231,245,.14), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 25px 66px rgba(7,32,48,.09), inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.mat-xl-decision-card:hover {
  transform: translateY(-5px);
  border-color: rgba(24,199,217,.32);
  box-shadow: 0 35px 86px rgba(7,32,48,.13), 0 0 0 1px rgba(24,199,217,.09) inset;
}
.mat-xl-decision-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  margin: 0 auto clamp(1.35rem, 2vw, 2rem);
  border-radius: 999px;
  color: #096dc3;
  background: linear-gradient(180deg, #edf8fe, #e6f1f8);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 16px 36px rgba(7,32,48,.08);
}
.mat-xl-decision-icon::before {
  content: "";
  width: 46px;
  height: 46px;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.mat-xl-icon-target::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='29' cy='35' r='21'/%3E%3Ccircle cx='29' cy='35' r='11'/%3E%3Cpath d='M29 35 51 13'/%3E%3Cpath d='M45 13h9v9'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='29' cy='35' r='21'/%3E%3Ccircle cx='29' cy='35' r='11'/%3E%3Cpath d='M29 35 51 13'/%3E%3Cpath d='M45 13h9v9'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mat-xl-icon-shield::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 7 52 15v16c0 13-8 22-20 27C20 53 12 44 12 31V15l20-8Z'/%3E%3Cpath d='m23 33 6 6 13-15'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 7 52 15v16c0 13-8 22-20 27C20 53 12 44 12 31V15l20-8Z'/%3E%3Cpath d='m23 33 6 6 13-15'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mat-xl-icon-file::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h22l13 13v37H16z'/%3E%3Cpath d='M38 7v14h13'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h22l13 13v37H16z'/%3E%3Cpath d='M38 7v14h13'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mat-xl-decision-rule {
  display: block;
  width: 48px;
  height: 3px;
  margin: 0 auto clamp(1.65rem, 2.1vw, 2.25rem);
  border-radius: 99px;
  background: #17c4d7;
}
.mat-xl-decision-card h3 {
  margin: 0 0 1.05rem;
  color: #061827;
  font-size: clamp(1.35rem, 1.45vw, 1.68rem);
  line-height: 1.16;
  letter-spacing: -0.035em;
  text-wrap: balance;
}
.mat-xl-decision-card p {
  margin: 0;
  color: #475d6e;
  font-size: clamp(1rem, .22vw + .96rem, 1.08rem);
  line-height: 1.7;
}
.mat-xl-decision-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  min-height: 58px;
  margin-top: auto;
  padding: 1rem 1.1rem;
  border-radius: 13px;
  font-size: clamp(1rem, .2vw + .98rem, 1.1rem);
  font-weight: 900;
  letter-spacing: -0.018em;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
.mat-xl-decision-cta::after {
  content: "→";
  font-size: 1.08em;
}
.mat-xl-decision-cta-outline {
  color: #075ea8;
  background: #fff;
  border: 2px solid rgba(9,109,195,.55);
  box-shadow: 0 14px 30px rgba(7,32,48,.06);
}
.mat-xl-decision-cta-solid {
  color: #fff;
  background: linear-gradient(135deg, #0875d1, #075fb0);
  border: 2px solid rgba(9,109,195,.1);
  box-shadow: 0 18px 36px rgba(8,117,209,.24), inset 0 1px 0 rgba(255,255,255,.24);
}
.mat-xl-decision-cta:hover {
  transform: translateY(-2px);
}
.mat-xl-decision-cta-outline:hover {
  border-color: rgba(7,95,176,.82);
  box-shadow: 0 18px 38px rgba(7,32,48,.10);
}
.mat-xl-decision-cta-solid:hover {
  background: linear-gradient(135deg, #0a83df, #0769bd);
  box-shadow: 0 22px 44px rgba(8,117,209,.30), inset 0 1px 0 rgba(255,255,255,.28);
}
@media (max-width: 1260px) {
  .mat-xl-decision-shell {
    grid-template-columns: 1fr;
  }
  .mat-xl-decision-intro {
    min-height: 0;
  }
  .mat-xl-intro-content {
    min-height: 0;
  }
  .mat-xl-intro-content h2 {
    max-width: 16ch;
  }
  .mat-xl-decision-card {
    min-height: 440px;
  }
}
@media (max-width: 940px) {
  .mat-xl-decision-cards {
    grid-template-columns: 1fr;
  }
  .mat-xl-decision-card {
    min-height: 0;
  }
}
@media (max-width: 680px) {
  .mat-xl-decision-recode {
    padding: 3.6rem 0 4.1rem;
  }
  .mat-xl-decision-shell {
    width: min(100% - 24px, var(--max));
    padding: .8rem;
    border-radius: 24px;
  }
  .mat-xl-intro-content {
    padding: 1.75rem 1.25rem 2rem;
  }
  .mat-xl-intro-content h2 {
    font-size: clamp(2.1rem, 10vw, 3.05rem);
    line-height: 1.12;
    letter-spacing: -0.04em;
  }
  .mat-xl-decision-card {
    padding: 1.55rem 1.25rem;
    border-radius: 22px;
  }
  .mat-xl-decision-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 1rem;
  }
  .mat-xl-decision-icon::before {
    width: 38px;
    height: 38px;
  }
  .mat-xl-decision-rule {
    margin-bottom: 1.25rem;
  }
  .mat-xl-decision-cta {
    width: 100%;
    margin-top: 1.8rem;
  }
}

/* Phase LVIII Tooling Optimisation: award-grade photography, content upgrade, conversion paths, and ScrollMeta 7.7-alpha */
.tool-xl-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 12%, rgba(24, 199, 217, .14), transparent 34%),
    radial-gradient(circle at 90% 18%, rgba(107, 223, 242, .12), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f3f9fc 100%);
}
.tool-xl-hero::before,
.tool-xl-router-section::before,
.tool-xl-conversion-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(24, 184, 207, .16) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(180deg, transparent, #000 16%, #000 80%, transparent);
  opacity: .42;
}
.tool-xl-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(440px, 1.14fr);
  gap: clamp(1.65rem, 4vw, 4.5rem);
  align-items: center;
}
.tool-xl-hero-copy {
  padding: clamp(1.65rem, 3vw, 3.15rem);
  border-radius: 34px;
  color: #f7fcff;
  background:
    radial-gradient(circle at 82% 16%, rgba(24, 199, 217, .32), transparent 34%),
    linear-gradient(135deg, #03101d 0%, #082840 60%, #04111e 100%);
  border: 1px solid rgba(116, 231, 245, .22);
  box-shadow: 0 34px 92px rgba(6, 24, 39, .24), inset 0 1px 0 rgba(255,255,255,.08);
  overflow: hidden;
  position: relative;
}
.tool-xl-hero-copy::after {
  content: "";
  position: absolute;
  right: -9%;
  bottom: -15%;
  width: 42%;
  aspect-ratio: 1;
  border: 1px solid rgba(116, 231, 245, .18);
  border-radius: 30px;
  transform: rotate(12deg);
  background:
    linear-gradient(rgba(116, 231, 245, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 231, 245, .08) 1px, transparent 1px);
  background-size: 20px 20px;
  opacity: .45;
}
.tool-xl-hero-copy > * {
  position: relative;
  z-index: 1;
}
.tool-xl-hero-copy h2 {
  color: #fff;
  font-size: clamp(2.25rem, 3.35vw, 4.45rem);
  line-height: 1.02;
  letter-spacing: -.058em;
  max-width: 12ch;
  text-wrap: balance;
  margin-bottom: 1.55rem;
}
.tool-xl-hero-copy p {
  color: #d8e8f1;
  font-size: clamp(1rem, .42vw + .92rem, 1.13rem);
  line-height: 1.74;
  max-width: 62ch;
}
.tool-xl-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: .62rem;
  margin: 1.55rem 0 1.65rem;
}
.tool-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: .45rem .72rem;
  border-radius: 999px;
  border: 1px solid rgba(116, 231, 245, .22);
  background: rgba(255,255,255,.075);
  color: #ebfbff;
  font-weight: 900;
  font-size: .82rem;
}
.tool-xl-hero-actions,
.tool-xl-conversion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
}
.tool-xl-hero-visual,
.tool-xl-split-visual {
  position: relative;
  margin: 0;
  border-radius: 34px;
  overflow: hidden;
  border: 1px solid rgba(8, 51, 74, .12);
  background: #fff;
  box-shadow: 0 28px 70px rgba(6, 24, 39, .16);
}
.tool-xl-hero-visual img,
.tool-xl-split-visual img {
  display: block;
  width: 100%;
  min-height: 420px;
  object-fit: cover;
}
.tool-xl-hero-visual::after,
.tool-xl-split-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 34%, rgba(24,184,207,.12));
  mix-blend-mode: screen;
}
.tool-xl-hero-visual figcaption,
.tool-xl-split-visual figcaption {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;
  margin: 0;
  padding: .85rem 1rem;
  border-radius: 18px;
  background: rgba(4, 17, 30, .76);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(116, 231, 245, .22);
  color: #e8f7fb;
  font-size: .9rem;
  line-height: 1.45;
  font-weight: 750;
}
.tool-xl-router-section,
.tool-xl-conversion-section {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.tool-xl-router-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1.65rem, 3vw, 2.8rem);
}
.tool-xl-router-card {
  display: grid;
  align-content: start;
  min-height: 390px;
  padding: clamp(1.35rem, 2.4vw, 2rem);
  border-radius: 30px;
  background: linear-gradient(180deg, #fff, #f8fbfd);
  border: 1px solid rgba(8, 51, 74, .1);
  box-shadow: 0 18px 52px rgba(7, 32, 48, .08);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.tool-xl-router-card:hover {
  transform: translateY(-6px);
  border-color: rgba(24, 184, 207, .32);
  box-shadow: 0 30px 74px rgba(7, 32, 48, .14);
}
.tool-xl-route-icon {
  display: inline-grid;
  place-items: center;
  width: 66px;
  height: 66px;
  margin-bottom: 1.15rem;
  border-radius: 22px;
  color: #086b96;
  background: linear-gradient(180deg, #f0fbfe, #e7f4fa);
  border: 1px solid rgba(24, 184, 207, .2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 12px 28px rgba(8,51,74,.08);
}
.tool-xl-route-icon::before {
  font-size: 1.65rem;
  font-weight: 950;
}
.tool-xl-route-icon-tool::before { content: "⚙"; }
.tool-xl-route-icon-dfm::before { content: "◇"; }
.tool-xl-route-icon-files::before { content: "↥"; }
.tool-xl-router-card h3 {
  font-size: clamp(1.35rem, 1.4vw, 1.78rem);
  line-height: 1.13;
  letter-spacing: -.035em;
  color: #071827;
  text-wrap: balance;
  margin-bottom: 1rem;
}
.tool-xl-router-card p:not(.eyebrow) {
  color: #526778;
  line-height: 1.68;
  max-width: 58ch;
}
.tool-xl-router-card a,
.tool-xl-factor-card a,
.tool-xl-conversion-links a {
  color: #057f99;
  font-weight: 950;
}
.tool-xl-router-card a {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-top: auto;
  padding-top: 1.35rem;
}
.tool-xl-router-card a::after,
.tool-xl-factor-card a::after {
  content: "→";
}
.tool-xl-factor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1.7rem, 3vw, 2.8rem);
}
.tool-xl-factor-card {
  overflow: hidden;
  border-radius: 30px;
  background: #fff;
  border: 1px solid rgba(8, 51, 74, .1);
  box-shadow: 0 18px 52px rgba(7, 32, 48, .08);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.tool-xl-factor-card:hover {
  transform: translateY(-5px);
  border-color: rgba(24,184,207,.32);
  box-shadow: 0 30px 74px rgba(7,32,48,.14);
}
.tool-xl-factor-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.tool-xl-factor-card div {
  padding: clamp(1.15rem, 2vw, 1.55rem);
}
.tool-xl-factor-card p:not(.eyebrow) {
  color: #526778;
  line-height: 1.66;
  margin-bottom: 1rem;
}
.tool-xl-split-section,
.tool-xl-trust-section {
  background: linear-gradient(180deg, #fff, #f5fafc);
}
.tool-xl-split-grid {
  display: grid;
  grid-template-columns: minmax(420px, .92fr) minmax(0, 1.08fr);
  gap: clamp(1.5rem, 4vw, 4.2rem);
  align-items: center;
}
.tool-xl-split-grid-reverse {
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
}
.tool-xl-split-copy h2 {
  max-width: 13ch;
  text-wrap: balance;
}
.tool-xl-split-copy p {
  color: #40586b;
  line-height: 1.72;
  max-width: 66ch;
}
.tool-xl-split-copy .btn-ghost,
.tool-xl-conversion-actions .btn-ghost,
.tool-xl-final .btn-ghost {
  color: #071827;
  background: #fff;
  border-color: rgba(8, 51, 74, .22);
  box-shadow: 0 12px 26px rgba(7,32,48,.08);
}
.tool-xl-split-copy .btn-ghost:hover,
.tool-xl-conversion-actions .btn-ghost:hover,
.tool-xl-final .btn-ghost:hover {
  background: #edf9fc;
  border-color: rgba(24,184,207,.35);
}
.tool-xl-two-paths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0 1.55rem;
}
.tool-xl-two-paths article {
  padding: 1.05rem;
  border-radius: 22px;
  border: 1px solid rgba(8, 51, 74, .1);
  background: #fff;
  box-shadow: 0 12px 32px rgba(7, 32, 48, .06);
}
.tool-xl-two-paths strong,
.tool-xl-two-paths span {
  display: block;
}
.tool-xl-two-paths strong {
  color: #071827;
  font-size: 1.02rem;
  margin-bottom: .35rem;
}
.tool-xl-two-paths span {
  color: #526778;
  line-height: 1.55;
  font-size: .94rem;
}
.tool-xl-step-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(1.7rem, 3vw, 2.8rem);
}
.tool-xl-step-card {
  position: relative;
  min-height: 260px;
  padding: 1.25rem;
  border-radius: 26px;
  background: #fff;
  border: 1px solid rgba(8, 51, 74, .1);
  box-shadow: 0 18px 52px rgba(7, 32, 48, .08);
  overflow: hidden;
}
.tool-xl-step-card::before {
  content: "";
  position: absolute;
  right: -42px;
  top: -42px;
  width: 112px;
  height: 112px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(24,184,207,.18), transparent 70%);
}
.tool-xl-step-card span {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  margin-bottom: 1rem;
  background: #061827;
  color: #74e7f5;
  font-weight: 950;
  box-shadow: 0 14px 28px rgba(6,24,39,.14);
}
.tool-xl-step-card h3 {
  position: relative;
  z-index: 1;
  font-size: 1.12rem;
  letter-spacing: -.02em;
}
.tool-xl-step-card p {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  color: #526778;
  line-height: 1.6;
  font-size: .96rem;
}
.tool-xl-conversion-card {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
  gap: clamp(1.4rem, 4vw, 4rem);
  align-items: stretch;
  padding: clamp(1.45rem, 3vw, 2.6rem);
  border-radius: 34px;
  background:
    radial-gradient(circle at 100% 0, rgba(24,184,207,.16), transparent 32%),
    linear-gradient(135deg, #061827, #092840);
  color: #fff;
  box-shadow: 0 34px 92px rgba(6, 24, 39, .24);
  border: 1px solid rgba(116,231,245,.2);
}
.tool-xl-conversion-copy h2 {
  color: #fff;
  max-width: 12ch;
  text-wrap: balance;
}
.tool-xl-conversion-copy p {
  color: #d8e8f1;
  line-height: 1.72;
}
.tool-xl-conversion-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .95rem;
}
.tool-xl-conversion-links a {
  display: grid;
  gap: .32rem;
  min-height: 140px;
  align-content: center;
  padding: 1.15rem;
  border-radius: 22px;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(116,231,245,.18);
  color: #fff;
  transition: transform .22s ease, background .22s ease, border-color .22s ease;
}
.tool-xl-conversion-links a:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,.12);
  border-color: rgba(116,231,245,.36);
}
.tool-xl-conversion-links span {
  color: #cfe4ef;
  font-weight: 650;
  line-height: 1.45;
}
.tool-xl-trust-section .legal-note {
  padding: 1rem 1.1rem;
  border-left: 4px solid #16b9cf;
  border-radius: 16px;
  background: #eefafd;
  color: #24475c;
}
.tool-xl-final .final-cta-card {
  background:
    radial-gradient(circle at 88% 0, rgba(24,184,207,.22), transparent 36%),
    linear-gradient(135deg, #061827, #092840);
  color: #fff;
}
.tool-xl-final .final-cta-card h2,
.tool-xl-final .final-cta-card p {
  color: #fff;
}
@media (max-width: 1180px) {
  .tool-xl-hero-grid,
  .tool-xl-split-grid,
  .tool-xl-split-grid-reverse,
  .tool-xl-conversion-card {
    grid-template-columns: 1fr;
  }
  .tool-xl-step-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .tool-xl-router-grid,
  .tool-xl-factor-grid {
    grid-template-columns: 1fr 1fr;
  }
  .tool-xl-step-grid,
  .tool-xl-conversion-links {
    grid-template-columns: 1fr 1fr;
  }
  .tool-xl-hero-copy h2,
  .tool-xl-split-copy h2,
  .tool-xl-conversion-copy h2 {
    max-width: 100%;
  }
}
@media (max-width: 720px) {
  .tool-xl-hero-copy,
  .tool-xl-conversion-card {
    border-radius: 26px;
    padding: 1.25rem;
  }
  .tool-xl-hero-copy h2 {
    font-size: clamp(2rem, 10vw, 3.15rem);
    line-height: 1.04;
  }
  .tool-xl-hero-visual img,
  .tool-xl-split-visual img {
    min-height: 310px;
  }
  .tool-xl-router-grid,
  .tool-xl-factor-grid,
  .tool-xl-step-grid,
  .tool-xl-conversion-links,
  .tool-xl-two-paths {
    grid-template-columns: 1fr;
  }
  .tool-xl-router-card,
  .tool-xl-step-card {
    min-height: 0;
  }
  .tool-xl-hero-actions .btn,
  .tool-xl-conversion-actions .btn {
    width: 100%;
  }
}

/* Phase LIX Tooling Polish + Quality Control: site-faithful award-grade industrial photography, conversion routing, and ScrollMeta 7.7-alpha */
.tool-xl-hero {
  padding-top: clamp(1.25rem, 2vw, 2rem);
}
.tool-xl-hero-grid,
.tool-xl-router-grid,
.tool-xl-factor-grid,
.tool-xl-split-grid,
.tool-xl-conversion-card {
  isolation: isolate;
}
.tool-xl-hero-copy {
  min-height: 560px;
  display: grid;
  align-content: center;
}
.tool-xl-router-section .narrow,
.tool-xl-factor-section .narrow,
.tool-xl-split-section .narrow,
.tool-xl-conversion-section .narrow {
  max-width: 850px;
}
.tool-xl-router-card,
.tool-xl-factor-card,
.tool-xl-step-card {
  outline: 1px solid rgba(255,255,255,.72);
  outline-offset: -2px;
}
.tool-xl-router-card a,
.tool-xl-factor-card a {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 42px;
  padding: .68rem .92rem;
  border-radius: 13px;
  border: 1px solid rgba(24,184,207,.24);
  background: #eefafd;
  color: #056f89;
  box-shadow: 0 10px 22px rgba(7,32,48,.06);
}
.tool-xl-router-card a:hover,
.tool-xl-factor-card a:hover {
  background: #dff7fc;
  border-color: rgba(24,184,207,.42);
}
.tool-xl-step-card h3,
.tool-xl-factor-card h3,
.tool-xl-router-card h3 {
  text-wrap: balance;
}
.tool-xl-split-visual img {
  filter: saturate(1.03) contrast(1.03);
}

.quality-xl-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(4.8rem, 7vw, 7.8rem) 0 clamp(4.1rem, 6vw, 6.6rem);
  color: #fff;
  background:
    radial-gradient(circle at 12% 16%, rgba(24, 199, 217, .26), transparent 32%),
    radial-gradient(circle at 82% 8%, rgba(116, 231, 245, .14), transparent 34%),
    linear-gradient(135deg, #03101d 0%, #08243a 58%, #04111e 100%);
}
.quality-xl-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(116,231,245,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116,231,245,.045) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(180deg, #000, transparent 88%);
  opacity: .65;
  pointer-events: none;
}
.quality-xl-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr);
  gap: clamp(1.75rem, 4vw, 4.6rem);
  align-items: center;
}
.quality-xl-hero-copy h1 {
  color: #fff;
  font-size: clamp(3.1rem, 5vw, 6rem);
  line-height: 1.01;
  letter-spacing: -.063em;
  max-width: 11.8ch;
  text-wrap: balance;
  margin-bottom: 1.35rem;
}
.quality-xl-hero-copy .hero-lede {
  color: #d9eaf3;
  max-width: 68ch;
}
.quality-xl-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: .66rem;
  margin: 1.7rem 0 1.8rem;
}
.quality-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 35px;
  padding: .48rem .78rem;
  border-radius: 999px;
  border: 1px solid rgba(116, 231, 245, .25);
  background: rgba(255,255,255,.078);
  color: #edfcff;
  font-size: .82rem;
  font-weight: 950;
}
.quality-xl-hero-visual,
.quality-xl-split-visual {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(116,231,245,.22);
  background: #061827;
  box-shadow: 0 36px 98px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08);
}
.quality-xl-hero-visual img,
.quality-xl-split-visual img {
  display: block;
  width: 100%;
  min-height: 460px;
  object-fit: cover;
  filter: saturate(1.04) contrast(1.04);
}
.quality-xl-hero-visual::after,
.quality-xl-split-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.14), transparent 34%, rgba(24,184,207,.13));
  mix-blend-mode: screen;
}
.quality-xl-hero-visual figcaption,
.quality-xl-split-visual figcaption {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;
  margin: 0;
  padding: .9rem 1rem;
  border-radius: 18px;
  background: rgba(4, 17, 30, .78);
  border: 1px solid rgba(116, 231, 245, .22);
  color: #e9f8fb;
  line-height: 1.45;
  font-weight: 750;
  backdrop-filter: blur(16px);
}
.quality-xl-process {
  position: relative;
  overflow: hidden;
  padding: clamp(3.2rem, 5vw, 5.4rem) 0;
  background: linear-gradient(180deg, #f7fbfd, #fff);
}
.quality-xl-process-card {
  display: grid;
  grid-template-columns: minmax(260px, .55fr) minmax(0, 1.45fr);
  gap: clamp(1.2rem, 3vw, 2.4rem);
  align-items: start;
  padding: clamp(1.45rem, 3vw, 2.5rem);
  border-radius: 34px;
  background: #fff;
  border: 1px solid rgba(8,51,74,.1);
  box-shadow: 0 28px 78px rgba(7,32,48,.12);
}
.quality-xl-process-intro h2 {
  font-size: clamp(2rem, 2.75vw, 3.25rem);
  max-width: 12ch;
  text-wrap: balance;
}
.quality-xl-process-intro p:not(.eyebrow) {
  color: #526778;
  line-height: 1.7;
}
.quality-xl-process-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .85rem;
}
.quality-xl-step {
  position: relative;
  min-height: 230px;
  padding: 1.1rem;
  border-radius: 24px;
  background: linear-gradient(180deg, #f9fdff, #eff8fb);
  border: 1px solid rgba(8,51,74,.1);
  overflow: hidden;
}
.quality-xl-step::after {
  content: "";
  position: absolute;
  right: -44px;
  top: -44px;
  width: 108px;
  height: 108px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(24,184,207,.18), transparent 70%);
}
.quality-xl-step span {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  margin-bottom: .85rem;
  background: #061827;
  color: #74e7f5;
  font-weight: 950;
  box-shadow: 0 14px 28px rgba(6,24,39,.14);
}
.quality-xl-step h3,
.quality-xl-step p {
  position: relative;
  z-index: 1;
}
.quality-xl-step h3 {
  font-size: 1.05rem;
  letter-spacing: -.02em;
}
.quality-xl-step p {
  color: #526778;
  font-size: .92rem;
  line-height: 1.58;
  margin: 0;
}
.quality-xl-router-section,
.quality-xl-conversion-section {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.quality-xl-router-section::before,
.quality-xl-conversion-section::before,
.quality-xl-factor-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(24,184,207,.14) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(180deg, transparent, #000 16%, #000 78%, transparent);
  opacity: .35;
}
.quality-xl-router-grid,
.quality-xl-factor-grid,
.quality-xl-conversion-card,
.quality-xl-split-grid {
  position: relative;
  z-index: 1;
}
.quality-xl-router-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1.65rem, 3vw, 2.8rem);
}
.quality-xl-router-card {
  display: grid;
  align-content: start;
  min-height: 405px;
  padding: clamp(1.35rem, 2.4vw, 2rem);
  border-radius: 30px;
  background: linear-gradient(180deg, #fff, #f8fbfd);
  border: 1px solid rgba(8,51,74,.1);
  box-shadow: 0 18px 52px rgba(7,32,48,.08);
  outline: 1px solid rgba(255,255,255,.72);
  outline-offset: -2px;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.quality-xl-router-card:hover {
  transform: translateY(-6px);
  border-color: rgba(24,184,207,.32);
  box-shadow: 0 32px 78px rgba(7,32,48,.15);
}
.quality-xl-route-icon {
  display: inline-grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin-bottom: 1.15rem;
  border-radius: 22px;
  color: #086b96;
  background: linear-gradient(180deg, #f0fbfe, #e7f4fa);
  border: 1px solid rgba(24,184,207,.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 12px 28px rgba(8,51,74,.08);
}
.quality-xl-route-icon::before {
  font-size: 1.68rem;
  font-weight: 950;
}
.quality-xl-route-icon-files::before { content: "↥"; }
.quality-xl-route-icon-quote::before { content: "✓"; }
.quality-xl-route-icon-dfm::before { content: "◇"; }
.quality-xl-router-card h3 {
  font-size: clamp(1.35rem, 1.4vw, 1.78rem);
  line-height: 1.13;
  letter-spacing: -.035em;
  color: #071827;
  text-wrap: balance;
  margin-bottom: 1rem;
}
.quality-xl-router-card p:not(.eyebrow) {
  color: #526778;
  line-height: 1.68;
}
.quality-xl-card-link,
.quality-xl-factor-card a {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  width: fit-content;
  min-height: 42px;
  margin-top: auto;
  padding: .68rem .92rem;
  border-radius: 13px;
  border: 1px solid rgba(24,184,207,.24);
  background: #eefafd;
  color: #056f89;
  font-weight: 950;
  box-shadow: 0 10px 22px rgba(7,32,48,.06);
}
.quality-xl-card-link::after,
.quality-xl-factor-card a::after {
  content: "→";
}
.quality-xl-factor-section {
  position: relative;
  overflow: hidden;
}
.quality-xl-factor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1.7rem, 3vw, 2.8rem);
}
.quality-xl-factor-card {
  overflow: hidden;
  border-radius: 30px;
  background: #fff;
  border: 1px solid rgba(8,51,74,.1);
  box-shadow: 0 18px 52px rgba(7,32,48,.08);
  outline: 1px solid rgba(255,255,255,.72);
  outline-offset: -2px;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.quality-xl-factor-card:hover {
  transform: translateY(-5px);
  border-color: rgba(24,184,207,.32);
  box-shadow: 0 30px 74px rgba(7,32,48,.14);
}
.quality-xl-factor-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.quality-xl-factor-card div {
  padding: clamp(1.15rem, 2vw, 1.55rem);
}
.quality-xl-factor-card p:not(.eyebrow) {
  color: #526778;
  line-height: 1.66;
  margin-bottom: 1rem;
}
.quality-xl-split-section,
.quality-xl-trust-section {
  background: linear-gradient(180deg, #fff, #f5fafc);
}
.quality-xl-split-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: clamp(1.5rem, 4vw, 4.2rem);
  align-items: center;
}
.quality-xl-split-grid-reverse {
  grid-template-columns: minmax(420px, .95fr) minmax(0, 1.05fr);
}
.quality-xl-split-copy h2 {
  max-width: 13ch;
  text-wrap: balance;
}
.quality-xl-split-copy p {
  color: #40586b;
  line-height: 1.72;
  max-width: 66ch;
}
.quality-xl-split-copy .btn-ghost,
.quality-xl-conversion-actions .btn-ghost,
.quality-xl-final .btn-ghost {
  color: #071827;
  background: #fff;
  border-color: rgba(8,51,74,.22);
  box-shadow: 0 12px 26px rgba(7,32,48,.08);
}
.quality-xl-conversion-card {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
  gap: clamp(1.4rem, 4vw, 4rem);
  align-items: stretch;
  padding: clamp(1.45rem, 3vw, 2.6rem);
  border-radius: 34px;
  background:
    radial-gradient(circle at 100% 0, rgba(24,184,207,.16), transparent 32%),
    linear-gradient(135deg, #061827, #092840);
  color: #fff;
  box-shadow: 0 34px 92px rgba(6,24,39,.24);
  border: 1px solid rgba(116,231,245,.2);
}
.quality-xl-conversion-copy h2 {
  color: #fff;
  max-width: 12ch;
  text-wrap: balance;
}
.quality-xl-conversion-copy p {
  color: #d8e8f1;
  line-height: 1.72;
}
.quality-xl-conversion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
}
.quality-xl-conversion-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .95rem;
}
.quality-xl-conversion-links a {
  display: grid;
  gap: .32rem;
  min-height: 140px;
  align-content: center;
  padding: 1.15rem;
  border-radius: 22px;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(116,231,245,.18);
  color: #fff;
  font-weight: 950;
  transition: transform .22s ease, background .22s ease, border-color .22s ease;
}
.quality-xl-conversion-links a:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,.12);
  border-color: rgba(116,231,245,.36);
}
.quality-xl-conversion-links span {
  color: #cfe4ef;
  font-weight: 650;
  line-height: 1.45;
}
.quality-xl-trust-section .legal-note {
  padding: 1rem 1.1rem;
  border-left: 4px solid #16b9cf;
  border-radius: 16px;
  background: #eefafd;
  color: #24475c;
}
.quality-xl-final .final-cta-card {
  background:
    radial-gradient(circle at 88% 0, rgba(24,184,207,.22), transparent 36%),
    linear-gradient(135deg, #061827, #092840);
  color: #fff;
}
.quality-xl-final .final-cta-card h2,
.quality-xl-final .final-cta-card p {
  color: #fff;
}
@media (max-width: 1180px) {
  .quality-xl-hero-grid,
  .quality-xl-process-card,
  .quality-xl-split-grid,
  .quality-xl-split-grid-reverse,
  .quality-xl-conversion-card {
    grid-template-columns: 1fr;
  }
  .quality-xl-process-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  .quality-xl-router-grid,
  .quality-xl-factor-grid {
    grid-template-columns: 1fr 1fr;
  }
  .quality-xl-conversion-links,
  .quality-xl-process-flow {
    grid-template-columns: 1fr 1fr;
  }
  .quality-xl-hero-copy h1,
  .quality-xl-split-copy h2,
  .quality-xl-conversion-copy h2,
  .quality-xl-process-intro h2 {
    max-width: 100%;
  }
}
@media (max-width: 720px) {
  .quality-xl-hero {
    padding: 3.4rem 0 3.6rem;
  }
  .quality-xl-hero-copy h1 {
    font-size: clamp(2.55rem, 11vw, 3.55rem);
    line-height: 1.04;
    letter-spacing: -.055em;
  }
  .quality-xl-hero-visual,
  .quality-xl-split-visual,
  .quality-xl-conversion-card,
  .quality-xl-process-card {
    border-radius: 26px;
  }
  .quality-xl-hero-visual img,
  .quality-xl-split-visual img {
    min-height: 310px;
  }
  .quality-xl-router-grid,
  .quality-xl-factor-grid,
  .quality-xl-conversion-links,
  .quality-xl-process-flow {
    grid-template-columns: 1fr;
  }
  .quality-xl-router-card,
  .quality-xl-step {
    min-height: 0;
  }
  .quality-xl-conversion-actions .btn,
  .quality-xl-hero .cta-row .btn {
    width: 100%;
  }
  .quality-xl-hero-visual figcaption,
  .quality-xl-split-visual figcaption {
    position: static;
    border-radius: 0;
  }
}

/* Phase LX Lead Times + Quality Control image refresh: site-colour award polish, conversion paths, and non-repetitive industrial graphics */
.quality-xl-hero-visual img,
.quality-xl-factor-card img,
.quality-xl-split-visual img {
  filter: saturate(1.02) contrast(1.03);
}
.quality-xl-hero-visual figcaption,
.quality-xl-split-visual figcaption {
  backdrop-filter: blur(18px);
}
.lead-xl-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(4.2rem, 6vw, 6.8rem) 0 clamp(4rem, 6vw, 6.6rem);
  color: #fff;
  background:
    radial-gradient(circle at 82% 12%, rgba(24,184,207,.24), transparent 34%),
    linear-gradient(135deg, #03101d 0%, #08243a 54%, #04111e 100%);
}
.lead-xl-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(116,231,245,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116,231,245,.04) 1px, transparent 1px);
  background-size: 36px 36px;
  opacity: .62;
  mask-image: linear-gradient(to bottom, #000, transparent 94%);
}
.lead-xl-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(520px,1.14fr);
  gap: clamp(1.6rem, 4vw, 4.8rem);
  align-items: center;
}
.lead-xl-hero-copy h1 {
  max-width: 760px;
  font-size: clamp(3.1rem, 5.1vw, 6.1rem);
  line-height: 1;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.lead-xl-hero-copy .hero-lede {
  max-width: 670px;
  color: #d9edf5;
}
.lead-xl-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: clamp(1.3rem, 2vw, 1.75rem) 0 clamp(1.5rem, 2.5vw, 2rem);
}
.lead-xl-proof-row span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: .5rem .72rem;
  border-radius: 999px;
  border: 1px solid rgba(116,231,245,.24);
  background: rgba(255,255,255,.065);
  color: #ddf4fb;
  font-weight: 900;
  font-size: .82rem;
}
.lead-xl-hero-visual,
.lead-xl-schedule-visual,
.lead-xl-confidence-card figure {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(116,231,245,.2);
  box-shadow: 0 36px 96px rgba(0,0,0,.34);
  background: #061827;
}
.lead-xl-hero-visual img,
.lead-xl-schedule-visual img,
.lead-xl-confidence-card figure img {
  display: block;
  width: 100%;
  min-height: 430px;
  object-fit: cover;
}
.lead-xl-hero-visual::after,
.lead-xl-schedule-visual::after,
.lead-xl-confidence-card figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.13), transparent 36%, rgba(24,184,207,.12));
  pointer-events: none;
}
.lead-xl-hero-visual figcaption,
.lead-xl-schedule-visual figcaption {
  position: absolute;
  left: 1.05rem;
  right: 1.05rem;
  bottom: 1.05rem;
  z-index: 2;
  padding: .9rem 1rem;
  border-radius: 18px;
  background: rgba(4,17,30,.74);
  border: 1px solid rgba(116,231,245,.22);
  color: #def2f9;
  font-size: .92rem;
  font-weight: 750;
  backdrop-filter: blur(18px);
}
.lead-xl-overview {
  padding: clamp(3.4rem, 5vw, 5rem) 0 clamp(4.4rem, 7vw, 7rem);
  background: linear-gradient(180deg, #f7fbfd 0%, #fff 100%);
}
.lead-xl-overview-card,
.lead-xl-router-panel,
.lead-xl-confidence-card {
  border-radius: 34px;
  border: 1px solid rgba(8,51,74,.1);
  background: #fff;
  box-shadow: 0 30px 84px rgba(7,32,48,.1);
}
.lead-xl-overview-card {
  margin-top: -5.8rem;
  position: relative;
  z-index: 3;
  padding: clamp(1.45rem, 3vw, 2.6rem);
}
.lead-xl-section-heading {
  text-align: center;
  max-width: 850px;
  margin: 0 auto clamp(1.6rem, 3vw, 2.4rem);
}
.lead-xl-section-heading h2,
.lead-xl-router-copy h2,
.lead-xl-schedule-copy h2,
.lead-xl-confidence-card h2 {
  text-wrap: balance;
}
.lead-xl-section-heading p,
.lead-xl-router-copy p,
.lead-xl-schedule-copy p,
.lead-xl-confidence-card p {
  color: #526778;
  line-height: 1.7;
}
.lead-xl-stage-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: clamp(.85rem, 1.3vw, 1.1rem);
}
.lead-xl-stage {
  position: relative;
  min-height: 258px;
  display: grid;
  align-content: start;
  gap: .52rem;
  padding: clamp(1.15rem, 1.8vw, 1.55rem);
  border-radius: 24px;
  background: linear-gradient(180deg, #fff, #f8fcfe);
  border: 1px solid rgba(8,51,74,.1);
  box-shadow: 0 18px 46px rgba(7,32,48,.065);
}
.lead-xl-stage:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -.82rem;
  top: 34%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: #0789a4;
  background: #effbfe;
  border: 1px solid rgba(24,184,207,.26);
  font-weight: 950;
}
.lead-xl-stage-icon {
  display: inline-grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: .3rem;
  border-radius: 19px;
  background: linear-gradient(180deg, #f0fbfe, #e7f4fa);
  border: 1px solid rgba(24,184,207,.22);
  color: #067c9c;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 22px rgba(7,32,48,.06);
}
.lead-xl-stage-icon::before {
  font-size: 1.58rem;
  font-weight: 950;
}
.lead-xl-stage-icon-review::before { content: "◎"; }
.lead-xl-stage-icon-tool::before { content: "◇"; }
.lead-xl-stage-icon-sample::before { content: "✓"; }
.lead-xl-stage-icon-production::before { content: "▥"; }
.lead-xl-stage-icon-delivery::before { content: "▻"; }
.lead-xl-stage h3 {
  color: #071827;
  font-size: 1.12rem;
}
.lead-xl-stage strong {
  color: #0789a4;
  font-size: .94rem;
  font-weight: 950;
}
.lead-xl-stage p {
  margin: 0;
  color: #526778;
  font-size: .94rem;
  line-height: 1.54;
}
.lead-xl-factor-section {
  background: #fff;
}
.lead-xl-factor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: clamp(1rem, 2vw, 1.45rem);
  margin-top: clamp(1.7rem, 3vw, 2.8rem);
}
.lead-xl-factor-card {
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(8,51,74,.1);
  background: #fff;
  box-shadow: 0 18px 52px rgba(7,32,48,.08);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.lead-xl-factor-card:hover {
  transform: translateY(-5px);
  border-color: rgba(24,184,207,.32);
  box-shadow: 0 30px 74px rgba(7,32,48,.14);
}
.lead-xl-factor-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.lead-xl-factor-card div {
  padding: clamp(1.15rem, 2vw, 1.55rem);
}
.lead-xl-factor-card h3 {
  font-size: clamp(1.15rem, 1.2vw, 1.35rem);
  color: #071827;
}
.lead-xl-factor-card p {
  color: #526778;
  line-height: 1.64;
}
.lead-xl-router-section {
  background: linear-gradient(180deg, #f7fbfd, #edf6fa);
}
.lead-xl-router-panel {
  display: grid;
  grid-template-columns: minmax(0,.72fr) minmax(520px,1.28fr);
  gap: clamp(1.35rem, 3vw, 3rem);
  padding: clamp(1.45rem, 3vw, 2.65rem);
  align-items: stretch;
}
.lead-xl-router-copy {
  display: grid;
  align-content: center;
  min-height: 100%;
  padding: clamp(1.3rem, 2.4vw, 2.2rem);
  border-radius: 28px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(24,184,207,.24), transparent 36%),
    linear-gradient(135deg, #061827, #092840);
  border: 1px solid rgba(116,231,245,.18);
}
.lead-xl-router-copy h2,
.lead-xl-router-copy p {
  color: #fff;
}
.lead-xl-router-copy p:not(.eyebrow) {
  color: #d8e8f1;
}
.lead-xl-router-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1rem;
}
.lead-xl-router-card {
  display: grid;
  align-content: start;
  gap: .65rem;
  min-height: 300px;
  padding: clamp(1.15rem, 2vw, 1.45rem);
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(8,51,74,.1);
  box-shadow: 0 16px 42px rgba(7,32,48,.07);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.lead-xl-router-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 68px rgba(7,32,48,.13);
  border-color: rgba(24,184,207,.34);
}
.lead-xl-router-card .eyebrow {
  color: #0789a4;
}
.lead-xl-router-card h3 {
  font-size: clamp(1.2rem, 1.25vw, 1.45rem);
  line-height: 1.16;
  letter-spacing: -.03em;
}
.lead-xl-router-card p:not(.eyebrow) {
  color: #526778;
  line-height: 1.62;
}
.lead-xl-router-card a,
.lead-xl-check-grid article h3::before {
  color: #0789a4;
}
.lead-xl-router-card a {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  width: fit-content;
  margin-top: auto;
  min-height: 42px;
  padding: .68rem .92rem;
  border-radius: 13px;
  border: 1px solid rgba(24,184,207,.24);
  background: #eefafd;
  font-weight: 950;
}
.lead-xl-router-card a::after {
  content: "→";
}
.lead-xl-schedule-section {
  background: linear-gradient(180deg, #fff, #f5fafc);
}
.lead-xl-schedule-grid {
  display: grid;
  grid-template-columns: minmax(420px,.92fr) minmax(0,1.08fr);
  gap: clamp(1.5rem, 4vw, 4.4rem);
  align-items: center;
}
.lead-xl-schedule-visual {
  box-shadow: 0 30px 76px rgba(7,32,48,.16);
}
.lead-xl-schedule-copy h2 {
  max-width: 13ch;
}
.lead-xl-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .9rem;
  margin: clamp(1.2rem, 2vw, 1.7rem) 0;
}
.lead-xl-check-grid article {
  padding: 1rem;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(8,51,74,.09);
  box-shadow: 0 14px 34px rgba(7,32,48,.06);
}
.lead-xl-check-grid article h3 {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
}
.lead-xl-check-grid article h3::before {
  content: "✓";
  font-weight: 950;
}
.lead-xl-check-grid article p {
  margin: 0;
  color: #526778;
  line-height: 1.58;
}
.lead-xl-confidence-section {
  background: #fff;
}
.lead-xl-confidence-card {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(440px,.92fr);
  gap: clamp(1.35rem, 3vw, 3rem);
  align-items: center;
  padding: clamp(1.45rem, 3vw, 2.65rem);
}
.lead-xl-confidence-card > div {
  padding: clamp(.4rem, 1vw, 1rem);
}
.lead-xl-confidence-card h2 {
  max-width: 15ch;
}
.lead-xl-confidence-card .legal-note {
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border-left: 4px solid #16b9cf;
  border-radius: 16px;
  background: #eefafd;
  color: #24475c;
}
.lead-xl-final .final-cta-card {
  background:
    radial-gradient(circle at 88% 0, rgba(24,184,207,.22), transparent 36%),
    linear-gradient(135deg, #061827, #092840);
  color: #fff;
}
.lead-xl-final .final-cta-card h2,
.lead-xl-final .final-cta-card p {
  color: #fff;
}
.lead-xl-final .btn-ghost,
.lead-xl-schedule-copy .btn-ghost {
  color: #071827;
  background: #fff;
  border-color: rgba(8,51,74,.22);
  box-shadow: 0 12px 26px rgba(7,32,48,.08);
}
@media (max-width: 1180px) {
  .lead-xl-hero-grid,
  .lead-xl-router-panel,
  .lead-xl-schedule-grid,
  .lead-xl-confidence-card {
    grid-template-columns: 1fr;
  }
  .lead-xl-stage-row {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
  .lead-xl-stage:not(:last-child)::after {
    display: none;
  }
}
@media (max-width: 980px) {
  .lead-xl-router-grid,
  .lead-xl-factor-grid,
  .lead-xl-check-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .lead-xl-hero {
    padding: 3.4rem 0 3.6rem;
  }
  .lead-xl-hero-copy h1 {
    font-size: clamp(2.6rem, 11vw, 3.65rem);
    line-height: 1.04;
  }
  .lead-xl-hero-visual,
  .lead-xl-schedule-visual,
  .lead-xl-overview-card,
  .lead-xl-router-panel,
  .lead-xl-confidence-card {
    border-radius: 26px;
  }
  .lead-xl-hero-visual img,
  .lead-xl-schedule-visual img,
  .lead-xl-confidence-card figure img {
    min-height: 310px;
  }
  .lead-xl-hero-visual figcaption,
  .lead-xl-schedule-visual figcaption {
    position: static;
    border-radius: 0;
  }
  .lead-xl-stage-row,
  .lead-xl-router-grid,
  .lead-xl-factor-grid,
  .lead-xl-check-grid {
    grid-template-columns: 1fr;
  }
  .lead-xl-stage,
  .lead-xl-router-card {
    min-height: 0;
  }
  .lead-xl-hero .cta-row .btn,
  .lead-xl-final .service-cta-actions .btn,
  .lead-xl-schedule-copy .cta-row .btn {
    width: 100%;
  }
}


/* Phase LXI High-resolution photography refresh: sharper non-repetitive industrial imagery for Quality Control and Lead Times */
.quality-xl-hero-visual img,
.quality-xl-factor-card img,
.quality-xl-split-visual img,
.lead-xl-hero-visual img,
.lead-xl-factor-card img,
.lead-xl-schedule-visual img,
.lead-xl-confidence-card figure img {
  image-rendering: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.quality-xl-factor-card img,
.lead-xl-factor-card img {
  background: linear-gradient(135deg, #eef8fb, #ffffff);
}

/* Phase LXIII About Page: trust-building intake gateway, award-grade industrial imagery, conversion path upgrade */
.about-xl-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(22,185,207,.26),transparent 34%),linear-gradient(135deg,#04111e 0%,#08243a 58%,#061827 100%)}
.about-xl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,223,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.about-xl-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(4,17,30,.92) 0%,rgba(4,17,30,.48) 50%,rgba(4,17,30,.18) 100%)}
.about-xl-hero-grid{position:relative;z-index:1;min-height:735px;padding:5.4rem 0;display:grid;grid-template-columns:.92fr 1.08fr;gap:3.2rem;align-items:center}
.about-xl-copy{max-width:800px}.about-xl-copy h1{margin-bottom:.55rem}.about-xl-kicker{font-size:clamp(1.62rem,2.3vw,2.85rem);line-height:1.08;letter-spacing:-.045em;font-weight:900;color:#e9f7fb;max-width:760px;margin:0 0 1.15rem}.about-xl-hero .hero-lede{font-size:1.16rem;max-width:720px;color:#d5e7ef}
.about-xl-proof-row{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.35rem 0 1.45rem}.about-xl-proof-row span{display:inline-flex;align-items:center;border:1px solid rgba(107,223,242,.28);background:rgba(255,255,255,.075);border-radius:999px;padding:.46rem .76rem;color:#dff5fa;font-weight:900;font-size:.82rem}.about-xl-proof-row span:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--cyan-2);margin-right:.48rem;box-shadow:0 0 18px rgba(107,223,242,.6)}
.about-xl-hero-card,.about-xl-image-frame,.about-xl-band-large,.about-xl-band-stack figure,.about-xl-final-image{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(107,223,242,.22);background:#071827;box-shadow:0 34px 80px rgba(6,24,39,.28)}
.about-xl-hero-card img,.about-xl-image-frame img,.about-xl-band-large img,.about-xl-band-stack img,.about-xl-final-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.about-xl-hero-card:hover img,.about-xl-image-frame:hover img,.about-xl-band-large:hover img,.about-xl-band-stack figure:hover img,.about-xl-final-image:hover img{transform:scale(1.035)}
.about-xl-hero-card:after,.about-xl-image-frame:after,.about-xl-band-large:after,.about-xl-band-stack figure:after,.about-xl-final-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.17),transparent 32%,rgba(22,185,207,.13) 75%,transparent);mix-blend-mode:screen;pointer-events:none}
.about-xl-hero-card{min-height:560px}.about-xl-hero-card figcaption{position:absolute;left:1.15rem;right:1.15rem;bottom:1.15rem;padding:1rem 1.1rem;border-radius:18px;background:rgba(4,17,30,.76);border:1px solid rgba(107,223,242,.26);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.about-xl-hero-card figcaption strong{display:block;color:#fff;font-size:1rem}.about-xl-hero-card figcaption span{display:block;color:#cfe4ee;font-size:.88rem;line-height:1.5;margin-top:.2rem}
.about-xl-summary{background:#fff}.about-xl-answer-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:2rem;align-items:start}.about-xl-section-copy p:not(.eyebrow){color:var(--muted);font-size:1.02rem}.about-xl-answer-list{display:grid;gap:.85rem}.about-xl-answer-list article{position:relative;background:linear-gradient(180deg,#fff,#f7fbfd);border:1px solid var(--line);border-radius:18px;padding:1.05rem 1.1rem 1.05rem 3.2rem;color:#304758;font-weight:780;box-shadow:0 16px 36px rgba(6,24,39,.07)}.about-xl-answer-list article:before{content:"✓";position:absolute;left:1rem;top:1.05rem;width:1.42rem;height:1.42rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#0b8fae);color:#fff;font-weight:900;font-size:.82rem}
.about-xl-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:3rem;align-items:center}.about-xl-split-reverse{grid-template-columns:1.04fr .96fr}.about-xl-image-frame{min-height:455px;border-color:rgba(8,36,58,.13);box-shadow:0 28px 70px rgba(8,36,58,.16)}.about-xl-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.45rem}.about-xl-mini-grid article{background:#fff;border:1px solid rgba(188,208,221,.68);border-radius:18px;padding:1.05rem;box-shadow:0 16px 34px rgba(8,36,58,.07)}.about-xl-mini-grid h3{color:#08243a}.about-xl-mini-grid p{color:#5a6f80;margin-bottom:0;font-size:.94rem}
.about-xl-not{background:#fff}.about-xl-not-card{display:grid;grid-template-columns:.68fr 1.32fr;gap:2rem;background:radial-gradient(circle at 100% 0,rgba(22,185,207,.14),transparent 32%),linear-gradient(135deg,#071827,#09243a);color:#fff;border-radius:30px;padding:2.4rem;box-shadow:0 34px 86px rgba(6,24,39,.24);overflow:hidden}.about-xl-not-card h2,.about-xl-final h2{color:#fff}.about-xl-not-card p{color:#c8dce7}.about-xl-not-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.about-xl-not-grid article{background:rgba(255,255,255,.075);border:1px solid rgba(107,223,242,.18);border-radius:18px;padding:1.1rem}.about-xl-not-grid h3{color:#fff}.about-xl-not-grid p{font-size:.94rem;margin-bottom:0;color:#cfe2ec}
.about-xl-buyer-list{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.72rem}.about-xl-buyer-list li{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.82rem .95rem .82rem 2.45rem;color:#385063;font-weight:800;box-shadow:0 10px 25px rgba(8,36,58,.055)}.about-xl-buyer-list li:before{content:"";position:absolute;left:.95rem;top:1.08rem;width:.56rem;height:.56rem;border-radius:50%;background:var(--cyan)}
.about-xl-process{background:linear-gradient(180deg,#fff,#f8fbfd)}.about-xl-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2.1rem}.about-xl-process-grid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.25rem;box-shadow:0 18px 42px rgba(8,36,58,.08);min-height:238px}.about-xl-process-grid article:not(:last-child):after{content:"";position:absolute;right:-.72rem;top:52px;width:.9rem;height:.9rem;border-top:2px solid rgba(22,185,207,.45);border-right:2px solid rgba(22,185,207,.45);transform:rotate(45deg);background:#fff}.about-xl-process-grid span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#e8fbff,#f8fdff);border:1px solid rgba(22,185,207,.22);color:#0789a4;font-weight:950;margin-bottom:1rem}.about-xl-process-grid h3{font-size:1.05rem}.about-xl-process-grid p{color:#5b7080;margin-bottom:0;font-size:.94rem}
.about-xl-image-band{padding-top:0;background:#fff}.about-xl-band-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:1.1rem}.about-xl-band-large{min-height:620px}.about-xl-band-stack{display:grid;gap:1.1rem}.about-xl-band-stack figure{min-height:300px;margin:0}
.about-xl-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.1rem}.about-xl-trust-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.2rem;box-shadow:0 16px 36px rgba(8,36,58,.075);position:relative;overflow:hidden}.about-xl-trust-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--cyan),rgba(107,223,242,.25))}.about-xl-trust-grid h3{color:#09243a}.about-xl-trust-grid p{color:#5a6f80;margin-bottom:0;font-size:.94rem}
.about-xl-confidential{background:#fff}.about-xl-confidential .btn-ghost.dark{color:#08243a;background:rgba(8,36,58,.03);border-color:rgba(8,36,58,.22)}.about-xl-confidential .btn-ghost.dark:hover{background:rgba(8,36,58,.07)}
.about-xl-router-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.1rem}.about-xl-router-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.1rem;box-shadow:0 16px 36px rgba(8,36,58,.075);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.about-xl-router-grid article:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(8,36,58,.12);border-color:rgba(22,185,207,.32)}.about-xl-router-grid span{display:block;color:#0789a4;text-transform:uppercase;letter-spacing:.085em;font-weight:950;font-size:.68rem;margin-bottom:.55rem}.about-xl-router-grid p{color:#5a6f80;font-size:.94rem}.about-xl-router-grid a{display:inline-flex;margin-top:.2rem;color:#0789a4;font-weight:950}.about-xl-router-grid a:after{content:"→";margin-left:.42rem}
.about-xl-faq-grid{margin-top:2.1rem}.about-xl-faq .faq-item{background:rgba(255,255,255,.94)}
.about-xl-final{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(22,185,207,.24),transparent 34%),linear-gradient(135deg,#04111e,#08243a 60%,#061827)}.about-xl-final:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,223,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.04) 1px,transparent 1px);background-size:44px 44px;opacity:.7}.about-xl-final-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:2.6rem;align-items:center}.about-xl-final p{color:#d1e4ee;font-size:1.04rem}.about-xl-final-image{min-height:455px}.about-xl-final-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}.about-xl-final-links a{color:#dff6fb;border-bottom:1px solid rgba(107,223,242,.55);font-weight:850;font-size:.93rem}.about-xl-final .btn-ghost{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.05)}
@media (max-width:1180px){.about-xl-hero-grid,.about-xl-answer-grid,.about-xl-split,.about-xl-split-reverse,.about-xl-not-card,.about-xl-band-grid,.about-xl-final-grid{grid-template-columns:1fr}.about-xl-hero-grid{min-height:auto;padding:4.2rem 0}.about-xl-hero-card,.about-xl-image-frame,.about-xl-band-large,.about-xl-final-image{min-height:420px}.about-xl-process-grid,.about-xl-trust-grid,.about-xl-router-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-xl-process-grid article:not(:last-child):after{display:none}.about-xl-band-stack{grid-template-columns:1fr 1fr}.about-xl-band-stack figure{min-height:260px}}
@media (max-width:720px){.about-xl-hero-grid{padding:3.4rem 0;gap:2rem}.about-xl-kicker{font-size:1.55rem}.about-xl-hero-card,.about-xl-image-frame,.about-xl-band-large,.about-xl-band-stack figure,.about-xl-final-image{border-radius:22px;min-height:310px}.about-xl-proof-row{gap:.45rem}.about-xl-proof-row span{font-size:.75rem;padding:.42rem .62rem}.about-xl-mini-grid,.about-xl-not-grid,.about-xl-process-grid,.about-xl-trust-grid,.about-xl-router-grid,.about-xl-band-stack{grid-template-columns:1fr}.about-xl-not-card{padding:1.35rem;border-radius:22px}.about-xl-answer-list article{padding-left:2.85rem}.about-xl-final-links{flex-direction:column;align-items:flex-start}.about-xl-copy .cta-row .btn,.about-xl-final .cta-row .btn{width:100%}}

/* Phase LXIV FAQ Page: buyer-question claim-boundary answer architecture, manual review routing, conversion support */
.faq-xl-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 10%,rgba(22,185,207,.25),transparent 33%),linear-gradient(135deg,#04111e 0%,#08243a 58%,#061827 100%)}
.faq-xl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,223,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.faq-xl-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(4,17,30,.94) 0%,rgba(4,17,30,.58) 50%,rgba(4,17,30,.2) 100%)}
.faq-xl-hero-grid{position:relative;z-index:1;min-height:700px;padding:5.1rem 0;display:grid;grid-template-columns:.92fr 1.08fr;gap:3.2rem;align-items:center}
.faq-xl-copy{max-width:820px}.faq-xl-copy h1{margin-bottom:.6rem}.faq-xl-kicker{font-size:clamp(1.58rem,2.35vw,2.8rem);line-height:1.08;letter-spacing:-.048em;font-weight:950;color:#eaf8fb;max-width:820px;margin:0 0 1.05rem}.faq-xl-copy .hero-lede{font-size:1.15rem;color:#d4e8f0;max-width:760px;line-height:1.65}
.faq-xl-proof-row{display:flex;flex-wrap:wrap;gap:.62rem;margin-top:1.35rem}.faq-xl-proof-row span{display:inline-flex;align-items:center;border:1px solid rgba(107,223,242,.3);background:rgba(255,255,255,.075);border-radius:999px;padding:.46rem .78rem;color:#e6f9fc;font-weight:900;font-size:.82rem}.faq-xl-proof-row span:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--cyan-2);margin-right:.48rem;box-shadow:0 0 18px rgba(107,223,242,.62)}
.faq-xl-hero-card,.faq-xl-image-card,.faq-xl-sidebar-image,.faq-xl-boundary-image,.faq-xl-final-image{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(107,223,242,.22);background:#071827;box-shadow:0 34px 82px rgba(6,24,39,.28)}
.faq-xl-hero-card img,.faq-xl-image-card img,.faq-xl-sidebar-image img,.faq-xl-boundary-image img,.faq-xl-final-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.faq-xl-hero-card:hover img,.faq-xl-image-card:hover img,.faq-xl-sidebar-image:hover img,.faq-xl-boundary-image:hover img,.faq-xl-final-image:hover img{transform:scale(1.035)}
.faq-xl-hero-card:after,.faq-xl-image-card:after,.faq-xl-sidebar-image:after,.faq-xl-boundary-image:after,.faq-xl-final-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 32%,rgba(22,185,207,.13) 78%,transparent);mix-blend-mode:screen;pointer-events:none}
.faq-xl-hero-card{min-height:560px}.faq-xl-hero-card figcaption{position:absolute;left:1.15rem;right:1.15rem;bottom:1.15rem;padding:1rem 1.1rem;border-radius:18px;background:rgba(4,17,30,.76);border:1px solid rgba(107,223,242,.26);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.faq-xl-hero-card figcaption strong{display:block;color:#fff;font-size:1rem}.faq-xl-hero-card figcaption span{display:block;color:#cfe4ee;font-size:.88rem;line-height:1.5;margin-top:.2rem}
.faq-xl-fast{background:#fff}.faq-xl-fast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.05rem}.faq-xl-fast-card{position:relative;background:linear-gradient(180deg,#fff,#f7fbfd);border:1px solid var(--line);border-radius:22px;padding:1.25rem;box-shadow:0 18px 42px rgba(8,36,58,.075);overflow:hidden}.faq-xl-fast-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--cyan),rgba(107,223,242,.25))}.faq-xl-fast-card h3{color:#09243a;font-size:1.06rem}.faq-xl-fast-card p{color:#5b7080;margin-bottom:0;font-size:.95rem;line-height:1.6}
.faq-xl-review-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:3rem;align-items:center}.faq-xl-image-card{min-height:520px;border-color:rgba(8,36,58,.12);box-shadow:0 28px 70px rgba(8,36,58,.16)}.faq-xl-review-copy h2{max-width:13ch}.faq-xl-review-copy p{color:#52697a}.faq-xl-step-list{display:grid;gap:.82rem;margin-top:1.45rem}.faq-xl-step-list article{display:grid;grid-template-columns:54px 1fr;gap:.92rem;align-items:start;background:#fff;border:1px solid rgba(188,208,221,.72);border-radius:18px;padding:1rem;box-shadow:0 14px 32px rgba(8,36,58,.06)}.faq-xl-step-list span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#e8fbff,#f8fdff);border:1px solid rgba(22,185,207,.22);color:#0789a4;font-weight:950}.faq-xl-step-list h3{font-size:1.02rem;margin-bottom:.25rem}.faq-xl-step-list p{font-size:.94rem;margin-bottom:0;color:#5b7080}
.faq-xl-answers{background:#fff}.faq-xl-answer-layout{display:grid;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:2.4rem;align-items:start}.faq-xl-sidebar{position:sticky;top:112px;background:linear-gradient(180deg,#ffffff,#f7fbfd);border:1px solid var(--line);border-radius:26px;padding:1.35rem;box-shadow:0 24px 58px rgba(8,36,58,.09)}.faq-xl-sidebar h2{font-size:clamp(1.85rem,2.7vw,3rem);line-height:1;letter-spacing:-.06em}.faq-xl-sidebar p{color:#5b7080}.faq-xl-jump-list{display:grid;gap:.55rem;margin:1.2rem 0}.faq-xl-jump-list a{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:.65rem .78rem;border-radius:14px;background:#fff;border:1px solid rgba(188,208,221,.72);color:#07314c;font-weight:900}.faq-xl-jump-list a:after{content:"→";color:#0789a4}.faq-xl-sidebar-image{min-height:245px;border-radius:20px;margin-top:1rem;box-shadow:0 18px 42px rgba(8,36,58,.1)}
.faq-xl-group-list{display:grid;gap:1.2rem}.faq-xl-group{scroll-margin-top:125px;background:linear-gradient(180deg,#ffffff,#fbfdfe);border:1px solid rgba(188,208,221,.72);border-radius:26px;padding:1.25rem;box-shadow:0 18px 46px rgba(8,36,58,.075)}.faq-xl-group>h3{color:#08243a;font-size:clamp(1.3rem,2.05vw,2rem);margin-bottom:.8rem}.faq-xl-detail{border-top:1px solid rgba(188,208,221,.72)}.faq-xl-detail:first-of-type{border-top:0}.faq-xl-detail summary{cursor:pointer;list-style:none;padding:1.05rem 2.4rem 1.05rem 0;color:#08243a;font-weight:950;font-size:1.02rem;line-height:1.35;position:relative}.faq-xl-detail summary::-webkit-details-marker{display:none}.faq-xl-detail summary:after{content:"+";position:absolute;right:.15rem;top:.86rem;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf9fc;color:#0789a4;font-weight:950;border:1px solid rgba(22,185,207,.22)}.faq-xl-detail[open] summary:after{content:"−"}.faq-xl-detail p{color:#536b7c;line-height:1.68;max-width:890px;margin:0 0 1rem}
.faq-xl-boundary{background:radial-gradient(circle at 86% 8%,rgba(22,185,207,.22),transparent 34%),linear-gradient(135deg,#04111e,#08243a 62%,#061827);color:#fff}.faq-xl-boundary-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:2.6rem;align-items:center}.faq-xl-boundary h2{color:#fff;max-width:13ch}.faq-xl-boundary p{color:#d1e4ee}.faq-xl-boundary-image{min-height:500px}.faq-xl-boundary .btn-ghost{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.05);color:#fff}
.faq-xl-router{background:linear-gradient(180deg,#ffffff,#f6fbfd)}.faq-xl-router-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.05rem}.faq-xl-router-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.1rem;box-shadow:0 16px 36px rgba(8,36,58,.075);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.faq-xl-router-grid article:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(8,36,58,.12);border-color:rgba(22,185,207,.32)}.faq-xl-router-grid span{display:block;color:#0789a4;text-transform:uppercase;letter-spacing:.085em;font-weight:950;font-size:.68rem;margin-bottom:.55rem}.faq-xl-router-grid h3{font-size:1.08rem;color:#09243a}.faq-xl-router-grid p{color:#5a6f80;font-size:.94rem}.faq-xl-router-grid a{display:inline-flex;margin-top:.2rem;color:#0789a4;font-weight:950}.faq-xl-router-grid a:after{content:"→";margin-left:.42rem}
.faq-xl-final{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(22,185,207,.24),transparent 34%),linear-gradient(135deg,#04111e,#08243a 60%,#061827)}.faq-xl-final:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,223,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.04) 1px,transparent 1px);background-size:44px 44px;opacity:.72}.faq-xl-final-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:2.6rem;align-items:center}.faq-xl-final h2{color:#fff;max-width:12ch}.faq-xl-final p{color:#d1e4ee;font-size:1.04rem}.faq-xl-final-image{min-height:455px}.faq-xl-final-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}.faq-xl-final-links a{color:#dff6fb;border-bottom:1px solid rgba(107,223,242,.55);font-weight:850;font-size:.93rem}.faq-xl-final .btn-ghost{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.05);color:#fff}
@media (max-width:1180px){.faq-xl-hero-grid,.faq-xl-review-grid,.faq-xl-answer-layout,.faq-xl-boundary-grid,.faq-xl-final-grid{grid-template-columns:1fr}.faq-xl-hero-grid{min-height:auto;padding:4.2rem 0}.faq-xl-hero-card,.faq-xl-image-card,.faq-xl-boundary-image,.faq-xl-final-image{min-height:420px}.faq-xl-fast-grid,.faq-xl-router-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-xl-sidebar{position:relative;top:auto}.faq-xl-sidebar-image{min-height:340px}}
@media (max-width:720px){.faq-xl-hero-grid{padding:3.35rem 0;gap:2rem}.faq-xl-kicker{font-size:1.55rem}.faq-xl-hero-card,.faq-xl-image-card,.faq-xl-sidebar-image,.faq-xl-boundary-image,.faq-xl-final-image{border-radius:22px;min-height:310px}.faq-xl-proof-row{gap:.45rem}.faq-xl-proof-row span{font-size:.75rem;padding:.42rem .62rem}.faq-xl-fast-grid,.faq-xl-router-grid{grid-template-columns:1fr}.faq-xl-step-list article{grid-template-columns:1fr}.faq-xl-detail summary{font-size:.98rem}.faq-xl-copy .cta-row .btn,.faq-xl-boundary .cta-row .btn,.faq-xl-final .cta-row .btn{width:100%;justify-content:center}.faq-xl-final-links{flex-direction:column;align-items:flex-start}}


/* Phase LXV Confidentiality Page: sensitive-file intake, NDA boundary clarity, trust-path conversion upgrade */
.conf-xl-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 10%,rgba(22,185,207,.22),transparent 34%),linear-gradient(135deg,#04111e 0%,#08243a 58%,#061827 100%)}
.conf-xl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,223,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.conf-xl-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(4,17,30,.94) 0%,rgba(4,17,30,.62) 52%,rgba(4,17,30,.22) 100%)}
.conf-xl-hero-grid{position:relative;z-index:1;min-height:700px;padding:5.1rem 0;display:grid;grid-template-columns:.94fr 1.06fr;gap:3.15rem;align-items:center}
.conf-xl-copy{max-width:840px}.conf-xl-copy h1{margin-bottom:.68rem}.conf-xl-kicker{font-size:clamp(1.58rem,2.35vw,2.85rem);line-height:1.08;letter-spacing:-.048em;font-weight:950;color:#eaf8fb;max-width:830px;margin:0 0 1.05rem}.conf-xl-copy .hero-lede{font-size:1.15rem;color:#d4e8f0;max-width:760px;line-height:1.66}
.conf-xl-proof-row{display:flex;flex-wrap:wrap;gap:.62rem;margin-top:1.35rem}.conf-xl-proof-row span{display:inline-flex;align-items:center;border:1px solid rgba(107,223,242,.3);background:rgba(255,255,255,.075);border-radius:999px;padding:.46rem .78rem;color:#e6f9fc;font-weight:900;font-size:.82rem}.conf-xl-proof-row span:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--cyan-2);margin-right:.48rem;box-shadow:0 0 18px rgba(107,223,242,.62)}
.conf-xl-hero-card,.conf-xl-image-card,.conf-xl-sidebar-image,.conf-xl-boundary-image,.conf-xl-final-image{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(107,223,242,.22);background:#071827;box-shadow:0 34px 82px rgba(6,24,39,.28)}
.conf-xl-hero-card img,.conf-xl-image-card img,.conf-xl-sidebar-image img,.conf-xl-boundary-image img,.conf-xl-final-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.conf-xl-hero-card:hover img,.conf-xl-image-card:hover img,.conf-xl-sidebar-image:hover img,.conf-xl-boundary-image:hover img,.conf-xl-final-image:hover img{transform:scale(1.035)}
.conf-xl-hero-card:after,.conf-xl-image-card:after,.conf-xl-sidebar-image:after,.conf-xl-boundary-image:after,.conf-xl-final-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.17),transparent 32%,rgba(22,185,207,.13) 78%,transparent);mix-blend-mode:screen;pointer-events:none}
.conf-xl-hero-card{min-height:560px}.conf-xl-hero-card figcaption{position:absolute;left:1.15rem;right:1.15rem;bottom:1.15rem;padding:1rem 1.1rem;border-radius:18px;background:rgba(4,17,30,.76);border:1px solid rgba(107,223,242,.26);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.conf-xl-hero-card figcaption strong{display:block;color:#fff;font-size:1rem}.conf-xl-hero-card figcaption span{display:block;color:#cfe4ee;font-size:.88rem;line-height:1.5;margin-top:.2rem}
.conf-xl-fast{background:#fff}.conf-xl-fast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.05rem}.conf-xl-fast-card{position:relative;background:linear-gradient(180deg,#fff,#f7fbfd);border:1px solid var(--line);border-radius:22px;padding:1.25rem;box-shadow:0 18px 42px rgba(8,36,58,.075);overflow:hidden}.conf-xl-fast-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--cyan),rgba(107,223,242,.25))}.conf-xl-fast-card h3{color:#09243a;font-size:1.06rem}.conf-xl-fast-card p{color:#5b7080;margin-bottom:0;font-size:.95rem;line-height:1.6}
.conf-xl-split-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:3rem;align-items:center}.conf-xl-split-grid.reverse{grid-template-columns:1.02fr .98fr}.conf-xl-image-card{min-height:520px;border-color:rgba(8,36,58,.12);box-shadow:0 28px 70px rgba(8,36,58,.16)}.conf-xl-tall{min-height:640px}.conf-xl-panel{background:linear-gradient(180deg,#fff,#f8fbfd);border:1px solid rgba(188,208,221,.72);border-radius:26px;padding:2rem;box-shadow:0 22px 58px rgba(8,36,58,.085)}.conf-xl-panel h2{max-width:13ch}.conf-xl-panel p{color:#52697a}.conf-xl-check-list,.conf-xl-caution-list{padding:0;margin:1.35rem 0 1.55rem;list-style:none;display:grid;gap:.72rem}.conf-xl-check-list li,.conf-xl-caution-list li{position:relative;padding-left:2rem;color:#425a6d;line-height:1.55}.conf-xl-check-list li:before{content:"✓";position:absolute;left:0;top:.02rem;display:grid;place-items:center;width:1.28rem;height:1.28rem;border-radius:50%;background:#eaf9fc;color:#0789a4;font-weight:950}.conf-xl-caution-list li:before{content:"";position:absolute;left:.15rem;top:.55rem;width:.62rem;height:.62rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(22,185,207,.12)}
.conf-xl-caution{background:#fff}.conf-xl-review{background:linear-gradient(180deg,#f8fbfd,#edf5f9)}.conf-xl-review-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:3rem;align-items:center}.conf-xl-review-copy h2{max-width:13ch}.conf-xl-review-copy>p{color:#52697a}.conf-xl-step-list{display:grid;gap:.82rem;margin-top:1.45rem}.conf-xl-step-list article{display:grid;grid-template-columns:54px 1fr;gap:.92rem;align-items:start;background:#fff;border:1px solid rgba(188,208,221,.72);border-radius:18px;padding:1rem;box-shadow:0 14px 32px rgba(8,36,58,.06)}.conf-xl-step-list span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#e8fbff,#f8fdff);border:1px solid rgba(22,185,207,.22);color:#0789a4;font-weight:950}.conf-xl-step-list h3{font-size:1.02rem;margin-bottom:.25rem}.conf-xl-step-list p{font-size:.94rem;margin-bottom:0;color:#5b7080}
.conf-xl-trust{background:#fff}.conf-xl-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.05rem}.conf-xl-trust-card{position:relative;background:linear-gradient(180deg,#fff,#fbfdfe);border:1px solid var(--line);border-radius:22px;padding:1.25rem;box-shadow:0 18px 42px rgba(8,36,58,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.conf-xl-trust-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(8,36,58,.12);border-color:rgba(22,185,207,.32)}.conf-xl-trust-card h3{color:#09243a}.conf-xl-trust-card p{color:#5b7080;margin-bottom:0;font-size:.95rem;line-height:1.62}.conf-xl-trust-card:before{content:"";display:block;width:42px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),rgba(107,223,242,.22));margin-bottom:.85rem}
.conf-xl-boundary{background:radial-gradient(circle at 86% 8%,rgba(22,185,207,.22),transparent 34%),linear-gradient(135deg,#04111e,#08243a 62%,#061827);color:#fff}.conf-xl-boundary-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:2.6rem;align-items:center}.conf-xl-boundary h2{color:#fff;max-width:13ch}.conf-xl-boundary p{color:#d1e4ee}.conf-xl-boundary-image{min-height:520px}.conf-xl-boundary .btn-ghost{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.05);color:#fff}
.conf-xl-router{background:linear-gradient(180deg,#ffffff,#f6fbfd)}.conf-xl-router-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.05rem}.conf-xl-router-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.1rem;box-shadow:0 16px 36px rgba(8,36,58,.075);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.conf-xl-router-grid article:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(8,36,58,.12);border-color:rgba(22,185,207,.32)}.conf-xl-router-grid span{display:block;color:#0789a4;text-transform:uppercase;letter-spacing:.085em;font-weight:950;font-size:.68rem;margin-bottom:.55rem}.conf-xl-router-grid h3{font-size:1.08rem;color:#09243a}.conf-xl-router-grid p{color:#5a6f80;font-size:.94rem}.conf-xl-router-grid a{display:inline-flex;margin-top:.2rem;color:#0789a4;font-weight:950}.conf-xl-router-grid a:after{content:"→";margin-left:.42rem}
.conf-xl-faq{background:#fff}.conf-xl-answer-layout{display:grid;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:2.4rem;align-items:start}.conf-xl-sidebar{position:sticky;top:112px;background:linear-gradient(180deg,#ffffff,#f7fbfd);border:1px solid var(--line);border-radius:26px;padding:1.35rem;box-shadow:0 24px 58px rgba(8,36,58,.09)}.conf-xl-sidebar h2{font-size:clamp(1.85rem,2.7vw,3rem);line-height:1;letter-spacing:-.06em}.conf-xl-sidebar p{color:#5b7080}.conf-xl-sidebar-image{min-height:245px;border-radius:20px;margin-top:1rem;box-shadow:0 18px 42px rgba(8,36,58,.1)}.conf-xl-group{background:linear-gradient(180deg,#ffffff,#fbfdfe);border:1px solid rgba(188,208,221,.72);border-radius:26px;padding:1.25rem;box-shadow:0 18px 46px rgba(8,36,58,.075)}.conf-xl-detail{border-top:1px solid rgba(188,208,221,.72)}.conf-xl-detail:first-of-type{border-top:0}.conf-xl-detail summary{cursor:pointer;list-style:none;padding:1.05rem 2.4rem 1.05rem 0;color:#08243a;font-weight:950;font-size:1.02rem;line-height:1.35;position:relative}.conf-xl-detail summary::-webkit-details-marker{display:none}.conf-xl-detail summary:after{content:"+";position:absolute;right:.15rem;top:.86rem;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf9fc;color:#0789a4;font-weight:950;border:1px solid rgba(22,185,207,.22)}.conf-xl-detail[open] summary:after{content:"−"}.conf-xl-detail p{color:#536b7c;line-height:1.68;max-width:890px;margin:0 0 1rem}
.conf-xl-final{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(22,185,207,.24),transparent 34%),linear-gradient(135deg,#04111e,#08243a 60%,#061827)}.conf-xl-final:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,223,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(107,223,242,.04) 1px,transparent 1px);background-size:44px 44px;opacity:.72}.conf-xl-final-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:2.6rem;align-items:center}.conf-xl-final h2{color:#fff;max-width:12ch}.conf-xl-final p{color:#d1e4ee;font-size:1.04rem}.conf-xl-final-image{min-height:455px}.conf-xl-final-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}.conf-xl-final-links a{color:#dff6fb;border-bottom:1px solid rgba(107,223,242,.55);font-weight:850;font-size:.93rem}.conf-xl-final .btn-ghost{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.05);color:#fff}
@media (max-width:1180px){.conf-xl-hero-grid,.conf-xl-split-grid,.conf-xl-split-grid.reverse,.conf-xl-review-grid,.conf-xl-boundary-grid,.conf-xl-answer-layout,.conf-xl-final-grid{grid-template-columns:1fr}.conf-xl-hero-grid{min-height:auto;padding:4.2rem 0}.conf-xl-hero-card,.conf-xl-image-card,.conf-xl-boundary-image,.conf-xl-final-image{min-height:420px}.conf-xl-fast-grid,.conf-xl-router-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.conf-xl-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.conf-xl-sidebar{position:relative;top:auto}.conf-xl-sidebar-image{min-height:340px}}
@media (max-width:720px){.conf-xl-hero-grid{padding:3.35rem 0;gap:2rem}.conf-xl-kicker{font-size:1.55rem}.conf-xl-hero-card,.conf-xl-image-card,.conf-xl-sidebar-image,.conf-xl-boundary-image,.conf-xl-final-image{border-radius:22px;min-height:310px}.conf-xl-proof-row{gap:.45rem}.conf-xl-proof-row span{font-size:.75rem;padding:.42rem .62rem}.conf-xl-fast-grid,.conf-xl-router-grid,.conf-xl-trust-grid{grid-template-columns:1fr}.conf-xl-step-list article{grid-template-columns:1fr}.conf-xl-detail summary{font-size:.98rem}.conf-xl-copy .cta-row .btn,.conf-xl-panel .cta-row .btn,.conf-xl-boundary .cta-row .btn,.conf-xl-final .cta-row .btn{width:100%;justify-content:center}.conf-xl-final-links{flex-direction:column;align-items:flex-start}}


/* Phase LXXII favicon install + How It Works hero contrast hardening */
.how-hero-visual figcaption.how-proof-panel,
.how-proof-panel {
  background:
    radial-gradient(circle at 16% 0%, rgba(38, 208, 234, 0.18), transparent 36%),
    linear-gradient(135deg, #031522 0%, #041a2b 50%, #020f1c 100%) !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(143, 234, 255, 0.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 -18px 42px rgba(1, 13, 24, 0.20) !important;
}

.how-hero-visual figcaption.how-proof-panel:before {
  opacity: 0.18 !important;
}

.how-proof-panel span {
  color: #6feaff !important;
  opacity: 1 !important;
  text-shadow: 0 0 14px rgba(36, 181, 202, 0.36) !important;
}

.how-proof-panel strong {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 950 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.42) !important;
}

.how-proof-panel p {
  color: #f4fbff !important;
  opacity: 1 !important;
  font-weight: 760 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.42) !important;
}

.how-proof-panel .proof-actions .btn-primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #09a5c2 0%, #1fc4dc 100%) !important;
  border-color: rgba(174, 246, 255, 0.62) !important;
  box-shadow:
    0 16px 36px rgba(0, 150, 190, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

.how-proof-panel .proof-actions .btn-ghost {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 28px rgba(0, 0, 0, 0.18) !important;
}

.how-proof-panel .proof-actions .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(111, 234, 255, 0.78) !important;
}


/* Phase LXXIII: PHP 8.3/8.4 modernization + mobile navigation and responsive UX */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.mobile-nav-panel {
  display: contents;
}

.submenu-toggle,
.nav-backdrop {
  display: none;
}

.primary-nav a[aria-current="page"] {
  color: #ffffff !important;
}

.primary-nav a[aria-current="page"]:after {
  opacity: 1;
}

[id] {
  scroll-margin-top: 112px;
}

@media (max-width: 1100px) {
  body.nav-open {
    overflow: hidden;
    overscroll-behavior: none;
  }

  .site-header {
    padding-top: env(safe-area-inset-top);
  }

  .header-shell {
    position: relative;
    z-index: 2;
    min-height: 76px;
    padding: .72rem 0;
    gap: .65rem 1rem;
  }

  .brand-logo {
    width: clamp(188px, 44vw, 220px) !important;
    height: auto;
    max-height: 58px;
  }

  .nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-width: 104px;
    min-height: 48px;
    margin-left: auto;
    padding: .7rem .9rem;
    background: rgba(255,255,255,.075);
    border-color: rgba(116,231,245,.42);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    touch-action: manipulation;
  }

  .nav-toggle:hover,
  .nav-toggle:focus-visible {
    background: rgba(116,231,245,.13);
    border-color: rgba(116,231,245,.72);
  }

  .nav-toggle-icon {
    display: grid;
    gap: 4px;
    width: 20px;
  }

  .nav-toggle-icon span {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: #ffffff;
    transition: transform .2s ease, opacity .2s ease;
  }

  .site-header.is-open .nav-toggle-icon span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .site-header.is-open .nav-toggle-icon span:nth-child(2) {
    opacity: 0;
  }

  .site-header.is-open .nav-toggle-icon span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  .mobile-nav-panel {
    display: none;
    width: 100%;
    max-height: calc(100vh - 96px);
    max-height: calc(100dvh - 96px - env(safe-area-inset-top));
    margin-top: .15rem;
    padding: .5rem .45rem calc(1rem + env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    border: 1px solid rgba(116,231,245,.18);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(7,28,45,.99), rgba(3,13,23,.99));
    box-shadow: 0 28px 80px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.06);
  }

  .site-header.is-open .mobile-nav-panel {
    display: block;
  }

  .site-header.is-open .primary-nav,
  .site-header.is-open .header-actions {
    display: flex;
  }

  .primary-nav {
    width: 100%;
    margin: 0;
    gap: 0;
    flex-direction: column;
    align-items: stretch;
  }

  .primary-nav > a,
  .primary-nav .nav-parent {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: .76rem .9rem;
    border-bottom: 1px solid rgba(255,255,255,.075);
    color: #edf8fc !important;
    font-size: 1rem !important;
    line-height: 1.3;
    opacity: 1 !important;
  }

  .primary-nav > a[aria-current="page"],
  .primary-nav .nav-parent[aria-current="page"] {
    color: #8ff1fb !important;
    background: rgba(116,231,245,.075);
    border-radius: 13px;
  }

  .primary-nav .nav-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px;
    min-height: 0;
    align-items: stretch;
  }

  .primary-nav .nav-parent {
    height: auto;
    min-width: 0;
  }

  .submenu-toggle {
    display: grid;
    place-items: center;
    width: 52px;
    min-height: 52px;
    padding: 0;
    color: #ffffff;
    background: transparent;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.075);
    border-bottom: 1px solid rgba(255,255,255,.075);
    border-radius: 0;
    cursor: pointer;
    touch-action: manipulation;
  }

  .submenu-toggle > span:last-child {
    width: 10px;
    height: 10px;
    border-right: 2px solid #8ff1fb;
    border-bottom: 2px solid #8ff1fb;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .2s ease;
  }

  .submenu-toggle[aria-expanded="true"] > span:last-child {
    transform: translateY(2px) rotate(225deg);
  }

  .submenu-toggle:focus-visible {
    position: relative;
    z-index: 1;
    outline: 3px solid rgba(116,231,245,.95);
    outline-offset: -3px;
  }

  .site-header .dropdown-menu {
    display: none !important;
    grid-column: 1 / -1;
    position: static;
    inset: auto;
    min-width: 0;
    margin: 0 0 .4rem;
    padding: .35rem;
    transform: none !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    border: 1px solid rgba(116,231,245,.12);
    border-radius: 14px;
    background: rgba(255,255,255,.045);
    box-shadow: none;
  }

  .site-header .dropdown-menu:before {
    display: none;
  }

  .site-header .has-dropdown.is-submenu-open .dropdown-menu {
    display: grid !important;
  }

  .site-header .dropdown-menu a {
    min-height: 46px;
    padding: .72rem .78rem;
    white-space: normal;
    border-radius: 10px;
    font-size: .94rem !important;
  }

  .header-actions {
    width: 100%;
    padding: .7rem .35rem 0;
    gap: .65rem;
    flex-direction: column;
    align-items: stretch;
  }

  .header-actions .btn {
    width: 100%;
    min-height: 50px;
  }

  .nav-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(1,8,15,.62);
    backdrop-filter: blur(3px);
    cursor: default;
  }

  .site-header.is-open .nav-backdrop {
    display: block;
  }
}

@media (max-width: 760px) {
  html {
    scroll-padding-top: 92px;
  }

  body {
    overflow-wrap: anywhere;
  }

  .shell {
    width: min(var(--max), calc(100% - 32px)) !important;
  }

  h1,
  .page-masthead h1,
  .page-masthead-copy h1,
  [class*="-hero-copy"] h1 {
    max-width: 100%;
    font-size: clamp(2.35rem, 10.8vw, 3.5rem) !important;
    line-height: 1.03 !important;
    letter-spacing: -.04em !important;
    text-wrap: balance;
  }

  h2,
  [class*="-copy"] h2 {
    font-size: clamp(1.78rem, 7.8vw, 2.55rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -.03em !important;
    text-wrap: balance;
  }

  h3 {
    line-height: 1.28;
  }

  p,
  li {
    line-height: 1.68;
  }

  .section,
  [class*="-section"] {
    scroll-margin-top: 94px;
  }

  .section {
    padding-block: 3.25rem !important;
  }

  .page-masthead-inner {
    padding-block: 2.85rem !important;
  }

  .hero-grid,
  [class*="-hero-grid"] {
    min-height: 0 !important;
    padding-block: 3.15rem !important;
    gap: 1.75rem !important;
  }

  .cta-row,
  .footer-primary-actions,
  .tool-xl-hero-actions,
  .proof-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
    gap: .72rem !important;
  }

  .cta-row .btn,
  .footer-primary-actions .btn,
  .tool-xl-hero-actions .btn,
  .proof-actions .btn {
    width: 100% !important;
    min-height: 50px;
    padding: .88rem 1rem;
    white-space: normal;
    text-align: center;
  }

  .form-grid,
  .compact-form-grid,
  .rfq-form .form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .wide,
  .upload-box,
  .rfq-form .wide,
  .rfq-form .upload-box {
    grid-column: 1 !important;
  }

  .rfq-form input,
  .rfq-form select,
  .rfq-form textarea {
    min-height: 52px;
    font-size: 16px;
    padding: .9rem;
  }

  .rfq-form textarea {
    min-height: 132px;
  }

  .upload-box {
    min-height: 142px;
    padding: 1.15rem .9rem;
  }

  .form-footer,
  .quote-xl-form-footer {
    display: grid !important;
    grid-template-columns: 1fr;
    align-items: stretch !important;
    width: 100%;
    gap: .8rem;
  }

  .form-footer .btn,
  .quote-xl-form-footer .btn {
    width: 100%;
    min-height: 50px;
  }

  .quote-panel,
  .form-card,
  [class*="-form-card"] {
    padding: 1.15rem !important;
    border-radius: 22px !important;
  }

  .faq-item,
  [class*="-detail"] {
    scroll-margin-top: 96px;
  }

  .faq-item {
    padding: 1rem !important;
  }

  .faq-item:before {
    display: none !important;
  }

  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  pre,
  code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .conversion-rail,
  [class*="-sidebar"] {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 420px) {
  .shell {
    width: min(var(--max), calc(100% - 24px)) !important;
  }

  .brand-logo {
    width: 180px !important;
  }

  .nav-toggle {
    min-width: 48px;
    padding-inline: .75rem;
  }

  .nav-toggle-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .section {
    padding-block: 2.8rem !important;
  }
}

@media (hover: none) {
  .btn:hover,
  .info-card:hover,
  .solution-card:hover,
  .resource-card:hover,
  [class*="-card"]:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav-toggle-icon span,
  .submenu-toggle > span:last-child {
    transition: none;
  }
}

/* Phase LXXIV: final award-polish layer and conversion-focused visual system */
:root {
  --phase74-ink: #03111f;
  --phase74-navy: #020b15;
  --phase74-blue: #05243a;
  --phase74-cyan: #19c9df;
  --phase74-cyan-light: #8cecf7;
  --phase74-aqua: #0aa6bd;
  --phase74-paper: #f7fbfd;
  --phase74-line: rgba(8, 45, 70, .13);
  --phase74-shadow-sm: 0 14px 35px rgba(3, 17, 31, .08);
  --phase74-shadow: 0 28px 70px rgba(3, 17, 31, .13);
  --phase74-shadow-dark: 0 34px 90px rgba(0, 0, 0, .34);
}

.phase74-site {
  background:
    radial-gradient(circle at 7% 16%, rgba(25, 201, 223, .035), transparent 25rem),
    #fff;
}

.phase74-site ::selection {
  color: #fff;
  background: #078aa3;
}

.phase74-site h1,
.phase74-site h2,
.phase74-site h3 {
  text-wrap: balance;
}

.phase74-site h1,
.phase74-site h2 {
  font-kerning: normal;
}

.phase74-site h1 span,
.phase74-site h2 span {
  color: var(--phase74-cyan);
  text-shadow: 0 10px 34px rgba(25, 201, 223, .15);
}

.phase74-site .eyebrow,
.phase74-site .mini-label,
.phase74-site .tag {
  letter-spacing: .145em;
}

.phase74-site .site-header {
  background: linear-gradient(180deg, rgba(2, 11, 21, .985), rgba(3, 17, 31, .965)) !important;
  border-bottom-color: rgba(140, 236, 247, .16) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .23) !important;
}

.phase74-site .site-header::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(25, 201, 223, .58) 50%, transparent);
}

.phase74-site .brand-logo {
  filter: drop-shadow(0 14px 28px rgba(25, 201, 223, .22)) contrast(1.03);
}

@media (min-width: 1101px) {
  .phase74-site .primary-nav > a,
  .phase74-site .primary-nav > .nav-item > .nav-parent {
    position: relative;
    padding-block: 1rem;
  }

  .phase74-site .primary-nav > a::after,
  .phase74-site .primary-nav > .nav-item > .nav-parent::before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: .55rem;
    left: 50%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--phase74-cyan), var(--phase74-cyan-light));
    box-shadow: 0 0 14px rgba(25, 201, 223, .48);
    transition: right .22s ease, left .22s ease;
  }

  .phase74-site .primary-nav > a:hover::after,
  .phase74-site .primary-nav > a[aria-current="page"]::after,
  .phase74-site .primary-nav > .nav-item:hover > .nav-parent::before,
  .phase74-site .primary-nav > .nav-item > .nav-parent[aria-current="page"]::before {
    right: 0;
    left: 0;
  }

  .phase74-site .dropdown-menu {
    border: 1px solid rgba(140, 236, 247, .18) !important;
    border-radius: 18px !important;
    background: linear-gradient(160deg, rgba(5, 28, 45, .985), rgba(2, 11, 21, .99)) !important;
    box-shadow: 0 30px 75px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    backdrop-filter: blur(22px);
  }

  .phase74-site .dropdown-menu a {
    border-radius: 10px;
    transition: color .18s ease, background-color .18s ease, transform .18s ease;
  }

  .phase74-site .dropdown-menu a:hover {
    color: #fff;
    background: rgba(25, 201, 223, .11);
    transform: translateX(3px);
  }
}

.phase74-site .btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 48px;
  border-radius: 14px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}

.phase74-site .btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -80%;
  left: -35%;
  width: 28%;
  height: 260%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .44), transparent);
  transform: rotate(18deg) translateX(-250%);
  transition: transform .55s ease, opacity .25s ease;
}

.phase74-site .btn:hover::before {
  opacity: .72;
  transform: rotate(18deg) translateX(620%);
}

.phase74-site .btn-primary {
  color: #fff;
  border-color: rgba(140, 236, 247, .5) !important;
  background: linear-gradient(135deg, #24d4e6 0%, #078da9 58%, #076d8c 100%) !important;
  box-shadow: 0 18px 42px rgba(10, 166, 189, .27), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
}

.phase74-site .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 55px rgba(10, 166, 189, .36), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

.phase74-site .btn-ghost {
  border-color: rgba(255, 255, 255, .34) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .025)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09);
}

.phase74-site .hero,
.phase74-site .page-masthead,
.phase74-site section[class$="-hero"] {
  isolation: isolate;
  position: relative;
}

.phase74-site .hero::before,
.phase74-site .page-masthead::before,
.phase74-site section[class$="-hero"]::before {
  opacity: .82;
}

.phase74-site .hero-stage,
.phase74-site figure[class*="hero-image"],
.phase74-site figure[class*="hero-visual"] {
  position: relative;
}

.phase74-site .hero-stage img,
.phase74-site figure[class*="hero-image"] img,
.phase74-site figure[class*="hero-visual"] img {
  border: 1px solid rgba(140, 236, 247, .2);
  box-shadow: var(--phase74-shadow-dark), 0 0 0 1px rgba(255, 255, 255, .035) inset;
  filter: saturate(1.035) contrast(1.025);
}

.phase74-site main > .section {
  position: relative;
}

.phase74-site main > .section > .shell {
  position: relative;
  z-index: 1;
}

.phase74-site .info-card,
.phase74-site .solution-card,
.phase74-site .resource-card,
.phase74-site .answer-card,
.phase74-site .route-card,
.phase74-site .proof-card,
.phase74-site .how-trust-card,
.phase74-site .faq-item,
.phase74-site [class*="factor-card"],
.phase74-site [class*="guide-card"] {
  border-color: var(--phase74-line) !important;
  box-shadow: var(--phase74-shadow-sm), inset 0 1px 0 rgba(255, 255, 255, .88) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.phase74-site .info-card:hover,
.phase74-site .solution-card:hover,
.phase74-site .resource-card:hover,
.phase74-site .answer-card:hover,
.phase74-site .route-card:hover,
.phase74-site .proof-card:hover,
.phase74-site .how-trust-card:hover,
.phase74-site [class*="factor-card"]:hover,
.phase74-site [class*="guide-card"]:hover {
  transform: translateY(-6px);
  border-color: rgba(25, 201, 223, .32) !important;
  box-shadow: var(--phase74-shadow), 0 0 0 1px rgba(25, 201, 223, .06) !important;
}

.phase74-site .solution-art,
.phase74-site .resource-img,
.phase74-site article figure,
.phase74-site [class*="card"] > img,
.phase74-site [class*="card"] figure img {
  overflow: hidden;
}

.phase74-site .solution-art img,
.phase74-site .resource-img img,
.phase74-site [class*="card"] > img,
.phase74-site [class*="card"] figure img {
  transition: transform .55s cubic-bezier(.22, .8, .3, 1), filter .4s ease;
}

.phase74-site .solution-card:hover .solution-art img,
.phase74-site .resource-card:hover .resource-img img,
.phase74-site [class*="card"]:hover > img,
.phase74-site [class*="card"]:hover figure img {
  transform: scale(1.035);
  filter: saturate(1.06) contrast(1.03);
}

.phase74-site .imh-premium-form,
.phase74-site .rfq-form {
  border-color: rgba(25, 201, 223, .17) !important;
  box-shadow: 0 32px 85px rgba(3, 17, 31, .15), inset 0 1px 0 rgba(255, 255, 255, .84) !important;
}

.phase74-site .imh-premium-form fieldset {
  border-color: rgba(8, 45, 70, .11) !important;
}

.phase74-site .imh-premium-form legend {
  letter-spacing: -.02em;
}

.phase74-site .imh-premium-form input,
.phase74-site .imh-premium-form select,
.phase74-site .imh-premium-form textarea,
.phase74-site .rfq-form input,
.phase74-site .rfq-form select,
.phase74-site .rfq-form textarea {
  border-radius: 13px !important;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.phase74-site .imh-premium-form input:focus,
.phase74-site .imh-premium-form select:focus,
.phase74-site .imh-premium-form textarea:focus,
.phase74-site .rfq-form input:focus,
.phase74-site .rfq-form select:focus,
.phase74-site .rfq-form textarea:focus {
  border-color: rgba(10, 166, 189, .76) !important;
  box-shadow: 0 0 0 4px rgba(25, 201, 223, .12), 0 12px 28px rgba(3, 17, 31, .08) !important;
}

.phase74-site .upload-box {
  border-width: 1.5px !important;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.phase74-site .upload-box:hover,
.phase74-site .upload-box:focus-within {
  border-color: rgba(25, 201, 223, .82) !important;
  background: rgba(25, 201, 223, .075) !important;
  transform: translateY(-2px);
}

.phase74-site .faq-item {
  border-radius: 17px !important;
}

.phase74-site .faq-item[open] {
  border-color: rgba(25, 201, 223, .3) !important;
  box-shadow: 0 24px 60px rgba(3, 17, 31, .12), inset 4px 0 0 rgba(25, 201, 223, .72) !important;
}

.phase74-site .footer-cta,
.phase74-site .global-cta,
.phase74-site .site-footer {
  position: relative;
}

.phase74-site .site-footer {
  border-top: 1px solid rgba(140, 236, 247, .17);
}

.phase74-site .footer-bottom a {
  text-decoration: underline;
  text-decoration-color: rgba(140, 236, 247, .26);
  text-underline-offset: 4px;
}

@media (max-width: 1100px) {
  .phase74-site .mobile-nav-panel {
    border-color: rgba(140, 236, 247, .2) !important;
    background:
      radial-gradient(circle at 100% 0, rgba(25, 201, 223, .14), transparent 19rem),
      linear-gradient(155deg, rgba(5, 32, 51, .99), rgba(2, 11, 21, .995)) !important;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .42) !important;
  }

  .phase74-site .primary-nav > a,
  .phase74-site .nav-item {
    border-color: rgba(140, 236, 247, .12) !important;
  }
}

@media (max-width: 760px) {
  .phase74-site .eyebrow {
    font-size: .72rem;
    letter-spacing: .13em;
  }

  .phase74-site .hero-stage img,
  .phase74-site figure[class*="hero-image"] img,
  .phase74-site figure[class*="hero-visual"] img {
    border-radius: 22px !important;
    box-shadow: 0 24px 58px rgba(0, 0, 0, .28) !important;
  }

  .phase74-site .info-card,
  .phase74-site .solution-card,
  .phase74-site .resource-card,
  .phase74-site .answer-card,
  .phase74-site .route-card,
  .phase74-site .faq-item {
    border-radius: 18px !important;
  }

  .phase74-site .btn:hover,
  .phase74-site [class*="card"]:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .phase74-site .btn::before {
    display: none;
  }

  .phase74-site .solution-art img,
  .phase74-site .resource-img img,
  .phase74-site [class*="card"] > img,
  .phase74-site [class*="card"] figure img {
    transition: none;
  }
}