:root {
  --bg: #080a0b;
  --bg-soft: #0e1113;
  --ink: #f6f3ec;
  --muted: #a8afb1;
  --line: rgba(255,255,255,.14);
  --accent: #ff3a12;
  --accent-deep: #cb2b0d;
  --signal: #9fca48;
  --cream: #f3f0e7;
  --cream-2: #e7e3d9;
  --max: 1420px;
  --header-h: 92px;
  --ease: cubic-bezier(.2,.72,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; background: var(--bg); }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; color: inherit; }
::selection { background: var(--accent); color: #fff; }

.container { width: min(calc(100% - 56px), var(--max)); margin-inline: auto; }
.section-pad { padding: 140px 0; position: relative; }
.section-num { display: inline-flex; font-size: 12px; letter-spacing: .18em; color: var(--accent); margin-right: 18px; }
.section-kicker { display: inline-flex; font-size: 12px; text-transform: uppercase; letter-spacing: .2em; color: #9da4a6; }
.section-head { display: grid; grid-template-columns: minmax(220px,.7fr) 1.7fr; gap: 70px; align-items: end; margin-bottom: 80px; }
.section-head h2 { margin: 0; font-size: clamp(52px,7vw,118px); line-height: .9; letter-spacing: -.06em; font-weight: 520; }
.section-head h2 span { color: var(--accent); }

/* Old-school top-to-bottom reveal. No long loader, no progress bar. */
.intro-veil { position: fixed; inset: 0; z-index: 600; pointer-events: none; background: #050607; clip-path: inset(0 0 0 0); animation: introReveal 1.05s cubic-bezier(.65,0,.2,1) .28s forwards; }
.intro-veil__brand { position: absolute; left: max(28px, calc((100vw - var(--max))/2)); top: 50%; transform: translateY(-50%); font-size: 12px; letter-spacing: .28em; color: rgba(255,255,255,.62); opacity: 0; animation: introBrand .5s ease .08s forwards; }
.intro-veil__sweep { position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, transparent, var(--accent) 35%, var(--signal) 72%, transparent); box-shadow: 0 -20px 80px rgba(255,58,18,.15); }
@keyframes introReveal { to { clip-path: inset(100% 0 0 0); visibility: hidden; } }
@keyframes introBrand { to { opacity: 1; } }

.cursor-glow { position: fixed; z-index: 0; width: 500px; height: 500px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(255,58,18,.07), transparent 66%); transform: translate(-50%,-50%); opacity: 0; transition: opacity .2s; }

.site-header { position: fixed; inset: 0 0 auto 0; z-index: 100; height: var(--header-h); display: flex; align-items: center; padding: 0 max(28px, calc((100vw - var(--max))/2)); transition: background .35s, backdrop-filter .35s, border-color .35s; border-bottom: 1px solid transparent; }
.site-header.is-scrolled { background: rgba(8,10,11,.74); backdrop-filter: blur(18px); border-color: rgba(255,255,255,.08); }
.brand { display: inline-flex; align-items: center; gap: 12px; position: relative; z-index: 102; }
.brand img { width: 42px; height: 45px; object-fit: contain; }
.brand__text { display: grid; gap: 1px; line-height: 1; }
.brand__text strong { font-size: 11px; letter-spacing: .13em; }
.brand__text small { font-size: 10px; color: #a8afb2; letter-spacing: .22em; }
.nav { margin-left: auto; display: flex; align-items: center; gap: clamp(14px,1.65vw,28px); }
.nav a { font-size: 11px; letter-spacing: .04em; color: #d9ddde; transition: color .25s; }
.nav a span { color: #71797d; margin-right: 4px; }
.nav a:hover { color: var(--accent); }
.menu-toggle { display: none; margin-left: auto; background: none; color: inherit; border: 0; width: 46px; height: 46px; position: relative; z-index: 102; }
.menu-toggle span { position: absolute; left: 10px; right: 10px; height: 1px; background: currentColor; transition: transform .3s var(--ease), top .3s var(--ease); }
.menu-toggle span:first-child { top: 18px; }.menu-toggle span:last-child { top: 27px; }
.menu-toggle.is-open span:first-child { top: 23px; transform: rotate(45deg); }.menu-toggle.is-open span:last-child { top: 23px; transform: rotate(-45deg); }

.hero { min-height: 100svh; position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 82% 28%, #27130d 0, #15100d 24%, #080a0b 58%); }
#signalCanvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -3; opacity: .9; }
.hero__grid { position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.hero__orb { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .16; z-index: -2; animation: orbFloat 10s ease-in-out infinite alternate; }
.hero__orb--one { width: 34vw; height: 34vw; background: var(--accent); right: -10vw; top: 0; }
.hero__orb--two { width: 28vw; height: 28vw; background: var(--signal); left: 35vw; bottom: -18vw; animation-delay: -5s; opacity: .09; }
@keyframes orbFloat { to { transform: translate3d(-4vw,4vh,0) scale(1.08); } }

.hero__content { min-height: 100svh; padding-top: calc(var(--header-h) + 80px); padding-bottom: 112px; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 5; }
.eyebrow { font-size: 12px; letter-spacing: .23em; text-transform: uppercase; color: #aab0b3; margin-bottom: 28px; }
.hero__title { margin: 0; max-width: 1100px; font-size: clamp(67px,9.4vw,156px); line-height: .82; letter-spacing: -.07em; font-weight: 520; }
.hero__line { display: block; }
.hero__line--accent { color: var(--accent); }
.hero__bottom { margin-top: 58px; display: grid; grid-template-columns: minmax(0,590px) auto; gap: 80px; align-items: end; }
.hero__intro { margin: 0; font-size: clamp(17px,1.45vw,24px); line-height: 1.55; color: #c7cbcc; }
.hero-enter { opacity: 0; transform: translateY(-22px); animation: heroEnter .75s var(--ease) 1.05s forwards; }
.hero__line:nth-child(2) { animation-delay: 1.16s; }
.hero__bottom.hero-enter { animation-delay: 1.28s; }
@keyframes heroEnter { to { opacity: 1; transform: translateY(0); } }
.round-link { width: 122px; height: 122px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); position: relative; overflow: hidden; justify-self: end; }
.round-link::before { content: ""; position: absolute; inset: 0; background: var(--accent); transform: translateY(102%); transition: transform .45s var(--ease); }
.round-link span, .round-link svg { position: relative; z-index: 1; transition: color .3s; }
.round-link span { font-size: 11px; text-transform: uppercase; letter-spacing: .15em; }
.round-link svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; margin-top: -30px; }
.round-link:hover::before { transform: translateY(0); }.round-link:hover { color: #fff; }

.hero__media { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.hero-frame { position: absolute; overflow: hidden; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 40px 110px rgba(0,0,0,.48); will-change: transform; background: #111; }
.hero-frame img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.06) brightness(.72) saturate(.84); transform: scale(1.035); }
.hero-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, transparent 30%, rgba(255,58,18,.16)); mix-blend-mode: screen; }
.hero-frame--a { width: min(35vw,520px); aspect-ratio: 1.25; right: 4vw; top: 17vh; transform: rotate(1.5deg); }
.hero-frame--b { width: min(24vw,360px); aspect-ratio: 1.18; right: 26vw; bottom: 7vh; transform: rotate(-3deg); }
.hero-frame--c { width: min(23vw,340px); aspect-ratio: 1.42; right: 1.5vw; bottom: 3vh; transform: rotate(4deg); }
.hero__media::before { content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(90deg, rgba(8,10,11,.995) 0%, rgba(8,10,11,.94) 36%, rgba(8,10,11,.48) 62%, rgba(8,10,11,.12) 100%); }
.hero__rail { position: absolute; left: 0; right: 0; bottom: 0; height: 48px; border-top: 1px solid var(--line); display: flex; align-items: center; gap: 22px; overflow: hidden; white-space: nowrap; color: #9ea5a8; font-size: 10px; letter-spacing: .22em; padding-inline: 28px; z-index: 10; background: rgba(8,10,11,.45); backdrop-filter: blur(10px); }
.hero__rail i { width: 44px; height: 1px; background: #4b5154; flex: 0 0 auto; }

.manifesto { background: var(--cream); color: #0b0d0e; }
.manifesto .section-kicker { color: #666d70; }
.manifesto__grid { display: grid; grid-template-columns: .65fr 1.8fr; gap: 70px; }
.manifesto__statement { margin: 0; font-size: clamp(40px,5.5vw,88px); line-height: .98; letter-spacing: -.055em; font-weight: 500; }
.manifesto__statement em { font-style: normal; color: #777d79; }
.manifesto__values { grid-column: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 60px; }
.value { border-top: 1px solid #b9bcb6; padding-top: 18px; }
.value span { color: var(--accent-deep); font-size: 11px; }.value strong { display:block; font-size: 28px; margin: 16px 0 10px; }.value p { margin:0; color:#5f6662; line-height:1.55; font-size:14px; }

.capabilities { background: #0a0d0f; }
.capability-list { border-top: 1px solid var(--line); }
.capability { display: grid; grid-template-columns: 110px 1fr auto; gap: 30px; align-items: center; min-height: 176px; padding: 26px 0; border-bottom: 1px solid var(--line); transition: padding .35s var(--ease), background .35s; transform-style: preserve-3d; }
.capability:hover { padding-inline: 24px; background: linear-gradient(90deg, rgba(255,58,18,.08), transparent 72%); }
.capability__index { color: #656c6f; font-size: 12px; letter-spacing: .16em; }
.capability__body h3 { margin: 0 0 10px; font-size: clamp(30px,3.2vw,52px); letter-spacing: -.04em; font-weight: 500; }
.capability__body p { margin: 0; color: #aeb4b6; max-width: 760px; line-height: 1.55; font-size: 15px; }
.capability__tag { border: 1px solid #303638; border-radius: 999px; padding: 9px 14px; font-size: 10px; letter-spacing: .15em; color: #aab0b2; }

.supply { height: 300vh; position: relative; background: #050607; }
.supply__sticky { position: sticky; top: 0; min-height: 100svh; overflow: hidden; display: flex; align-items: center; }
.supply__bg { position: absolute; inset: 0; }
.supply__bg-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.035); transition:opacity .8s var(--ease), transform 1.6s var(--ease); filter:contrast(1.08) saturate(.7) brightness(.64); }
.supply__bg-image.is-active { opacity:1; transform:scale(1); }
.supply__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,8,9,.97) 0 43%,rgba(6,8,9,.66) 64%,rgba(6,8,9,.3)),linear-gradient(0deg,#060809 0,transparent 32%,rgba(6,8,9,.1)); }
.supply__content { position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:8vw; align-items:center; }
.supply__title h2 { margin:24px 0 0; font-size:clamp(58px,7.5vw,125px); line-height:.88; letter-spacing:-.065em; font-weight:520; }.supply__title h2 span{color:var(--accent)}
.supply__steps { display:grid; gap:1px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(9px); }
.supply-step { display:grid; grid-template-columns:54px 1fr; gap:4px 16px; padding:24px 26px; background:rgba(8,10,11,.72); opacity:.46; transition:opacity .35s, background .35s, transform .35s; }
.supply-step>span { grid-row:1/3; color:#7b8386; font-size:10px; letter-spacing:.15em; padding-top:6px; }.supply-step h3{margin:0;font-size:27px;font-weight:500;letter-spacing:-.03em}.supply-step p{margin:8px 0 0;color:#a8afb1;line-height:1.55;font-size:13px;max-width:460px}.supply-step.is-active{opacity:1;background:rgba(12,14,15,.91);transform:translateX(-8px)}.supply-step.is-active h3{color:var(--accent)}

.fiber { background: #111416; overflow: hidden; }
.section-head--fiber h2 span { color: var(--signal); }
.fiber::before { content:""; position:absolute; width:42vw; height:42vw; border-radius:50%; right:-18vw; top:-12vw; background:radial-gradient(circle,rgba(159,202,72,.11),transparent 68%); pointer-events:none; }
.fiber-showcase { display:grid; grid-template-columns:1.18fr .82fr; gap:24px; }
.fiber-feature { border:1px solid rgba(255,255,255,.12); background:#0a0d0f; min-height:520px; display:grid; grid-template-rows:minmax(290px,1fr) auto; overflow:hidden; position:relative; }
.fiber-feature--otdr { grid-row: span 2; min-height: 820px; }
.fiber-feature__image { position:relative; overflow:hidden; background:#090b0c; }
.fiber-feature__image img { width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease),filter .5s; filter:saturate(.86) contrast(1.02); }
.fiber-feature:hover .fiber-feature__image img { transform:scale(1.025); }
.fiber-feature--splicer .fiber-feature__image img,.fiber-feature--ribbon .fiber-feature__image img { object-fit:cover; }
.fiber-feature__copy { padding:28px 30px 32px; border-top:1px solid rgba(255,255,255,.1); }
.micro-label { display:block; font-size:10px; letter-spacing:.2em; color:var(--accent); margin-bottom:16px; }
.fiber-feature__copy h3 { margin:0; font-size:clamp(28px,2.7vw,44px); line-height:1.02; letter-spacing:-.045em; font-weight:510; }
.fiber-feature__copy p { color:#aeb4b6; line-height:1.6; margin:18px 0 22px; max-width:620px; font-size:14px; }
.platform-strip { display:flex; flex-wrap:wrap; gap:8px; }
.platform-strip span { border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:8px 11px; font-size:9px; letter-spacing:.14em; color:#c5cacc; background:rgba(255,255,255,.025); }
.rights-note { display:block; color:#687174; line-height:1.5; margin-top:16px; font-size:10px; }

.field { background: var(--cream); color:#0b0d0e; }
.field .section-kicker { color:#666d70; }.section-head--light h2 span{color:var(--accent-deep)}
.field-grid { display:grid; grid-template-columns:1.15fr .85fr; grid-template-rows:1fr 1fr; gap:18px; }
.field-card { position:relative; min-height:330px; overflow:hidden; background:#111; }
.field-card--wide { grid-row:1/3; min-height:680px; }
.field-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); filter:saturate(.75) contrast(1.06); }.field-card:hover img{transform:scale(1.035)}
.field-card__overlay { position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,7,.92),rgba(5,6,7,.08) 65%); }
.field-card__content { position:absolute;left:30px;right:30px;bottom:28px;color:#fff; }.field-card__content>span { font-size:9px;letter-spacing:.18em;color:#aeb5b7 }.field-card__content h3 { font-size:clamp(30px,3vw,48px);line-height:1;letter-spacing:-.04em;margin:12px 0 10px;font-weight:520 }.field-card__content p { margin:0;max-width:500px;color:#c2c7c8;line-height:1.5;font-size:13px }

.repair { background:#080a0b; }
.repair__layout { display:grid;grid-template-columns:.68fr 1.32fr;gap:7vw;align-items:start }.repair__intro { position:sticky;top:135px }.repair__intro h2 { font-size:clamp(54px,6vw,100px);line-height:.9;letter-spacing:-.06em;font-weight:520;margin:24px 0 24px }.repair__intro h2 span{color:var(--accent)}.repair__intro p{color:#aeb4b6;line-height:1.65;max-width:420px;font-size:14px}
.repair-browser { border:1px solid var(--line);padding:14px;background:#0b0e10 }.repair-browser__image { height:min(58vh,660px);min-height:430px;position:relative;overflow:hidden;background:#111 }.repair-browser__image img { width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .8s var(--ease);filter:contrast(1.05) saturate(.85) }.repair-browser__image:hover img{transform:scale(1.025)}
.image-code { position:absolute;left:20px;top:20px;padding:8px 10px;background:rgba(5,6,7,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);font-size:9px;letter-spacing:.18em }
.repair-browser__list { border-top:1px solid var(--line) }.repair-item { width:100%;display:grid;grid-template-columns:52px 1fr;gap:10px 18px;text-align:left;color:#fff;background:transparent;border:0;border-bottom:1px solid var(--line);padding:18px 0;cursor:pointer;transition:padding .25s,background .25s }.repair-item span { grid-row:1/3;color:#636b6e;font-size:10px;letter-spacing:.16em;padding-top:4px }.repair-item strong{font-size:22px;font-weight:500}.repair-item small{color:#818a8e;font-size:12px;letter-spacing:.02em}.repair-item.is-active,.repair-item:hover{background:linear-gradient(90deg,rgba(255,58,18,.09),transparent);padding-left:12px}.repair-item.is-active strong{color:var(--accent)}

.experience { background:var(--cream);color:#0b0d0e }.experience .section-kicker{color:#687073}.experience .section-head h2 span{color:#747b76}.stats { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #babdb8;border-bottom:1px solid #babdb8;margin:40px 0 100px }.stat { min-height:270px;padding:34px 26px;border-right:1px solid #babdb8;display:flex;flex-direction:column;justify-content:space-between }.stat:last-child{border-right:0}.stat strong{font-size:clamp(72px,8vw,130px);line-height:.82;letter-spacing:-.07em;font-weight:520;color:#121415}.stat span{max-width:260px;color:#5f6662;font-size:13px;line-height:1.5}
.projects-title { display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#666d69;margin-bottom:18px }.projects-title i{height:1px;background:#c2c4bf;flex:1}.projects { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c2c4bf }.project { padding:30px 28px 46px 0;border-right:1px solid #c2c4bf }.project + .project{padding-left:28px}.project:last-child{border-right:0}.project>span{color:var(--accent-deep);font-size:10px;letter-spacing:.17em}.project h3{font-size:28px;line-height:1.08;letter-spacing:-.035em;font-weight:500;margin:48px 0 18px}.project p{margin:0;color:#606662;line-height:1.6;font-size:14px}
.clients { margin-top:100px;padding-top:28px;border-top:1px solid #bfc2bd }.clients__title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6e7471;margin-bottom:32px}.clients__rail{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d1cec6;border:1px solid #d1cec6}.client { --client:#777; position:relative; min-height:118px;display:grid;place-items:center;background:#f8f5ed;font-size:16px;font-weight:700;letter-spacing:.08em;overflow:hidden;transition:transform .3s var(--ease),color .3s,background .3s }.client::before{content:"";position:absolute;inset:auto 0 0;height:6px;background:var(--client);transition:height .35s var(--ease),opacity .35s;opacity:.88}.client:hover{transform:translateY(-2px);background:#fff}.client:hover::before{height:12px}.client--ufone{--client:#58a43a}.client--nokia{--client:#2458a8}.client--ptcl{--client:#20a051}.client--huawei{--client:#cf2e2e}.client--vertiv{--client:#77a941}.client--ericsson{--client:#2566b3}.client--mobilink{--client:#853c8b}.client--wateen{--client:#d77c23}.clients__note{margin:16px 0 0;color:#777e7a;font-size:10px;line-height:1.55;letter-spacing:.02em}

.contact { min-height:100svh;position:relative;overflow:hidden;background:#060809;display:flex;flex-direction:column;justify-content:space-between;padding-top:140px }.contact__visual{position:absolute;inset:0 0 0 46%}.contact__visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(.32) brightness(.47) contrast(1.14)}.contact__visual div{position:absolute;inset:0;background:linear-gradient(90deg,#060809 0,rgba(6,8,9,.84) 20%,rgba(6,8,9,.15) 70%),linear-gradient(0deg,#060809 0,transparent 30%)}.contact__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:end;min-height:calc(100svh - 240px);padding-bottom:90px}.contact__headline h2{font-size:clamp(70px,9vw,145px);line-height:.82;letter-spacing:-.07em;font-weight:520;margin:28px 0 0}.contact__headline h2 span{color:var(--accent)}.contact__details{display:grid;grid-template-columns:1fr 1fr;gap:28px 38px;align-self:end}.contact__block{border-top:1px solid rgba(255,255,255,.23);padding-top:14px}.contact__block small{display:block;color:#7f878a;text-transform:uppercase;letter-spacing:.16em;font-size:9px;margin-bottom:12px}.contact__block p,.contact__block a{margin:0;color:#e4e7e7;line-height:1.55;font-size:14px}.contact__block a:hover{color:var(--accent)}.contact__cta{grid-column:1/-1;margin-top:20px;min-height:94px;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:15px;transition:background .3s,color .3s,border-color .3s}.contact__cta svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.4}.contact__cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.footer { position:relative;z-index:2;min-height:92px;border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;color:#7f878a;font-size:10px;letter-spacing:.08em }.footer__brand{color:#c8cdce}.back-top{border:0;background:transparent;padding:12px 0;cursor:pointer;color:#8c9497;letter-spacing:.08em}.back-top:hover{color:var(--accent)}

.reveal { opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease) }.reveal.is-visible{opacity:1;transform:translateY(0)}

@media (max-width: 1180px) {
  :root { --header-h: 78px; }
  .nav { gap: 13px; }.nav a { font-size: 10px; }.nav a span { display:none; }
  .hero-frame--a{width:42vw;right:-5vw}.hero-frame--b{display:none}.hero-frame--c{width:32vw;right:2vw}.hero__media::before{background:linear-gradient(90deg,rgba(8,10,11,.99),rgba(8,10,11,.88) 50%,rgba(8,10,11,.34))}
  .manifesto__grid,.repair__layout{grid-template-columns:1fr}.manifesto__values{grid-column:1}.repair__intro{position:relative;top:auto;max-width:700px}
  .supply__content{grid-template-columns:1fr 1fr;gap:45px}.fiber-showcase{grid-template-columns:1fr 1fr}.fiber-feature--otdr{grid-column:1/-1;grid-row:auto;min-height:680px}.field-grid{grid-template-columns:1fr 1fr}.field-card--wide{grid-column:1/-1;grid-row:auto;min-height:54vh}.field-grid{grid-template-rows:auto}
  .contact__inner{grid-template-columns:1fr;gap:70px}.contact__visual{inset:0}.contact__visual div{background:linear-gradient(90deg,rgba(6,8,9,.96),rgba(6,8,9,.7)),linear-gradient(0deg,#060809,transparent)}.contact__details{max-width:720px}
}

@media (max-width: 780px) {
  .container{width:min(calc(100% - 36px),var(--max))}.section-pad{padding:92px 0}.site-header{padding:0 18px}
  .menu-toggle{display:block}.nav{position:fixed;inset:0;z-index:101;background:#080a0b;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 28px;gap:0;transform:translateY(-105%);transition:transform .55s var(--ease)}.nav.is-open{transform:translateY(0)}.nav a{font-size:32px;line-height:1.1;letter-spacing:-.04em;padding:12px 0;width:100%;border-bottom:1px solid var(--line)}.nav a span{display:inline;font-size:10px;margin-right:15px;letter-spacing:.14em}.brand__text{display:none}
  .hero__content{padding-top:125px;padding-bottom:90px;justify-content:flex-end}.hero__title{font-size:clamp(58px,17vw,94px)}.hero__bottom{grid-template-columns:1fr;gap:32px;margin-top:34px}.hero__intro{max-width:520px;font-size:16px}.round-link{width:92px;height:92px;justify-self:start}.hero-frame--a{width:74vw;right:-29vw;top:15vh;opacity:.62}.hero-frame--c{width:55vw;right:3vw;bottom:24vh;opacity:.4}.hero__media::before{background:linear-gradient(180deg,rgba(8,10,11,.35),rgba(8,10,11,.84) 58%,#080a0b 88%)}.hero__rail{font-size:9px;gap:14px}
  .manifesto__grid{gap:36px}.manifesto__statement{font-size:clamp(42px,12vw,68px)}.manifesto__values{grid-template-columns:1fr;gap:28px;margin-top:20px}.section-head{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.section-head h2{font-size:clamp(52px,15vw,88px)}
  .capability{grid-template-columns:42px 1fr;min-height:0;padding:30px 0}.capability__tag{display:none}.capability__body h3{font-size:29px}.capability__body p{font-size:14px}
  .supply{height:260vh}.supply__content{grid-template-columns:1fr;gap:48px}.supply__title h2{font-size:clamp(58px,16vw,92px)}.supply__shade{background:linear-gradient(180deg,rgba(6,8,9,.95) 0 58%,rgba(6,8,9,.6)),linear-gradient(0deg,#060809,transparent)}.supply__steps{gap:0}.supply-step{padding:16px 18px}.supply-step h3{font-size:22px}
  .fiber-showcase{grid-template-columns:1fr}.fiber-feature,.fiber-feature--otdr{grid-column:auto;min-height:0}.fiber-feature__image{min-height:320px}.fiber-feature__copy{padding:22px}.fiber-feature__copy h3{font-size:31px}
  .field-grid{grid-template-columns:1fr}.field-card,.field-card--wide{grid-column:auto;min-height:52vh}.field-card__content{left:20px;right:20px;bottom:22px}
  .repair__layout{gap:48px}.repair-browser__image{min-height:360px;height:46vh}.repair-item{grid-template-columns:38px 1fr}.repair-item strong{font-size:19px}.repair-item small{font-size:11px}
  .stats{grid-template-columns:1fr;margin-bottom:72px}.stat{min-height:190px;border-right:0;border-bottom:1px solid #babdb8}.stat:last-child{border-bottom:0}.projects{grid-template-columns:1fr}.project,.project + .project{padding:28px 0;border-right:0;border-bottom:1px solid #c2c4bf}.project h3{margin-top:30px}.clients{margin-top:72px}.clients__rail{grid-template-columns:1fr 1fr}.client{min-height:86px;font-size:13px}
  .contact{padding-top:96px}.contact__inner{min-height:auto;padding-bottom:70px}.contact__headline h2{font-size:clamp(66px,19vw,105px)}.contact__details{grid-template-columns:1fr}.contact__cta{min-height:78px}.footer{grid-template-columns:1fr;gap:8px;padding:24px 0}.back-top{justify-self:start}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  #signalCanvas,.cursor-glow { display:none !important; }
  .reveal,.hero-enter { opacity:1;transform:none; }
  .intro-veil { display:none; }
}