/* TraficLabPro Aerial Systems V5 — white / orange / black.
   Original B2B engineering layout. Illustrative licensed footage, no fabricated field operations. */
:root{
  --ink:#151515;--ink2:#2f302f;--orange:#f15a24;--orange-dark:#c83e0e;
  --white:#fff;--paper:#fafaf8;--ivory:#f2f1ed;--hair:#dededa;
  --body:#4c4c4a;--muted:#70706b;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;
  --font:Inter,"Segoe UI",Arial,Helvetica,sans-serif;--smooth:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--white);overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid #ff8a49;outline-offset:4px}
img,video,svg{max-width:100%}
img{display:block}
.skip{position:absolute;left:20px;top:-100px;z-index:500;background:var(--orange);padding:14px;color:#fff}
.skip:focus{top:14px}
.page-pad{padding-left:max(5vw,calc((100vw - 1480px)/2));padding-right:max(5vw,calc((100vw - 1480px)/2))}
.eyebrow-bar{height:29px;padding:0 5vw;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;font:600 10px/1 var(--mono);letter-spacing:.13em}
.eyebrow-bar span:first-child{color:var(--orange)}
.eyebrow-bar b{color:#fff;font-weight:500}
.header{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:24px;justify-content:space-between;min-height:84px;padding:15px 5vw;background:#fffffff0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--hair)}
.wordmark{display:flex;align-items:center;gap:13px;min-width:250px}
.wordmark-mark{height:38px;width:38px;display:grid;place-items:center;background:var(--orange);color:#fff;flex-shrink:0}
.wordmark-mark svg{width:23px;height:23px}
.wordmark-name{font-size:21px;font-weight:850;letter-spacing:-.077em;line-height:.93}
.wordmark-name>span,.footer strong span{color:var(--orange)}
.wordmark-name small{display:block;padding-top:6px;font:650 8px/1.2 var(--mono);letter-spacing:.06em;color:#777}
.wordmark-name small i{color:var(--orange);font-style:normal}
.nav{display:flex;align-items:center;gap:clamp(18px,2.45vw,43px);font-size:13px;font-weight:680}
.nav a{padding:12px 0;transition:color .25s ease}
.nav a:hover{color:var(--orange-dark)}
.header-cta{border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:47px;padding:13px 18px;font-size:12px;font-weight:750;white-space:nowrap;transition:color .25s,background .25s,border-color .25s}
.header-cta span{color:var(--orange)}
.header-cta:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.header-cta:hover span{color:#fff}

/* 01 — art-directed, real-film hero, never synthetic aircraft. */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:min(790px,calc(100svh - 113px));background:var(--white);position:relative}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(70px,7vw,115px) 4vw 38px max(5vw,calc((100vw - 1480px)/2));min-width:0;position:relative;z-index:3}
.hero-kicker{display:flex;align-items:center;gap:12px;color:#5b5c57;font:700 11px/1.5 var(--mono);letter-spacing:.08em;margin-bottom:clamp(24px,3vw,51px)}
.orange-dash{width:25px;height:4px;background:var(--orange);flex-shrink:0}
.hero h1{font-weight:850;letter-spacing:-.085em;line-height:.985;font-size:clamp(4.55rem,6.45vw,8.45rem);margin:0 0 32px;color:var(--ink);white-space:nowrap}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero-description{font-size:clamp(1.05rem,1.29vw,1.31rem);line-height:1.55;max-width:555px;margin:0;color:var(--body);text-wrap:pretty}
.hero-description strong{color:var(--ink);font-weight:760}
.hero-ctas{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:34px}
.btn-orange{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 21px;min-height:58px;background:var(--orange);color:#fff;font-size:14px;font-weight:780;transition:background .25s,transform .25s var(--smooth)}
.btn-orange:hover{background:var(--orange-dark);transform:translateY(-2px)}
.btn-text{display:flex;align-items:center;gap:27px;min-height:50px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:720}
.btn-text span{color:var(--orange)}
.btn-text:hover{color:var(--orange-dark)}
.hero-credentials{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:auto;padding-top:43px;color:#6b6d69}
.hero-credentials span{display:inline-flex;align-items:center;gap:10px;font:700 10px/1.5 var(--mono);letter-spacing:.01em}
.hero-credentials b{color:var(--orange)}
.hero-media{position:relative;min-height:620px;background:#3f483d;overflow:hidden;isolation:isolate}
.hero-video{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center;z-index:0;filter:saturate(.97) contrast(1.07);background:#444d3e}
.hero-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#1414149c 0%,transparent 27%,transparent 41%,#080b0ec5 100%)}
.hero-video-top,.hero-video-bottom{position:absolute;z-index:5;left:clamp(18px,3vw,48px);right:clamp(18px,3vw,48px);display:flex;align-items:flex-start;justify-content:space-between;gap:14px;color:#fff}
.hero-video-top{top:30px}
.media-tag,.media-serial{font:700 10px/1.5 var(--mono);letter-spacing:.08em}
.media-tag{padding:9px 10px;background:#f15a24;display:flex;align-items:center;gap:8px}
.media-tag i{width:5px;height:5px;background:#fff;border-radius:50%}
.media-serial{margin-top:9px;color:#e7e9e8}
.hero-video-bottom{bottom:26px;flex-direction:column;gap:15px}
.hero-video-title{font-size:clamp(1.7rem,2.8vw,3.8rem);line-height:1.05;font-weight:800;letter-spacing:-.062em}
.hero-media-disclaimer{font:600 9px/1.65 var(--mono);letter-spacing:.04em;max-width:490px;color:#d9ddd6}
.video-toggle{position:absolute;z-index:6;top:88px;right:35px;background:#fffffff5;border:0;display:grid;place-items:center;height:42px;width:42px;color:var(--ink);font-size:13px;cursor:pointer;transition:background .25s,color .25s}
.video-toggle:hover{background:var(--orange);color:#fff}
.orange-corner{position:absolute;z-index:3;width:78px;height:78px;border-bottom:9px solid var(--orange);border-right:9px solid var(--orange);bottom:0;right:0;pointer-events:none}
.section-index{background:var(--ink);height:55px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5vw;color:#e8e8e5;font:650 10px/1.5 var(--mono);letter-spacing:.11em}
.section-index span:nth-child(2){color:var(--orange)}
.section-small{font:760 11px/1.5 var(--mono);letter-spacing:.15em;color:var(--orange-dark);text-transform:uppercase;margin:0}
h2,h3,p{overflow-wrap:break-word}
/* 02 — commercial truth, editorial white composition. */
.statement{padding-top:135px;padding-bottom:140px;background:var(--paper)}
.statement-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.6fr);align-items:end;gap:5vw;margin-top:34px}
.statement h2{font-size:clamp(3.25rem,6vw,8.4rem);line-height:.99;letter-spacing:-.085em;font-weight:850;margin:0}
.statement h2 em{color:var(--orange);font-style:normal}
.statement-right{padding-bottom:8px}
.statement-right>p:first-child{font-size:clamp(1.07rem,1.45vw,1.29rem);line-height:1.64;color:var(--ink);font-weight:560;margin:0}
.statement-rule{margin:35px 0 25px;height:2px;width:55px;background:var(--orange)}
.small-note{display:flex;align-items:flex-start;gap:13px;font-size:.92rem;line-height:1.65;color:#555752}
.note-square{width:8px;height:8px;margin-top:8px;flex-shrink:0;background:var(--orange)}
.arrow-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-bottom:12px;border-bottom:1px solid #8b8b87;font-size:13px;font-weight:780}
.arrow-link span{color:var(--orange)}
.arrow-link:hover{color:var(--orange-dark)}
/* 03 — real reference photographs */
.applications{background:#fff;padding-top:115px;padding-bottom:120px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:44px}
.section-head h2{font-size:clamp(3rem,4.65vw,6.3rem);line-height:1.02;letter-spacing:-.073em;margin:20px 0 0;font-weight:850}
.section-head h2 em{color:var(--orange);font-style:normal}
.section-head>p{font-size:1rem;line-height:1.62;max-width:320px;color:var(--body);margin:0 0 5px}
.applications-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.app-card{border:1px solid #dededb;min-width:0;display:flex;flex-direction:column;background:#fff;transition:transform .38s var(--smooth),box-shadow .38s}
.app-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0000000c}
.app-image{aspect-ratio:4/3;position:relative;overflow:hidden;background:#dddeda}
.app-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s var(--smooth);filter:saturate(.94)}
.app-card:hover .app-image img{transform:scale(1.035)}
.image-corner-label{position:absolute;bottom:0;left:0;background:var(--ink);color:#fff;font:700 11px/1.4 var(--mono);letter-spacing:.06em;padding:13px 16px}
.app-content{padding:29px 25px 28px;display:flex;flex-direction:column;flex:1}
.app-content h3{font-size:clamp(1.55rem,2.1vw,2.65rem);letter-spacing:-.055em;line-height:1.11;margin:0 0 17px}
.app-content p{font-size:.96rem;line-height:1.65;color:#656660;margin:0 0 30px}
.app-discover{appearance:none;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;border:0;border-top:1px solid #dededa;padding:17px 0 0;color:var(--ink);background:none;font-size:13px;font-weight:800;cursor:pointer;transition:color .25s}
.app-discover span{color:var(--orange);font-size:17px}
.app-discover:hover{color:var(--orange-dark)}
.media-credits{margin:24px 0 0;color:#7a7a76;font:650 10px/1.65 var(--mono);letter-spacing:.03em}
/* 04 — black methodology section, no decorative fake telemetry. */
.process{background:var(--ink);color:#fff;padding-top:125px;padding-bottom:64px}
.process .section-small{color:#ff915b}
.process-head{display:grid;grid-template-columns:1.2fr .9fr;gap:20px 60px;align-items:end}
.process-head .section-small{grid-column:1/-1}
.process-head h2{font-size:clamp(3.35rem,6.1vw,8.6rem);line-height:.98;letter-spacing:-.077em;margin:14px 0 0;font-weight:850}
.process-head h2 em{color:#ff7238;font-style:normal}
.process-head>p{max-width:380px;color:#bfc0bf;line-height:1.65;font-size:1.08rem;margin:0 0 4px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:86px;border-top:1px solid #5a5a57;border-bottom:1px solid #5a5a57}
.step{padding:30px 24px 35px;border-right:1px solid #4e4e4c;min-width:0}
.step:first-child{padding-left:0}
.step:last-child{border-right:0;padding-right:0}
.step-number{font:750 18px/1 var(--mono);color:#ff7238;margin-bottom:48px}
.step h3{font-size:clamp(1.3rem,1.63vw,2rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 18px}
.step p{font-size:.91rem;color:#b7b8b6;line-height:1.62;margin:0}
.process-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:26px;color:#aeb0ad;font:630 10px/1.6 var(--mono);letter-spacing:.07em}
.process-foot span:first-child{display:flex;align-items:center;gap:10px}
.process-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#ff7238}
/* 05 — educational schematic grounded in real development workflow, not fake LiDAR. */
.algorithm{padding-top:115px;padding-bottom:125px;background:var(--paper)}
.algorithm-head{margin-bottom:48px}
.algorithm-workspace{display:grid;grid-template-columns:minmax(270px,.66fr) minmax(0,1.5fr);border:1px solid #d2d2cd;background:#fff}
.algorithm-controls{display:flex;flex-direction:column;border-right:1px solid #d8d8d4;padding:31px 29px;min-width:0}
.algorithm-controls-label{font:700 10px/1.6 var(--mono);letter-spacing:.1em;color:#72736f;margin-bottom:25px}
.case-button{width:100%;display:flex;align-items:center;gap:15px;min-height:72px;text-align:left;appearance:none;background:#fff;border:0;border-top:1px solid #dededb;padding:18px 7px;color:#50504f;cursor:pointer;transition:background .25s,color .25s}
.case-button:last-of-type{border-bottom:1px solid #dededb}
.case-button span{font:750 12px var(--mono);color:var(--orange);min-width:28px}
.case-button b{font-size:16px;font-weight:760}
.case-button i{font-style:normal;margin-left:auto;color:var(--orange);font-size:18px}
.case-button:hover{color:var(--orange-dark);background:#fcf8f5}
.case-button.is-selected{background:#fff1e9;color:#121212;padding-left:15px;border-left:4px solid var(--orange)}
.algorithm-case-text{margin-top:auto;padding-top:42px}
.case-number{font:750 11px/1.5 var(--mono);letter-spacing:.09em;color:var(--orange)}
.algorithm-case-text h3{font-size:clamp(1.8rem,2.45vw,3.4rem);letter-spacing:-.066em;line-height:1.12;margin:14px 0 16px}
.algorithm-case-text p{font-size:1rem;line-height:1.64;color:#5a5c58;margin:0}
.algorithm-diagram{background:#fff;min-width:0}
.diagram-head,.diagram-foot{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 25px;font:720 10px/1.6 var(--mono);letter-spacing:.07em;color:#434340}
.diagram-head{border-bottom:1px solid #e0e0dc}
.diagram-head span:first-child{display:flex;align-items:center;gap:9px}
.orange-signal{height:8px;width:8px;display:inline-block;background:var(--orange)}
.diagram-head span:last-child,.diagram-foot span:last-child{color:#858681}
.algorithm-diagram svg{display:block;height:auto;width:100%;max-width:950px;margin:5px auto}
.algorithm-diagram svg [data-diagram][hidden]{display:none}
.algorithm-diagram svg .svg-caption{fill:#6a6b68;font:700 12px var(--mono);letter-spacing:.08em}
.diagram-foot{border-top:1px solid #e0e0dc}
.diagram-foot span:first-child{color:var(--orange-dark)}
.algorithm-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.output-tile{border-top:3px solid var(--orange);background:#fff;padding:25px 25px 27px;min-width:0}
.output-tile>span{font:750 10px/1.5 var(--mono);letter-spacing:.07em;color:var(--orange-dark)}
.output-tile>p{font-size:1rem;line-height:1.56;color:#383935;margin:13px 0 0}
/* 06 — deliverables */
.proof{padding-top:120px;padding-bottom:128px;background:var(--white)}
.proof-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;margin-top:30px}
.proof h2{font-size:clamp(3.5rem,5.5vw,7.6rem);line-height:.99;letter-spacing:-.078em;margin:0}
.proof h2 em{color:var(--orange);font-style:normal}
.proof-grid>div:first-child>p{font-size:1.1rem;line-height:1.58;color:var(--body);max-width:500px;margin-top:33px}
.deliverables>div{display:grid;grid-template-columns:48px 1fr;gap:0 14px;padding:22px 0;border-top:1px solid #cececa}
.deliverables>div:last-child{border-bottom:1px solid #cececa}
.deliverables>div span{grid-row:span 2;color:var(--orange);font:750 13px var(--mono)}
.deliverables>div b{font-size:1.15rem;letter-spacing:-.023em}
.deliverables>div p{margin:9px 0 0;color:#74756f;line-height:1.52;font-size:.92rem}
/* 07 — final conversion */
.contact{background:var(--ink);color:#fff;padding:110px 5vw 0}
.contact-content{max-width:1480px;margin:0 auto}
.contact .section-small{color:#ff9059}
.contact h2{font-size:clamp(4.2rem,8vw,11rem);line-height:.94;font-weight:850;letter-spacing:-.087em;margin:30px 0 26px}
.contact h2 em{color:#ff733b;font-style:normal}
.contact-content>p:not(.section-small){max-width:675px;color:#c6c6c4;font-size:1.14rem;line-height:1.65}
.contact-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}
.btn-outline-light{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #bdbdbb;min-height:58px;padding:18px 24px;font-size:14px;font-weight:760;transition:background .25s,color .25s}
.btn-outline-light:hover{background:#fff;color:var(--ink)}
.contact-stripe{max-width:1480px;margin:108px auto 0;border-top:1px solid #51514e;padding:27px 0;color:#ff7942;font:700 11px/1.5 var(--mono);letter-spacing:.08em}
.footer{padding:45px 5vw 35px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:45px}
.footer strong{font-size:26px;line-height:1.2;letter-spacing:-.07em}
.footer>div:first-child p{font:700 9px/1.6 var(--mono);letter-spacing:.06em;color:#797a73}
.footer-right{max-width:480px;margin-left:auto}
.footer-right p{font-size:.91rem;line-height:1.56;margin:0 0 16px;color:#666761}
.footer-right a{font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.footer-bottom{grid-column:1/-1;border-top:1px solid #dededb;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#85867f;font:650 10px/1.5 var(--mono);letter-spacing:.045em}
/* Motion is restrained, readability is always the default */
@media (prefers-reduced-motion:no-preference){
  .step,.app-card,.output-tile{transition:transform .4s var(--smooth),box-shadow .4s}
  .output-tile:hover{transform:translateY(-3px)}
}
@media(max-width:1270px){
  .header{gap:15px}
  .wordmark{min-width:222px}
  .wordmark-name{font-size:19px}
  .nav{gap:20px}
  .hero{grid-template-columns:1.03fr .97fr}
  .hero h1{font-size:clamp(4.5rem,6.15vw,7rem)}
  .hero-description{font-size:1.1rem}
  .hero-credentials{gap:10px}
}
@media(max-width:1024px){
  .eyebrow-bar{font-size:9px}
  .nav{display:none}
  .header{min-height:74px}
  .hero{min-height:650px;grid-template-columns:1.08fr .92fr}
  .hero-copy{padding-top:80px}
  .hero h1{font-size:clamp(3.85rem,7vw,6.1rem)}
  .hero-media{min-height:630px}
  .hero-credentials span{font-size:9px}
  .statement-content{grid-template-columns:1.4fr .8fr}
  .process-head{grid-template-columns:1fr .8fr}
  .steps{margin-top:60px}
  .step{padding-inline:14px}
  .statement,.applications,.algorithm,.proof{padding-top:90px;padding-bottom:95px}
}
@media(max-width:800px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:88px 6vw 55px}
  .hero h1{font-size:clamp(4.2rem,11vw,8rem)}
  .hero-credentials{margin-top:36px;padding-top:15px;border-top:1px solid #dededa}
  .hero-media{min-height:420px;height:56vw}
  .hero-video{object-position:center 57%}
  .statement-content{grid-template-columns:1fr;gap:35px}
  .statement h2{font-size:clamp(4rem,8.2vw,7.3rem)}
  .statement-right{max-width:610px}
  .section-head{display:block}
  .section-head>p{margin-top:23px;max-width:620px}
  .applications-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr}
  .app-card:last-child .app-image{aspect-ratio:auto;min-height:280px}
  .process-head{grid-template-columns:1fr}
  .process-head>p{max-width:550px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .step{border-bottom:1px solid #535451}
  .step:nth-child(2){border-right:0}
  .step:nth-child(3),.step:nth-child(4){border-bottom:0}
  .algorithm-workspace{grid-template-columns:1fr}
  .algorithm-controls{border-right:0;border-bottom:1px solid #d8d8d4}
  .algorithm-controls-label{margin-bottom:12px}
  .case-button{min-height:56px}
  .algorithm-case-text{padding-top:27px}
  .algorithm-bottom{gap:10px}
  .output-tile{padding:20px 15px}
  .proof-grid{grid-template-columns:1fr;gap:45px}
  .footer{gap:24px}
}
@media(max-width:600px){
  html{scroll-padding-top:82px}
  .eyebrow-bar{height:25px;padding-inline:16px}
  .eyebrow-bar span:last-child{display:none}
  .header{padding:11px 16px;min-height:64px}
  .wordmark{min-width:0;gap:8px}
  .wordmark-mark{width:29px;height:29px}
  .wordmark-mark svg{width:19px;height:19px}
  .wordmark-name{font-size:16px}
  .wordmark-name small{font-size:6.5px;padding-top:4px}
  .header-cta{font-size:9px;min-height:37px;padding:9px 10px;gap:7px;max-width:140px;white-space:normal}
  .page-pad{padding-left:18px;padding-right:18px}
  .hero-copy{padding:70px 18px 40px}
  .hero-kicker{font-size:9px;letter-spacing:.05em;margin-bottom:25px}
  .hero h1{font-size:clamp(3.2rem,12.5vw,5.4rem);white-space:normal;margin-bottom:24px;line-height:.98}
  .hero-description{font-size:1.05rem}
  .hero-ctas{gap:11px;flex-direction:column;align-items:stretch;width:100%}
  .btn-orange{width:100%;min-height:54px}
  .btn-text{justify-content:space-between;width:100%}
  .hero-credentials{gap:8px 20px;margin-top:25px;padding-top:16px}
  .hero-credentials span{font-size:9px}
  .hero-media{height:450px;min-height:0}
  .hero-video-top{left:17px;right:17px;top:18px}
  .media-tag{font-size:9px;padding:8px}
  .media-serial{display:none}
  .video-toggle{top:62px;right:17px;width:38px;height:38px}
  .hero-video-bottom{left:17px;right:17px;bottom:20px}
  .hero-video-title{font-size:2.3rem}
  .hero-media-disclaimer{font-size:8px;max-width:295px}
  .section-index{height:46px;padding-inline:18px;font-size:8px}
  .section-index span:last-child{display:none}
  .statement,.applications,.algorithm,.proof{padding-top:78px;padding-bottom:83px}
  .statement h2{font-size:clamp(3.02rem,11.1vw,5.2rem);line-height:.98}
  .section-head h2{font-size:clamp(2.8rem,10vw,4.8rem)}
  .statement-content{gap:28px}
  .applications-grid{grid-template-columns:1fr;gap:16px}
  .app-card:last-child{grid-column:auto;display:flex}
  .app-card:last-child .app-image{aspect-ratio:4/3;min-height:0}
  .app-content{padding:24px 22px}
  .app-content h3{font-size:2.05rem}
  .process{padding-top:80px;padding-bottom:32px}
  .process-head h2{font-size:clamp(3.1rem,10.5vw,5.8rem)}
  .steps{grid-template-columns:1fr;margin-top:43px}
  .step{padding:22px 0 24px!important;border-right:0;border-bottom:1px solid #555651!important}
  .step-number{margin-bottom:15px}
  .step h3{font-size:1.56rem;margin-bottom:12px}
  .step:last-child{border-bottom:0!important}
  .process-foot{flex-direction:column;align-items:flex-start;font-size:9px}
  .algorithm-head{margin-bottom:30px}
  .algorithm-controls{padding:17px 16px}
  .algorithm-case-text h3{font-size:2.1rem}
  .algorithm-diagram svg{max-height:300px}
  .diagram-head,.diagram-foot{min-height:46px;padding:10px 12px;font-size:8px}
  .diagram-head span:last-child,.diagram-foot span:last-child{display:none}
  .algorithm-diagram svg .svg-caption{font-size:14px}
  .algorithm-bottom{grid-template-columns:1fr;gap:8px}
  .output-tile{padding:15px 18px}
  .output-tile p{font-size:.95rem;margin-top:7px}
  .proof h2{font-size:clamp(3.3rem,11.1vw,5.9rem)}
  .contact{padding:75px 18px 0}
  .contact h2{font-size:clamp(3.5rem,12vw,6rem)}
  .contact-content>p:not(.section-small){font-size:1rem}
  .contact-links{flex-direction:column}
  .btn-outline-light{width:100%}
  .contact-stripe{margin-top:65px;font-size:9px}
  .footer{padding:36px 18px;grid-template-columns:1fr}
  .footer-right{margin:0;max-width:none}
  .footer-bottom{gap:12px;flex-wrap:wrap;font-size:9px}
}
@media(max-width:360px){
  .header-cta{font-size:8px;max-width:118px}
  .wordmark-name{font-size:14px}
  .wordmark-name small{font-size:5.8px}
  .hero h1{font-size:clamp(2.87rem,12vw,4.3rem)}
  .statement h2{font-size:clamp(2.8rem,10.7vw,4.6rem)}
  .algorithm-case-text h3{font-size:1.8rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* Mobile typography safeguard: long Spanish words must never force page width. */
@media(max-width:800px){.statement-content{grid-template-columns:minmax(0,1fr)}.statement-content>*{min-width:0}}
@media(max-width:600px){.statement h2{font-size:clamp(2rem,9.2vw,4.5rem);overflow-wrap:anywhere;letter-spacing:-.086em}.statement-right{min-width:0}}

.lab-back-strip{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 5vw;background:#171717;color:#f5f5f1;font:700 10px/1.5 "Cascadia Code",Consolas,monospace}
.lab-back-strip a:hover{color:#ff8b56}
.lab-back-strip span{color:#ff9563}
@media(max-width:550px){.lab-back-strip{padding:10px 18px;font-size:9px}.lab-back-strip span{display:none}}