:root{--ink:#101820;--ink-2:#182129;--paper:#f2f2ed;--muted:#aab1ad;--line:rgba(255,255,255,.16);--accent:#52ACED;--accent-hover:#6EB9F0;--accent-active:#40A3EB;--accent-subtle:#263440;--on-accent:#080B0D;--display:"Space Grotesk",sans-serif;--body:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f7f8f4;font-family:var(--body);font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--accent);color:var(--on-accent);padding:.8rem 1rem;z-index:1000}.skip-link:focus{top:1rem}.site-header{height:84px;padding:0 4vw;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:2rem;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid var(--line);transition:.3s}.site-header.scrolled{position:fixed;height:70px;background:rgba(16,24,32,.92);backdrop-filter:blur(15px)}.brand img{width:132px;height:auto}.nav{display:flex;justify-content:center;gap:clamp(1rem,2.2vw,2.5rem)}.nav a{font-size:.82rem;color:#d4d8d5}.nav a:hover,.nav a:focus-visible{color:var(--accent)}.header-cta{font-size:.82rem;border-bottom:1px solid var(--accent);padding:.5rem 0}.header-cta span{color:var(--accent)}.menu-toggle{display:none}.hero{min-height:100svh;position:relative;display:flex;align-items:end;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(16,24,32,.92) 0%,rgba(16,24,32,.73) 39%,rgba(16,24,32,.08) 73%),linear-gradient(0deg,rgba(16,24,32,.72),transparent 35%)}.hero-grid{position:relative;z-index:2;width:100%;padding:10rem 4vw 7rem;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);align-items:end;gap:6vw}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.7rem}.eyebrow span{width:24px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(3.5rem,8vw,8.4rem)/.84 var(--display);letter-spacing:-.065em;margin:.8rem 0 2rem;max-width:950px}h1 em{font-style:normal;color:var(--accent)}.hero-lede{font-size:clamp(1rem,1.3vw,1.25rem);max-width:620px;color:#ced3cf}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:54px;padding:0 1.25rem;border:0;font-weight:700;cursor:pointer}.button-primary{background:var(--accent);color:var(--on-accent)}.button-primary:hover,.button-primary:focus-visible{background:var(--accent-hover)}.text-link{font-weight:700;border-bottom:1px solid #58605c;padding:.8rem 0}.text-link span{color:var(--accent);margin-left:.7rem}.hero-index{justify-self:end;width:min(100%,280px);display:grid;grid-template-columns:36px 1fr;gap:1rem;border-top:1px solid var(--line);padding-top:1.3rem;font-size:.78rem}.hero-index span{color:var(--accent)}.hero-index p{color:#c4cac6;margin-bottom:1rem}.scroll-cue{position:absolute;z-index:3;bottom:1.8rem;left:4vw;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#9ca4a0}.scroll-cue i{display:inline-block;width:60px;height:1px;background:var(--accent);margin-left:1rem;vertical-align:middle}.section-dark,.section-light,.section-accent,.section-contact{padding:clamp(5rem,10vw,10rem) 4vw}.manifesto{text-align:center}.manifesto .kicker{justify-content:center}.manifesto h2{font:500 clamp(2.4rem,5vw,5.3rem)/1 var(--display);letter-spacing:-.05em;margin:1.6rem auto 2rem}.manifesto h2 span{color:#6d7772}.manifesto>p{max-width:660px;margin:0 auto;color:#b9c0bc;font-size:1.08rem}.system-line{max-width:1100px;margin:6rem auto 0;display:flex;align-items:center;gap:1.2rem;font:600 clamp(.72rem,1.1vw,.95rem) var(--display);text-transform:uppercase;letter-spacing:.08em}.system-line i{height:1px;background:#3a423e;flex:1}.system-line strong{color:var(--accent)}.section-light{background:var(--paper);color:var(--ink)}.section-accent{background:var(--accent);color:var(--on-accent)}.section-number{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;border-top:1px solid rgba(16,24,32,.28);padding-top:1rem;margin-bottom:5rem}.section-number.muted{border-color:var(--line);color:#8c9691}.kicker.dark{color:#445048}.feature-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.sticky-copy{position:sticky;top:110px}.sticky-copy h2,.section-heading h2,.process-head h2,.about h2,.contact h2,.operations h2{font:600 clamp(2.5rem,5vw,5.5rem)/.96 var(--display);letter-spacing:-.05em}.sticky-copy>p{max-width:520px;color:#3f4742}.button-dark{background:var(--ink);color:#fff;margin-top:1.2rem}.feature-visual{position:relative}.feature-visual img{height:min(75vh,780px);width:100%;object-fit:cover;object-position:center 42%;filter:saturate(.75) contrast(1.05)}.tech-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(16,24,32,.88);color:#fff;padding:1rem 1.2rem;display:flex;justify-content:space-between;font-size:.7rem;text-transform:uppercase;letter-spacing:.11em}.service-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7rem;border-top:1px solid #aeb3ad}.service-strip article{padding:1.5rem 2rem 0 0;border-right:1px solid #c5c9c3;min-height:190px}.service-strip span,.solution-list span,.operation-grid span{font-size:.68rem;color:#657068}.service-strip h3,.solution-list h3,.operation-grid h3{font:600 1.25rem var(--display);margin:2rem 0 .7rem}.service-strip p{font-size:.86rem;color:#59615c;max-width:220px}.section-heading{display:grid;grid-template-columns:.45fr 1fr;gap:4vw;align-items:start}.section-heading h2{max-width:1000px}.solution-list{margin-top:5rem;border-top:1px solid var(--line)}.solution-list article{display:grid;grid-template-columns:60px 1fr 1fr 40px;gap:2rem;align-items:center;border-bottom:1px solid var(--line);padding:2rem 0}.solution-list h3,.solution-list p{margin:0}.solution-list p{color:#aab2ae}.solution-list i{color:var(--accent);font-style:normal;font-size:1.4rem}.operations .section-number{margin-bottom:4rem}.operations-intro{display:grid;grid-template-columns:.38fr 1fr;gap:4vw}.operations h2{max-width:900px}.operations h2 span{color:var(--accent-subtle)}.operation-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6rem;border-top:1px solid rgba(16,24,32,.3)}.operation-grid article{min-height:250px;padding:1.7rem 2rem 1rem 0;border-right:1px solid rgba(16,24,32,.22);border-bottom:1px solid rgba(16,24,32,.22)}.operation-grid article:nth-child(3n+2),.operation-grid article:nth-child(3n){padding-left:2rem}.operation-grid p{max-width:350px;color:var(--accent-subtle)}.process-head{display:grid;grid-template-columns:.4fr 1fr;column-gap:4vw}.process-head .kicker{grid-column:1}.process-head h2{grid-column:2}.process-head>p{grid-column:2;max-width:650px;color:#4d5751}.timeline{list-style:none;padding:0;margin:6rem 0 0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #aeb4ae}.timeline li{padding:1.5rem 1.2rem 0 0;border-right:1px solid #c4c8c2;min-height:210px}.timeline b{font-size:.72rem;color:#5d6860}.timeline h3{font:600 1.05rem var(--display);margin:2.5rem 0 .6rem}.timeline p{font-size:.78rem;color:#5c665f}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-copy>p{font-size:1.12rem;color:#bbc2be;max-width:650px}.about-proof{display:grid;grid-template-columns:1fr 1.2fr;margin-top:4rem;border-top:1px solid var(--line)}.about-proof span,.about-proof strong{padding:1.2rem 0;border-bottom:1px solid var(--line)}.about-proof span{color:#818c86;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.about-proof strong{font-family:var(--display);color:var(--accent)}.section-contact{background:var(--ink-2);display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.contact-copy>p{color:#abb4af;max-width:560px}.contact-links{margin-top:4rem}.contact-links a{display:block;border-top:1px solid var(--line);padding:1.2rem 0}.contact-links span{display:block;color:#87908b;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.contact-links strong{font-size:.95rem}.lead-form{background:var(--paper);color:var(--ink);padding:clamp(1.5rem,4vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.field{border-bottom:1px solid #9ca39d;padding-bottom:.7rem}.field.full,.form-submit,.form-note{grid-column:1/-1}.field label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#526058}.field small{font-size:.62rem}.field input,.field select,.field textarea{width:100%;border:0;background:transparent;color:var(--ink);padding:.65rem 0 0;outline:none}.field textarea{resize:vertical}.field:focus-within{border-color:var(--ink-2)}.form-submit{margin-top:1rem}.form-note{font-size:.72rem;color:#59635d;margin:0}footer{padding:3rem 4vw 2rem;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:3rem;border-top:1px solid var(--line);align-items:start}footer img{width:120px;height:auto}footer span{font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;color:#7e8983}footer p,footer a{font-size:.82rem;color:#b8c0bc}footer small{grid-column:1/-1;color:#606a65;border-top:1px solid var(--line);padding-top:1.5rem}.back-top{color:var(--accent)}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:980px){.site-header{grid-template-columns:1fr auto auto}.nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--ink);padding:2rem 4vw;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block;background:transparent;color:#fff;border:1px solid var(--line);padding:.55rem .8rem}.header-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero-index{justify-self:start}.feature-grid,.section-heading,.operations-intro,.process-head,.about-grid,.section-contact{grid-template-columns:1fr}.sticky-copy{position:static}.process-head .kicker,.process-head h2,.process-head>p{grid-column:1}.service-strip{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr 1fr}.back-top{justify-self:start}}@media(max-width:640px){.site-header{height:70px}.brand img{width:105px}.nav{top:70px}.hero{min-height:850px}.hero-image{object-position:64% center}.hero-overlay{background:linear-gradient(90deg,rgba(16,24,32,.94),rgba(16,24,32,.3)),linear-gradient(0deg,rgba(16,24,32,.82),transparent 50%)}.hero-grid{padding:8.5rem 1.25rem 5rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:.6rem}h1{font-size:clamp(3.3rem,18vw,5rem)}.section-dark,.section-light,.section-accent,.section-contact{padding:5rem 1.25rem}.section-number{margin-bottom:3rem}.system-line{align-items:flex-start;flex-direction:column}.system-line i{width:1px;height:26px;flex:none}.feature-visual img{height:620px}.service-strip,.operation-grid,.timeline{grid-template-columns:1fr}.service-strip article,.operation-grid article,.operation-grid article:nth-child(n),.timeline li{padding:1.4rem 0;border-right:0;min-height:auto}.solution-list article{grid-template-columns:35px 1fr 28px;gap:1rem}.solution-list p{grid-column:2}.lead-form{grid-template-columns:1fr}.contact h2{font-size:3rem}.contact-links strong{font-size:.82rem;overflow-wrap:anywhere}footer{padding:3rem 1.25rem;grid-template-columns:1fr}.back-top{justify-self:start}}
/* Fase 1C: color-only states and contrast on the existing accent surface. */
.button-primary:active{background:var(--accent-active)}
.header-cta:hover,.header-cta:focus-visible,.text-link:hover,.text-link:focus-visible{border-color:var(--accent-hover)}
.nav a:hover,.nav a:focus-visible,.header-cta:hover span,.header-cta:focus-visible span,.text-link:hover span,.text-link:focus-visible span,.back-top:hover,.back-top:focus-visible{color:var(--accent-hover)}
.nav a:active,.header-cta:active span,.text-link:active span,.back-top:active{color:var(--accent-active)}
.header-cta:active,.text-link:active{border-color:var(--accent-active)}
.section-accent .kicker.dark,.operation-grid span{color:var(--accent-subtle)}
.solution-list span,footer small{color:#89949D}

/* Integra Magna atmosphere: paint-only layers; original geometry and image styling stay intact. */
:root{--ambient-rgb:57,102,135;--ambient-soft-rgb:38,52,64;--depth-rgb:8,11,13}
.hero-overlay{background-image:radial-gradient(ellipse 34% 48% at 0% 27%,rgba(var(--ambient-rgb),.38) 0%,rgba(var(--ambient-rgb),.18) 32%,rgba(var(--ambient-rgb),.055) 63%,rgba(var(--ambient-rgb),0) 100%),linear-gradient(90deg,rgba(16,24,32,.92) 0%,rgba(16,24,32,.73) 39%,rgba(16,24,32,.08) 73%),linear-gradient(0deg,rgba(16,24,32,.72),transparent 35%)}
.manifesto{background-image:radial-gradient(ellipse 65% 62% at 50% 42%,rgba(var(--ambient-soft-rgb),.32),rgba(var(--ambient-soft-rgb),0) 100%)}
.solutions{background-image:radial-gradient(ellipse 44% 58% at 0% 38%,rgba(var(--ambient-rgb),.10),rgba(var(--ambient-rgb),0) 100%),radial-gradient(ellipse 65% 55% at 100% 72%,rgba(var(--depth-rgb),.24),rgba(var(--depth-rgb),0) 100%)}
.about{background-image:radial-gradient(ellipse 48% 65% at 85% 48%,rgba(var(--ambient-soft-rgb),.30),rgba(var(--ambient-soft-rgb),0) 100%)}
.section-contact{background-image:radial-gradient(ellipse 50% 65% at 0% 36%,rgba(var(--ambient-rgb),.10),rgba(var(--ambient-rgb),0) 100%),linear-gradient(180deg,var(--ink) 0%,rgba(16,24,32,0) 24%,rgba(16,24,32,0) 78%,var(--ink) 100%)}
footer{background-image:radial-gradient(ellipse 42% 85% at 0% 0%,rgba(var(--ambient-soft-rgb),.18),rgba(var(--ambient-soft-rgb),0) 100%)}
@media(max-width:640px){.hero-overlay{background-image:radial-gradient(ellipse 50% 34% at 0% 18%,rgba(var(--ambient-rgb),.26) 0%,rgba(var(--ambient-rgb),.10) 40%,rgba(var(--ambient-rgb),0) 100%),linear-gradient(90deg,rgba(16,24,32,.94),rgba(16,24,32,.3)),linear-gradient(0deg,rgba(16,24,32,.82),transparent 50%)}}

/* V5: functional repairs; established layout, colors, typography and crops preserved. */
html{scroll-padding-top:90px}
main[id],section[id]{scroll-margin-top:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline-color:var(--ink)}
.button:disabled{cursor:default;opacity:.65}
.form-note a{text-decoration:underline;text-underline-offset:3px}
.message-result{grid-column:1/-1;min-width:0}
.message-result[hidden]{display:none}
.message-result .text-link{display:inline-block;font-size:.8rem;margin:1rem 0}
.copy-message{display:block;border:1px solid currentColor;background:transparent;color:var(--ink);padding:.65rem 1rem;margin-bottom:1rem;cursor:pointer}
.message-result label{display:block}
.message-result textarea{width:100%;box-sizing:border-box;background:transparent;border:1px solid #9ca39d;color:var(--ink);font:inherit;font-size:.8rem;padding:.65rem;margin-top:.5rem;resize:vertical}
.privacy-main{max-width:900px;margin:0 auto;padding:4rem 4vw}
.privacy-main h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.05}
.privacy-main h2{font-family:var(--display);font-size:1.5rem;margin-top:2.5rem}
.privacy-main a{text-decoration:underline;overflow-wrap:anywhere}
.privacy-main p{color:#ced3cf}
@media(max-width:980px){.nav{top:100%}html:not(.menu-ready) .nav{display:flex}.nav a{min-height:28px;display:flex;align-items:center}}
.field-error:empty{display:none}.field-error{display:block;margin-top:.5rem;color:var(--ink);line-height:1.5}

/* V10: outlined fields and a consistently styled, keyboard-operable select. */
.lead-form{align-items:start;gap:1.4rem 1.5rem}
.lead-form .field{min-width:0;border:0;padding:0}
.lead-form .field label{font-family:var(--body);font-size:.75rem;line-height:1.5;margin-bottom:.5rem;letter-spacing:.04em}
.lead-form .field input,.lead-form .field select,.lead-form .field textarea,.select-trigger{display:block;width:100%;font:400 16px/1.5 var(--body);color:var(--ink);background:#fafbf8;border:1px solid #7c8982;border-radius:6px;padding:12px 14px;min-height:50px;transition:border-color .15s,box-shadow .15s}
.lead-form .field textarea{min-height:144px;resize:vertical}
.lead-form .field input:hover,.lead-form .field select:hover,.lead-form .field textarea:hover,.select-trigger:hover{border-color:#34483d}
.lead-form .field input:focus,.lead-form .field select:focus,.lead-form .field textarea:focus,.select-trigger:focus-visible,.select-trigger[aria-expanded="true"]{outline:0;border-color:#176898;box-shadow:0 0 0 2px rgba(23,104,152,.24)}
.lead-form .field [aria-invalid="true"]{border-color:#9c302b}
.lead-form .field small{display:block;font:400 12px/1.5 var(--body);margin-top:.4rem;color:#4c5b52}
.lead-form .field .field-error{color:#9c302b}
.lead-form .field .field-error:empty{display:none}
.puff-select{position:relative}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;cursor:pointer}
.select-trigger.is-placeholder{color:#526058}
.select-arrow{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 3px 0 0;flex-shrink:0}
.select-trigger[aria-expanded="true"] .select-arrow{transform:rotate(225deg);margin-top:4px}
.select-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:12;max-height:280px;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#fafbf8;border:1px solid #7c8982;border-radius:6px;box-shadow:0 8px 24px rgba(16,24,32,.16)}
.select-list[hidden]{display:none}
.select-option{font:400 16px/1.5 var(--body);color:var(--ink);padding:10px 12px;min-height:44px;border-radius:3px;cursor:pointer}
.select-option:hover,.select-option.is-active{background:#e0edf5}
.select-option[aria-selected="true"]{font-weight:700;background:#d6e9f6}
.lead-form .field .select-native-enhanced{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}
@media(prefers-reduced-motion:reduce){.lead-form .field input,.lead-form .field select,.lead-form .field textarea,.select-trigger{transition:none}}

/* V12: restore pre-editorial styling; requested spacing and form corrections. */
.timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:2rem}
.timeline li{padding:1.75rem 2rem;min-width:0;min-height:0}
.timeline h3{margin-top:1.5rem;line-height:1.3}
.timeline p{font-size:.9rem;line-height:1.6;max-width:32ch}
.lead-form{background:var(--paper);gap:1.5rem;padding:clamp(1.5rem,3vw,3rem)}
.lead-form .field label{font-size:.8125rem;text-transform:none;letter-spacing:0;font-weight:600}
.lead-form .field input,.lead-form .field select,.lead-form .field textarea,.select-trigger{background:#fafbf8;border-color:#adb5af;border-radius:4px;padding:11px 12px}
.lead-form .field small,.form-note{font-size:.75rem;line-height:1.5}
.select-list{border-color:#adb5af;border-radius:4px}
@media(max-width:980px){.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.timeline{grid-template-columns:1fr;row-gap:0}.timeline li{padding:1.5rem 1.25rem;border-right:0}.lead-form{gap:1.25rem}}