:root{--bg:#050505;--panel:#090b0e;--panel2:#0c1015;--text:#f5f7fa;--muted:#8d98a8;--blue:#1b74ff;--blue2:#63a6ff;--line:rgba(132,166,214,.17);--soft:rgba(27,116,255,.12);--header:78px;--max:1420px;--radius:3px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{max-width:100%;display:block}em{font-style:normal;color:var(--blue2)}::selection{background:var(--blue);color:white}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.ambient{position:fixed;pointer-events:none;z-index:-1;width:38vw;height:38vw;border-radius:50%;filter:blur(120px);opacity:.15;background:radial-gradient(circle,rgba(21,103,255,.58),transparent 70%)}.ambient-a{top:10%;right:-18%}.ambient-b{bottom:-20%;left:-15%}
.site-header{height:var(--header);position:fixed;z-index:100;top:0;left:0;right:0;display:grid;grid-template-columns:240px 1fr 170px;align-items:center;padding:0 44px;border-bottom:1px solid transparent;background:rgba(5,5,5,.5);backdrop-filter:blur(16px);transition:.45s ease}.site-header.scrolled{background:rgba(5,5,5,.9);border-color:var(--line);box-shadow:0 18px 60px rgba(0,0,0,.35)}.brand{display:inline-flex;align-items:center;gap:10px;width:max-content}.brand-mark{font-size:27px;color:white;line-height:1;text-shadow:0 0 18px rgba(61,140,255,.6)}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:14px;letter-spacing:.16em}.brand-text small{font-size:7px;letter-spacing:.38em;color:#778292;margin-top:5px}.main-nav{display:flex;justify-content:center;gap:30px}.main-nav a{position:relative;padding:30px 0 27px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:#c7cbd2;transition:.3s}.main-nav a:after{content:"";position:absolute;left:50%;bottom:17px;width:0;height:1px;background:var(--blue);box-shadow:0 0 12px var(--blue);transition:.35s;transform:translateX(-50%)}.main-nav a:hover,.main-nav a.active{color:white}.main-nav a:hover:after,.main-nav a.active:after{width:24px}.header-cta{justify-self:end}.nav-toggle{display:none;background:none;border:0;padding:12px}.nav-toggle span{display:block;width:24px;height:1px;background:white;margin:6px 0}
.button{min-height:42px;padding:0 18px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:14px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;cursor:pointer;transition:.35s ease;background:transparent}.button:hover{transform:translateY(-2px);border-color:rgba(77,151,255,.65);box-shadow:0 0 26px rgba(20,105,255,.14)}.button-primary{background:#0d5ed7;border-color:#1778ff;color:white;box-shadow:0 0 22px rgba(23,120,255,.22)}.button-primary:hover{background:#176de8;box-shadow:0 0 34px rgba(23,120,255,.32)}.button-ghost{background:rgba(7,9,12,.72)}.text-link{color:#83b5ff;font-size:11px;text-transform:uppercase;letter-spacing:.12em;transition:.3s}.text-link:hover{color:white;text-shadow:0 0 12px var(--blue)}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
main{min-height:70vh}.section-shell{width:min(calc(100% - 72px),var(--max));margin-inline:auto}.section-spaced{padding:110px 0}.eyebrow{display:block;color:#4d93ff;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.17em;margin-bottom:20px}.section-heading{margin-bottom:46px}.section-heading h2,.page-hero h1{font-weight:400;letter-spacing:-.045em;line-height:.98;margin:0;font-size:clamp(40px,5.2vw,76px)}.section-heading p{color:var(--muted);max-width:460px}.split-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:80px}.split-heading p{justify-self:end}.lede{max-width:680px;color:#9aa4b3;font-size:18px}.page-hero{padding-top:calc(var(--header) + 115px);padding-bottom:92px;position:relative}.page-hero h1{font-size:clamp(54px,7vw,108px);max-width:1080px}.page-hero .lede{margin-top:28px}.hero-line{position:absolute;right:0;bottom:40px;width:38%;height:1px;background:linear-gradient(90deg,transparent,var(--line));overflow:visible}.hero-line i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue);right:28%;top:-3px;box-shadow:0 0 16px var(--blue)}
.home-hero{height:100vh;min-height:720px;display:grid;place-items:center;position:relative;overflow:hidden;padding-top:var(--header)}.hero-content{position:relative;z-index:2;text-align:center;padding:0 24px}.hero-kicker{font-size:9px;letter-spacing:.38em;color:#68778d;margin-bottom:26px}.hero-content h1{margin:0;font-size:clamp(42px,6.2vw,94px);font-weight:400;letter-spacing:.14em;text-transform:uppercase}.hero-content p:last-child{color:#7c8797;max-width:650px;margin:24px auto 0}.hero-field{position:absolute;inset:0;background:linear-gradient(180deg,#050505 30%,#05070b 100%)}.horizon{position:absolute;left:50%;top:54%;width:72vw;height:22vw;border-radius:50%;border-top:1px solid rgba(42,120,255,.55);transform:translate(-50%,-50%);box-shadow:0 -16px 40px rgba(15,105,255,.07)}.pulse-core{position:absolute;width:7px;height:7px;left:50%;top:54%;border-radius:50%;background:#f1f7ff;box-shadow:0 0 8px white,0 0 20px #0077ff,0 0 65px #0064ff,0 0 140px #0056ff;animation:pulse 4s ease-in-out infinite}.signal{position:absolute;width:1px;height:38%;background:linear-gradient(transparent,rgba(41,127,255,.26),transparent);left:50%;top:34%;transform-origin:bottom;opacity:.25}.signal-1{transform:rotate(42deg)}.signal-2{transform:rotate(-62deg)}.scroll-cue{position:absolute;bottom:32px;z-index:3;text-transform:uppercase;font-size:8px;letter-spacing:.24em;color:#a0a8b3;display:flex;flex-direction:column;align-items:center;gap:14px}.scroll-cue i{font-style:normal;font-size:18px;animation:float 2.2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(.75);opacity:.78}50%{transform:scale(1.25);opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.solution-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.solution-card{min-height:470px;border:1px solid var(--line);background:linear-gradient(140deg,rgba(8,12,18,.96),rgba(5,5,5,.98));position:relative;overflow:hidden;padding:42px;display:flex;align-items:flex-end}.interactive-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s}.interactive-card:hover{transform:translateY(-5px);border-color:rgba(49,130,255,.4);box-shadow:0 18px 70px rgba(0,0,0,.42),0 0 35px rgba(22,105,255,.06)}.solution-copy{position:relative;z-index:3;max-width:520px}.solution-copy h3{font-size:clamp(32px,3.5vw,56px);line-height:1.02;font-weight:400;letter-spacing:-.035em;margin:0 0 20px}.solution-copy p{color:#8994a4;max-width:480px}.solution-page-grid .tall{min-height:620px}.feature-list{list-style:none;padding:0;margin:24px 0;color:#a5afbd}.feature-list li{padding:8px 0 8px 18px;position:relative}.feature-list li:before{content:"";width:5px;height:5px;background:var(--blue);box-shadow:0 0 10px var(--blue);position:absolute;left:0;top:17px}.muted{color:#586474!important}.network-orb{position:absolute;width:330px;height:330px;right:-30px;top:45px;border-radius:50%;border:1px solid rgba(33,115,255,.16);box-shadow:inset 0 0 60px rgba(19,93,210,.08);transform:rotate(-10deg)}.network-orb.large{width:420px;height:420px}.network-orb:before,.network-orb:after{content:"";position:absolute;inset:15%;border-radius:50%;border:1px solid rgba(56,135,255,.13);transform:rotate(60deg)}.network-orb:after{inset:30%;transform:rotate(-45deg)}.network-orb span{position:absolute;width:7px;height:7px;border-radius:50%;background:#2d8cff;box-shadow:0 0 16px #0876ff}.network-orb span:nth-child(1){left:20%;top:27%}.network-orb span:nth-child(2){left:68%;top:19%}.network-orb span:nth-child(3){left:47%;top:52%}.network-orb span:nth-child(4){left:74%;top:70%}.network-orb span:nth-child(5){left:24%;top:77%}.future-solution{justify-content:flex-end}.covered-module{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:190px;height:170px;background:linear-gradient(160deg,rgba(17,27,42,.5),rgba(7,9,12,.7));border:1px solid rgba(91,125,170,.14);clip-path:polygon(20% 0,80% 0,100% 30%,91% 100%,12% 100%,0 31%);filter:drop-shadow(0 18px 32px rgba(0,0,0,.7));opacity:.72}.covered-module:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,rgba(120,150,190,.07) 0 1px,transparent 1px 8px)}.covered-module span{position:absolute;top:-1px;right:12%;height:1px;width:42%;background:#4d9cff;box-shadow:0 0 18px #0d6fff}
.technology-preview{display:grid;grid-template-columns:.78fr 1.4fr .66fr;gap:56px;align-items:center;min-height:760px}.tech-intro h2,.architecture-info h2{font-size:clamp(42px,5vw,76px);font-weight:400;line-height:.98;letter-spacing:-.045em;margin:0 0 28px}.tech-intro p,.tech-note p,.architecture-info p{color:#8994a4}.tech-note{border-left:1px solid var(--line);padding-left:25px}.tech-note>span{font-size:8px;letter-spacing:.14em;color:#7b8798}.architecture{position:relative;min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;perspective:1000px}.arch-layer{position:relative;width:78%;height:78px;display:grid;grid-template-columns:60px 1fr;align-items:center;padding:0 26px;border:1px solid rgba(66,117,185,.25);background:linear-gradient(180deg,rgba(17,29,45,.72),rgba(7,11,16,.84));transform:rotateX(62deg) rotateZ(-3deg);box-shadow:0 25px 50px rgba(0,0,0,.5),inset 0 0 30px rgba(30,106,220,.04);transition:.45s}.arch-layer:hover{border-color:#277eff;box-shadow:0 25px 50px rgba(0,0,0,.55),0 0 34px rgba(24,112,255,.18);transform:rotateX(62deg) rotateZ(-3deg) translateZ(18px)}.arch-layer span{font-size:9px;color:#377bdb;letter-spacing:.15em}.arch-layer strong{font-size:10px;letter-spacing:.16em}.arch-layer small{display:none}.arch-layer i{position:absolute;width:8px;height:8px;border-radius:50%;right:18%;bottom:-5px;background:#2284ff;box-shadow:0 0 15px #2284ff}.energy-column{position:absolute;z-index:5;left:50%;top:15%;height:70%;width:1px;background:linear-gradient(transparent,#1c78ff,#f2f7ff,#1c78ff,transparent);box-shadow:0 0 14px #1474ff;opacity:.65}.architecture-large{min-height:760px}.architecture-large .arch-layer{height:100px;width:88%;grid-template-columns:58px 1fr 1.2fr}.architecture-large .arch-layer small{display:block;color:#7e8999;font-size:10px}.tech-page{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:80px}.architecture-info{padding-left:30px;border-left:1px solid var(--line)}.status-chip{display:inline-flex;margin-top:18px;padding:9px 12px;border:1px solid rgba(42,132,255,.35);color:#72aaff;font-size:8px;letter-spacing:.16em}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.principle{padding:40px;background:#080a0d;min-height:260px}.principle>span{color:#4d93ff;font-size:10px;letter-spacing:.16em}.principle h3{font-size:28px;font-weight:400}.principle p{color:#7f8996}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.media-card{border:1px solid var(--line);background:#080a0d;overflow:hidden}.media-card-link{display:block}.media-visual{height:330px;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:.7s ease}.media-card:hover .media-visual{transform:scale(1.02)}.media-placeholder{background:radial-gradient(circle at 48% 50%,rgba(17,103,231,.16),transparent 30%),linear-gradient(135deg,#07101a,#050506 68%)}.data-grid{position:absolute;inset:0;opacity:.58;background-image:linear-gradient(rgba(62,118,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(62,118,190,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000,transparent 70%)}.data-grid span{position:absolute;width:6px;height:6px;border-radius:50%;background:#3a91ff;box-shadow:0 0 15px #1374ee}.data-grid span:nth-child(1){left:24%;top:30%}.data-grid span:nth-child(2){left:58%;top:44%}.data-grid span:nth-child(3){left:73%;top:27%}.data-grid span:nth-child(4){left:41%;top:69%}.data-grid span:nth-child(5){left:82%;top:72%}.media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(3,5,8,.75));opacity:.8}.media-copy{padding:28px 30px 32px}.card-meta{display:flex;flex-wrap:wrap;gap:15px;color:#5d80ad;font-size:8px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px}.card-meta span+span:before{content:"/";margin-right:15px;color:#2e3743}.media-copy h2{font-size:28px;font-weight:400;margin:0 0 10px;letter-spacing:-.025em}.media-copy p{color:#7c8796;min-height:50px}.section-link{text-align:right;margin-top:25px}.empty-state{padding:40px;border:1px solid var(--line);color:#728093}.pagination-wrap{margin-top:34px}.pagination-wrap nav{display:flex;justify-content:center}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap nav>div:last-child{display:flex;gap:10px}.pagination-wrap a,.pagination-wrap span{border:1px solid var(--line);padding:8px 12px;font-size:12px}.pagination-wrap span[aria-current=page] span{color:#6fa8ff}
.mission-bridge{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.mission-bridge span{font-size:clamp(20px,3vw,42px);letter-spacing:.16em}.mission-bridge i{width:110px;height:1px;background:#237dff;box-shadow:0 0 24px #0f6fff;margin-top:26px}.mission-bridge.inline{margin-top:100px}.mission-bridge.inline{border-left:1px solid var(--line);border-right:1px solid var(--line)}
.detail-hero,.article-shell{padding-top:calc(var(--header) + 70px);padding-bottom:100px}.back-link{display:inline-block;color:#6f7c8d;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:44px}.back-link:hover{color:white}.detail-grid{display:grid;grid-template-columns:280px 1fr;gap:60px}.detail-sidebar{position:sticky;top:120px;align-self:start;border-right:1px solid var(--line);padding-right:34px}.detail-sidebar h1{font-weight:400;font-size:34px;margin:0 0 8px}.detail-sidebar p{color:#8d98a7}.detail-sidebar dl{margin:30px 0}.detail-sidebar dl div{padding:12px 0;border-bottom:1px solid var(--line)}.detail-sidebar dt{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#6389b8}.detail-sidebar dd{margin:4px 0 0;color:#bbc2cc}.detail-cover,.article-cover{height:460px;border:1px solid var(--line);background:radial-gradient(circle at 50% 55%,rgba(25,111,255,.2),transparent 24%),#070a0f;background-size:cover;background-position:center;position:relative;overflow:hidden}.detail-cover.has-image:after,.article-cover.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(4,5,8,.4))}.report-section{padding:42px 0;border-bottom:1px solid var(--line)}.two-column-report{display:grid;grid-template-columns:1fr 1fr;gap:42px}.rich-copy{color:#a8b0bc;line-height:1.8}.rich-copy h2,.rich-copy h3{color:white;font-weight:400}.rich-copy a{color:#78aaff;text-decoration:underline}.rich-copy p:first-child{margin-top:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:42px 0}.kpi-grid div{padding:28px;border-right:1px solid var(--line)}.kpi-grid div:last-child{border-right:0}.kpi-grid strong{display:block;font-size:32px;color:#78aaff;font-weight:400}.kpi-grid span{display:block;font-size:9px;color:#718096;text-transform:uppercase;letter-spacing:.1em;margin-top:7px}.mission-quote{margin:42px 0;padding:38px;border-left:2px solid #2a7ff5;background:#080c12;color:#d6dce5;font-size:23px;line-height:1.45}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:42px 0}.gallery-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line)}
.article-header{max-width:930px;margin:0 auto 46px}.article-header h1{font-size:clamp(46px,6vw,88px);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:16px 0 20px}.article-header p{color:#949ead;font-size:19px;max-width:720px}.article-cover{width:min(1120px,100%);margin:0 auto 56px}.article-body{max-width:820px;margin:0 auto;font-size:17px}.takeaways{max-width:900px;margin:50px auto;padding:34px;border:1px solid var(--line);background:#080b0f}.takeaways ul{list-style:none;padding:0;margin:0}.takeaways li{padding:10px 0 10px 22px;border-bottom:1px solid var(--line);color:#aab3c0;position:relative}.takeaways li:before{content:"✓";position:absolute;left:0;color:#4290ff}.article-shell>.mission-quote,.article-shell>.button{max-width:900px;margin-left:auto;margin-right:auto}.related{margin-top:100px;padding-top:60px;border-top:1px solid var(--line)}
.dna-section{display:grid;grid-template-columns:.72fr 1fr .72fr;gap:45px;align-items:center}.dna-copy h2{font-weight:400;font-size:46px;line-height:1}.dna-copy p{color:#8290a1}.dna-static{height:650px;position:relative;overflow:hidden;filter:drop-shadow(0 0 30px rgba(24,106,255,.17))}.dna-line{position:absolute;left:50%;top:2%;height:96%;width:43%;border:2px solid rgba(37,126,255,.82);border-top:0;border-bottom:0;border-radius:50%;transform-origin:center}.dna-line.left{transform:translateX(-63%) rotate(11deg)}.dna-line.right{transform:translateX(-37%) rotate(-11deg)}.dna-static i{--n:10;position:absolute;left:18%;right:18%;top:calc(5% + var(--i)*9%);height:1px;background:linear-gradient(90deg,transparent,#1a75ed 22%,#7fb7ff 50%,#1a75ed 78%,transparent);box-shadow:0 0 8px rgba(28,116,255,.7);transform:rotate(calc((var(--i) - 5)*4deg))}.value-stack{display:flex;flex-direction:column;gap:26px}.value-stack div{padding-left:20px;border-left:1px solid #2878e6}.value-stack strong{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:11px}.value-stack span{display:block;color:#788596;font-size:12px;margin-top:5px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.timeline:before{content:"";position:absolute;left:5%;right:5%;top:47px;height:1px;background:linear-gradient(90deg,#135ec5,#3a92ff,#135ec5)}.timeline article{padding:0 20px;position:relative}.timeline article>span{font-size:8px;color:#5f81a9;letter-spacing:.12em}.timeline article i{display:block;width:9px;height:9px;border-radius:50%;background:#3c92ff;box-shadow:0 0 15px #1e77ee;margin:23px 0 24px;position:relative;z-index:2}.timeline article h3{font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:.05em}.timeline article p{font-size:12px;color:#788494}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.team-card{border:1px solid var(--line);background:#080a0d}.portrait{height:320px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#16283f,#080b10 55%,#050505 80%);background-size:cover;background-position:center;filter:saturate(.75)}.portrait span{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(77,142,233,.25);font-size:24px;color:#5f84b3}.portrait.has-image span{display:none}.team-card>div:last-child{padding:24px}.team-card h3{margin:0;font-size:18px;font-weight:400}.team-card strong{display:block;color:#4c8ce5;font-size:10px;margin:5px 0 13px}.team-card p{color:#7f8a99;font-size:13px;min-height:78px}.founder-note{margin-top:40px;margin-bottom:110px;display:grid;grid-template-columns:.7fr 1fr;border:1px solid var(--line);min-height:460px;background:#07090c;overflow:hidden}.founder-silhouette{background:radial-gradient(circle at 52% 22%,rgba(93,114,144,.22),transparent 21%),linear-gradient(180deg,#0b1017,#050505);position:relative}.founder-silhouette:after{content:"";position:absolute;width:170px;height:290px;background:linear-gradient(180deg,#111820,#07090c);border-radius:45% 45% 5% 5%;left:50%;bottom:0;transform:translateX(-50%);filter:blur(1px)}.founder-note>div:last-child{padding:70px;display:flex;flex-direction:column;justify-content:center}.founder-note blockquote{font-size:32px;font-weight:300;margin:0 0 24px}.founder-note p{color:#7d8999;max-width:650px}.signature-placeholder{margin-top:30px;color:#7f8b9b;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.contact-layout aside h2{font-size:48px;font-weight:400;line-height:1;margin:0 0 24px}.contact-layout aside p{color:#8290a0;max-width:430px}.contact-form{border:1px solid var(--line);padding:42px;background:#080a0d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;margin-bottom:20px}.contact-form label>span{display:block;color:#7f8b9a;font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #1a2635;background:#05070a;color:#e8edf3;padding:13px 14px;outline:none;transition:.25s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#286fcf;box-shadow:0 0 0 3px rgba(27,116,255,.07)}.honeypot{position:absolute!important;left:-9999px!important}.form-success{border:1px solid rgba(55,173,127,.35);background:rgba(28,126,86,.08);color:#91d7b9;padding:14px;margin-bottom:25px}.form-errors{border:1px solid rgba(215,78,78,.35);background:rgba(135,32,32,.08);color:#efabab;padding:14px;margin-bottom:25px}.form-errors ul{margin:6px 0 0;padding-left:20px}.legal-shell{padding-top:calc(var(--header) + 90px);max-width:1000px}.legal-shell h1{font-size:60px;font-weight:400}.legal-copy{font-size:16px}
.site-footer{border-top:1px solid var(--line);padding:55px max(36px,calc((100vw - var(--max))/2));background:#050505}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:42px}.footer-top p{text-align:center;color:#7f8b9b;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.footer-top>.text-link{text-align:right}.footer-bottom{padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:#7f8b9b;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a,.footer-links button{background:none;border:0;padding:0;color:#7f8b9b;text-transform:inherit;letter-spacing:inherit;font-size:inherit;cursor:pointer}.footer-links a:hover,.footer-links button:hover{color:white}.cookie-panel[hidden]{display:none}.cookie-panel{position:fixed;z-index:500;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px}.cookie-panel>div{width:min(620px,100%);border:1px solid rgba(66,126,208,.25);background:#090c10;padding:36px;box-shadow:0 30px 100px rgba(0,0,0,.7)}.cookie-panel h2{font-size:34px;font-weight:400;margin:0}.cookie-panel p{color:#7f8b9a}.cookie-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.cookie-row span{display:flex;flex-direction:column}.cookie-row strong{font-size:13px}.cookie-row small{color:#6e7b8c;margin-top:3px}.cookie-actions{display:flex;gap:10px;margin-top:25px}
@media(max-width:1180px){.site-header{grid-template-columns:200px 1fr 150px;padding:0 24px}.main-nav{gap:18px}.technology-preview{grid-template-columns:.8fr 1.2fr}.tech-note{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.team-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr);gap:30px}.timeline:before{display:none}.timeline article{border-left:1px solid var(--line)}.card-grid.compact{grid-template-columns:1fr 1fr}}
@media(max-width:900px){:root{--header:68px}.section-shell{width:min(calc(100% - 34px),var(--max))}.section-spaced{padding:78px 0}.site-header{display:flex;justify-content:space-between}.header-cta{display:none}.nav-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:var(--header);height:calc(100vh - var(--header));background:rgba(5,5,5,.98);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:30px;gap:0;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .4s,visibility 0s linear .4s}.main-nav.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .4s,visibility 0s}.main-nav a{font-size:16px;width:100%;border-bottom:1px solid var(--line);padding:18px 0}.main-nav a:after{display:none}.home-hero{min-height:650px}.hero-content h1{letter-spacing:.06em}.split-heading,.solution-grid,.technology-preview,.tech-page,.detail-grid,.dna-section,.contact-layout,.founder-note{grid-template-columns:1fr}.split-heading{gap:20px}.split-heading p{justify-self:start}.solution-card{min-height:430px;padding:28px}.network-orb{opacity:.5}.architecture{min-height:530px}.tech-intro{max-width:600px}.tech-page{gap:20px}.architecture-info{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.detail-sidebar{position:relative;top:0;border-right:0;border-bottom:1px solid var(--line);padding:0 0 30px}.two-column-report{grid-template-columns:1fr}.dna-static{height:500px}.value-stack{display:grid;grid-template-columns:1fr 1fr}.founder-note{grid-template-columns:.7fr 1fr}.team-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr;gap:25px}.footer-top p,.footer-top>.text-link{text-align:left}.footer-bottom{flex-direction:column}.card-grid{grid-template-columns:1fr}.card-grid.compact{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-grid div:nth-child(2){border-right:0}.kpi-grid div{border-bottom:1px solid var(--line)}.media-visual{height:280px}}
@media(max-width:620px){.section-spaced{padding:60px 0}.page-hero{padding-top:calc(var(--header) + 76px);padding-bottom:60px}.page-hero h1{font-size:48px}.home-hero{height:86vh}.hero-content h1{font-size:42px}.solution-page-grid .tall{min-height:520px}.architecture-large .arch-layer{width:100%;grid-template-columns:44px 1fr}.architecture-large .arch-layer small{display:none}.arch-layer{width:95%}.value-stack{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.founder-note{grid-template-columns:1fr}.founder-silhouette{min-height:320px}.founder-note>div:last-child{padding:36px}.contact-form{padding:24px}.card-grid.compact{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr}.kpi-grid div{border-right:0}.mission-bridge{text-align:center;padding:0 20px}.mission-bridge span{font-size:18px}.footer-links{gap:14px}.cookie-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.brand-logo {
    display: block;
    width: auto;
    height: 56px;
    object-fit: contain;
}

.footer-brand .brand-logo {
    height: 36px;
}

@media (max-width: 900px) {
    .site-header .brand-logo {
        height: 48px;
    }
}

/* Phase 3: cinematic scroll and hover enhancement layer. */
.scroll-progress {
    --scroll-progress: 0;
    position: fixed;
    z-index: 120;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, #70b0ff, var(--blue));
    box-shadow: 0 0 14px rgba(27, 116, 255, .8);
    transform: scaleX(var(--scroll-progress));
    transform-origin: left center;
    will-change: transform;
}

.motion-ready .reveal-on-scroll {
    opacity: 0;
    filter: blur(4px);
    transform: translate3d(0, 38px, 0);
    transition:
        opacity .85s cubic-bezier(.2, .72, .2, 1),
        filter .85s cubic-bezier(.2, .72, .2, 1),
        transform 1s cubic-bezier(.16, 1, .3, 1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, filter, transform;
}

.motion-ready .reveal-on-scroll.reveal-from-right {
    transform: translate3d(0, 38px, 0);
}

.motion-ready .reveal-on-scroll.is-visible {
    opacity: 1;
    filter: none;
    transform: translate3d(0, 0, 0);
    will-change: auto;
}

.motion-ready .home-hero .hero-content {
    opacity: var(--hero-opacity, 1);
    transform: translate3d(0, var(--hero-shift, 0), 0);
    will-change: opacity, transform;
}

.motion-ready .home-hero .hero-field {
    transform: scale(var(--hero-scale, 1));
    transform-origin: center 54%;
    will-change: transform;
}

.motion-ready .home-hero .scroll-cue {
    opacity: var(--cue-opacity, 1);
    transform: translate3d(0, var(--cue-shift, 0), 0);
    transition: opacity .18s linear;
}

.motion-ready .home-hero .hero-content > * {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
    transition: opacity 1s ease, transform 1.15s cubic-bezier(.16, 1, .3, 1);
}

.motion-ready .home-hero.is-ready .hero-content > * {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.motion-ready .home-hero.is-ready .hero-content > :nth-child(2) { transition-delay: 120ms; }
.motion-ready .home-hero.is-ready .hero-content > :nth-child(3) { transition-delay: 240ms; }

.interactive-card {
    --reveal-y: 0px;
    --card-lift: 0px;
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --glow-x: 50%;
    --glow-y: 50%;
    position: relative;
    isolation: isolate;
    transform:
        translate3d(0, calc(var(--reveal-y) + var(--card-lift)), 0)
        perspective(1000px)
        rotateX(var(--tilt-x))
        rotateY(var(--tilt-y));
    transform-style: preserve-3d;
    will-change: transform;
}

.motion-ready .interactive-card.reveal-on-scroll {
    --reveal-y: 38px;
    filter: blur(3px);
    transform:
        translate3d(0, calc(var(--reveal-y) + var(--card-lift)), 0)
        perspective(1000px)
        rotateX(var(--tilt-x))
        rotateY(var(--tilt-y));
    transition:
        opacity .85s cubic-bezier(.2, .72, .2, 1),
        filter .85s cubic-bezier(.2, .72, .2, 1),
        transform .72s cubic-bezier(.16, 1, .3, 1),
        border-color .45s ease,
        box-shadow .45s ease;
    transition-delay: var(--reveal-delay, 0ms);
}

.motion-ready .interactive-card.reveal-on-scroll.is-visible {
    --reveal-y: 0px;
    opacity: 1;
    filter: none;
}

.interactive-card::after {
    content: "";
    position: absolute;
    z-index: 5;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(440px circle at var(--glow-x) var(--glow-y), rgba(46, 137, 255, .14), transparent 46%);
    transition: opacity .5s ease;
}

.button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.button::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -2px;
    background: linear-gradient(105deg, transparent 30%, rgba(141, 194, 255, .18) 48%, transparent 66%);
    transform: translateX(-120%);
    transition: transform .75s cubic-bezier(.16, 1, .3, 1);
}

.button span,
.text-link {
    display: inline-block;
    transition: color .35s ease, text-shadow .35s ease, transform .4s cubic-bezier(.16, 1, .3, 1);
}

.media-overlay {
    transition: opacity .65s ease, background .65s ease;
}

.team-card {
    overflow: hidden;
}

.portrait,
.timeline article,
.timeline article i,
.value-stack div,
.principle,
.founder-silhouette {
    transition: transform .7s cubic-bezier(.16, 1, .3, 1), border-color .5s ease, background .5s ease, box-shadow .5s ease, opacity .5s ease;
}

.timeline article p {
    opacity: .72;
    transition: opacity .5s ease, transform .65s cubic-bezier(.16, 1, .3, 1);
}

.timeline article i {
    transform-origin: center;
}

.value-stack div,
.principle {
    position: relative;
}

.value-stack div::after,
.principle::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s ease;
}

.value-stack div::after {
    inset: -14px -18px;
    background: linear-gradient(90deg, rgba(27, 116, 255, .1), transparent 72%);
}

.principle::after {
    inset: 0;
    border: 1px solid rgba(60, 144, 255, .36);
    box-shadow: inset 0 0 38px rgba(27, 116, 255, .045);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--blue2);
    outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
    .interactive-card:hover::after { opacity: 1; }
    .button:hover::before { transform: translateX(120%); }
    .button:hover span { transform: translateX(4px); }
    .text-link:hover { transform: translateX(4px); }
    .media-card:hover .media-visual { transform: scale(1.055); }
    .media-card:hover .media-overlay {
        opacity: 1;
        background: linear-gradient(180deg, rgba(18, 91, 196, .05) 24%, rgba(8, 50, 111, .4) 72%, rgba(3, 5, 8, .88));
    }
    .media-card:hover .text-link { transform: translateX(6px); }
    .team-card:hover .portrait { transform: scale(1.035); }
    .timeline article:hover {
        z-index: 2;
        transform: translate3d(0, -9px, 0);
        background: linear-gradient(180deg, rgba(15, 50, 96, .15), transparent 74%);
    }
    .timeline article:hover i {
        transform: scale(1.45);
        box-shadow: 0 0 25px #1e77ee;
    }
    .timeline article:hover p {
        opacity: 1;
        transform: translate3d(0, -2px, 0);
    }
    .value-stack div:hover { transform: translate3d(8px, 0, 0); }
    .value-stack div:hover::after,
    .principle:hover::after { opacity: 1; }
    .principle:hover {
        z-index: 1;
        transform: translate3d(0, -6px, 0);
        box-shadow: 0 22px 55px rgba(0, 0, 0, .35);
    }
    .founder-note:hover .founder-silhouette { transform: scale(1.018); }
}

@media (max-width: 900px) {
    .motion-ready .reveal-on-scroll.reveal-from-right {
        transform: translate3d(0, 32px, 0);
    }

    .motion-ready .reveal-on-scroll.reveal-from-right.is-visible {
        transform: translate3d(0, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .scroll-progress { box-shadow: none; }
    .interactive-card,
    .interactive-card:hover,
    .media-card:hover .media-visual,
    .team-card:hover .portrait,
    .timeline article:hover,
    .timeline article:hover i,
    .value-stack div:hover,
    .principle:hover,
    .founder-note:hover .founder-silhouette,
    .text-link:hover,
    .button:hover span {
        transform: none !important;
    }
}

/* News Article detail fidelity: documentary composition, scoped away from the listing. */
.page-news-article main {
    min-height: 100vh;
    background: #050505;
}

.page-news-article .ambient {
    opacity: .035;
}

.page-news-article .news-article-shell {
    width: min(calc(100% - 32px), 1336px);
}

.page-news-article .news-article-layout {
    position: relative;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    min-height: 1120px;
}

.page-news-article .news-article-layout::before {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 229px;
    width: 1px;
    background: rgba(102, 142, 197, .16);
    content: "";
    pointer-events: none;
}

.page-news-article .article-rail,
.page-news-article .news-article-main {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.page-news-article .article-rail {
    padding: calc(var(--header) + 29px) 15px 90px 0;
}

.page-news-article .article-back-link,
.page-news-article .article-mobile-back {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #a4afbc;
    font-size: 10px;
    letter-spacing: .015em;
    transition: color .35s ease;
}

.page-news-article .article-back-link span,
.page-news-article .article-mobile-back span {
    color: #659fea;
    font-size: 16px;
    transition: transform .35s ease;
}

.page-news-article .article-back-link:focus-visible,
.page-news-article .article-mobile-back:focus-visible,
.page-news-article .article-all-news:focus-visible,
.page-news-article .article-rail-card > a:focus-visible,
.page-news-article .article-video .button:focus-visible {
    outline: 1px solid #69a7f8;
    outline-offset: 4px;
}

.page-news-article .article-rail-related {
    margin-top: 32px;
}

.page-news-article .article-rail-title {
    margin: 0 12px 13px;
    color: #4c8edf;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.page-news-article .article-rail-list {
    display: grid;
    gap: 12px;
}

.page-news-article .article-rail-card {
    overflow: hidden;
    border: 1px solid rgba(102, 142, 197, .17);
    border-radius: 3px;
    background: rgba(8, 11, 16, .78);
    transition: border-color .4s ease, box-shadow .4s ease, transform .4s cubic-bezier(.16, 1, .3, 1);
}

.page-news-article .article-rail-card > a {
    display: flex;
    min-height: 174px;
    flex-direction: column;
    padding: 16px 14px 17px;
}

.page-news-article .article-rail-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 11px;
    color: #657386;
    font-size: 7px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.page-news-article .article-rail-meta span {
    color: #4d8bd8;
}

.page-news-article .article-rail-card-title {
    display: block;
    margin: 0 0 8px;
    color: #edf1f6;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.012em;
}

.page-news-article .article-rail-card p {
    display: -webkit-box;
    margin: 0 0 13px;
    overflow: hidden;
    color: #8e99a7;
    font-size: 9px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.page-news-article .article-rail-more {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: auto;
    color: #4f8edb;
    font-size: 8px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.page-news-article .article-rail-more i {
    font-size: 13px;
    font-style: normal;
    transition: transform .4s cubic-bezier(.16, 1, .3, 1);
}

.page-news-article .article-all-news {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding: 0 15px;
    border: 1px solid rgba(102, 142, 197, .17);
    border-radius: 3px;
    color: #a8b2bf;
    font-size: 9px;
    letter-spacing: .035em;
    transition: border-color .35s ease, color .35s ease, box-shadow .35s ease;
}

.page-news-article .article-all-news span {
    color: #65a1ed;
    font-size: 14px;
}

.page-news-article .news-article-main {
    padding: calc(var(--header) + 2px) 0 92px 14px;
}

.page-news-article .article-mobile-back {
    display: none;
}

.page-news-article .article-header {
    display: grid;
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(280px, .8fr) minmax(360px, 1.2fr);
    align-items: stretch;
    gap: 32px;
    margin: 0;
}

.page-news-article .article-header-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: flex-start;
    padding: 34px 0 30px;
}

.page-news-article .article-header .eyebrow {
    margin-bottom: 17px;
    color: #4d8ddd;
    font-size: 9px;
}

.page-news-article .article-header h1 {
    max-width: 590px;
    margin: 0;
    color: #f2f5f9;
    font-size: clamp(35px, 3.45vw, 54px);
    font-weight: 350;
    line-height: 1.09;
    letter-spacing: -.042em;
}

.page-news-article .article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 0;
    margin-top: 24px;
    color: #acb5c0;
    font-size: 9px;
}

.page-news-article .article-meta > span {
    display: inline-flex;
    align-items: center;
    min-height: 17px;
}

.page-news-article .article-meta > span + span::before {
    width: 1px;
    height: 13px;
    margin: 0 12px;
    background: rgba(111, 145, 190, .26);
    content: "";
}

.page-news-article .article-meta svg {
    width: 14px;
    height: 14px;
    margin-right: 7px;
    overflow: visible;
    fill: none;
    stroke: #6d9edc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.25;
}

.page-news-article .article-lede {
    max-width: 540px;
    margin: 31px 0 0;
    color: #b0b8c2;
    font-size: 13px;
    line-height: 1.75;
}

.page-news-article .article-cover {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 455px;
    aspect-ratio: 1.08 / 1;
    margin: 0;
    overflow: hidden;
    border: 0;
    border-left: 1px solid rgba(96, 137, 194, .12);
    background: #06080c;
}

.page-news-article .article-cover.has-image::after {
    content: none;
}

.page-news-article .article-cover > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.8) brightness(.79) contrast(1.07);
    transition: filter .8s ease, transform 1.2s cubic-bezier(.16, 1, .3, 1);
}

.page-news-article .article-cover-shade {
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 5, 7, .3), transparent 22%), linear-gradient(180deg, rgba(2, 3, 5, .03) 62%, rgba(2, 4, 7, .38));
    pointer-events: none;
}

.page-news-article .article-cover-fallback {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: radial-gradient(circle at 57% 45%, rgba(20, 98, 211, .17), transparent 32%), linear-gradient(145deg, #07101a, #050608 70%);
}

.page-news-article .article-cover-fallback::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgba(3, 5, 8, .78), transparent 45%, rgba(3, 5, 8, .18));
    content: "";
}

.page-news-article .article-cover-fallback svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
}

.page-news-article .article-fallback-grid,
.page-news-article .article-fallback-path {
    fill: none;
    stroke: rgba(76, 137, 218, .19);
    stroke-width: 1;
}

.page-news-article .article-fallback-path {
    stroke: rgba(48, 128, 238, .66);
    stroke-width: 2;
    filter: drop-shadow(0 0 8px rgba(24, 108, 225, .45));
}

.page-news-article .article-fallback-nodes circle {
    fill: #478fef;
    filter: drop-shadow(0 0 7px #1b74ff);
}

.page-news-article .article-fallback-mark {
    fill: rgba(80, 145, 232, .19);
    stroke: rgba(111, 169, 244, .34);
    stroke-width: 1.5;
}

.page-news-article .article-cover-fallback > span {
    position: absolute;
    z-index: 2;
    right: 25px;
    bottom: 22px;
    color: rgba(159, 184, 216, .62);
    font-size: 8px;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.page-news-article .article-gallery-section {
    padding: 18px 0 0;
}

.page-news-article .gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    margin: 0;
}

.page-news-article .gallery-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-news-article .gallery-grid--1 {
    grid-template-columns: minmax(0, 1fr);
}

.page-news-article .gallery-grid figure {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(107, 147, 200, .16);
    background: #080a0e;
}

.page-news-article .gallery-grid img {
    width: 100%;
    aspect-ratio: 1 / 1.08;
    object-fit: cover;
    border: 0;
    filter: saturate(.78) brightness(.84) contrast(1.05);
    transition: filter .7s ease, transform .9s cubic-bezier(.16, 1, .3, 1);
}

.page-news-article .gallery-grid--2 img {
    aspect-ratio: 16 / 10;
}

.page-news-article .gallery-grid--1 img {
    max-height: 620px;
    aspect-ratio: 16 / 8;
}

.page-news-article .article-story-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 230px);
    align-items: end;
    gap: clamp(28px, 4vw, 56px);
}

.page-news-article .article-story-layout.is-statistics-only {
    padding: 38px 0;
}

.page-news-article .article-story-layout.is-statistics-only .article-statistics {
    grid-column: 2;
    margin-bottom: 0;
}

.page-news-article .article-story {
    max-width: none;
    padding: 44px 0 36px;
}

.page-news-article .article-story > .eyebrow,
.page-news-article .takeaways > .eyebrow {
    margin-bottom: 14px;
    color: #4c8edf;
    font-size: 9px;
}

.page-news-article .article-body {
    max-width: 720px;
    margin: 0;
    color: #abb3bd;
    font-size: 13px;
    line-height: 1.82;
}

.page-news-article .article-body > :first-child {
    margin-top: 0;
}

.page-news-article .article-body > :last-child {
    margin-bottom: 0;
}

.page-news-article .article-body p {
    margin: 0 0 16px;
}

.page-news-article .article-body h2,
.page-news-article .article-body h3,
.page-news-article .article-body h4 {
    max-width: 650px;
    margin: 36px 0 14px;
    color: #edf1f6;
    font-weight: 400;
    line-height: 1.22;
    letter-spacing: -.025em;
}

.page-news-article .article-body h2 {
    font-size: 27px;
}

.page-news-article .article-body h3 {
    font-size: 20px;
}

.page-news-article .article-body ul,
.page-news-article .article-body ol {
    margin: 18px 0;
    padding-left: 20px;
}

.page-news-article .article-body li {
    margin: 7px 0;
    padding-left: 5px;
}

.page-news-article .article-body a {
    color: #6ba7f5;
    text-decoration-color: rgba(83, 151, 239, .5);
    text-underline-offset: 3px;
}

.page-news-article .article-statistics {
    position: relative;
    margin-bottom: 36px;
    overflow: hidden;
    border: 1px solid rgba(91, 135, 194, .19);
    border-radius: 3px;
    background: linear-gradient(145deg, rgba(9, 15, 24, .92), rgba(6, 9, 14, .88));
    box-shadow: inset 0 0 42px rgba(28, 98, 195, .035);
}

.page-news-article .article-statistics::before {
    position: absolute;
    top: 0;
    right: 16px;
    left: 16px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(62, 137, 238, .5), transparent);
    content: "";
}

.page-news-article .article-statistics dl {
    margin: 0;
}

.page-news-article .article-statistics dl > div {
    position: relative;
    display: grid;
    min-height: 69px;
    align-content: center;
    padding: 13px 14px 13px 31px;
    border-bottom: 1px solid rgba(100, 139, 192, .13);
}

.page-news-article .article-statistics dl > div:last-child {
    border-bottom: 0;
}

.page-news-article .article-statistics dl > div::before {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 5px;
    height: 5px;
    border: 1px solid rgba(88, 156, 244, .72);
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(36, 117, 226, .5);
    content: "";
    transform: translateY(-50%);
}

.page-news-article .article-statistics dt {
    grid-row: 2;
    margin-top: 2px;
    color: #8995a5;
    font-size: 7px;
    line-height: 1.35;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.page-news-article .article-statistics dd {
    grid-row: 1;
    margin: 0;
    color: #5797e9;
    font-size: 20px;
    font-weight: 350;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.page-news-article .takeaways {
    max-width: none;
    margin: 0;
    padding: 31px 0 34px;
    border: 0;
    border-top: 1px solid rgba(105, 143, 194, .16);
    border-bottom: 1px solid rgba(105, 143, 194, .16);
    background: transparent;
}

.page-news-article .takeaways ul {
    display: grid;
    max-width: 780px;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-news-article .takeaways li {
    position: relative;
    padding: 0 0 0 25px;
    border: 0;
    color: #a8b1bd;
    font-size: 11px;
    line-height: 1.55;
}

.page-news-article .takeaways li::before {
    position: absolute;
    top: -.1em;
    left: 2px;
    color: #4f94eb;
    content: "\2713";
    font-size: 13px;
}

.page-news-article .article-video {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 28px 0;
    border-bottom: 1px solid rgba(105, 143, 194, .16);
}

.page-news-article .article-video .eyebrow {
    margin-bottom: 5px;
    font-size: 8px;
}

.page-news-article .article-video h2 {
    margin: 0;
    color: #e8edf4;
    font-size: 19px;
    font-weight: 400;
}

.page-news-article .article-video .button {
    flex: 0 0 auto;
}

.page-news-article .mission-quote {
    position: relative;
    max-width: none;
    margin: 34px 0 0;
    padding: 30px 42px 30px 67px;
    border: 1px solid rgba(91, 135, 194, .18);
    border-left: 1px solid rgba(91, 135, 194, .18);
    border-radius: 3px;
    background: rgba(8, 13, 21, .8);
    color: #cbd2db;
    font-size: 15px;
    line-height: 1.55;
}

.page-news-article .mission-quote::before {
    position: absolute;
    top: 18px;
    left: 21px;
    color: #438ce8;
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 48px;
    line-height: 1;
}

.page-news-article .mission-quote blockquote,
.page-news-article .mission-quote p {
    margin: 0;
}

.page-news-article .mission-quote-attribution {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-top: 17px;
    color: #8491a1;
    font-size: 10px;
    line-height: 1.5;
}

.page-news-article .mission-quote-attribution::before {
    width: 18px;
    height: 1px;
    margin: 0 11px 3px 0;
    background: #3f86df;
    content: "";
}

.page-news-article .mission-quote-attribution strong {
    color: #5797e8;
    font-weight: 400;
}

.page-news-article .mission-quote-attribution strong + span::before {
    color: #566477;
    content: ",\00a0";
}

@media (hover: hover) and (pointer: fine) {
    .page-news-article .article-back-link:hover,
    .page-news-article .article-mobile-back:hover {
        color: #f1f4f8;
    }

    .page-news-article .article-back-link:hover span,
    .page-news-article .article-mobile-back:hover span {
        transform: translateX(-3px);
    }

    .page-news-article .article-rail-card:hover {
        border-color: rgba(62, 132, 227, .4);
        box-shadow: 0 13px 36px rgba(0, 0, 0, .28), 0 0 20px rgba(30, 111, 224, .055);
        transform: translateY(-2px);
    }

    .page-news-article .article-rail-card:hover .article-rail-more i {
        transform: translateX(4px);
    }

    .page-news-article .article-all-news:hover {
        border-color: rgba(62, 132, 227, .42);
        color: #eef2f7;
        box-shadow: 0 0 20px rgba(30, 111, 224, .05);
    }

    .page-news-article .article-cover.has-image:hover > img {
        filter: saturate(.86) brightness(.84) contrast(1.05);
        transform: scale(1.012);
    }

    .page-news-article .gallery-grid figure:hover img {
        filter: saturate(.88) brightness(.89) contrast(1.04);
        transform: scale(1.018);
    }
}

@media (max-width: 930px) {
    .page-news-article .news-article-shell {
        width: min(calc(100% - 34px), 920px);
    }

    .page-news-article .news-article-layout {
        grid-template-areas: "main" "rail";
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .page-news-article .news-article-layout::before {
        display: none;
    }

    .page-news-article .news-article-main {
        grid-area: main;
        padding: calc(var(--header) + 35px) 0 68px;
    }

    .page-news-article .article-rail {
        grid-area: rail;
        padding: 48px 0 78px;
        border-top: 1px solid rgba(105, 143, 194, .16);
    }

    .page-news-article .article-back-link {
        display: none;
    }

    .page-news-article .article-mobile-back {
        display: inline-flex;
        margin-bottom: 30px;
    }

    .page-news-article .article-rail-related {
        margin-top: 0;
    }

    .page-news-article .article-rail-title {
        margin-left: 0;
    }

    .page-news-article .article-rail-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-news-article .article-all-news {
        max-width: 230px;
    }
}

@media (max-width: 760px) {
    .page-news-article .article-header {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .page-news-article .article-header-copy {
        padding: 0;
    }

    .page-news-article .article-header h1 {
        max-width: 650px;
        font-size: clamp(34px, 9.5vw, 52px);
        line-height: 1.06;
    }

    .page-news-article .article-lede {
        margin-top: 23px;
    }

    .page-news-article .article-cover {
        min-height: 0;
        aspect-ratio: 16 / 11;
        border: 1px solid rgba(96, 137, 194, .13);
    }

    .page-news-article .article-gallery-section {
        padding-top: 8px;
    }

    .page-news-article .gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-news-article .gallery-grid figure:first-child:nth-last-child(odd) {
        grid-column: 1 / -1;
    }

    .page-news-article .gallery-grid img,
    .page-news-article .gallery-grid--1 img,
    .page-news-article .gallery-grid--2 img {
        aspect-ratio: 4 / 3;
    }

    .page-news-article .article-story {
        padding: 38px 0 31px;
    }

    .page-news-article .article-story-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .page-news-article .article-story-layout.is-statistics-only {
        padding: 32px 0;
    }

    .page-news-article .article-statistics,
    .page-news-article .article-story-layout.is-statistics-only .article-statistics {
        width: min(100%, 280px);
        grid-column: 1;
        justify-self: end;
        margin: 0 0 34px;
    }

    .page-news-article .article-story-layout.is-statistics-only .article-statistics {
        margin-bottom: 0;
    }

    .page-news-article .article-body {
        font-size: 14px;
    }
}

@media (max-width: 520px) {
    .page-news-article .news-article-shell {
        width: min(calc(100% - 28px), 520px);
    }

    .page-news-article .news-article-main {
        padding-top: calc(var(--header) + 27px);
        padding-bottom: 55px;
    }

    .page-news-article .article-mobile-back {
        margin-bottom: 26px;
    }

    .page-news-article .article-header .eyebrow {
        margin-bottom: 13px;
    }

    .page-news-article .article-header h1 {
        font-size: clamp(32px, 10.5vw, 43px);
    }

    .page-news-article .article-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        margin-top: 20px;
    }

    .page-news-article .article-meta > span + span::before {
        display: none;
    }

    .page-news-article .article-lede {
        font-size: 12px;
    }

    .page-news-article .article-cover {
        aspect-ratio: 4 / 3;
    }

    .page-news-article .gallery-grid,
    .page-news-article .gallery-grid--2,
    .page-news-article .gallery-grid--1 {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-news-article .gallery-grid figure:first-child:nth-last-child(odd) {
        grid-column: auto;
    }

    .page-news-article .gallery-grid img,
    .page-news-article .gallery-grid--1 img,
    .page-news-article .gallery-grid--2 img {
        aspect-ratio: 16 / 10;
    }

    .page-news-article .takeaways {
        padding: 27px 0 29px;
    }

    .page-news-article .article-statistics,
    .page-news-article .article-story-layout.is-statistics-only .article-statistics {
        width: 100%;
    }

    .page-news-article .article-video {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .page-news-article .mission-quote {
        padding: 52px 23px 25px;
        font-size: 14px;
    }

    .page-news-article .mission-quote::before {
        top: 12px;
        left: 20px;
    }

    .page-news-article .article-rail-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-news-article .article-rail-card > a {
        min-height: 156px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-news-article .article-back-link span,
    .page-news-article .article-mobile-back span,
    .page-news-article .article-rail-card,
    .page-news-article .article-rail-more i,
    .page-news-article .article-cover > img,
    .page-news-article .gallery-grid img {
        transition: none !important;
        transform: none !important;
    }
}

/* Phase 3: interactive NEXUS architecture. */
.nexus-tech-page {
    grid-template-columns: minmax(220px, .72fr) minmax(620px, 1.95fr) minmax(230px, .68fr);
    gap: clamp(20px, 2.3vw, 38px);
    align-items: center;
    min-height: 980px;
    padding-top: calc(var(--header) + 48px);
    padding-bottom: 76px;
}

.nexus-layer-rail {
    position: relative;
    z-index: 4;
    min-width: 0;
}

.nexus-page-intro h1 {
    max-width: 330px;
    margin: 0;
    color: #f2f5f9;
    font-size: clamp(38px, 3.35vw, 55px);
    font-weight: 400;
    line-height: 1.03;
    letter-spacing: -.045em;
}

.nexus-page-intro p {
    max-width: 275px;
    margin: 28px 0 0;
    color: #8a96a6;
    font-size: 13px;
    line-height: 1.75;
}

.nexus-visual-shell {
    position: relative;
    min-width: 0;
    height: clamp(790px, calc(100vh - var(--header) - 42px), 940px);
}

.nexus-webgl {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    isolation: isolate;
    border: 0;
    background:
        radial-gradient(ellipse 52% 58% at 50% 48%, rgba(17, 83, 181, .12), transparent 72%),
        linear-gradient(180deg, rgba(5, 7, 10, .22), rgba(4, 5, 7, .05));
}

.nexus-webgl::before,
.nexus-webgl::after {
    content: "";
    position: absolute;
    z-index: 3;
    pointer-events: none;
}

.nexus-webgl::before {
    inset: 4% 6%;
    border-block: 1px solid rgba(63, 131, 222, .06);
}

.nexus-webgl::after {
    top: 4%;
    right: 6%;
    width: 34px;
    height: 1px;
    background: var(--blue);
    box-shadow: 0 0 16px rgba(27, 116, 255, .55);
    opacity: .55;
}

.nexus-webgl-loading .nexus-webgl,
.nexus-webgl-ready .nexus-webgl {
    display: block;
}

.nexus-webgl-ready .nexus-webgl {
    animation: nexusWebglIn .8s cubic-bezier(.2, .72, .2, 1) both;
}

.nexus-webgl-loading .nexus-static-fallback,
.nexus-webgl-ready .nexus-static-fallback {
    display: none;
}

.nexus-webgl-unavailable .nexus-webgl {
    display: none;
}

.nexus-static-fallback {
    min-height: 100%;
    height: 100%;
    border: 0;
    background: radial-gradient(circle at center, rgba(18, 88, 190, .08), transparent 58%);
}

.nexus-canvas-mount,
.nexus-canvas-grid,
.nexus-canvas-vignette {
    position: absolute;
    inset: 0;
}

.nexus-canvas-mount {
    z-index: 1;
}

.nexus-webgl-canvas {
    display: block;
    width: 100%;
    height: 100%;
    cursor: default;
    touch-action: pan-y;
    opacity: 0;
    transition: opacity .5s ease;
}

.nexus-webgl-ready .nexus-webgl-canvas {
    opacity: 1;
}

.nexus-webgl-canvas.is-interactive {
    cursor: pointer;
}

.nexus-canvas-grid {
    z-index: 0;
    opacity: .2;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(57, 111, 182, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57, 111, 182, .07) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: radial-gradient(ellipse 54% 72% at center, #000 0, transparent 72%);
}

.nexus-canvas-vignette {
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(4, 5, 7, .5), transparent 12%, transparent 88%, rgba(4, 5, 7, .48)),
        linear-gradient(180deg, rgba(4, 5, 7, .42), transparent 12%, transparent 86%, rgba(4, 5, 7, .72));
}

.nexus-webgl-status,
.nexus-interaction-hint {
    position: absolute;
    z-index: 4;
    color: #66778d;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: .16em;
    pointer-events: none;
}

.nexus-webgl-status {
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
}

.nexus-interaction-hint {
    left: 50%;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    transform: translateX(-50%);
    white-space: nowrap;
}

.nexus-interaction-hint span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--blue);
    box-shadow: 0 0 13px var(--blue);
    animation: pulse 3s ease-in-out infinite;
}

.nexus-architecture-info {
    position: relative;
    z-index: 4;
    min-width: 0;
    padding: 28px 25px 24px;
    border: 1px solid rgba(91, 134, 192, .27);
    background: linear-gradient(155deg, rgba(9, 14, 21, .92), rgba(5, 7, 10, .96));
    box-shadow: 0 28px 80px rgba(0, 0, 0, .38), inset 0 0 45px rgba(24, 101, 209, .025);
}

.nexus-layer-tabs {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 54px;
}

.nexus-layer-tabs::before {
    content: "";
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 24px;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(62, 116, 185, .38) 9%, rgba(62, 116, 185, .38) 91%, transparent);
}

.nexus-layer-tab {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: center;
    gap: 18px;
    min-height: 75px;
    padding: 5px 0;
    border: 0;
    background: transparent;
    color: #7f8b9b;
    text-align: left;
    cursor: pointer;
    transition: color .35s ease, transform .45s cubic-bezier(.16, 1, .3, 1);
}

.nexus-layer-tab-icon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(102, 133, 174, .24);
    border-radius: 12px;
    background: rgba(5, 8, 12, .95);
    color: #53769e;
    font-size: 8px;
    letter-spacing: .1em;
    box-shadow: inset 0 0 20px rgba(31, 99, 187, .025);
    transition: border-color .35s ease, color .35s ease, background .35s ease, box-shadow .35s ease;
}

.nexus-layer-tab-copy {
    min-width: 0;
}

.nexus-layer-tab-copy strong,
.nexus-layer-tab-copy small {
    display: block;
}

.nexus-layer-tab-copy strong {
    color: #c6cdd6;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.nexus-layer-tab-copy small {
    max-width: 150px;
    margin-top: 6px;
    color: #6f7b8a;
    font-size: 10px;
    line-height: 1.45;
}

.nexus-layer-tab:hover,
.nexus-layer-tab.is-active {
    transform: translateX(5px);
}

.nexus-layer-tab:hover .nexus-layer-tab-icon,
.nexus-layer-tab.is-active .nexus-layer-tab-icon {
    border-color: rgba(41, 127, 255, .72);
    background: rgba(9, 26, 48, .96);
    color: #7ab4ff;
    box-shadow: 0 0 24px rgba(20, 105, 255, .17), inset 0 0 20px rgba(36, 116, 230, .09);
}

.nexus-layer-tab:hover .nexus-layer-tab-copy strong,
.nexus-layer-tab.is-active .nexus-layer-tab-copy strong {
    color: #f1f6fd;
}

.nexus-layer-panels {
    position: relative;
    min-height: 475px;
}

.nexus-layer-panel[hidden] {
    display: none;
}

.nexus-layer-panel.is-active {
    animation: nexusPanelIn .62s cubic-bezier(.16, 1, .3, 1) both;
}

.nexus-layer-panel > span {
    display: block;
    color: #337fdc;
    font-size: 8px;
    letter-spacing: .15em;
}

.nexus-layer-panel h3 {
    margin: 14px 0 20px;
    color: #f4f8fd;
    font-size: clamp(23px, 2vw, 31px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.nexus-layer-panel strong {
    display: block;
    color: #6fa8fb;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.nexus-layer-panel p {
    margin: 18px 0 0;
    color: #8c98a8;
    font-size: 12px;
    line-height: 1.75;
}

.nexus-panel-divider {
    height: 1px;
    margin: 25px 0 20px;
    background: linear-gradient(90deg, rgba(94, 127, 170, .25), transparent);
}

.nexus-layer-panel .nexus-example-label {
    color: #617690;
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.nexus-example-list {
    display: grid;
    gap: 11px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.nexus-example-list li {
    position: relative;
    padding-left: 17px;
    color: #9ca7b5;
    font-size: 10px;
    line-height: 1.45;
}

.nexus-example-list li::before {
    content: "";
    position: absolute;
    top: .56em;
    left: 0;
    width: 5px;
    height: 5px;
    border: 1px solid #347fdf;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(42, 126, 238, .45);
}

.nexus-architecture-info .status-chip {
    margin-top: 18px;
}

.nexus-webgl-unavailable .nexus-architecture-info .status-chip {
    color: #8391a3;
    border-color: var(--line);
}

@keyframes nexusWebglIn {
    from { opacity: 0; filter: blur(5px); }
    to { opacity: 1; filter: none; }
}

@keyframes nexusPanelIn {
    from { opacity: 0; transform: translate3d(16px, 8px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (max-width: 1180px) {
    .nexus-tech-page {
        grid-template-columns: minmax(200px, .7fr) minmax(500px, 1.65fr) minmax(210px, .65fr);
        gap: 18px;
    }

    .nexus-visual-shell {
        height: 800px;
    }

    .nexus-architecture-info {
        padding-inline: 20px;
    }
}

@media (max-width: 1020px) {
    .nexus-tech-page {
        grid-template-columns: minmax(225px, .62fr) minmax(0, 1.38fr);
        gap: 28px;
        min-height: 0;
        padding-top: calc(var(--header) + 58px);
    }

    .nexus-visual-shell {
        height: 760px;
    }

    .nexus-architecture-info {
        grid-column: 1 / -1;
        width: min(680px, 100%);
        margin-inline: auto;
    }

    .nexus-layer-panels {
        min-height: 340px;
    }
}

@media (max-width: 720px) {
    .nexus-tech-page {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .nexus-page-intro h1 {
        max-width: 560px;
        font-size: clamp(42px, 11vw, 64px);
    }

    .nexus-page-intro p {
        max-width: 520px;
    }

    .nexus-layer-tabs {
        flex-direction: row;
        gap: 8px;
        margin: 38px -17px 0;
        padding-inline: 17px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }

    .nexus-layer-tabs::before {
        display: none;
    }

    .nexus-layer-tabs::-webkit-scrollbar {
        display: none;
    }

    .nexus-layer-tab {
        flex: 0 0 184px;
        grid-template-columns: 42px 1fr;
        gap: 12px;
        min-height: 68px;
        padding: 7px;
        border: 1px solid rgba(87, 116, 154, .17);
        background: rgba(7, 10, 14, .75);
        scroll-snap-align: start;
    }

    .nexus-layer-tab:hover,
    .nexus-layer-tab.is-active {
        border-color: rgba(40, 124, 239, .4);
        transform: translateY(-2px);
    }

    .nexus-layer-tab-icon {
        width: 42px;
        height: 42px;
        border-radius: 9px;
    }

    .nexus-layer-tab-copy strong {
        font-size: 9px;
    }

    .nexus-layer-tab-copy small {
        display: none;
    }

    .nexus-visual-shell {
        height: 650px;
    }

    .nexus-architecture-info {
        grid-column: auto;
    }
}

@media (max-width: 620px) {
    .nexus-visual-shell {
        height: 560px;
    }

    .nexus-webgl::before {
        inset: 10px;
    }

    .nexus-webgl::after {
        top: 10px;
        right: 10px;
    }

    .nexus-interaction-hint {
        bottom: 11px;
    }

    .nexus-layer-panel h3 {
        font-size: 28px;
    }

    .nexus-layer-panels {
        min-height: 385px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nexus-webgl-ready .nexus-webgl,
    .nexus-layer-panel.is-active,
    .nexus-interaction-hint span {
        animation: none !important;
    }
}

/* Phase 3: interactive Company DNA. */
.company-dna-section {
    --dna-progress: 0;
    position: relative;
    display: block;
    min-height: 210vh;
}

.company-dna-sticky {
    position: sticky;
    top: calc(var(--header) + 18px);
    display: grid;
    grid-template-columns: minmax(210px, .68fr) minmax(400px, 1.2fr) minmax(260px, .78fr);
    align-items: center;
    gap: clamp(30px, 4vw, 70px);
    min-height: calc(100vh - var(--header) - 36px);
}

.company-dna-copy {
    position: relative;
    z-index: 3;
}

.company-dna-copy h2 {
    margin: 14px 0 22px;
    font-size: clamp(35px, 3.5vw, 54px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.045em;
}

.company-dna-copy p {
    max-width: 370px;
    color: #8290a1;
    font-size: 13px;
    line-height: 1.75;
}

.company-dna-progress {
    position: relative;
    width: min(210px, 100%);
    height: 1px;
    margin: 30px 0 22px;
    overflow: hidden;
    background: rgba(85, 111, 145, .2);
}

.company-dna-progress span {
    position: absolute;
    inset: 0;
    background: #247fe8;
    box-shadow: 0 0 12px rgba(36, 127, 232, .42);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .12s linear;
}

.company-dna-stage {
    position: relative;
    z-index: 1;
    width: 100%;
    height: min(76vh, 760px);
    min-height: 620px;
    filter: drop-shadow(0 30px 70px rgba(0, 0, 0, .36));
}

.company-dna-stage::before {
    content: "";
    position: absolute;
    inset: 10% 5%;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(15, 83, 171, .11), transparent 66%);
    pointer-events: none;
}

.company-dna-webgl,
.company-dna-fallback {
    position: absolute;
    inset: 0;
}

.company-dna-webgl {
    display: none;
    overflow: hidden;
    background: radial-gradient(ellipse at center, rgba(9, 54, 117, .08), transparent 65%);
}

.company-dna-webgl::after {
    content: "";
    position: absolute;
    z-index: 4;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, #050505 0, transparent 12%, transparent 88%, #050505 100%),
        linear-gradient(180deg, #050505 0, transparent 10%, transparent 90%, #050505 100%);
}

.company-dna-loading .company-dna-webgl,
.company-dna-webgl-ready .company-dna-webgl {
    display: block;
}

.company-dna-webgl-ready .company-dna-webgl {
    animation: companyDnaIn .9s cubic-bezier(.2, .72, .2, 1) both;
}

.company-dna-loading .company-dna-fallback,
.company-dna-webgl-ready .company-dna-fallback {
    opacity: 0;
    visibility: hidden;
}

.company-dna-webgl-unavailable .company-dna-webgl {
    display: none;
}

.company-dna-canvas-mount,
.company-dna-grid,
.company-dna-vignette {
    position: absolute;
    inset: 0;
}

.company-dna-canvas-mount {
    z-index: 2;
}

.company-dna-canvas {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity .55s ease;
}

.company-dna-webgl-ready .company-dna-canvas {
    opacity: 1;
}

.company-dna-grid {
    z-index: 1;
    opacity: .2;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(44, 105, 180, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(44, 105, 180, .055) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: radial-gradient(ellipse at center, #000 0, transparent 70%);
}

.company-dna-vignette {
    z-index: 3;
    pointer-events: none;
    background: radial-gradient(ellipse at center, transparent 48%, rgba(5, 5, 5, .48) 82%);
}

.company-dna-status,
.company-dna-counter {
    position: absolute;
    z-index: 5;
    color: #5b6d83;
    font-size: 8px;
    letter-spacing: .17em;
    text-transform: uppercase;
    pointer-events: none;
}

.company-dna-status {
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
}

.company-dna-counter {
    right: 22px;
    bottom: 20px;
}

.company-dna-counter span {
    color: #4f95e9;
}

.company-dna-fallback {
    overflow: hidden;
    opacity: 1;
    transition: opacity .5s ease, visibility .5s ease;
}

.company-dna-fallback-strand {
    position: absolute;
    top: 3%;
    left: 50%;
    width: 42%;
    height: 94%;
    border: 1px solid rgba(31, 115, 216, .55);
    border-top: 0;
    border-bottom: 0;
    border-radius: 50%;
    transform-origin: center;
}

.company-dna-fallback-strand.strand-a {
    transform: translateX(-63%) rotate(9deg);
}

.company-dna-fallback-strand.strand-b {
    transform: translateX(-37%) rotate(-9deg);
}

.company-dna-fallback i {
    position: absolute;
    top: calc(3.5% + var(--i) * 3.86%);
    left: 21%;
    right: 21%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(28, 101, 190, .45) 22%, rgba(79, 148, 230, .55) 50%, rgba(28, 101, 190, .45) 78%, transparent);
    opacity: .2;
    transform: rotate(calc((var(--i) - 12) * 4.6deg));
    transform-origin: center;
    transition: opacity .65s ease, filter .65s ease, transform .8s cubic-bezier(.16, 1, .3, 1);
}

.company-dna-fallback b {
    position: absolute;
    top: calc(10% + var(--value-index) * 20%);
    left: calc(50% + 70px);
    width: clamp(70px, 9vw, 132px);
    height: 1px;
    background: rgba(35, 113, 207, .18);
    opacity: .24;
    transition: opacity .6s ease, background .6s ease;
}

.company-dna-fallback b::before,
.company-dna-fallback b::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #216fc9;
    transform: translateY(-50%);
}

.company-dna-fallback b::before { left: -2px; }
.company-dna-fallback b::after { right: -2px; }

.company-dna-section[data-active-value="0"] [data-dna-segment="0"],
.company-dna-section[data-active-value="1"] [data-dna-segment="1"],
.company-dna-section[data-active-value="2"] [data-dna-segment="2"],
.company-dna-section[data-active-value="3"] [data-dna-segment="3"],
.company-dna-section[data-active-value="4"] [data-dna-segment="4"] {
    opacity: .96;
    filter: drop-shadow(0 0 7px rgba(35, 124, 236, .62));
}

.company-dna-section[data-active-value="0"] .company-dna-fallback i[data-dna-segment="0"],
.company-dna-section[data-active-value="1"] .company-dna-fallback i[data-dna-segment="1"],
.company-dna-section[data-active-value="2"] .company-dna-fallback i[data-dna-segment="2"],
.company-dna-section[data-active-value="3"] .company-dna-fallback i[data-dna-segment="3"],
.company-dna-section[data-active-value="4"] .company-dna-fallback i[data-dna-segment="4"] {
    background: linear-gradient(90deg, transparent, #1c6fcf 18%, #75b6ff 50%, #1c6fcf 82%, transparent);
    transform: rotate(calc((var(--i) - 12) * 4.6deg)) scaleX(1.045);
}

.dna-value-stack {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.dna-value-stack > .dna-value {
    position: relative;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: start;
    min-height: 94px;
    padding: 14px 0 12px 18px;
    border-left: 1px solid rgba(60, 93, 133, .24);
    opacity: .34;
    transition: opacity .55s ease, border-color .55s ease, transform .65s cubic-bezier(.16, 1, .3, 1);
}

.dna-value-stack > .dna-value::before {
    content: "";
    position: absolute;
    top: 26px;
    right: 100%;
    width: clamp(38px, 4.4vw, 82px);
    height: 1px;
    background: rgba(43, 111, 195, .18);
    transform: scaleX(.72);
    transform-origin: right center;
    transition: background .55s ease, transform .65s cubic-bezier(.16, 1, .3, 1);
}

.dna-value-stack > .dna-value::after {
    content: "";
    position: absolute;
    top: 23px;
    left: -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #245d9e;
    transition: background .5s ease, box-shadow .5s ease;
}

.dna-value-stack .dna-value > div {
    padding: 0;
    border: 0;
}

.dna-value small {
    color: #315f94;
    font-size: 8px;
    letter-spacing: .12em;
}

.dna-value-stack .dna-value strong {
    display: block;
    color: #7890aa;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .13em;
    line-height: 1.3;
    text-transform: uppercase;
    transition: color .5s ease;
}

.dna-value-stack .dna-value span {
    display: block;
    max-width: 280px;
    margin-top: 8px;
    color: #8a97a7;
    font-size: 12px;
    line-height: 1.55;
    opacity: 0;
    transform: translate3d(10px, 0, 0);
    transition: opacity .5s ease, transform .65s cubic-bezier(.16, 1, .3, 1);
}

.dna-value-stack > .dna-value.is-active {
    border-color: #287ee2;
    opacity: 1;
    transform: translate3d(5px, 0, 0);
}

.dna-value-stack > .dna-value.is-active::before {
    background: linear-gradient(90deg, rgba(35, 112, 205, .2), #2b83eb);
    transform: scaleX(1);
}

.dna-value-stack > .dna-value.is-active::after {
    background: #56a1f8;
    box-shadow: 0 0 12px rgba(40, 126, 226, .68);
}

.dna-value-stack .dna-value.is-active strong {
    color: #eef6ff;
}

.dna-value-stack .dna-value.is-active span {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.company-dna-webgl-unavailable [data-dna-mode],
.company-dna-simplified [data-dna-mode] {
    color: #8290a1;
    border-color: var(--line);
}

.company-dna-simplified .company-dna-webgl {
    display: none !important;
}

@keyframes companyDnaIn {
    from { opacity: 0; filter: blur(5px); }
    to { opacity: 1; filter: none; }
}

@media (max-width: 1180px) {
    .company-dna-sticky {
        grid-template-columns: minmax(190px, .62fr) minmax(360px, 1.12fr) minmax(245px, .72fr);
        gap: 30px;
    }

    .company-dna-stage {
        height: min(72vh, 710px);
    }

    .dna-value-stack > .dna-value::before {
        width: 38px;
    }
}

@media (max-width: 900px) {
    .company-dna-section {
        min-height: 195vh;
    }

    .company-dna-sticky {
        top: calc(var(--header) + 12px);
        grid-template-columns: minmax(230px, .72fr) minmax(380px, 1.28fr);
        grid-template-areas:
            "copy stage"
            "values stage";
        align-content: center;
        gap: 22px 34px;
        min-height: calc(100vh - var(--header) - 24px);
    }

    .company-dna-copy { grid-area: copy; align-self: end; }
    .company-dna-stage { grid-area: stage; }
    .dna-value-stack { grid-area: values; align-self: start; }

    .company-dna-copy h2 {
        font-size: 38px;
    }

    .company-dna-copy p {
        font-size: 12px;
    }

    .company-dna-progress {
        margin: 22px 0 17px;
    }

    .company-dna-stage {
        height: min(75vh, 700px);
        min-height: 580px;
    }

    .dna-value-stack {
        gap: 2px;
    }

    .dna-value-stack > .dna-value {
        min-height: 78px;
        padding-block: 9px;
    }

    .dna-value-stack > .dna-value::before {
        display: none;
    }
}

@media (max-width: 719px) {
    .company-dna-section {
        min-height: 0;
    }

    .company-dna-sticky {
        position: relative;
        top: auto;
        grid-template-columns: 1fr;
        grid-template-areas:
            "copy"
            "stage"
            "values";
        gap: 34px;
        min-height: 0;
    }

    .company-dna-copy h2 {
        font-size: clamp(36px, 11vw, 48px);
    }

    .company-dna-copy p {
        max-width: 540px;
    }

    .company-dna-stage {
        height: 520px;
        min-height: 0;
    }

    .company-dna-fallback {
        inset-inline: 4%;
    }

    .company-dna-fallback b {
        left: calc(50% + 50px);
        width: clamp(60px, 20vw, 100px);
    }

    .dna-value-stack {
        gap: 0;
        padding-left: 8px;
    }

    .dna-value-stack::before {
        content: "";
        position: absolute;
        top: 19px;
        bottom: 19px;
        left: 8px;
        width: 1px;
        background: linear-gradient(180deg, #246fc6, rgba(36, 111, 198, .12));
    }

    .dna-value-stack > .dna-value,
    .company-dna-simplified .dna-value-stack > .dna-value {
        grid-template-columns: 32px 1fr;
        min-height: 92px;
        padding: 15px 0 14px 25px;
        border-left: 0;
        opacity: .66;
        transform: none;
    }

    .dna-value-stack > .dna-value::after {
        top: 21px;
        left: -2px;
    }

    .company-dna-simplified .dna-value-stack .dna-value span {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .dna-value-stack > .dna-value.is-active {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 480px) {
    .company-dna-stage {
        height: 450px;
    }

    .company-dna-fallback b {
        left: calc(50% + 34px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .company-dna-webgl-ready .company-dna-webgl,
    .company-dna-progress span,
    .company-dna-fallback,
    .company-dna-fallback i,
    .company-dna-fallback b,
    .dna-value-stack > .dna-value,
    .dna-value-stack > .dna-value::before,
    .dna-value-stack > .dna-value::after,
    .dna-value-stack .dna-value strong,
    .dna-value-stack .dna-value span {
        animation: none !important;
        transition: none !important;
    }
}

/* Solutions mockup fidelity: keep the portfolio cards distinct from the Home transition. */
.page-solutions .page-hero + .section-spaced {
    padding-top: 54px;
}

.page-solutions .solution-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.page-solutions .solution-card {
    align-items: center;
    min-height: 620px;
    padding: clamp(38px, 3.4vw, 54px);
    border-color: rgba(126, 157, 199, .2);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(5, 7, 10, .99) 0%, rgba(5, 7, 10, .97) 46%, rgba(4, 6, 9, .9) 100%),
        #050608;
    box-shadow: inset 0 0 40px rgba(18, 52, 98, .025);
}

.page-solutions .solution-card:hover {
    border-color: rgba(51, 127, 239, .42);
    box-shadow: 0 20px 64px rgba(0, 0, 0, .42), 0 0 30px rgba(24, 105, 230, .06), inset 0 0 42px rgba(25, 86, 174, .035);
}

.page-solutions .solution-copy {
    z-index: 3;
    width: 48%;
    max-width: 330px;
}

.page-solutions .future-solution {
    justify-content: flex-start;
}

.page-solutions .future-solution .solution-copy {
    width: 55%;
    max-width: 370px;
}

.page-solutions .solution-copy .eyebrow {
    margin-bottom: 15px;
    font-size: 10px;
}

.page-solutions .solution-copy h3 {
    margin-bottom: 22px;
    font-size: clamp(30px, 2.45vw, 38px);
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.page-solutions .future-solution .solution-copy h3 {
    font-size: clamp(29px, 2.3vw, 35px);
    white-space: nowrap;
}

.page-solutions .solution-copy p {
    margin: 0;
    color: #8d96a3;
    font-size: 13px;
    line-height: 1.75;
}

.page-solutions .solution-copy .button-row {
    flex-wrap: nowrap;
    margin-top: 46px;
}

.page-solutions .solution-copy .button {
    min-height: 44px;
    padding-inline: 16px;
    font-size: 8px;
    white-space: nowrap;
}

.page-solutions .solution-accent {
    display: block;
    width: 46px;
    height: 1px;
    margin-top: 28px;
    background: #257cff;
    box-shadow: 0 0 12px rgba(31, 116, 255, .34);
}

.page-solutions .solution-card-visual {
    position: absolute;
    z-index: 1;
    inset: 0 0 0 42%;
    overflow: hidden;
    pointer-events: none;
    opacity: .82;
    transform-origin: center;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1), opacity .65s ease;
}

.page-solutions .solution-card:hover .solution-card-visual {
    opacity: .96;
    transform: translate3d(3px, -2px, 0) scale(1.018);
}

.page-solutions .nexus-go-visual {
    background:
        radial-gradient(circle at 63% 49%, rgba(30, 125, 255, .19), transparent 4%),
        radial-gradient(ellipse 60% 54% at 67% 50%, rgba(13, 66, 145, .13), transparent 72%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 100%);
}

.page-solutions .nexus-go-visual .network-orb.large {
    position: absolute;
    inset: 12% -7% 8% 2%;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background:
        repeating-linear-gradient(27deg, transparent 0 38px, rgba(48, 113, 201, .085) 39px 40px),
        repeating-linear-gradient(153deg, transparent 0 46px, rgba(54, 124, 216, .075) 47px 48px);
    box-shadow: none;
    filter: drop-shadow(0 0 22px rgba(21, 102, 225, .12));
    transform: perspective(800px) rotateY(-13deg) rotateZ(-5deg);
}

.page-solutions .nexus-go-visual .network-orb::before,
.page-solutions .nexus-go-visual .network-orb::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 0;
    border-radius: 0;
    background:
        linear-gradient(18deg, transparent 49.8%, rgba(79, 151, 244, .12) 50%, transparent 50.2%),
        linear-gradient(72deg, transparent 49.8%, rgba(79, 151, 244, .09) 50%, transparent 50.2%),
        linear-gradient(132deg, transparent 49.8%, rgba(79, 151, 244, .08) 50%, transparent 50.2%);
    opacity: .72;
    transform: none;
}

.page-solutions .nexus-go-visual .network-orb::after {
    inset: 12% 3% 8% 13%;
    opacity: .46;
    transform: rotate(11deg);
}

.page-solutions .nexus-go-visual .network-orb span {
    width: 5px;
    height: 5px;
    background: #4b9cff;
    box-shadow: 0 0 7px rgba(108, 177, 255, .92), 0 0 20px rgba(19, 106, 244, .72);
}

.page-solutions .future-card-visual {
    background: radial-gradient(ellipse 62% 46% at 65% 52%, rgba(21, 71, 137, .105), transparent 70%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 25%, #000 100%);
}

.page-solutions .future-card-visual::before {
    content: "";
    position: absolute;
    right: -12%;
    bottom: -8%;
    left: 4%;
    height: 48%;
    background-image:
        linear-gradient(rgba(74, 114, 169, .11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74, 114, 169, .1) 1px, transparent 1px);
    background-size: 32px 25px;
    opacity: .48;
    transform: perspective(420px) rotateX(63deg);
    transform-origin: center bottom;
}

.page-solutions .future-card-visual .covered-module {
    z-index: 2;
    top: 48%;
    left: 64%;
    width: 230px;
    height: 220px;
    border: 1px solid rgba(99, 131, 174, .13);
    background:
        linear-gradient(84deg, transparent 13%, rgba(83, 107, 140, .09) 27%, transparent 40%, rgba(91, 119, 157, .08) 56%, transparent 72%),
        linear-gradient(162deg, rgba(28, 40, 57, .78), rgba(7, 9, 12, .96) 66%);
    clip-path: polygon(24% 0, 76% 0, 91% 17%, 100% 100%, 0 100%, 9% 17%);
    filter: drop-shadow(0 24px 38px rgba(0, 0, 0, .8));
    opacity: .88;
}

.page-solutions .future-card-visual .covered-module::after {
    background: repeating-linear-gradient(99deg, transparent 0 16px, rgba(119, 147, 184, .05) 17px 18px, transparent 19px 31px);
}

.page-solutions .future-card-visual .covered-module span {
    top: 42%;
    right: auto;
    left: 50%;
    width: 18px;
    height: 34px;
    background: linear-gradient(180deg, rgba(108, 165, 245, .46), rgba(40, 102, 193, .2));
    clip-path: polygon(52% 0, 100% 0, 67% 40%, 90% 40%, 27% 100%, 43% 55%, 13% 55%);
    box-shadow: none;
    transform: translateX(-50%);
}

@media (max-width: 1180px) {
    .page-solutions .solution-page-grid {
        gap: 20px;
    }

    .page-solutions .solution-card {
        min-height: 560px;
        padding: 36px;
    }

    .page-solutions .solution-copy {
        width: 52%;
    }

    .page-solutions .future-solution .solution-copy {
        width: 55%;
        max-width: 350px;
    }

    .page-solutions .solution-copy h3 {
        font-size: 30px;
    }

    .page-solutions .solution-copy .button-row {
        flex-wrap: wrap;
        margin-top: 34px;
    }
}

@media (max-width: 900px) {
    .page-solutions .solution-page-grid {
        grid-template-columns: 1fr;
    }

    .page-solutions .solution-card {
        min-height: 540px;
        padding: 46px;
    }

    .page-solutions .solution-copy {
        width: 46%;
        max-width: 350px;
    }

    .page-solutions .future-solution .solution-copy {
        width: 55%;
        max-width: 380px;
    }
}

@media (max-width: 620px) {
    .page-solutions .page-hero + .section-spaced {
        padding-top: 34px;
    }

    .page-solutions .solution-card,
    .page-solutions .solution-page-grid .tall {
        align-items: flex-end;
        min-height: 570px;
        padding: 28px;
    }

    .page-solutions .solution-copy,
    .page-solutions .future-solution .solution-copy {
        width: 100%;
        max-width: none;
    }

    .page-solutions .future-solution .solution-copy {
        transform: none;
    }

    .page-solutions .solution-copy h3 {
        font-size: 28px;
    }

    .page-solutions .future-solution .solution-copy h3 {
        font-size: 28px;
        white-space: normal;
    }

    .page-solutions .solution-copy .button-row {
        gap: 8px;
        margin-top: 28px;
    }

    .page-solutions .solution-copy .button {
        flex: 1 1 145px;
        padding-inline: 12px;
    }

    .page-solutions .solution-card-visual {
        inset: 0 0 auto 0;
        height: 58%;
        mask-image: linear-gradient(180deg, #000 0%, #000 58%, transparent 100%);
        opacity: .62;
    }

    .page-solutions .nexus-go-visual .network-orb.large {
        inset: 3% -6% 5% 14%;
    }

    .page-solutions .future-card-visual .covered-module {
        left: 68%;
        width: 190px;
        height: 185px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-solutions .solution-card:hover .solution-card-visual {
        transform: none;
    }
}

/* Solutions reference pass: equal portfolio cards with purpose-built operational artwork. */
.page-solutions main {
    background: #050607;
}

.page-solutions .solutions-showcase {
    width: min(calc(100% - 100px), 1336px);
    padding-top: clamp(190px, 25.1vh, 257px);
    padding-bottom: 120px;
}

.page-solutions .solutions-page-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.page-solutions .solution-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
}

.page-solutions .solution-card,
.page-solutions .solution-page-grid .tall {
    align-items: center;
    min-height: 565px;
    padding: 76px 50px 70px;
    border-color: rgba(126, 148, 178, .25);
    border-radius: 12px;
    background: #06080b;
    box-shadow: inset 0 1px rgba(255, 255, 255, .015), inset 0 0 70px rgba(15, 47, 89, .025);
}

.page-solutions .solution-card:hover {
    border-color: rgba(52, 127, 232, .46);
    box-shadow: 0 18px 58px rgba(0, 0, 0, .4), 0 0 24px rgba(24, 105, 230, .055), inset 0 0 54px rgba(25, 86, 174, .035);
}

.page-solutions .solution-copy {
    z-index: 3;
    width: 55%;
    max-width: 340px;
}

.page-solutions .primary-solution .solution-copy {
    align-self: stretch;
    display: flex;
    flex-direction: column;
}

.page-solutions .future-solution {
    justify-content: flex-start;
    padding-inline: 36px;
}

.page-solutions .future-solution .solution-copy {
    width: 59%;
    max-width: 390px;
    transform: translateX(-14px);
}

.page-solutions .solution-copy .eyebrow {
    margin-bottom: 18px;
    font-size: 12px;
    letter-spacing: .18em;
}

.page-solutions .solution-copy h3 {
    margin-bottom: 30px;
    font-size: clamp(31px, 2.4vw, 38px);
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.page-solutions .future-solution .solution-copy h3 {
    font-size: clamp(28px, 2.05vw, 32px);
    white-space: nowrap;
}

.page-solutions .solution-copy p {
    max-width: 335px;
    margin: 0;
    color: #959da9;
    font-size: 14px;
    line-height: 1.78;
}

.page-solutions .solution-copy .button-row {
    flex-wrap: nowrap;
    gap: 18px;
    margin-top: auto;
}

.page-solutions .solution-copy .button {
    min-height: 56px;
    padding-inline: 22px;
    font-size: 10px;
    letter-spacing: .13em;
    white-space: nowrap;
}

.page-solutions .solution-copy .button-primary {
    min-width: 218px;
}

.page-solutions .solution-copy .button-ghost {
    min-width: 248px;
}

.page-solutions .solution-accent {
    display: block;
    width: 48px;
    height: 2px;
    margin-top: 32px;
    background: #277ff5;
    box-shadow: 0 0 10px rgba(31, 116, 255, .26);
}

.page-solutions .solution-card-visual {
    position: absolute;
    z-index: 1;
    inset: 0 0 0 36%;
    overflow: hidden;
    opacity: .82;
    pointer-events: none;
    transform-origin: 66% 50%;
    transition: transform .9s cubic-bezier(.16, 1, .3, 1), opacity .65s ease;
}

.page-solutions .solution-card:hover .solution-card-visual {
    opacity: .94;
    transform: translate3d(3px, -2px, 0) scale(1.012);
}

.page-solutions .nexus-go-visual {
    background: radial-gradient(ellipse 55% 52% at 57% 53%, rgba(12, 66, 145, .1), transparent 76%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 100%);
}

.page-solutions .operations-network,
.page-solutions .covered-system {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.page-solutions .operations-network {
    transform: translateY(-21%) scale(1.18);
    transform-origin: 60% 58%;
}

.page-solutions .covered-system {
    transform: translate(6%, -4%) scale(1.1);
    transform-origin: 70% 50%;
}

.page-solutions .operations-haze {
    opacity: .72;
}

.page-solutions .operations-grid path,
.page-solutions .operations-links path,
.page-solutions .operations-data-flow path,
.page-solutions .future-floor-grid path,
.page-solutions .future-folds path,
.page-solutions .future-cover-ridge {
    fill: none;
}

.page-solutions .operations-grid path {
    stroke: #2b5c94;
    stroke-width: .75;
    opacity: .24;
}

.page-solutions .operations-links path {
    stroke: url(#operationsLine);
    stroke-width: 1.25;
    opacity: .56;
}

.page-solutions .operations-data-flow path {
    stroke: #4599ff;
    stroke-width: 1.1;
    stroke-dasharray: 2 13;
    stroke-linecap: round;
    opacity: .5;
    animation: operations-data-travel 12s linear infinite;
}

.page-solutions .operations-data-flow path:nth-child(2) {
    animation-delay: -5s;
}

.page-solutions .operations-nodes circle {
    fill: #4c9fff;
    opacity: .78;
    transform-box: fill-box;
    transform-origin: center;
    animation: operations-node-pulse 5.2s ease-in-out infinite;
}

.page-solutions .operations-nodes circle:nth-child(3n) {
    animation-delay: -1.8s;
}

.page-solutions .operations-nodes circle:nth-child(4n) {
    animation-delay: -3.4s;
}

.page-solutions .operations-nodes .operations-core-node {
    fill: #e4f1ff;
    opacity: 1;
}

.page-solutions .operations-markers rect {
    fill: rgba(7, 18, 34, .94);
    stroke: #3478c8;
    stroke-width: 1;
}

.page-solutions .operations-markers path {
    fill: none;
    stroke: #8abfff;
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .78;
}

.page-solutions .operations-markers > g {
    transform-box: fill-box;
    transform-origin: center;
    animation: operations-marker-float 7s ease-in-out infinite;
}

.page-solutions .operations-markers > g:nth-child(even) {
    animation-delay: -3.3s;
}

.page-solutions .future-card-visual {
    left: 31%;
    background: radial-gradient(ellipse 58% 48% at 63% 50%, rgba(18, 65, 129, .09), transparent 75%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 17%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 17%, #000 100%);
}

.page-solutions .future-card-visual::before {
    content: none;
}

.page-solutions .future-floor-light {
    opacity: .78;
}

.page-solutions .future-floor-grid path {
    stroke: #245184;
    stroke-width: .7;
    opacity: .26;
}

.page-solutions .future-module-shadow {
    opacity: .74;
}

.page-solutions .future-cover {
    stroke: rgba(93, 124, 165, .19);
    stroke-width: 1;
    filter: drop-shadow(0 24px 28px rgba(0, 0, 0, .72));
}

.page-solutions .future-cover-side {
    fill: #080d14;
    opacity: .7;
}

.page-solutions .future-folds path {
    stroke: rgba(117, 147, 185, .13);
    stroke-width: 1.2;
}

.page-solutions .future-cover-ridge {
    stroke: #428fe9;
    stroke-width: 1.2;
    opacity: .86;
    animation: future-edge-breathe 6.5s ease-in-out infinite;
}

.page-solutions .future-mark {
    fill: rgba(84, 119, 167, .16);
    stroke: rgba(82, 139, 215, .13);
    stroke-width: 1;
}

@keyframes operations-data-travel {
    to { stroke-dashoffset: -90; }
}

@keyframes operations-node-pulse {
    0%, 100% { opacity: .46; transform: scale(.82); }
    50% { opacity: .92; transform: scale(1.15); }
}

@keyframes operations-marker-float {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -3px; }
}

@keyframes future-edge-breathe {
    0%, 100% { opacity: .58; }
    50% { opacity: .94; }
}

.page-solutions .mission-bridge.inline {
    margin-top: 180px;
}

@media (max-width: 1180px) {
    .page-solutions .solutions-showcase {
        width: min(calc(100% - 64px), 1080px);
    }

    .page-solutions .solution-page-grid {
        gap: 22px;
    }

    .page-solutions .solution-card,
    .page-solutions .solution-page-grid .tall {
        min-height: 550px;
        padding: 58px 34px 54px;
    }

    .page-solutions .future-solution {
        padding-inline: 30px;
    }

    .page-solutions .solution-copy {
        width: 56%;
    }

    .page-solutions .future-solution .solution-copy {
        width: 62%;
    }

    .page-solutions .solution-copy h3,
    .page-solutions .future-solution .solution-copy h3 {
        font-size: 29px;
    }

    .page-solutions .solution-copy .button-row {
        flex-wrap: wrap;
        gap: 10px;
    }

    .page-solutions .solution-copy .button-primary,
    .page-solutions .solution-copy .button-ghost {
        min-width: 0;
    }
}

@media (max-width: 900px) {
    .page-solutions .solutions-showcase {
        width: min(calc(100% - 52px), 760px);
        padding-top: 150px;
    }

    .page-solutions .solution-page-grid {
        grid-template-columns: 1fr;
    }

    .page-solutions .solution-card,
    .page-solutions .solution-page-grid .tall {
        min-height: 565px;
        padding: 68px 48px 62px;
    }

    .page-solutions .future-solution {
        padding-inline: 42px;
    }

    .page-solutions .solution-copy {
        width: 50%;
        max-width: 350px;
    }

    .page-solutions .future-solution .solution-copy {
        width: 58%;
        max-width: 390px;
    }

    .page-solutions .solution-copy .button-row {
        flex-wrap: nowrap;
    }
}

@media (max-width: 620px) {
    .page-solutions .solutions-showcase {
        width: min(calc(100% - 34px), 520px);
        padding-top: 118px;
        padding-bottom: 80px;
    }

    .page-solutions .solution-card,
    .page-solutions .solution-page-grid .tall {
        align-items: flex-end;
        min-height: 610px;
        padding: 28px;
    }

    .page-solutions .primary-solution .solution-copy {
        align-self: flex-end;
        min-height: 292px;
    }

    .page-solutions .future-solution,
    .page-solutions .solution-page-grid .future-solution.tall {
        min-height: 560px;
    }

    .page-solutions .solution-copy,
    .page-solutions .future-solution .solution-copy {
        width: 100%;
        max-width: none;
    }

    .page-solutions .future-solution .solution-copy {
        transform: none;
    }

    .page-solutions .solution-copy .eyebrow {
        margin-bottom: 14px;
        font-size: 10px;
    }

    .page-solutions .solution-copy h3,
    .page-solutions .future-solution .solution-copy h3 {
        margin-bottom: 18px;
        font-size: 27px;
        white-space: normal;
    }

    .page-solutions .solution-copy p {
        max-width: 360px;
        font-size: 13px;
        line-height: 1.65;
    }

    .page-solutions .solution-copy .button-row {
        flex-wrap: wrap;
        gap: 8px;
        margin-top: auto;
    }

    .page-solutions .solution-copy .button {
        flex: 1 1 145px;
        min-width: 0;
        min-height: 48px;
        padding-inline: 12px;
        font-size: 8px;
    }

    .page-solutions .solution-card-visual,
    .page-solutions .future-card-visual {
        inset: 0 0 auto 0;
        height: 58%;
        opacity: .68;
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%);
        mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%);
    }

    .page-solutions .operations-network {
        transform: translateX(9%) scale(1.06);
    }

    .page-solutions .covered-system {
        transform: translateX(11%) scale(1.04);
    }

    .page-solutions .mission-bridge.inline {
        margin-top: 100px;
    }
}

@media (max-width: 430px) {
    .page-solutions .solution-card,
    .page-solutions .solution-page-grid .tall {
        min-height: 650px;
    }

    .page-solutions .solution-page-grid .future-solution.tall {
        min-height: 560px;
    }

    .page-solutions .solution-copy .button {
        flex: 1 0 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-solutions .operations-data-flow path,
    .page-solutions .operations-nodes circle,
    .page-solutions .operations-markers > g,
    .page-solutions .future-cover-ridge {
        animation: none;
    }

    .page-solutions .solution-card:hover .solution-card-visual {
        transform: none;
    }
}

/* Home visual-fidelity pass: scoped to the Home route. */
.page-home {
    --header: 128px;
}

.page-home .home-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.page-home .site-header {
    grid-template-columns: 220px 1fr 202px;
    padding-inline: 48px;
    border-color: rgba(132, 166, 214, .12);
    background: rgba(2, 3, 4, .92);
    backdrop-filter: blur(12px);
}

.page-home .site-header .brand-logo {
    height: 60px;
    opacity: .82;
}

.page-home .main-nav {
    justify-self: center;
    justify-content: space-between;
    width: min(100%, 850px);
    gap: 0;
}

.page-home .main-nav a {
    padding-block: 29px 26px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .15em;
}

.page-home .main-nav a::after {
    bottom: 16px;
    box-shadow: 0 0 9px rgba(27, 116, 255, .72);
}

.page-home .main-nav a:hover::after,
.page-home .main-nav a.active::after {
    width: 38px;
}

.page-home .header-cta {
    min-width: 202px;
    min-height: 48px;
    padding-inline: 22px;
    font-size: 9px;
}

.page-home .home-hero {
    height: 100svh;
    min-height: 720px;
    padding: 0;
    background: #030405;
}

.page-home .hero-field {
    background:
        radial-gradient(ellipse 35% 19% at 50% 53.6%, rgba(19, 87, 183, .09), transparent 72%),
        #020304;
}

.page-home .hero-field::after {
    content: "";
    position: absolute;
    top: 52.7%;
    left: 50%;
    width: min(650px, 47vw);
    height: 14px;
    background:
        radial-gradient(circle at 50% 50%, #eef8ff 0 2px, #4ea7ff 3px, rgba(27, 116, 255, .62) 6px, transparent 10px),
        linear-gradient(90deg, transparent 0%, rgba(24, 104, 218, .08) 13%, rgba(32, 127, 255, .82) 46%, #80bdff 50%, rgba(32, 127, 255, .82) 54%, rgba(24, 104, 218, .08) 87%, transparent 100%) center / 100% 1px no-repeat;
    filter: drop-shadow(0 0 15px rgba(24, 116, 255, .58));
    transform: translateX(-50%);
}

.page-home .hero-content {
    position: absolute;
    top: 46.1%;
    left: 50%;
    width: min(100%, 1200px);
    padding-inline: 48px;
    transform: translate(-50%, -50%);
}

.motion-ready .page-home .home-hero .hero-content {
    transform: translate3d(-50%, calc(-50% + var(--hero-shift, 0px)), 0);
}

.page-home .hero-content h1 {
    max-width: 1040px;
    margin-inline: auto;
    color: #f2f4f7;
    font-size: clamp(34px, 2.8vw, 40px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .4em;
    white-space: nowrap;
    text-shadow: 0 0 22px rgba(89, 151, 232, .055);
}

.page-home .hero-content h1 em {
    color: #2178ff;
    text-shadow: 0 0 16px rgba(26, 112, 255, .22);
}

.page-home .hero-content p:last-child {
    display: none;
}

.page-home .scroll-cue {
    bottom: clamp(32px, 5.8vh, 56px);
    gap: 30px;
    color: #a4abb4;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .65em;
}

.page-home .scroll-cue i {
    position: relative;
    width: 1px;
    height: 40px;
    background: linear-gradient(180deg, rgba(156, 171, 190, .75), rgba(156, 171, 190, .12));
}

.page-home .scroll-cue i::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -2px;
    width: 4px;
    height: 4px;
    border-right: 1px solid rgba(156, 171, 190, .72);
    border-bottom: 1px solid rgba(156, 171, 190, .72);
    transform: rotate(45deg);
}

.page-home .mission-bridge {
    display: grid;
    grid-template-rows: auto 1fr;
    justify-items: center;
    min-height: 308px;
    padding: 67px 48px 52px;
    scroll-margin-top: var(--header);
    border-color: rgba(132, 166, 214, .14);
    background:
        radial-gradient(ellipse 54% 30% at 50% 55%, rgba(20, 82, 164, .07), transparent 74%),
        #030405;
}

.page-home .mission-bridge::before {
    content: "";
    position: absolute;
    top: 62%;
    left: 50%;
    width: min(1180px, 112vw);
    height: min(140px, 14vw);
    border-radius: 50%;
    border-top: 1px solid rgba(49, 128, 236, .32);
    box-shadow: 0 -12px 38px rgba(20, 91, 188, .07);
    transform: translate(-50%, -50%);
}

.page-home .mission-bridge-heading,
.page-home .mission-links {
    position: relative;
    z-index: 1;
}

.page-home .mission-bridge-heading {
    text-align: center;
}

.page-home .mission-bridge-heading h2 {
    margin: 0;
    font-size: clamp(22px, 2.15vw, 31px);
    font-weight: 350;
    line-height: 1.2;
    letter-spacing: .14em;
}

.page-home .mission-bridge-heading em {
    color: #287cff;
    font-style: normal;
    text-shadow: 0 0 15px rgba(25, 108, 255, .22);
}

.page-home .mission-bridge .mission-heading-rule {
    display: block;
    width: 48px;
    height: 1px;
    margin: 24px auto 0;
    background: rgba(65, 135, 242, .62);
    box-shadow: 0 0 12px rgba(15, 111, 255, .28);
}

.page-home .mission-links {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 1px minmax(220px, 1fr);
    align-self: end;
    align-items: center;
    width: min(780px, 76vw);
    min-height: 104px;
}

.page-home .mission-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 104px;
    padding: 18px 28px;
    text-align: center;
    background: radial-gradient(circle at 50% 50%, rgba(24, 102, 215, 0), transparent 68%);
    transition: color .4s ease, transform .5s cubic-bezier(.2, .7, .2, 1), background .5s ease;
}

.page-home .mission-link span {
    position: relative;
    z-index: 1;
    color: #e8edf4;
    font-size: 15px;
    font-weight: 450;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: color .4s ease, text-shadow .4s ease;
}

.page-home .mission-link small {
    margin-top: 10px;
    color: #8d97a5;
    font-size: 11px;
    line-height: 1.35;
    letter-spacing: .015em;
    transition: color .4s ease;
}

.page-home .mission-link:hover,
.page-home .mission-link:focus-visible {
    transform: translateY(-2px);
    background: radial-gradient(circle at 50% 54%, rgba(24, 102, 215, .075), transparent 68%);
}

.page-home .mission-link:hover span,
.page-home .mission-link:focus-visible span {
    color: #fff;
    text-shadow: 0 0 15px rgba(39, 125, 255, .25);
}

.page-home .mission-link:hover small,
.page-home .mission-link:focus-visible small {
    color: #b2bac5;
}

.page-home .mission-link:focus-visible {
    outline: 1px solid rgba(64, 135, 241, .55);
    outline-offset: -4px;
}

.page-home .mission-divider {
    position: relative;
    width: 1px;
    height: 86px;
    background: linear-gradient(180deg, transparent, rgba(74, 116, 172, .28) 18%, rgba(74, 116, 172, .28) 82%, transparent);
}

.page-home .mission-divider::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #247eff;
    box-shadow: 0 0 6px rgba(36, 126, 255, .9), 0 0 15px rgba(28, 108, 231, .38);
    transform: translate(-50%, -50%);
}

.page-home .section-shell:not(#explore) {
    width: min(calc(100% - 128px), 1240px);
}

.page-home .section-spaced:not(#explore) {
    padding-block: 124px;
}

.page-home .section-heading {
    margin-bottom: 40px;
}

.page-home .section-heading h2,
.page-home .home-tech-copy h2 {
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 350;
    line-height: 1.02;
    letter-spacing: -.035em;
}

.page-home .split-heading {
    grid-template-columns: 1.05fr .65fr;
    gap: 72px;
}

.page-home .split-heading p,
.page-home .home-tech-copy p {
    font-size: 14px;
}

.page-home .technology-preview.home-tech-teaser {
    grid-template-columns: minmax(300px, .78fr) minmax(520px, 1.22fr);
    gap: clamp(52px, 6vw, 96px);
    min-height: 720px;
}

.page-home .home-tech-copy {
    position: relative;
    z-index: 2;
    max-width: 470px;
}

.page-home .home-tech-copy .eyebrow {
    margin-bottom: 22px;
}

.page-home .home-tech-copy h2 {
    margin: 0;
    color: #f1f4f8;
    font-size: clamp(42px, 4.4vw, 62px);
    line-height: 1.01;
    letter-spacing: -.04em;
}

.page-home .home-tech-copy p {
    max-width: 430px;
    margin: 28px 0 0;
    color: #8b96a5;
    line-height: 1.75;
}

.page-home .home-tech-cta {
    margin-top: 34px;
}

.page-home .home-tech-cta span {
    margin-left: 8px;
}

.page-home .home-architecture-preview {
    position: relative;
    isolation: isolate;
    min-width: 0;
    min-height: 610px;
    overflow: hidden;
    border-top: 1px solid rgba(102, 142, 198, .18);
    border-bottom: 1px solid rgba(102, 142, 198, .13);
    background:
        radial-gradient(ellipse 58% 46% at 52% 48%, rgba(22, 93, 196, .105), transparent 72%),
        linear-gradient(180deg, rgba(7, 10, 14, .72), rgba(3, 4, 6, .3));
    transition: border-color .6s ease, background .6s ease;
}

.page-home .home-architecture-preview::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: 3%;
    bottom: -15%;
    left: 3%;
    height: 48%;
    background-image:
        linear-gradient(rgba(58, 104, 166, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(58, 104, 166, .065) 1px, transparent 1px);
    background-size: 38px 32px;
    mask-image: radial-gradient(ellipse at center, #000, transparent 72%);
    opacity: .52;
    transform: perspective(500px) rotateX(61deg);
    transform-origin: center bottom;
}

.page-home .home-architecture-preview:hover {
    border-color: rgba(55, 126, 230, .27);
    background:
        radial-gradient(ellipse 60% 48% at 52% 48%, rgba(22, 93, 196, .13), transparent 72%),
        linear-gradient(180deg, rgba(7, 10, 14, .78), rgba(3, 4, 6, .34));
}

.page-home .home-architecture-meta {
    position: absolute;
    z-index: 4;
    top: 26px;
    right: 30px;
    left: 30px;
    display: flex;
    justify-content: space-between;
    color: #6387b7;
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.page-home .home-architecture-meta small {
    color: #4e627c;
    font-size: inherit;
}

.page-home .home-architecture-stack {
    position: absolute;
    inset: 78px 24px 28px;
    perspective: 1100px;
    transform-style: preserve-3d;
}

.page-home .home-arch-layer {
    --layer-y: 0px;
    position: absolute;
    z-index: 2;
    top: var(--layer-y);
    left: 50%;
    display: grid;
    grid-template-columns: 54px 1fr 16px;
    align-items: center;
    width: min(86%, 590px);
    height: 94px;
    padding: 0 28px;
    border: 1px solid rgba(64, 119, 191, .28);
    background: linear-gradient(180deg, rgba(15, 27, 43, .82), rgba(5, 9, 14, .9));
    box-shadow: 0 25px 48px rgba(0, 0, 0, .42), inset 0 0 32px rgba(34, 108, 214, .035);
    opacity: .82;
    transform: translateX(-50%) rotateX(61deg) rotateZ(-3deg);
    transform-origin: center;
    transform-style: preserve-3d;
    animation: home-tech-layer-idle 8s ease-in-out infinite;
    transition: border-color .5s ease, box-shadow .5s ease, opacity .5s ease;
}

.page-home .home-arch-layer:nth-child(1) { --layer-y: 2px; animation-delay: -1.2s; }
.page-home .home-arch-layer:nth-child(2) { --layer-y: 82px; animation-delay: -2.7s; }
.page-home .home-arch-layer:nth-child(3) { --layer-y: 162px; animation-delay: -4.1s; }
.page-home .home-arch-layer:nth-child(4) { --layer-y: 242px; animation-delay: -5.6s; }
.page-home .home-arch-layer:nth-child(5) { --layer-y: 322px; animation-delay: -7s; }

.page-home .home-architecture-preview:hover .home-arch-layer {
    border-color: rgba(62, 133, 235, .36);
    box-shadow: 0 26px 50px rgba(0, 0, 0, .46), inset 0 0 34px rgba(35, 111, 224, .055);
    opacity: .9;
}

.page-home .home-arch-layer span {
    color: #3f7dcc;
    font-size: 9px;
    letter-spacing: .16em;
}

.page-home .home-arch-layer strong {
    color: #d6deea;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .16em;
}

.page-home .home-arch-layer i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #358cff;
    box-shadow: 0 0 9px rgba(53, 140, 255, .8), 0 0 18px rgba(27, 111, 232, .38);
}

.page-home .home-energy-spine {
    position: absolute;
    z-index: 3;
    top: 14px;
    bottom: 16px;
    left: 50%;
    width: 1px;
    background: linear-gradient(transparent, rgba(41, 124, 241, .28) 16%, rgba(98, 166, 255, .56) 50%, rgba(41, 124, 241, .28) 84%, transparent);
    box-shadow: 0 0 11px rgba(29, 112, 231, .22);
}

.page-home .home-energy-spine i {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d4e8ff;
    box-shadow: 0 0 7px #78b5ff, 0 0 17px rgba(29, 118, 255, .68);
    animation: home-tech-energy-flow 5.6s linear infinite;
}

@keyframes home-tech-layer-idle {
    0%, 100% { transform: translateX(-50%) translateY(0) rotateX(61deg) rotateZ(-3deg); }
    50% { transform: translateX(-50%) translateY(-4px) rotateX(61deg) rotateZ(-3deg); }
}

@keyframes home-tech-energy-flow {
    0% { top: 3%; opacity: 0; }
    12%, 86% { opacity: .92; }
    100% { top: 96%; opacity: 0; }
}

.page-home .card-grid {
    gap: 16px;
}

.page-home .media-visual {
    height: 290px;
}

.page-home .media-copy {
    padding: 25px 27px 29px;
}

.page-home .media-copy h2 {
    font-size: 25px;
}

@media (max-width: 1180px) {
    .page-home {
        --header: 88px;
    }

    .page-home .site-header {
        grid-template-columns: 200px 1fr 158px;
        padding-inline: 24px;
    }

    .page-home .site-header .brand-logo {
        height: 52px;
    }

    .page-home .main-nav {
        width: 100%;
        gap: 18px;
    }

    .page-home .main-nav a {
        font-size: 9px;
    }

    .page-home .header-cta {
        min-width: 158px;
        min-height: 42px;
    }

    .page-home .section-shell {
        width: min(calc(100% - 64px), 1240px);
    }
}

@media (max-width: 900px) {
    .page-home {
        --header: 68px;
    }

    .page-home .site-header {
        padding-inline: 24px;
    }

    .page-home .site-header .brand-logo {
        height: 48px;
    }

    .page-home .main-nav {
        justify-self: auto;
        justify-content: flex-start;
        width: auto;
        gap: 0;
    }

    .page-home .main-nav a {
        padding-block: 18px;
        font-size: 16px;
    }

    .page-home .home-hero {
        min-height: 650px;
    }

    .page-home .hero-content h1 {
        font-size: clamp(34px, 5vw, 42px);
        letter-spacing: .13em;
        white-space: normal;
    }

    .page-home .section-shell {
        width: min(calc(100% - 48px), 680px);
    }

    .page-home .technology-preview.home-tech-teaser {
        grid-template-columns: 1fr;
        gap: 54px;
        min-height: 0;
    }

    .page-home .home-tech-copy {
        max-width: 590px;
    }

    .page-home .home-architecture-preview {
        min-height: 550px;
    }
}

@media (max-width: 620px) {
    .page-home .site-header {
        padding-inline: 18px;
    }

    .page-home .home-hero {
        height: 100svh;
        min-height: 620px;
    }

    .page-home .hero-content {
        top: 45.5%;
        padding-inline: 22px;
    }

    .page-home .hero-content h1 {
        max-width: 350px;
        font-size: clamp(32px, 9vw, 36px);
        line-height: 1.18;
        letter-spacing: .085em;
    }

    .page-home .hero-content p:last-child {
        max-width: 315px;
        margin-top: 19px;
        font-size: 13px;
        line-height: 1.65;
    }

    .page-home .hero-field::after {
        width: min(72vw, 520px);
    }

    .page-home .scroll-cue {
        bottom: 30px;
        gap: 14px;
        font-size: 8px;
        letter-spacing: .22em;
    }

    .page-home .scroll-cue i {
        height: 24px;
    }

    .page-home .section-shell {
        width: min(calc(100% - 34px), 680px);
    }

    .page-home .mission-bridge {
        min-height: 360px;
        padding: 54px 24px 40px;
    }

    .page-home .mission-bridge::before {
        top: 57%;
        width: 120vw;
        height: 120px;
    }

    .page-home .mission-bridge-heading h2 {
        max-width: 320px;
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: .11em;
    }

    .page-home .mission-bridge .mission-heading-rule {
        margin-top: 18px;
    }

    .page-home .mission-links {
        grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
        width: 100%;
        min-height: 110px;
    }

    .page-home .mission-link {
        min-height: 110px;
        padding-inline: 12px;
    }

    .page-home .mission-link span {
        font-size: 12px;
        letter-spacing: .065em;
    }

    .page-home .mission-link small {
        max-width: 120px;
        margin-top: 8px;
        font-size: 10px;
    }

    .page-home .mission-divider {
        height: 92px;
    }

    .page-home .section-spaced:not(#explore) {
        padding-block: 88px;
    }

    .page-home .section-heading h2,
    .page-home .home-tech-copy h2 {
        font-size: clamp(38px, 12vw, 50px);
    }

    .page-home .technology-preview.home-tech-teaser {
        gap: 40px;
    }

    .page-home .home-tech-copy p {
        margin-top: 22px;
    }

    .page-home .home-architecture-preview {
        min-height: 440px;
    }

    .page-home .home-architecture-meta {
        top: 20px;
        right: 18px;
        left: 18px;
    }

    .page-home .home-architecture-stack {
        inset: 64px 4px 20px;
    }

    .page-home .home-arch-layer {
        grid-template-columns: 42px 1fr 12px;
        width: 94%;
        height: 76px;
        padding-inline: 18px;
    }

    .page-home .home-arch-layer:nth-child(1) { --layer-y: 0px; }
    .page-home .home-arch-layer:nth-child(2) { --layer-y: 61px; }
    .page-home .home-arch-layer:nth-child(3) { --layer-y: 122px; }
    .page-home .home-arch-layer:nth-child(4) { --layer-y: 183px; }
    .page-home .home-arch-layer:nth-child(5) { --layer-y: 244px; }

    .page-home .home-arch-layer strong {
        font-size: 8px;
        letter-spacing: .12em;
    }

    .page-home .media-visual {
        height: 250px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-home .home-arch-layer {
        animation: none !important;
    }

    .page-home .home-energy-spine i {
        top: 50%;
        animation: none !important;
    }

    .page-home .mission-link:hover,
    .page-home .mission-link:focus-visible {
        transform: none;
    }

    .page-home .scroll-cue i {
        animation: none !important;
    }
}

/* Field Reports listing fidelity: scoped away from report details and shared media cards. */
.page-field-reports main {
    min-height: 100vh;
    background: #050607;
}

.page-field-reports .field-reports-hero,
.page-field-reports .field-reports-listing {
    width: min(calc(100% - 82px), 1336px);
}

.page-field-reports .field-reports-hero.section-heading {
    display: grid;
    grid-template-columns: 240px minmax(0, 310px);
    gap: 26px;
    align-items: start;
    margin-bottom: 0;
    padding-top: calc(var(--header) + 12px);
    padding-bottom: 30px;
}

.page-field-reports .field-reports-heading .eyebrow {
    margin-bottom: 14px;
    font-size: 9px;
    letter-spacing: .17em;
}

.page-field-reports .field-reports-heading h1 {
    margin: 0;
    color: #f2f4f7;
    font-size: clamp(30px, 3.25vw, 46px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.page-field-reports .field-reports-heading h1 em {
    color: #f2f4f7;
}

.page-field-reports .field-reports-heading h1 em::after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 5px;
    border-radius: 50%;
    background: #3d91ff;
    box-shadow: 0 0 10px rgba(34, 126, 255, .68);
    vertical-align: .08em;
}

.page-field-reports .field-reports-hero > p {
    min-height: 65px;
    max-width: 260px;
    margin: 18px 0 0;
    padding: 4px 0 4px 26px;
    border-left: 1px solid rgba(113, 139, 177, .21);
    color: #9aa3af;
    font-size: 11.5px;
    line-height: 1.75;
}

.page-field-reports .field-reports-listing {
    padding: 0 0 140px;
}

.page-field-reports .field-report-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 400px), 424px));
    gap: 24px;
    align-items: start;
    background: transparent;
}

.page-field-reports .field-report-card {
    position: relative;
    width: 100%;
    height: 380px;
    overflow: hidden;
    border: 1px solid rgba(103, 133, 172, .22);
    border-radius: 10px;
    background: #05090e;
    box-shadow: inset 0 0 42px rgba(15, 57, 119, .035);
    transition: transform .65s cubic-bezier(.16, 1, .3, 1), border-color .5s ease, box-shadow .55s ease;
}

.page-field-reports .field-report-card-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.page-field-reports .field-report-card-link:focus-visible {
    outline-offset: -5px;
}

.page-field-reports .field-report-cover,
.page-field-reports .field-report-overlay,
.page-field-reports .field-report-overlay::before {
    position: absolute;
    inset: 0;
}

.page-field-reports .field-report-cover {
    z-index: 0;
    overflow: hidden;
    background: #07101b;
}

.page-field-reports .field-report-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 35% 50%;
    filter: saturate(.82) brightness(.78) contrast(1.06);
    transform: scale(1.002);
    transition: transform 1.1s cubic-bezier(.16, 1, .3, 1), filter .8s ease;
}

.page-field-reports .field-report-overlay {
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(2, 5, 9, .06) 0%, rgba(3, 8, 14, .08) 36%, rgba(3, 8, 14, .78) 68%, #05090e 100%),
        linear-gradient(90deg, rgba(2, 4, 7, .18), transparent 46%, rgba(2, 5, 9, .12));
    pointer-events: none;
}

.page-field-reports .field-report-overlay::before {
    content: "";
    background: linear-gradient(145deg, rgba(25, 103, 220, .03), rgba(12, 73, 166, .22));
    opacity: 0;
    transition: opacity .65s ease;
}

.page-field-reports .field-report-more {
    position: absolute;
    z-index: 3;
    top: 18px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #e8edf5;
    font-size: 9px;
    line-height: 1;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .74;
    transform: translateX(7px);
    transition: opacity .45s ease, transform .6s cubic-bezier(.16, 1, .3, 1), color .45s ease;
}

.page-field-reports .field-report-more i {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(50, 130, 244, .44);
    border-radius: 50%;
    background: rgba(8, 37, 78, .68);
    color: #7eb6ff;
    font-size: 13px;
    font-style: normal;
    box-shadow: inset 0 0 14px rgba(27, 116, 255, .08), 0 0 16px rgba(16, 95, 215, .08);
    transition: border-color .45s ease, background .45s ease, box-shadow .45s ease, color .45s ease;
}

.page-field-reports .field-report-copy {
    position: absolute;
    z-index: 3;
    right: 25px;
    bottom: 16px;
    left: 26px;
}

.page-field-reports .field-report-project {
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    color: #4c91ef;
    font-size: 8px;
    line-height: 1.3;
    letter-spacing: .16em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.page-field-reports .field-report-copy h2 {
    margin: 0 0 8px;
    color: #f3f5f8;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.018em;
}

.page-field-reports .field-report-copy p {
    display: -webkit-box;
    min-height: 56px;
    max-width: 342px;
    margin: 0;
    overflow: hidden;
    color: #a4acb7;
    font-size: 10.5px;
    line-height: 1.78;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.page-field-reports .field-report-progress {
    position: relative;
    display: block;
    height: 1px;
    margin-top: 15px;
    overflow: hidden;
    background: rgba(96, 127, 166, .18);
}

.page-field-reports .field-report-progress::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 63%;
    background: #2480ff;
    box-shadow: 0 0 10px rgba(27, 116, 255, .46);
    transition: width .85s cubic-bezier(.16, 1, .3, 1), box-shadow .55s ease;
}

.page-field-reports .field-report-grid > .empty-state {
    grid-column: 1 / -1;
    width: min(100%, 424px);
}

.page-field-reports .pagination-wrap {
    max-width: 1336px;
    margin-top: 42px;
}

@media (hover: hover) and (pointer: fine) {
    .page-field-reports .field-report-card:hover {
        transform: translateY(-3px);
        border-color: rgba(54, 130, 237, .43);
        box-shadow: 0 18px 50px rgba(0, 0, 0, .36), 0 0 26px rgba(20, 101, 224, .07), inset 0 0 45px rgba(20, 82, 170, .04);
    }

    .page-field-reports .field-report-card:hover .field-report-cover img {
        filter: saturate(.88) brightness(.84) contrast(1.07);
        transform: scale(1.045);
    }

    .page-field-reports .field-report-card:hover .field-report-overlay::before,
    .page-field-reports .field-report-card-link:focus-visible .field-report-overlay::before {
        opacity: .66;
    }

    .page-field-reports .field-report-card:hover .field-report-more,
    .page-field-reports .field-report-card-link:focus-visible .field-report-more {
        color: #fff;
        opacity: 1;
        transform: none;
    }

    .page-field-reports .field-report-card:hover .field-report-more i,
    .page-field-reports .field-report-card-link:focus-visible .field-report-more i {
        border-color: rgba(72, 153, 255, .82);
        background: rgba(12, 70, 153, .72);
        color: #fff;
        box-shadow: inset 0 0 16px rgba(27, 116, 255, .13), 0 0 20px rgba(22, 113, 241, .18);
    }

    .page-field-reports .field-report-card:hover .field-report-progress::after,
    .page-field-reports .field-report-card-link:focus-visible .field-report-progress::after {
        width: 100%;
        box-shadow: 0 0 13px rgba(27, 116, 255, .58);
    }
}

@media (max-width: 700px) {
    .page-field-reports .field-reports-hero,
    .page-field-reports .field-reports-listing {
        width: min(calc(100% - 34px), 520px);
    }

    .page-field-reports .field-reports-hero.section-heading {
        grid-template-columns: 1fr;
        gap: 24px;
        padding-top: calc(var(--header) + 48px);
        padding-bottom: 40px;
    }

    .page-field-reports .field-reports-heading h1 {
        font-size: clamp(38px, 11vw, 48px);
    }

    .page-field-reports .field-reports-hero > p {
        min-height: 0;
        max-width: 390px;
        margin: 0;
        padding: 20px 0 0;
        border-top: 1px solid rgba(113, 139, 177, .21);
        border-left: 0;
        font-size: 12px;
    }

    .page-field-reports .field-report-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-field-reports .field-report-card {
        height: clamp(410px, 116vw, 475px);
    }

    .page-field-reports .field-report-cover img {
        object-position: 51% 48%;
    }

    .page-field-reports .field-report-more {
        opacity: .92;
        transform: none;
    }

    .page-field-reports .field-report-copy {
        right: 22px;
        bottom: 20px;
        left: 22px;
    }

    .page-field-reports .field-report-project {
        white-space: normal;
    }

    .page-field-reports .field-report-copy p {
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-field-reports .field-report-card,
    .page-field-reports .field-report-card:hover,
    .page-field-reports .field-report-cover img,
    .page-field-reports .field-report-card:hover .field-report-cover img,
    .page-field-reports .field-report-more {
        transform: none !important;
    }
}

/* Field Report detail fidelity: a restrained, CMS-driven technical dossier. */
.page-field-report-detail main {
    min-height: 100vh;
    background: #030506;
}

.page-field-report-detail .ambient {
    opacity: .07;
}

.page-field-report-detail .field-report-document {
    width: min(calc(100% - 20px), 1400px);
    padding-top: var(--header);
    padding-bottom: 132px;
}

.page-field-report-detail .field-report-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 0;
    align-items: start;
}

.page-field-report-detail .field-report-sidebar {
    position: sticky;
    top: var(--header);
    z-index: 2;
    align-self: start;
    min-width: 0;
    min-height: calc(100vh - var(--header));
    margin: 0;
    padding: 12px 27px 30px;
    border: 1px solid rgba(99, 132, 174, .21);
    background: rgba(4, 7, 10, .97);
    box-shadow: inset -22px 0 55px rgba(8, 36, 76, .025);
}

.page-field-report-detail .field-report-back {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    color: #818c9a;
    font-size: 8px;
    line-height: 1.4;
    letter-spacing: .1em;
}

.page-field-report-detail .field-report-back span {
    color: #468eea;
    font-size: 13px;
    transition: transform .3s ease;
}

.page-field-report-detail .field-report-back:hover span,
.page-field-report-detail .field-report-back:focus-visible span {
    transform: translateX(-3px);
}

.page-field-report-detail .field-report-identity {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(102, 131, 169, .16);
}

.page-field-report-detail .field-report-identity .eyebrow {
    margin-bottom: 12px;
    color: #4a8ee8;
    font-size: 8px;
    letter-spacing: .17em;
}

.page-field-report-detail .field-report-identity h1 {
    margin: 0 0 5px;
    color: #f1f4f8;
    font-size: clamp(26px, 2.2vw, 33px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.page-field-report-detail .field-report-project-title {
    margin: 0;
    color: #b7c0cc;
    font-size: 11px;
    line-height: 1.5;
}

.page-field-report-detail .field-report-summary {
    margin: 20px 0 0;
    color: #8994a2;
    font-size: 10.5px;
    line-height: 1.75;
}

.page-field-report-detail .field-report-meta {
    display: grid;
    gap: 0;
    margin: 22px 0 28px;
}

.page-field-report-detail .field-report-meta > div {
    position: relative;
    min-height: 58px;
    padding: 10px 0 10px 38px;
    border-bottom: 1px solid rgba(102, 131, 169, .12);
}

.page-field-report-detail .field-report-meta > div::before,
.page-field-report-detail .field-report-meta > div::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 16px;
}

.page-field-report-detail .field-report-meta > div::before {
    width: 17px;
    height: 17px;
    border: 1px solid rgba(89, 139, 207, .55);
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px #04070a, inset 0 0 0 5px rgba(75, 138, 224, .36);
}

.page-field-report-detail .field-report-meta > div::after {
    width: 21px;
    height: 21px;
    margin: -2px 0 0 -2px;
    background:
        linear-gradient(90deg, transparent calc(50% - .5px), rgba(75, 138, 224, .3) 50%, transparent calc(50% + .5px)),
        linear-gradient(transparent calc(50% - .5px), rgba(75, 138, 224, .3) 50%, transparent calc(50% + .5px));
}

.page-field-report-detail .field-report-meta dt {
    color: #477fc7;
    font-size: 7px;
    line-height: 1.3;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.page-field-report-detail .field-report-meta dd {
    margin: 5px 0 0;
    color: #c1c8d1;
    font-size: 9.5px;
    line-height: 1.5;
}

.page-field-report-detail .field-report-download {
    width: 100%;
    min-height: 45px;
    justify-content: flex-start;
    padding-inline: 14px;
    border-color: rgba(87, 126, 177, .25);
    color: #c3cad4;
    font-size: 7.5px;
    letter-spacing: .1em;
}

.page-field-report-detail .field-report-download > span {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(62, 131, 225, .35);
    color: #6aa7f5;
    font-size: 11px;
}

.page-field-report-detail .field-report-main {
    min-width: 0;
    overflow: hidden;
    border-top: 1px solid rgba(99, 132, 174, .21);
    border-right: 1px solid rgba(99, 132, 174, .21);
    border-bottom: 1px solid rgba(99, 132, 174, .21);
    background: #05080c;
    box-shadow: inset 0 0 90px rgba(13, 54, 113, .025);
}

.page-field-report-detail .field-report-lead {
    display: grid;
    grid-template-columns: minmax(230px, .58fr) minmax(0, 1.42fr);
    min-height: clamp(225px, 22vw, 340px);
    border-bottom: 1px solid rgba(99, 132, 174, .18);
}

.page-field-report-detail .field-report-lead--image-only {
    grid-template-columns: 1fr;
}

.page-field-report-detail .field-report-panel {
    min-width: 0;
    padding: 31px 32px 34px;
}

.page-field-report-detail .field-report-overview {
    border-right: 1px solid rgba(99, 132, 174, .16);
}

.page-field-report-detail .field-report-panel h2,
.page-field-report-detail .field-report-results h2,
.page-field-report-detail .field-report-gallery-section h2,
.page-field-report-detail .field-report-media h2 {
    margin: 0 0 16px;
    color: #568fdc;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.page-field-report-detail .field-report-rich-copy {
    color: #9ba5b2;
    font-size: 11px;
    line-height: 1.8;
}

.page-field-report-detail .field-report-rich-copy > :last-child {
    margin-bottom: 0;
}

.page-field-report-detail .field-report-rich-copy h2,
.page-field-report-detail .field-report-rich-copy h3,
.page-field-report-detail .field-report-rich-copy h4 {
    margin: 22px 0 10px;
    color: #dce1e8;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

.page-field-report-detail .field-report-rich-copy ul,
.page-field-report-detail .field-report-rich-copy ol {
    margin: 14px 0 0;
    padding-left: 18px;
}

.page-field-report-detail .field-report-rich-copy li {
    margin: 5px 0;
    padding-left: 3px;
}

.page-field-report-detail .field-report-rich-copy li::marker {
    color: #3d87e8;
}

.page-field-report-detail .field-report-cover {
    position: relative;
    min-width: 0;
    min-height: clamp(225px, 22vw, 340px);
    margin: 0;
    overflow: hidden;
    background: #07101b;
}

.page-field-report-detail .field-report-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2, 4, 7, .02) 52%, rgba(2, 5, 9, .7) 100%),
        linear-gradient(90deg, rgba(4, 8, 13, .2), transparent 36%);
    pointer-events: none;
}

.page-field-report-detail .field-report-cover img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: center;
    filter: saturate(.78) brightness(.76) contrast(1.08);
}

.page-field-report-detail .field-report-cover figcaption {
    position: absolute;
    z-index: 1;
    right: 21px;
    bottom: 16px;
    left: 21px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    color: rgba(224, 231, 240, .72);
    font-size: 7px;
    line-height: 1.4;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.page-field-report-detail .field-report-cover figcaption span:last-child {
    color: #5f9deb;
    text-align: right;
}

.page-field-report-detail .field-report-analysis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid rgba(99, 132, 174, .18);
}

.page-field-report-detail .field-report-analysis > :first-child {
    border-right: 1px solid rgba(99, 132, 174, .16);
}

.page-field-report-detail .field-report-analysis--single {
    grid-template-columns: 1fr;
}

.page-field-report-detail .field-report-analysis--single > :first-child {
    border-right: 0;
}

.page-field-report-detail .field-report-deployment {
    display: grid;
    grid-template-columns: minmax(150px, .28fr) minmax(0, 1fr);
    column-gap: 34px;
    border-bottom: 1px solid rgba(99, 132, 174, .18);
}

.page-field-report-detail .field-report-about {
    display: grid;
    grid-template-columns: minmax(150px, .28fr) minmax(0, 1fr);
    column-gap: 34px;
    border-bottom: 1px solid rgba(99, 132, 174, .18);
}

.page-field-report-detail .field-report-about h2 {
    margin-top: 3px;
}

.page-field-report-detail .field-report-deployment h2 {
    margin-top: 3px;
}

.page-field-report-detail .field-report-results {
    border-bottom: 1px solid rgba(99, 132, 174, .18);
}

.page-field-report-detail .field-report-results-copy {
    display: grid;
    grid-template-columns: minmax(150px, .28fr) minmax(0, 1fr);
    column-gap: 34px;
    padding: 31px 32px 27px;
}

.page-field-report-detail .field-report-results-copy h2 {
    margin-top: 3px;
}

.page-field-report-detail .field-report-evidence {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(245px, .72fr);
    border-top: 1px solid rgba(99, 132, 174, .16);
}

.page-field-report-detail .field-report-evidence--single {
    grid-template-columns: 1fr;
}

.page-field-report-detail .field-report-kpis {
    min-width: 0;
    padding: 24px 28px 28px;
}

.page-field-report-detail .field-report-kpis h3,
.page-field-report-detail .field-report-quote figcaption {
    margin: 0 0 17px;
    color: #477fc7;
    font-size: 7px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.page-field-report-detail .field-report-kpis dl {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    margin: 0;
    border-top: 1px solid rgba(99, 132, 174, .15);
    border-left: 1px solid rgba(99, 132, 174, .15);
}

.page-field-report-detail .field-report-kpis dl > div {
    display: flex;
    min-width: 0;
    min-height: 92px;
    flex-direction: column;
    justify-content: center;
    padding: 16px 13px;
    border-right: 1px solid rgba(99, 132, 174, .15);
    border-bottom: 1px solid rgba(99, 132, 174, .15);
}

.page-field-report-detail .field-report-kpis dd {
    order: -1;
    margin: 0 0 8px;
    color: #5f9ff0;
    font-size: clamp(22px, 2.1vw, 31px);
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.025em;
}

.page-field-report-detail .field-report-kpis dt {
    color: #9aa5b3;
    font-size: 7px;
    line-height: 1.5;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.page-field-report-detail .field-report-quote {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 24px 28px 27px 32px;
    border-left: 1px solid rgba(99, 132, 174, .16);
    background: rgba(8, 15, 24, .72);
}

.page-field-report-detail .field-report-evidence--single .field-report-quote {
    border-left: 0;
}

.page-field-report-detail .field-report-quote blockquote {
    position: relative;
    margin: 0;
    padding-top: 23px;
    color: #c4ccd6;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.72;
}

.page-field-report-detail .field-report-quote blockquote::before {
    content: "\201C";
    position: absolute;
    top: -12px;
    left: -2px;
    color: #448fe9;
    font-family: Georgia, serif;
    font-size: 43px;
    line-height: 1;
}

.page-field-report-detail .field-report-quote cite {
    display: block;
    margin-top: 16px;
    color: #6f7d8e;
    font-size: 8px;
    font-style: normal;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.page-field-report-detail .field-report-gallery-section {
    padding: 30px 31px 33px;
    border-bottom: 1px solid rgba(99, 132, 174, .18);
}

.page-field-report-detail .field-report-gallery-section > header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
}

.page-field-report-detail .field-report-gallery-section > header > span {
    color: #677587;
    font-size: 7px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.page-field-report-detail .field-report-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
}

.page-field-report-detail .field-report-gallery--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-field-report-detail .field-report-gallery--1 {
    grid-template-columns: 1fr;
}

.page-field-report-detail .field-report-gallery img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    border: 1px solid rgba(100, 132, 174, .16);
    object-fit: cover;
    filter: saturate(.76) brightness(.75) contrast(1.07);
}

.page-field-report-detail .field-report-gallery img:only-child {
    grid-column: 1 / -1;
    aspect-ratio: 16 / 7;
}

.page-field-report-detail .field-report-media {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 26px 31px;
}

.page-field-report-detail .field-report-media h2 {
    margin-bottom: 7px;
}

.page-field-report-detail .field-report-media p {
    margin: 0;
    color: #7d8998;
    font-size: 10px;
}

.page-field-report-detail .field-report-media .button {
    flex: 0 0 auto;
}

.page-field-report-detail .field-report-panel,
.page-field-report-detail .field-report-results,
.page-field-report-detail .field-report-gallery-section {
    scroll-margin-top: calc(var(--header) + 22px);
}

.page-field-report-detail a:focus-visible {
    outline: 1px solid #5ca1f5;
    outline-offset: 4px;
}

@media (max-width: 1100px) {
    .page-field-report-detail .field-report-document {
        width: min(calc(100% - 18px), 1400px);
    }

    .page-field-report-detail .field-report-layout {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .page-field-report-detail .field-report-sidebar {
        padding-inline: 22px;
    }

    .page-field-report-detail .field-report-lead {
        grid-template-columns: minmax(210px, .58fr) minmax(0, 1.42fr);
    }

    .page-field-report-detail .field-report-panel {
        padding-inline: 27px;
    }

    .page-field-report-detail .field-report-evidence {
        grid-template-columns: minmax(0, 1.3fr) minmax(220px, .7fr);
    }
}

@media (max-width: 850px) {
    .page-field-report-detail .field-report-document {
        width: min(calc(100% - 34px), 760px);
        padding-top: calc(var(--header) + 34px);
    }

    .page-field-report-detail .field-report-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-field-report-detail .field-report-sidebar {
        position: relative;
        top: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(250px, .85fr);
        column-gap: 34px;
        min-height: 0;
        padding: 24px 28px 26px;
        border-bottom: 0;
    }

    .page-field-report-detail .field-report-back {
        grid-column: 1 / -1;
        margin-bottom: 25px;
    }

    .page-field-report-detail .field-report-identity {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .page-field-report-detail .field-report-summary {
        max-width: 490px;
    }

    .page-field-report-detail .field-report-meta {
        margin: 0;
    }

    .page-field-report-detail .field-report-download {
        grid-column: 2;
        margin-top: 18px;
    }

    .page-field-report-detail .field-report-main {
        border-left: 1px solid rgba(99, 132, 174, .21);
    }

    .page-field-report-detail .field-report-lead {
        grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr);
    }

    .page-field-report-detail .field-report-analysis,
    .page-field-report-detail .field-report-evidence {
        grid-template-columns: 1fr;
    }

    .page-field-report-detail .field-report-analysis > :first-child,
    .page-field-report-detail .field-report-quote {
        border-right: 0;
        border-bottom: 1px solid rgba(99, 132, 174, .16);
        border-left: 0;
    }
}

@media (max-width: 680px) {
    .page-field-report-detail .field-report-document {
        width: min(calc(100% - 24px), 560px);
        padding-top: calc(var(--header) + 25px);
        padding-bottom: 90px;
    }

    .page-field-report-detail .field-report-sidebar {
        display: block;
        padding: 22px 21px 25px;
    }

    .page-field-report-detail .field-report-identity {
        padding-bottom: 23px;
        border-bottom: 1px solid rgba(102, 131, 169, .16);
    }

    .page-field-report-detail .field-report-meta {
        margin: 17px 0 25px;
    }

    .page-field-report-detail .field-report-download {
        margin-top: 0;
    }

    .page-field-report-detail .field-report-lead {
        display: flex;
        min-height: 0;
        flex-direction: column-reverse;
    }

    .page-field-report-detail .field-report-overview {
        border-top: 1px solid rgba(99, 132, 174, .16);
        border-right: 0;
    }

    .page-field-report-detail .field-report-cover,
    .page-field-report-detail .field-report-cover img {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    .page-field-report-detail .field-report-panel,
    .page-field-report-detail .field-report-results-copy,
    .page-field-report-detail .field-report-gallery-section {
        padding: 26px 21px 28px;
    }

    .page-field-report-detail .field-report-deployment,
    .page-field-report-detail .field-report-about,
    .page-field-report-detail .field-report-results-copy {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .page-field-report-detail .field-report-kpis {
        padding: 23px 20px 25px;
    }

    .page-field-report-detail .field-report-kpis dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-field-report-detail .field-report-quote {
        padding: 24px 22px 27px;
    }

    .page-field-report-detail .field-report-gallery {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .page-field-report-detail .field-report-gallery img,
    .page-field-report-detail .field-report-gallery img:only-child {
        grid-column: auto;
        aspect-ratio: 16 / 10;
    }

    .page-field-report-detail .field-report-media {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 21px;
    }
}

@media (max-width: 380px) {
    .page-field-report-detail .field-report-kpis dl {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-field-report-detail .field-report-back span,
    .page-field-report-detail .field-report-back:hover span,
    .page-field-report-detail .field-report-back:focus-visible span {
        transform: none !important;
    }
}

/* Newsroom listing fidelity: editorial timeline, scoped away from article details. */
.page-newsroom main {
    min-height: 100vh;
    background: #040608;
}

.page-newsroom .ambient {
    opacity: .08;
}

.page-newsroom .newsroom-intro,
.page-newsroom .newsroom-feed {
    width: min(calc(100% - 72px), 1336px);
}

.page-newsroom .newsroom-intro {
    padding-top: calc(var(--header) + 31px);
    padding-bottom: 27px;
}

.page-newsroom .newsroom-intro .eyebrow {
    margin-bottom: 10px;
    color: #4c8fe9;
    font-size: 9px;
    letter-spacing: .16em;
}

.page-newsroom .newsroom-intro h1 {
    max-width: 900px;
    margin: 0;
    color: #f2f4f7;
    font-size: clamp(31px, 3.25vw, 47px);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -.025em;
    text-transform: uppercase;
}

.page-newsroom .newsroom-intro p {
    max-width: 580px;
    margin: 8px 0 0;
    color: #9ba4af;
    font-size: 12px;
    line-height: 1.65;
}

.page-newsroom .newsroom-feed {
    padding-bottom: 140px;
}

.page-newsroom .newsroom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-newsroom .newsroom-entry,
.page-newsroom .newsroom-card,
.page-newsroom .newsroom-card-link {
    min-width: 0;
    height: 100%;
}

.page-newsroom .newsroom-card {
    overflow: hidden;
    border: 1px solid rgba(100, 131, 170, .23);
    border-radius: 6px;
    background: #07101a;
    box-shadow: inset 0 0 42px rgba(14, 62, 130, .025);
    transition: transform .55s cubic-bezier(.16, 1, .3, 1), border-color .45s ease, box-shadow .55s ease;
}

.page-newsroom .newsroom-card:focus-within {
    border-color: rgba(61, 133, 231, .48);
    box-shadow: 0 0 0 1px rgba(49, 128, 235, .12), 0 0 24px rgba(24, 105, 220, .07);
}

.page-newsroom .newsroom-card-link {
    display: flex;
    flex-direction: column;
}

.page-newsroom .newsroom-card-link:focus-visible {
    outline: 1px solid #5ca1f5;
    outline-offset: -5px;
}

.page-newsroom .newsroom-cover {
    position: relative;
    flex: 0 0 auto;
    aspect-ratio: 16 / 9;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(100, 131, 170, .18);
    background: #06101b;
}

.page-newsroom .newsroom-cover > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.82) brightness(.8) contrast(1.06);
    transform: scale(1.002);
    transition: transform .9s cubic-bezier(.16, 1, .3, 1), filter .65s ease;
}

.page-newsroom .newsroom-cover-shade {
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 6, 11, .02) 52%, rgba(3, 8, 14, .32) 100%);
    pointer-events: none;
}

.page-newsroom .newsroom-cover-fallback {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background:
        radial-gradient(ellipse 72% 78% at 62% 54%, rgba(22, 100, 209, .16), transparent 67%),
        linear-gradient(145deg, #07111d, #03070c 76%);
}

.page-newsroom .newsroom-cover-fallback::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(118deg, transparent 20%, rgba(42, 127, 241, .05) 50%, transparent 75%);
}

.page-newsroom .newsroom-cover-fallback svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transition: transform 1.1s cubic-bezier(.16, 1, .3, 1), opacity .65s ease;
}

.page-newsroom .newsroom-entry:nth-child(even) .newsroom-cover-fallback svg {
    transform: scaleX(-1);
}

.page-newsroom .newsroom-fallback-grid path,
.page-newsroom .newsroom-fallback-horizon,
.page-newsroom .newsroom-fallback-signal {
    fill: none;
}

.page-newsroom .newsroom-fallback-grid path {
    stroke: #315983;
    stroke-width: 1;
    opacity: .16;
}

.page-newsroom .newsroom-fallback-horizon {
    stroke: #23568f;
    stroke-width: 2;
    opacity: .6;
}

.page-newsroom .newsroom-fallback-signal {
    stroke: #3a91ff;
    stroke-width: 1;
    stroke-dasharray: 3 16;
    opacity: .72;
    animation: newsroom-signal-travel 14s linear infinite;
}

.page-newsroom .newsroom-fallback-nodes circle {
    fill: #4b9fff;
    filter: drop-shadow(0 0 8px rgba(39, 132, 255, .65));
    opacity: .78;
}

.page-newsroom .newsroom-fallback-mark {
    fill: rgba(121, 177, 248, .09);
    stroke: rgba(78, 147, 236, .34);
    stroke-width: 1.2;
}

.page-newsroom .newsroom-fallback-label,
.page-newsroom .newsroom-cover-fallback strong {
    position: absolute;
    z-index: 1;
    bottom: 18px;
    color: #54759e;
    font-size: 8px;
    line-height: 1;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.page-newsroom .newsroom-fallback-label {
    left: 21px;
}

.page-newsroom .newsroom-cover-fallback strong {
    right: 21px;
    color: #5c94dc;
    font-weight: 500;
}

.page-newsroom .newsroom-card-copy {
    display: flex;
    min-height: 164px;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 17px 21px 20px;
    background: linear-gradient(145deg, rgba(8, 16, 26, .99), rgba(6, 12, 20, .99));
}

.page-newsroom .newsroom-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 15px;
    gap: 18px;
    margin-bottom: 10px;
    color: #718096;
    font-size: 8px;
    line-height: 1.4;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.page-newsroom .newsroom-meta-primary {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.page-newsroom .newsroom-category {
    color: #4e8fdf;
}

.page-newsroom .newsroom-category + .newsroom-reading::before {
    content: "/";
    margin-right: 10px;
    color: #33465d;
}

.page-newsroom .newsroom-card-meta time {
    flex: 0 0 auto;
    color: #a2aab4;
}

.page-newsroom .newsroom-card-copy h2 {
    display: -webkit-box;
    margin: 0 0 7px;
    overflow: hidden;
    color: #f0f3f7;
    font-size: clamp(18px, 1.75vw, 24px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.022em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.page-newsroom .newsroom-card-copy p {
    display: -webkit-box;
    max-width: 590px;
    margin: 0 0 14px;
    overflow: hidden;
    color: #9ba5b1;
    font-size: 11px;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.page-newsroom .newsroom-read-more {
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: 13px;
    margin-top: auto;
    color: #4e8edf;
    font-size: 9px;
    line-height: 1;
    letter-spacing: .11em;
    text-transform: uppercase;
    opacity: .78;
    transition: color .4s ease, opacity .4s ease;
}

.page-newsroom .newsroom-read-more i {
    color: #5c9ff2;
    font-size: 15px;
    font-style: normal;
    transition: transform .45s cubic-bezier(.16, 1, .3, 1);
}

.page-newsroom .newsroom-grid > .empty-state {
    grid-column: 1 / -1;
}

.page-newsroom .pagination-wrap {
    margin-top: 40px;
}

@keyframes newsroom-signal-travel {
    to { stroke-dashoffset: -152; }
}

@media (hover: hover) and (pointer: fine) {
    .page-newsroom .newsroom-card:hover {
        transform: translateY(-2px);
        border-color: rgba(61, 133, 231, .42);
        box-shadow: 0 17px 46px rgba(0, 0, 0, .34), 0 0 24px rgba(24, 105, 220, .06), inset 0 0 42px rgba(16, 72, 154, .035);
    }

    .page-newsroom .newsroom-card:hover .newsroom-cover > img {
        filter: saturate(.87) brightness(.84) contrast(1.06);
        transform: scale(1.028);
    }

    .page-newsroom .newsroom-card:hover .newsroom-cover-fallback svg,
    .page-newsroom .newsroom-card-link:focus-visible .newsroom-cover-fallback svg {
        opacity: .92;
        transform: translate3d(2px, -2px, 0) scale(1.018);
    }

    .page-newsroom .newsroom-entry:nth-child(even) .newsroom-card:hover .newsroom-cover-fallback svg,
    .page-newsroom .newsroom-entry:nth-child(even) .newsroom-card-link:focus-visible .newsroom-cover-fallback svg {
        transform: translate3d(-2px, -2px, 0) scaleX(-1) scale(1.018);
    }

    .page-newsroom .newsroom-card:hover .newsroom-read-more,
    .page-newsroom .newsroom-card-link:focus-visible .newsroom-read-more {
        color: #76acfb;
        opacity: 1;
    }

    .page-newsroom .newsroom-card:hover .newsroom-read-more i,
    .page-newsroom .newsroom-card-link:focus-visible .newsroom-read-more i {
        transform: translateX(4px);
    }
}

@media (max-width: 900px) {
    .page-newsroom .newsroom-intro,
    .page-newsroom .newsroom-feed {
        width: min(calc(100% - 34px), 820px);
    }

    .page-newsroom .newsroom-intro {
        padding-top: calc(var(--header) + 42px);
        padding-bottom: 34px;
    }

    .page-newsroom .newsroom-card-copy {
        min-height: 184px;
    }

    .page-newsroom .newsroom-card-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}

@media (max-width: 720px) {
    .page-newsroom .newsroom-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .page-newsroom .newsroom-card-copy {
        min-height: 170px;
    }

    .page-newsroom .newsroom-card-meta {
        align-items: center;
        flex-direction: row;
        gap: 18px;
    }
}

@media (max-width: 480px) {
    .page-newsroom .newsroom-intro,
    .page-newsroom .newsroom-feed {
        width: min(calc(100% - 28px), 520px);
    }

    .page-newsroom .newsroom-intro {
        padding-top: calc(var(--header) + 32px);
        padding-bottom: 29px;
    }

    .page-newsroom .newsroom-intro h1 {
        max-width: 330px;
        font-size: clamp(31px, 10vw, 40px);
        line-height: 1.08;
    }

    .page-newsroom .newsroom-intro p {
        max-width: 330px;
        font-size: 11px;
    }

    .page-newsroom .newsroom-card-copy {
        min-height: 180px;
        padding: 17px 18px 20px;
    }

    .page-newsroom .newsroom-card-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .page-newsroom .newsroom-card-copy h2 {
        font-size: 20px;
    }

    .page-newsroom .newsroom-cover-fallback strong {
        right: 18px;
    }

    .page-newsroom .newsroom-fallback-label {
        left: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-newsroom .newsroom-card,
    .page-newsroom .newsroom-card:hover,
    .page-newsroom .newsroom-cover > img,
    .page-newsroom .newsroom-card:hover .newsroom-cover > img,
    .page-newsroom .newsroom-cover-fallback svg,
    .page-newsroom .newsroom-card:hover .newsroom-cover-fallback svg,
    .page-newsroom .newsroom-entry:nth-child(even) .newsroom-cover-fallback svg,
    .page-newsroom .newsroom-entry:nth-child(even) .newsroom-card:hover .newsroom-cover-fallback svg,
    .page-newsroom .newsroom-read-more i {
        animation: none !important;
        transform: none !important;
    }
}

/* Company fidelity: documentary composition around the approved DNA renderer. */
.page-company main {
    overflow: clip;
    background: #050505;
}

.page-company .ambient {
    opacity: .055;
}

.page-company .company-dna-section {
    width: min(calc(100% - 72px), 1368px);
    min-height: 205vh;
    padding: 0;
    border-bottom: 1px solid rgba(112, 151, 203, .1);
}

.page-company .company-dna-sticky {
    top: calc(var(--header) + 8px);
    grid-template-columns: minmax(230px, .7fr) minmax(470px, 1.36fr) minmax(270px, .78fr);
    gap: clamp(30px, 3.8vw, 62px);
    min-height: calc(100vh - var(--header) - 16px);
}

.page-company .company-dna-copy h1 {
    max-width: 430px;
    margin: 14px 0 25px;
    color: #f4f6f9;
    font-size: clamp(44px, 4.7vw, 72px);
    font-weight: 400;
    letter-spacing: -.05em;
    line-height: .96;
    text-transform: uppercase;
}

.page-company .company-dna-copy h1 em {
    display: inline-block;
    color: #4b98ff;
}

.page-company .company-dna-copy p {
    max-width: 335px;
    margin: 0;
    color: #8995a5;
    font-size: 12px;
    line-height: 1.75;
}

.page-company .company-dna-progress {
    width: min(180px, 100%);
    margin: 34px 0 20px;
}

.page-company .company-dna-stage {
    height: min(80vh, 790px);
    min-height: 660px;
}

.page-company .dna-value-stack {
    gap: 3px;
}

.page-company .dna-value-stack > .dna-value {
    min-height: 100px;
    padding: 16px 0 14px 19px;
}

.page-company .dna-value-stack > .dna-value::before {
    width: clamp(52px, 5vw, 92px);
}

.page-company .dna-value-stack .dna-value strong {
    font-size: 10px;
    letter-spacing: .16em;
}

.page-company .dna-value-stack .dna-value span {
    max-width: 250px;
    font-size: 11px;
    line-height: 1.6;
}

.page-company .company-journey,
.page-company .company-team {
    width: min(calc(100% - 72px), 1368px);
    padding-block: clamp(112px, 10vw, 158px);
}

.page-company .company-journey {
    border-bottom: 1px solid rgba(112, 151, 203, .1);
}

.page-company .company-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .52fr);
    align-items: end;
    gap: 64px;
    margin-bottom: 78px;
}

.page-company .company-journey .company-section-heading {
    grid-template-columns: minmax(0, 1fr);
}

.page-company .company-section-heading h2 {
    max-width: 820px;
    font-size: clamp(46px, 5.4vw, 78px);
    line-height: .95;
    text-transform: uppercase;
}

.page-company .company-section-heading > p {
    max-width: 360px;
    margin: 0 0 4px;
    color: #7f8c9d;
    font-size: 12px;
    line-height: 1.7;
    justify-self: end;
}

.page-company .company-timeline {
    display: grid;
    grid-template-columns: repeat(var(--milestone-count), minmax(180px, 1fr));
    gap: 0;
    min-width: calc(var(--milestone-count) * 180px);
    border-bottom: 1px solid rgba(107, 145, 197, .11);
}

.page-company .company-timeline-viewport:focus-visible {
    outline: 1px solid #438fe9;
    outline-offset: 8px;
}

.page-company .company-timeline::before {
    top: 44px;
    right: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(20, 91, 181, .25), #287fe5 48%, rgba(20, 91, 181, .16));
}

.page-company .company-milestone {
    min-width: 0;
    min-height: 310px;
    padding: 0 28px 34px 0;
    border-right: 1px solid rgba(107, 145, 197, .1);
    background: transparent;
}

.page-company .company-milestone:last-child {
    padding-right: 0;
    border-right: 0;
}

.page-company .company-milestone-date {
    display: block;
    min-height: 25px;
    color: #6e9bd1;
    font-size: 8px;
    letter-spacing: .17em;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-company .company-milestone-track {
    position: relative;
    z-index: 2;
    display: block;
    height: 38px;
}

.page-company .company-milestone-track i {
    position: absolute;
    top: 15px;
    left: 0;
    width: 8px;
    height: 8px;
    margin: 0;
    border: 1px solid #67acff;
    background: #0c5fc8;
    box-shadow: 0 0 14px rgba(30, 119, 238, .65);
}

.page-company .company-milestone-media {
    height: 112px;
    margin: 4px 20px 20px 0;
    overflow: hidden;
    border: 1px solid rgba(107, 145, 197, .14);
    background: #07090c;
}

.page-company .company-milestone-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(.7) saturate(.62) contrast(1.05);
    transition: transform .7s cubic-bezier(.16, 1, .3, 1), filter .55s ease;
}

.page-company .company-milestone-copy {
    position: relative;
    padding-top: 22px;
}

.page-company .company-milestone-copy small {
    display: block;
    margin-bottom: 12px;
    color: #365f92;
    font-size: 8px;
    letter-spacing: .16em;
}

.page-company .company-milestone h3 {
    max-width: 210px;
    margin: 0;
    color: #e9eef4;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 1.35;
    text-transform: uppercase;
}

.page-company .company-milestone p {
    max-width: 220px;
    margin: 13px 0 0;
    color: #7e8b9b;
    font-size: 11px;
    line-height: 1.6;
    opacity: .75;
}

.page-company .company-team {
    padding-bottom: 128px;
}

.page-company .company-team-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.page-company .company-team-card {
    min-width: 0;
    border: 1px solid rgba(112, 151, 203, .15);
    background: #07090c;
}

.page-company .company-team-portrait {
    position: relative;
    height: auto;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-bottom: 1px solid rgba(112, 151, 203, .12);
    background:
        radial-gradient(circle at 50% 34%, rgba(31, 74, 126, .34), transparent 34%),
        linear-gradient(160deg, #0c1118, #050608 72%);
}

.page-company .company-team-portrait::after,
.page-company .company-founder-portrait::after {
    content: "";
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    transform: none;
    filter: none;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 55%, rgba(3, 5, 8, .58));
}

.page-company .company-team-portrait img,
.page-company .company-founder-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    filter: grayscale(.78) saturate(.58) contrast(1.05);
    transition: transform .75s cubic-bezier(.16, 1, .3, 1), filter .55s ease;
}

.page-company .company-team-copy {
    position: relative;
    min-height: 225px;
    padding: 25px 25px 28px;
}

.page-company .company-team-copy > small {
    position: absolute;
    top: 27px;
    right: 24px;
    color: #345b89;
    font-size: 8px;
    letter-spacing: .15em;
}

.page-company .company-team-card h3 {
    padding-right: 32px;
    font-size: 18px;
    letter-spacing: -.015em;
}

.page-company .company-team-card strong {
    min-height: 28px;
    margin: 6px 0 15px;
    color: #579af0;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .12em;
    line-height: 1.45;
    text-transform: uppercase;
}

.page-company .company-team-card p {
    min-height: 62px;
    margin: 0 0 20px;
    color: #7d8998;
    font-size: 11px;
    line-height: 1.65;
}

.page-company .company-team-card .text-link {
    font-size: 9px;
}

.page-company .company-founder-note {
    width: min(calc(100% - 72px), 1368px);
    min-height: 570px;
    margin-top: 0;
    margin-bottom: clamp(100px, 10vw, 150px);
    grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
    border-color: rgba(112, 151, 203, .16);
    background: #07090c;
}

.page-company .company-founder-portrait {
    position: relative;
    min-height: 570px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 32%, rgba(39, 83, 137, .3), transparent 32%),
        linear-gradient(150deg, #0c1118, #050608 74%);
}

.page-company .company-founder-portrait:not(.has-image)::after {
    display: none;
}

.page-company .company-founder-portrait > span {
    position: relative;
    z-index: 1;
    display: grid;
    width: 104px;
    height: 104px;
    place-items: center;
    border: 1px solid rgba(93, 157, 240, .25);
    border-radius: 50%;
    color: #6c9bd2;
    font-size: 28px;
    font-weight: 300;
    box-shadow: 0 0 60px rgba(27, 116, 255, .07);
}

.page-company .company-founder-copy {
    position: relative;
    padding: clamp(52px, 6vw, 92px);
}

.page-company .company-founder-copy::before {
    content: "";
    width: 76px;
    height: 1px;
    margin-bottom: 38px;
    background: #297fe5;
    box-shadow: 0 0 18px rgba(32, 118, 230, .45);
}

.page-company .company-founder-statement {
    max-width: 560px;
    margin: 2px 0 0;
    padding: 0;
    color: #eef4fb;
    font-size: clamp(25px, 2.45vw, 39px);
    font-weight: 300;
    letter-spacing: -.035em;
    line-height: 1.18;
}

.page-company .company-founder-statement p {
    margin: 0;
    white-space: pre-line;
}

.page-company .company-founder-note-body {
    max-width: 580px;
    margin: 28px 0 0;
    color: #929eae;
    font-size: 14px;
    line-height: 1.78;
    white-space: pre-line;
}

.page-company .company-founder-closing {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    margin-top: 26px;
}

.page-company .has-founder-note-content .company-founder-closing {
    margin-top: clamp(38px, 4vw, 66px);
}

.page-company .company-founder-signature {
    display: block;
    width: auto;
    max-width: min(190px, 58%);
    height: auto;
    max-height: 72px;
    object-fit: contain;
    object-position: left center;
}

.page-company .company-founder-identity {
    display: flex;
    flex-direction: column;
    width: min(100%, 580px);
    padding-top: 24px;
    border-top: 1px solid rgba(112, 151, 203, .13);
}

.page-company .company-founder-identity strong {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.page-company .company-founder-identity span {
    margin-top: 6px;
    color: #579af0;
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.page-company .company-founder-identity time {
    margin-top: 13px;
    color: #697687;
    font-size: 9px;
    letter-spacing: .13em;
    text-transform: uppercase;
}

@media (hover: hover) and (pointer: fine) {
    .page-company .company-milestone:hover {
        transform: translate3d(0, -6px, 0);
        background: linear-gradient(180deg, rgba(12, 47, 91, .12), transparent 72%);
    }

    .page-company .company-milestone:hover .company-milestone-track i {
        transform: scale(1.35);
        box-shadow: 0 0 22px rgba(42, 133, 245, .9);
    }

    .page-company .company-milestone:hover p {
        opacity: 1;
    }

    .page-company .company-milestone:hover .company-milestone-media img,
    .page-company .company-team-card:hover .company-team-portrait img {
        transform: scale(1.025);
        filter: grayscale(.5) saturate(.75) contrast(1.06);
    }

    .page-company .company-team-card:hover .company-team-portrait {
        transform: none;
    }
}

@media (max-width: 1180px) {
    .page-company .company-dna-sticky {
        grid-template-columns: minmax(205px, .64fr) minmax(410px, 1.28fr) minmax(245px, .74fr);
        gap: 28px;
    }

    .page-company .company-dna-stage {
        height: min(76vh, 740px);
        min-height: 620px;
    }

    .page-company .company-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-company .company-team-portrait {
        aspect-ratio: 5 / 4;
    }
}

@media (max-width: 900px) {
    .page-company .company-dna-section,
    .page-company .company-journey,
    .page-company .company-team,
    .page-company .company-founder-note {
        width: min(calc(100% - 34px), 1368px);
    }

    .page-company .company-dna-section {
        min-height: 190vh;
    }

    .page-company .company-dna-sticky {
        grid-template-columns: minmax(225px, .72fr) minmax(390px, 1.28fr);
    }

    .page-company .company-dna-copy h1 {
        font-size: clamp(38px, 6.2vw, 54px);
    }

    .page-company .company-section-heading {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 58px;
    }

    .page-company .company-section-heading > p {
        justify-self: start;
    }

    .page-company .company-timeline-viewport {
        overflow-x: auto;
        padding-bottom: 10px;
        scrollbar-width: thin;
        scrollbar-color: #1f69c5 #080a0d;
    }

    .page-company .company-founder-note {
        grid-template-columns: minmax(280px, .8fr) 1fr;
        min-height: 500px;
    }

    .page-company .company-founder-portrait {
        min-height: 500px;
    }
}

@media (max-width: 719px) {
    .page-company .company-dna-section {
        min-height: 0;
        padding-top: calc(var(--header) + 48px);
        padding-bottom: 88px;
    }

    .page-company .company-dna-copy h1 {
        max-width: 500px;
        font-size: clamp(39px, 12vw, 54px);
    }

    .page-company .company-dna-copy p {
        max-width: 440px;
    }

    .page-company .company-dna-stage {
        height: 510px;
        min-height: 0;
    }

    .page-company .company-journey,
    .page-company .company-team {
        padding-block: 88px;
    }

    .page-company .company-section-heading h2 {
        font-size: clamp(39px, 11vw, 54px);
        overflow-wrap: anywhere;
    }

    .page-company .company-timeline {
        min-width: calc(var(--milestone-count) * 220px);
    }

    .page-company .company-milestone {
        min-height: 290px;
    }

    .page-company .company-team-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .page-company .company-team-portrait {
        aspect-ratio: 16 / 11;
    }

    .page-company .company-team-copy {
        min-height: 0;
    }

    .page-company .company-team-card p,
    .page-company .company-team-card strong {
        min-height: 0;
    }

    .page-company .company-founder-note {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .page-company .company-founder-portrait {
        min-height: 390px;
        aspect-ratio: 4 / 3;
    }

    .page-company .company-founder-copy {
        padding: 44px 30px 50px;
    }

    .page-company .company-founder-statement {
        font-size: clamp(24px, 7vw, 32px);
    }

    .page-company .company-founder-note-body {
        margin-top: 22px;
        font-size: 13px;
    }

    .page-company .has-founder-note-content .company-founder-closing {
        margin-top: 36px;
    }
}

@media (max-width: 480px) {
    .page-company .company-dna-stage {
        height: 445px;
    }

    .page-company .company-team-portrait {
        aspect-ratio: 4 / 3;
    }

    .page-company .company-founder-portrait {
        min-height: 330px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-company .company-milestone,
    .page-company .company-milestone:hover,
    .page-company .company-milestone-track i,
    .page-company .company-milestone:hover .company-milestone-track i,
    .page-company .company-milestone-media img,
    .page-company .company-milestone:hover .company-milestone-media img,
    .page-company .company-team-portrait img,
    .page-company .company-team-card:hover .company-team-portrait img {
        transform: none !important;
        transition: none !important;
    }
}

/* Home-page technology teaser rebuilt as a focused cinematic preview instead of a mini full architecture page. */
.page-home .technology-preview.home-tech-teaser {
    grid-template-columns: minmax(300px, .8fr) minmax(520px, 1.2fr);
    gap: clamp(52px, 6vw, 92px);
    align-items: center;
    min-height: 620px;
}

.page-home .home-tech-teaser-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.page-home .home-tech-teaser-link:focus-visible {
    outline: 1px solid rgba(63, 134, 235, .5);
    outline-offset: 10px;
}

.page-home .home-tech-teaser-visual {
    position: relative;
    min-height: 540px;
    overflow: hidden;
    border-top: 1px solid rgba(89, 129, 190, .16);
    border-bottom: 1px solid rgba(89, 129, 190, .1);
    background:
        radial-gradient(ellipse 48% 34% at 55% 53%, rgba(27, 104, 214, .18), transparent 72%),
        radial-gradient(circle at 53% 46%, rgba(131, 188, 255, .11), transparent 18%),
        linear-gradient(180deg, rgba(7, 10, 15, .62), rgba(4, 6, 10, .18));
    transition: border-color .45s ease, background .45s ease, transform .45s ease;
}

.page-home .home-tech-teaser-visual::before,
.page-home .home-tech-teaser-visual::after {
    content: "";
    position: absolute;
    inset: auto 3% 1% 3%;
    height: 42%;
    background-image:
        linear-gradient(rgba(60, 103, 165, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(60, 103, 165, .05) 1px, transparent 1px);
    background-size: 30px 24px;
    mask-image: radial-gradient(ellipse at center, #000 30%, transparent 78%);
    transform: perspective(700px) rotateX(72deg);
    transform-origin: center bottom;
    opacity: .58;
    pointer-events: none;
}

.page-home .home-tech-teaser-visual::after {
    inset: 6% 8% auto 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(69, 110, 178, .12), transparent);
    transform: none;
    mask-image: none;
    opacity: 1;
}

.page-home .home-tech-teaser-link:hover .home-tech-teaser-visual,
.page-home .home-tech-teaser-link:focus-visible .home-tech-teaser-visual {
    border-color: rgba(85, 136, 214, .24);
    background:
        radial-gradient(ellipse 50% 36% at 55% 53%, rgba(27, 104, 214, .22), transparent 72%),
        radial-gradient(circle at 53% 46%, rgba(131, 188, 255, .13), transparent 18%),
        linear-gradient(180deg, rgba(7, 10, 15, .68), rgba(4, 6, 10, .22));
    transform: translateY(-2px);
}

.page-home .home-tech-teaser-orbit,
.page-home .home-tech-teaser-stream,
.page-home .home-tech-spark,
.page-home .home-tech-plane-glow,
.page-home .home-tech-particles i {
    pointer-events: none;
}

.page-home .home-tech-teaser-orbit {
    position: absolute;
    left: 53%;
    border: 1px solid rgba(69, 132, 220, .16);
    border-radius: 50%;
    filter: blur(.2px);
}

.page-home .home-tech-teaser-orbit--a {
    top: 202px;
    width: 170px;
    height: 70px;
    transform: translateX(-50%) rotate(-4deg);
}

.page-home .home-tech-teaser-orbit--b {
    top: 306px;
    width: 112px;
    height: 46px;
    transform: translateX(-50%) rotate(9deg);
    opacity: .6;
}

.page-home .home-tech-teaser-stream {
    position: absolute;
    left: 53%;
    top: 88px;
    bottom: 66px;
    width: 1px;
    background: linear-gradient(transparent, rgba(55, 130, 231, .28) 10%, rgba(133, 191, 255, .92) 48%, rgba(55, 130, 231, .28) 88%, transparent);
    box-shadow: 0 0 10px rgba(64, 138, 236, .22);
}

.page-home .home-tech-teaser-stream::before,
.page-home .home-tech-teaser-stream::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(239, 248, 255, .95) 0%, rgba(108, 178, 255, .8) 28%, rgba(32, 105, 213, 0) 72%);
}

.page-home .home-tech-teaser-stream::before {
    top: 140px;
    width: 18px;
    height: 18px;
}

.page-home .home-tech-teaser-stream::after {
    bottom: 118px;
    width: 10px;
    height: 10px;
    opacity: .72;
}

.page-home .home-tech-plane {
    position: absolute;
    left: 54%;
    width: min(76%, 620px);
    height: 106px;
    border-radius: 20px;
    border: 1px solid rgba(72, 126, 202, .28);
    background: linear-gradient(180deg, rgba(11, 23, 37, .92), rgba(6, 11, 18, .88));
    box-shadow: 0 20px 48px rgba(0, 0, 0, .34), inset 0 0 24px rgba(55, 126, 230, .03);
    transform: translateX(-50%) perspective(920px) rotateX(68deg) rotateZ(-6deg);
    transform-style: preserve-3d;
    overflow: hidden;
}

.page-home .home-tech-plane::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(72, 123, 194, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(72, 123, 194, .045) 1px, transparent 1px);
    background-size: 28px 22px;
    opacity: .8;
}

.page-home .home-tech-plane::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(129, 178, 244, .05), inset 0 0 42px rgba(28, 88, 175, .05);
}

.page-home .home-tech-plane-glow {
    position: absolute;
    inset: 26% 20% 20%;
    background: radial-gradient(circle at center, rgba(68, 146, 255, .16), transparent 72%);
}

.page-home .home-tech-plane--sources {
    top: 46px;
}

.page-home .home-tech-plane--core {
    top: 170px;
    height: 114px;
}

.page-home .home-tech-plane--ai {
    top: 296px;
}

.page-home .home-tech-plane--fade {
    top: 416px;
    width: min(72%, 560px);
    height: 90px;
    opacity: .38;
    filter: blur(.2px);
    background: linear-gradient(180deg, rgba(9, 17, 28, .9), rgba(4, 7, 12, .5));
}

.page-home .home-tech-plane--fade::before {
    opacity: .45;
}

.page-home .home-tech-icons {
    position: absolute;
    inset: 18px 34px;
}

.page-home .home-tech-icon {
    position: absolute;
    display: block;
    color: #cfe9ff;
    opacity: .96;
    filter: drop-shadow(0 0 7px rgba(93, 162, 255, .25));
}

.page-home .home-tech-icon.dish {
    top: 16px;
    left: 38px;
    width: 42px;
    height: 42px;
    border: 2px solid rgba(206, 233, 255, .72);
    border-left-color: transparent;
    border-bottom-color: rgba(120, 178, 255, .34);
    border-radius: 50%;
}

.page-home .home-tech-icon.dish::before,
.page-home .home-tech-icon.dish::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.page-home .home-tech-icon.dish::before {
    bottom: -15px;
    width: 3px;
    height: 18px;
    background: linear-gradient(180deg, rgba(123, 179, 255, .95), rgba(27, 92, 193, .4));
}

.page-home .home-tech-icon.dish::after {
    bottom: -20px;
    width: 34px;
    height: 2px;
    background: rgba(149, 195, 255, .7);
}

.page-home .home-tech-icon.drone {
    top: 32px;
    left: 132px;
    width: 54px;
    height: 20px;
    border-top: 2px solid rgba(170, 215, 255, .82);
}

.page-home .home-tech-icon.drone::before,
.page-home .home-tech-icon.drone::after {
    content: "";
    position: absolute;
    top: -9px;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(200, 232, 255, .74);
    border-radius: 50%;
    box-shadow: 40px 0 0 -2px rgba(0, 0, 0, 0), 40px 0 0 0 rgba(200, 232, 255, .74);
}

.page-home .home-tech-icon.drone::before { left: -6px; }
.page-home .home-tech-icon.drone::after { right: -6px; }

.page-home .home-tech-icon.tower {
    top: 8px;
    left: 248px;
    width: 24px;
    height: 74px;
    border-left: 2px solid rgba(196, 230, 255, .74);
    border-right: 2px solid rgba(196, 230, 255, .74);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.page-home .home-tech-icon.tower::before,
.page-home .home-tech-icon.tower::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.page-home .home-tech-icon.tower::before {
    top: -10px;
    width: 24px;
    height: 24px;
    border: 2px solid rgba(196, 230, 255, .7);
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 50%;
}

.page-home .home-tech-icon.tower::after {
    top: 28px;
    width: 18px;
    height: 2px;
    background: rgba(181, 220, 255, .72);
    box-shadow: 0 14px 0 rgba(181, 220, 255, .55);
}

.page-home .home-tech-icon.cloud {
    top: 30px;
    right: 46px;
    width: 62px;
    height: 26px;
    border: 2px solid rgba(203, 232, 255, .78);
    border-radius: 18px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    background: linear-gradient(180deg, rgba(86, 143, 220, .08), rgba(86, 143, 220, 0));
}

.page-home .home-tech-icon.cloud::before,
.page-home .home-tech-icon.cloud::after {
    content: "";
    position: absolute;
    bottom: 8px;
    border-radius: 50%;
    border: 2px solid rgba(203, 232, 255, .78);
    background: rgba(86, 143, 220, .05);
}

.page-home .home-tech-icon.cloud::before {
    left: 8px;
    width: 18px;
    height: 18px;
}

.page-home .home-tech-icon.cloud::after {
    left: 25px;
    width: 22px;
    height: 22px;
}

.page-home .home-tech-core-chip {
    position: absolute;
    top: 28px;
    left: 50%;
    width: 124px;
    height: 72px;
    transform: translateX(-50%);
    border-radius: 12px;
    border: 1px solid rgba(122, 179, 243, .34);
    background: linear-gradient(180deg, rgba(24, 53, 89, .96), rgba(10, 23, 38, .96));
    box-shadow: 0 0 0 1px rgba(155, 202, 255, .05), 0 0 28px rgba(43, 126, 232, .22), inset 0 0 24px rgba(54, 144, 255, .08);
    display: grid;
    place-items: center;
}

.page-home .home-tech-core-chip::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 18px;
    border: 1px solid rgba(101, 164, 245, .2);
    opacity: .7;
}

.page-home .home-tech-core-chip span {
    color: #f2f8ff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(94, 159, 240, .32);
}

.page-home .home-tech-core-routes {
    position: absolute;
    inset: 16px 30px;
}

.page-home .home-tech-core-routes i {
    position: absolute;
    height: 1px;
    background: linear-gradient(90deg, rgba(110, 169, 238, 0), rgba(110, 169, 238, .85) 22%, rgba(110, 169, 238, .36));
    box-shadow: 0 0 8px rgba(84, 148, 230, .16);
}

.page-home .home-tech-core-routes i::after {
    content: "";
    position: absolute;
    right: -3px;
    top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(183, 221, 255, .92);
    box-shadow: 0 0 8px rgba(91, 159, 243, .48);
}

.page-home .home-tech-core-routes i:nth-child(1) { top: 20px; left: 0; width: 120px; }
.page-home .home-tech-core-routes i:nth-child(2) { top: 54px; left: 18px; width: 104px; }
.page-home .home-tech-core-routes i:nth-child(3) { top: 78px; left: 48px; width: 84px; }
.page-home .home-tech-core-routes i:nth-child(4) { top: 20px; right: 0; width: 118px; transform: scaleX(-1); }
.page-home .home-tech-core-routes i:nth-child(5) { top: 54px; right: 16px; width: 106px; transform: scaleX(-1); }
.page-home .home-tech-core-routes i:nth-child(6) { top: 78px; right: 44px; width: 86px; transform: scaleX(-1); }

.page-home .home-tech-ai-network {
    position: absolute;
    inset: 18px 26px;
    width: calc(100% - 52px);
    height: calc(100% - 36px);
}

.page-home .home-tech-ai-network path,
.page-home .home-tech-ai-network circle {
    fill: none;
    stroke: rgba(131, 191, 255, .68);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.page-home .home-tech-ai-network circle {
    fill: rgba(182, 222, 255, .92);
    stroke: rgba(182, 222, 255, .2);
    filter: drop-shadow(0 0 6px rgba(92, 159, 243, .36));
}

.page-home .home-tech-particles {
    position: absolute;
    inset: 0;
}

.page-home .home-tech-particles i {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(189, 223, 255, .95);
    box-shadow: 0 0 10px rgba(84, 153, 238, .45);
    animation: home-tech-particle-drift 5.5s linear infinite;
}

.page-home .home-tech-particles--sources i:nth-child(1) { top: 18px; left: 120px; animation-delay: -.3s; }
.page-home .home-tech-particles--sources i:nth-child(2) { top: 36px; left: 206px; animation-delay: -1.4s; }
.page-home .home-tech-particles--sources i:nth-child(3) { top: 32px; left: 292px; animation-delay: -2.1s; }
.page-home .home-tech-particles--sources i:nth-child(4) { top: 46px; right: 110px; animation-delay: -.8s; }
.page-home .home-tech-particles--sources i:nth-child(5) { top: 58px; right: 178px; animation-delay: -3.2s; }
.page-home .home-tech-particles--sources i:nth-child(6) { top: 72px; left: 242px; animation-delay: -4.2s; }

.page-home .home-tech-particles--ai i:nth-child(1) { top: 44px; left: 110px; animation-delay: -.6s; }
.page-home .home-tech-particles--ai i:nth-child(2) { top: 72px; left: 240px; animation-delay: -1.6s; }
.page-home .home-tech-particles--ai i:nth-child(3) { top: 58px; right: 144px; animation-delay: -2.8s; }
.page-home .home-tech-particles--ai i:nth-child(4) { top: 38px; right: 88px; animation-delay: -3.7s; }

.page-home .home-tech-spark {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245, 250, 255, 1) 0%, rgba(114, 185, 255, .92) 34%, rgba(37, 111, 220, 0) 72%);
    animation: home-tech-sparkle 3.2s ease-in-out infinite;
}

.page-home .home-tech-spark--a { top: 201px; left: 51%; animation-delay: -.8s; }
.page-home .home-tech-spark--b { top: 278px; left: calc(54% + 124px); width: 8px; height: 8px; animation-delay: -1.8s; }
.page-home .home-tech-spark--c { top: 344px; left: calc(54% - 132px); width: 7px; height: 7px; animation-delay: -2.5s; }

@keyframes home-tech-particle-drift {
    0% { transform: translateY(-2px); opacity: .25; }
    40% { opacity: .9; }
    100% { transform: translateY(14px); opacity: .15; }
}

@keyframes home-tech-sparkle {
    0%, 100% { transform: scale(.7); opacity: .2; }
    45% { transform: scale(1.3); opacity: 1; }
    80% { transform: scale(.9); opacity: .45; }
}

@media (max-width: 900px) {
    .page-home .technology-preview.home-tech-teaser {
        grid-template-columns: 1fr;
        gap: 52px;
        min-height: 0;
    }

    .page-home .home-tech-teaser-visual {
        min-height: 480px;
    }

    .page-home .home-tech-plane {
        width: min(88%, 620px);
    }
}

@media (max-width: 620px) {
    .page-home .technology-preview.home-tech-teaser {
        gap: 36px;
    }

    .page-home .home-tech-teaser-visual {
        min-height: 390px;
    }

    .page-home .home-tech-plane {
        width: 92%;
        height: 82px;
        border-radius: 16px;
    }

    .page-home .home-tech-plane--sources { top: 34px; }
    .page-home .home-tech-plane--core { top: 126px; height: 90px; }
    .page-home .home-tech-plane--ai { top: 224px; }
    .page-home .home-tech-plane--fade { top: 304px; height: 62px; }

    .page-home .home-tech-core-chip {
        width: 98px;
        height: 56px;
        top: 20px;
    }

    .page-home .home-tech-core-chip span {
        font-size: 13px;
        letter-spacing: .16em;
    }

    .page-home .home-tech-icons {
        inset: 14px 18px;
    }

    .page-home .home-tech-icon.dish {
        left: 16px;
        top: 12px;
        width: 30px;
        height: 30px;
    }

    .page-home .home-tech-icon.drone {
        left: 74px;
        top: 22px;
        width: 34px;
    }

    .page-home .home-tech-icon.tower {
        left: 140px;
        width: 18px;
        height: 56px;
    }

    .page-home .home-tech-icon.cloud {
        right: 14px;
        top: 22px;
        width: 42px;
        height: 20px;
    }

    .page-home .home-tech-ai-network {
        inset: 10px 16px;
        width: calc(100% - 32px);
        height: calc(100% - 20px);
    }

    .page-home .home-tech-teaser-stream {
        top: 58px;
        bottom: 34px;
    }

    .page-home .home-tech-teaser-orbit--a {
        top: 164px;
        width: 124px;
        height: 52px;
    }

    .page-home .home-tech-teaser-orbit--b {
        top: 238px;
        width: 82px;
        height: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-home .home-tech-particles i,
    .page-home .home-tech-spark {
        animation: none !important;
    }

    .page-home .home-tech-teaser-link:hover .home-tech-teaser-visual,
    .page-home .home-tech-teaser-link:focus-visible .home-tech-teaser-visual {
        transform: none;
    }
}

/* Glass treatment for the Home Technology teaser planes. */
.page-home .home-tech-plane {
    background:
        linear-gradient(180deg, rgba(22, 52, 86, .24), rgba(5, 15, 27, .34)),
        radial-gradient(ellipse at 48% 42%, rgba(66, 143, 238, .08), transparent 68%);
    border-color: rgba(117, 178, 247, .28);
    box-shadow:
        0 20px 48px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(186, 220, 255, .10),
        inset 0 -1px 0 rgba(37, 91, 162, .16),
        inset 0 0 34px rgba(45, 122, 222, .035);
    -webkit-backdrop-filter: blur(2px) saturate(118%);
    backdrop-filter: blur(2px) saturate(118%);
}

.page-home .home-tech-plane::after {
    box-shadow:
        inset 0 0 0 1px rgba(170, 209, 255, .07),
        inset 0 7px 16px rgba(120, 180, 248, .035),
        inset 0 -9px 16px rgba(4, 15, 28, .16);
}

/* Bilingual navigation + shared postal address */
.header-actions{justify-self:end;display:flex;align-items:center;gap:14px}.language-switcher{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.15em;color:#5f6c7d}.language-switcher a{color:#788598;transition:color .25s,text-shadow .25s}.language-switcher a:hover,.language-switcher a.active{color:#fff;text-shadow:0 0 14px rgba(61,140,255,.45)}.language-switcher span{opacity:.45}.footer-postal-address{margin:0 0 28px;padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:start}.footer-address-label{text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:#708097}.footer-postal-address address{font-style:normal;display:flex;flex-direction:column;gap:4px;color:#aab4c1;font-size:11px;line-height:1.55}.footer-postal-address .text-link{font-size:9px;white-space:nowrap}.contact-postal-address{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}.contact-postal-address h3{margin:0 0 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.contact-postal-address address{font-style:normal;display:flex;flex-direction:column;gap:5px;color:#9aa7b7;line-height:1.55}.contact-postal-address .text-link{display:inline-flex;margin-top:14px}
@media(max-width:1180px){.site-header{grid-template-columns:200px 1fr auto}.header-actions{gap:10px}.language-switcher{font-size:9px}}
@media(max-width:900px){.header-actions{margin-left:auto;margin-right:8px}.header-actions .header-cta{display:none}.language-switcher{font-size:10px}.footer-postal-address{grid-template-columns:1fr;gap:10px}.footer-postal-address .text-link{justify-self:start}}
@media(max-width:480px){.site-header{padding-left:16px;padding-right:12px}.header-actions{margin-right:2px}.language-switcher{gap:4px}.footer-postal-address{padding-top:20px}}


/* Reserve flexible header space for the EN / DE switcher without compressing the CTA. */
.site-header{grid-template-columns:240px 1fr auto}
.page-home .site-header{grid-template-columns:220px 1fr auto}
@media(max-width:1180px){.page-home .site-header{grid-template-columns:200px 1fr auto}}

/* --------------------------------------------------------------------------
   CMS solution portfolio + durable founder note (v7)
   -------------------------------------------------------------------------- */
.page-solutions .solution-record-card {
    scroll-margin-top: calc(var(--header) + 34px);
}

.page-solutions .solution-record-card .solution-copy {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-solutions .solution-record-card .button-row {
    margin-top: auto;
    padding-top: 34px;
}

.page-solutions .solution-image-visual {
    inset: 0 0 0 34%;
    opacity: .72;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 23%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 23%, #000 100%);
}

.page-solutions .solution-image-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(5, 7, 10, .92) 0%, rgba(5, 7, 10, .36) 34%, rgba(5, 7, 10, .06) 70%),
        linear-gradient(180deg, rgba(4, 6, 9, .08), rgba(4, 6, 9, .42));
    pointer-events: none;
}

.page-solutions .solution-image-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    filter: saturate(.72) contrast(1.04) brightness(.78);
    transition: transform .9s cubic-bezier(.16, 1, .3, 1), filter .6s ease;
}

.page-solutions .solution-card:hover .solution-image-visual img {
    transform: scale(1.025);
    filter: saturate(.82) contrast(1.05) brightness(.86);
}

.page-solutions .solution-generic-visual {
    background:
        radial-gradient(circle at 67% 46%, rgba(43, 132, 255, .14), transparent 9%),
        radial-gradient(ellipse 64% 56% at 65% 50%, rgba(18, 71, 147, .12), transparent 72%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%);
}

.page-solutions .solution-generic-grid {
    position: absolute;
    inset: 12% -12% -18% 3%;
    background-image:
        linear-gradient(rgba(58, 119, 196, .1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(58, 119, 196, .09) 1px, transparent 1px);
    background-size: 42px 42px;
    transform: perspective(650px) rotateX(61deg) rotateZ(-8deg);
    transform-origin: center bottom;
    opacity: .5;
}

.page-solutions .solution-generic-core {
    position: absolute;
    top: 50%;
    left: 65%;
    width: 142px;
    height: 142px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(72, 147, 244, .35);
    background: rgba(7, 17, 31, .76);
    box-shadow: inset 0 0 40px rgba(32, 112, 220, .12), 0 0 54px rgba(17, 94, 207, .1);
    transform: translate(-50%, -50%) rotate(45deg);
}

.page-solutions .solution-generic-core::before,
.page-solutions .solution-generic-core::after {
    content: "";
    position: absolute;
    inset: 13px;
    border: 1px solid rgba(80, 154, 247, .17);
}

.page-solutions .solution-generic-core::after {
    inset: 29px;
    border-color: rgba(115, 180, 255, .22);
}

.page-solutions .solution-generic-core span {
    color: #9dccff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .14em;
    transform: rotate(-45deg);
    text-shadow: 0 0 18px rgba(54, 139, 255, .4);
}

.page-solutions .solution-generic-visual > i {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #58a3ff;
    box-shadow: 0 0 14px rgba(52, 139, 255, .85);
}

.page-solutions .solution-generic-visual > i:nth-of-type(1) { left: 51%; top: 30%; }
.page-solutions .solution-generic-visual > i:nth-of-type(2) { left: 78%; top: 34%; }
.page-solutions .solution-generic-visual > i:nth-of-type(3) { left: 55%; top: 70%; }
.page-solutions .solution-generic-visual > i:nth-of-type(4) { left: 82%; top: 66%; }

.page-solutions .solutions-empty-state {
    grid-column: 1 / -1;
}

/* Home solution strip now scales cleanly with CMS-created solutions. */
.page-home .mission-links.mission-links-dynamic {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    width: min(1180px, 88vw);
}

.page-home .mission-links-dynamic .mission-link {
    min-width: 0;
}

.page-home .mission-links-dynamic .mission-link + .mission-link {
    border-left: 1px solid rgba(96, 137, 191, .16);
}

.page-home .mission-links-dynamic .mission-link:hover {
    background: radial-gradient(circle at 50% 50%, rgba(24, 102, 215, .09), transparent 68%);
}

/* Founder-note metadata restored as a CMS field instead of being inferred from copy. */
.page-company .company-founder-location {
    margin-top: 13px;
    color: #7d8999;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: .12em;
    line-height: 1.45;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .page-home .mission-links.mission-links-dynamic {
        width: min(720px, 88vw);
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    }

    .page-solutions .solution-image-visual {
        inset: 0 0 0 34%;
    }
}

@media (max-width: 620px) {
    .page-home .mission-bridge {
        min-height: 0;
        padding-bottom: 38px;
    }

    .page-home .mission-links.mission-links-dynamic {
        width: min(100%, 430px);
        grid-template-columns: 1fr;
        margin-top: 28px;
    }

    .page-home .mission-links-dynamic .mission-link + .mission-link {
        border-left: 0;
        border-top: 1px solid rgba(96, 137, 191, .16);
    }

    .page-solutions .solution-record-card .solution-copy {
        min-height: 300px;
    }

    .page-solutions .solution-image-visual {
        inset: 0 0 auto 0;
        height: 58%;
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 54%, transparent 100%);
        mask-image: linear-gradient(180deg, #000 0%, #000 54%, transparent 100%);
    }

    .page-solutions .solution-image-visual::after {
        background: linear-gradient(180deg, rgba(4, 6, 9, .05), rgba(4, 6, 9, .72));
    }
}

/* --------------------------------------------------------------------------
   Home hero media + four-layer NEXUS teaser (v8)
   -------------------------------------------------------------------------- */
.page-home .home-hero-media {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    background: #020304;
}

.page-home .home-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(2, 3, 4, .28) 0%, rgba(2, 3, 4, .04) 38%, rgba(2, 3, 4, .18) 72%, rgba(2, 3, 4, .68) 100%),
        linear-gradient(90deg, rgba(2, 3, 4, .22), transparent 22%, transparent 78%, rgba(2, 3, 4, .22));
}

.page-home .home-hero-media img,
.page-home .home-hero-media video {
    width: 100%;
    height: 100%;
    display: block;
    object-position: center;
}

.page-home .home-hero--fit-cover .home-hero-media img,
.page-home .home-hero--fit-cover .home-hero-media video {
    object-fit: cover;
}

.page-home .home-hero--fit-contain .home-hero-media img,
.page-home .home-hero--fit-contain .home-hero-media video {
    object-fit: contain;
}

.page-home .home-hero--image .hero-field,
.page-home .home-hero--video .hero-field {
    background: #020304;
}

.page-home .home-hero--image .hero-field::after,
.page-home .home-hero--video .hero-field::after {
    display: none;
}

.page-home .home-hero--image .hero-content,
.page-home .home-hero--video .hero-content {
    z-index: 2;
}

.page-home .home-hero--image .hero-content h1,
.page-home .home-hero--video .hero-content h1 {
    text-shadow: 0 2px 22px rgba(0, 0, 0, .68), 0 0 26px rgba(54, 127, 224, .1);
}

.page-home .home-hero--image .scroll-cue,
.page-home .home-hero--video .scroll-cue {
    z-index: 3;
    text-shadow: 0 1px 9px rgba(0, 0, 0, .85);
}

.page-home .home-tech-teaser-visual--four-layer {
    min-height: 570px;
    overflow: visible;
    perspective: 1100px;
    border-top-color: rgba(99, 151, 218, .12);
    border-bottom-color: rgba(99, 151, 218, .08);
    background:
        radial-gradient(ellipse 50% 46% at 54% 50%, rgba(29, 103, 197, .17), transparent 72%),
        radial-gradient(circle at 54% 48%, rgba(121, 184, 255, .08), transparent 21%),
        linear-gradient(180deg, rgba(5, 8, 13, .48), rgba(2, 4, 7, .1));
}

.page-home .home-tech-teaser-visual--four-layer::before {
    inset: auto 5% -5% 5%;
    height: 36%;
    opacity: .34;
}

.page-home .home-tech-teaser-haze {
    position: absolute;
    left: 54%;
    top: 50%;
    width: min(78%, 650px);
    height: 76%;
    transform: translate(-50%, -50%);
    background: radial-gradient(ellipse at center, rgba(36, 111, 211, .15), rgba(11, 44, 89, .035) 48%, transparent 72%);
    filter: blur(20px);
    pointer-events: none;
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-plane {
    left: 54%;
    width: min(88%, 700px);
    height: 116px;
    border-radius: 18px;
    border: 1px solid rgba(154, 204, 255, .34);
    background:
        linear-gradient(180deg, rgba(19, 45, 75, .2), rgba(4, 12, 22, .34)),
        radial-gradient(ellipse at 50% 42%, rgba(78, 156, 255, .085), transparent 69%);
    box-shadow:
        0 24px 42px rgba(0, 0, 0, .38),
        0 0 18px rgba(24, 101, 207, .06),
        inset 0 1px 0 rgba(217, 238, 255, .17),
        inset 0 -1px 0 rgba(43, 103, 178, .22),
        inset 0 0 30px rgba(66, 142, 236, .035);
    transform: translateX(-50%) perspective(1050px) rotateX(66deg) rotateZ(-5deg);
    -webkit-backdrop-filter: blur(3px) saturate(125%);
    backdrop-filter: blur(3px) saturate(125%);
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-plane::before {
    background-image:
        linear-gradient(rgba(114, 164, 224, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(114, 164, 224, .05) 1px, transparent 1px);
    background-size: 31px 24px;
    opacity: .64;
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-plane::after {
    inset: 1px;
    border-radius: 17px;
    box-shadow:
        inset 0 0 0 1px rgba(207, 230, 255, .075),
        inset 0 8px 16px rgba(155, 203, 255, .035),
        inset 0 -10px 20px rgba(0, 7, 17, .22);
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--sources { top: 24px; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--core { top: 156px; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--ai { top: 288px; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--operational { top: 420px; }

.page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream {
    left: 54%;
    top: 72px;
    bottom: 68px;
    z-index: 8;
    width: 1px;
    background: linear-gradient(transparent, rgba(75, 151, 245, .38) 8%, rgba(204, 233, 255, .94) 48%, rgba(75, 151, 245, .38) 91%, transparent);
    box-shadow: 0 0 13px rgba(64, 143, 242, .38);
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream > i {
    position: absolute;
    left: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, #f5fbff 0 14%, #91c8ff 24%, rgba(46, 129, 239, .72) 44%, rgba(36, 103, 207, 0) 74%);
    box-shadow: 0 0 14px rgba(103, 179, 255, .55);
    animation: home-tech-stream-pulse 3.8s ease-in-out infinite;
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream > i:nth-child(1) { top: 8%; animation-delay: -.3s; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream > i:nth-child(2) { top: 37%; animation-delay: -1.2s; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream > i:nth-child(3) { top: 66%; animation-delay: -2.1s; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream > i:nth-child(4) { top: 94%; animation-delay: -3s; }

.page-home .home-tech-source-links {
    position: absolute;
    inset: 14px 48px;
    opacity: .72;
}

.page-home .home-tech-source-links i {
    position: absolute;
    left: 18%;
    top: 52%;
    width: 64%;
    height: 1px;
    transform-origin: left center;
    background: linear-gradient(90deg, transparent, rgba(91, 160, 246, .42), rgba(182, 220, 255, .7), rgba(91, 160, 246, .28), transparent);
}

.page-home .home-tech-source-links i:nth-child(2) { transform: rotate(11deg); opacity: .56; }
.page-home .home-tech-source-links i:nth-child(3) { transform: rotate(-10deg); opacity: .5; }
.page-home .home-tech-source-links i:nth-child(4) { top: 31%; width: 49%; left: 28%; opacity: .42; }
.page-home .home-tech-source-links i:nth-child(5) { top: 72%; width: 45%; left: 30%; opacity: .4; }

.page-home .home-tech-ai-globe {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70%;
    height: 170%;
    overflow: visible;
    transform: translate(-50%, -52%);
    filter: drop-shadow(0 0 12px rgba(78, 153, 243, .17));
}

.page-home .home-tech-ai-lines > * {
    fill: none;
    stroke: rgba(139, 196, 255, .54);
    stroke-width: 1.25;
    vector-effect: non-scaling-stroke;
}

.page-home .home-tech-ai-lines > ellipse:nth-child(2),
.page-home .home-tech-ai-lines > ellipse:nth-child(3) {
    stroke-opacity: .42;
}

.page-home .home-tech-ai-nodes circle {
    fill: rgba(226, 244, 255, .96);
    stroke: rgba(114, 184, 255, .42);
    stroke-width: 1;
    filter: drop-shadow(0 0 4px rgba(103, 176, 255, .76));
}

.page-home .home-tech-operational-map {
    position: absolute;
    inset: -2px 22px 0;
    width: calc(100% - 44px);
    height: calc(100% + 4px);
    overflow: visible;
}

.page-home .home-tech-map-contours path {
    fill: none;
    stroke: rgba(96, 154, 224, .2);
    stroke-width: 1;
}

.page-home .home-tech-map-region {
    fill: rgba(24, 71, 125, .12);
    stroke: rgba(142, 196, 255, .5);
    stroke-width: 1.3;
}

.page-home .home-tech-map-routes path {
    fill: none;
    stroke: rgba(84, 159, 255, .68);
    stroke-width: 1.3;
    stroke-dasharray: 4 5;
}

.page-home .home-tech-map-markers circle {
    fill: #dcefff;
    stroke: rgba(83, 159, 255, .75);
    stroke-width: 1.6;
    filter: drop-shadow(0 0 6px rgba(70, 149, 248, .8));
}

.page-home .home-tech-map-scan {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(69, 146, 245, .06), rgba(133, 197, 255, .62), rgba(69, 146, 245, .06), transparent);
    box-shadow: 0 0 9px rgba(79, 158, 255, .24);
    animation: home-tech-map-scan 5.2s ease-in-out infinite;
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-spark--a { top: 151px; left: 53%; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-spark--b { top: 281px; left: calc(54% + 110px); }
.page-home .home-tech-teaser-visual--four-layer .home-tech-spark--c { top: 414px; left: calc(54% - 118px); }

@keyframes home-tech-stream-pulse {
    0%, 100% { opacity: .35; transform: translate(-50%, -50%) scale(.72); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.3); }
}

@keyframes home-tech-map-scan {
    0%, 100% { transform: translateY(-24px); opacity: .18; }
    50% { transform: translateY(24px); opacity: .72; }
}

@media (max-width: 900px) {
    .page-home .home-tech-teaser-visual--four-layer {
        min-height: 548px;
        overflow: hidden;
    }

    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane {
        width: min(91%, 680px);
    }
}

@media (max-width: 620px) {
    .page-home .home-hero--image,
    .page-home .home-hero--video {
        height: 86svh;
        min-height: 620px;
    }

    .page-home .home-tech-teaser-visual--four-layer {
        min-height: 430px;
    }

    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane {
        width: 96%;
        height: 82px;
        border-radius: 14px;
        transform: translateX(-50%) perspective(850px) rotateX(65deg) rotateZ(-4deg);
    }

    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--sources { top: 20px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--core { top: 116px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--ai { top: 212px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--operational { top: 308px; }

    .page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream {
        top: 48px;
        bottom: 36px;
    }

    .page-home .home-tech-ai-globe {
        width: 82%;
        height: 185%;
    }

    .page-home .home-tech-operational-map {
        inset-inline: 10px;
        width: calc(100% - 20px);
    }

    .page-home .home-tech-teaser-visual--four-layer .home-tech-spark--a { top: 112px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-spark--b { top: 208px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-spark--c { top: 304px; }
}

@media (prefers-reduced-motion: reduce) {
    .page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream > i,
    .page-home .home-tech-map-scan {
        animation: none !important;
    }

}

/* Let the AI intelligence sphere visually rise above its glass divider. */
.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--ai {
    overflow: visible;
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--ai::before,
.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--ai::after {
    border-radius: inherit;
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-ai-globe {
    transform: translate(-50%, -52%) scaleY(1.72);
}

@media (max-width: 620px) {
    .page-home .home-tech-teaser-visual--four-layer .home-tech-ai-globe {
        transform: translate(-50%, -52%) scaleY(1.5);
    }
}


/* --------------------------------------------------------------------------
   Global desktop header normalization + admin-media-safe visual baseline (v9)
   The Home fidelity pass previously enlarged only the Home header. Keep that
   same professional header scale on every public page so navigation, logo,
   language controls and CTA never visually shrink when changing routes.
   -------------------------------------------------------------------------- */
@media (min-width: 1181px) {
    :root { --header: 128px; }

    .site-header {
        grid-template-columns: 220px 1fr auto;
        padding-inline: 48px;
        border-color: rgba(132, 166, 214, .12);
        background: rgba(2, 3, 4, .92);
        backdrop-filter: blur(12px);
    }

    .site-header .brand-logo {
        height: 60px;
        opacity: .82;
    }

    .main-nav {
        justify-self: center;
        justify-content: space-between;
        width: min(100%, 850px);
        gap: 0;
    }

    .main-nav a {
        padding-block: 29px 26px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: .15em;
    }

    .main-nav a::after {
        bottom: 16px;
        box-shadow: 0 0 9px rgba(27, 116, 255, .72);
    }

    .main-nav a:hover::after,
    .main-nav a.active::after {
        width: 38px;
    }

    .header-cta {
        min-width: 202px;
        min-height: 48px;
        padding-inline: 22px;
        font-size: 9px;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    :root { --header: 88px; }

    .site-header {
        grid-template-columns: 200px 1fr auto;
        padding-inline: 24px;
        border-color: rgba(132, 166, 214, .12);
        background: rgba(2, 3, 4, .92);
        backdrop-filter: blur(12px);
    }

    .site-header .brand-logo { height: 52px; opacity: .82; }
    .main-nav { justify-self: center; width: 100%; gap: 18px; }
    .main-nav a { font-size: 9px; }
    .header-cta { min-width: 158px; min-height: 42px; }
}

@media (max-width: 900px) {
    :root { --header: 68px; }
}


/* --------------------------------------------------------------------------
   Home NEXUS teaser perspective fidelity pass (v10)
   Match the reference's three-quarter top-down stack: broad visible glass
   surfaces, slight clockwise yaw, tight layer spacing, and readable contents.
   -------------------------------------------------------------------------- */
.page-home .home-tech-teaser-visual--four-layer {
    min-height: 620px;
    perspective: 920px;
    perspective-origin: 52% 45%;
    background:
        radial-gradient(ellipse 56% 52% at 55% 50%, rgba(23, 88, 177, .16), transparent 72%),
        radial-gradient(circle at 53% 48%, rgba(137, 198, 255, .07), transparent 22%),
        linear-gradient(180deg, rgba(4, 7, 12, .48), rgba(1, 3, 6, .08));
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-plane {
    left: 54%;
    width: min(92%, 760px);
    height: 196px;
    border-radius: 18px;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    transform: translateX(-50%) rotateX(53deg) rotateY(6deg) rotateZ(4.2deg);
    border: 1px solid rgba(173, 215, 255, .38);
    background:
        linear-gradient(180deg, rgba(17, 42, 72, .24), rgba(3, 11, 20, .42)),
        radial-gradient(ellipse at 52% 42%, rgba(74, 153, 255, .105), transparent 68%);
    box-shadow:
        0 28px 56px rgba(0, 0, 0, .46),
        0 0 22px rgba(38, 116, 220, .075),
        inset 0 1px 0 rgba(225, 242, 255, .18),
        inset 0 -1px 0 rgba(53, 113, 187, .26),
        inset 0 0 38px rgba(63, 143, 238, .04);
    -webkit-backdrop-filter: blur(3px) saturate(128%);
    backdrop-filter: blur(3px) saturate(128%);
}

/* a second, recessed glass face creates the visible slab thickness */
.page-home .home-tech-teaser-visual--four-layer .home-tech-plane::before {
    z-index: 0;
    transform: translateZ(2px);
    border-radius: inherit;
    background-image:
        linear-gradient(rgba(116, 171, 233, .065) 1px, transparent 1px),
        linear-gradient(90deg, rgba(116, 171, 233, .055) 1px, transparent 1px);
    background-size: 34px 28px;
    opacity: .64;
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-plane::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    transform: translateZ(-9px);
    border: 1px solid rgba(119, 178, 244, .22);
    background: linear-gradient(180deg, rgba(8, 24, 43, .38), rgba(2, 8, 16, .55));
    box-shadow:
        0 7px 10px rgba(0, 0, 0, .28),
        inset 0 -1px 0 rgba(121, 184, 250, .16);
    pointer-events: none;
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--sources { top: 14px; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--core { top: 151px; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--ai { top: 288px; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-plane--operational { top: 425px; }

.page-home .home-tech-teaser-visual--four-layer .home-tech-plane-glow {
    position: absolute;
    inset: 8% 8%;
    z-index: 0;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(61, 137, 232, .11), transparent 68%);
    filter: blur(14px);
    pointer-events: none;
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-icons,
.page-home .home-tech-teaser-visual--four-layer .home-tech-source-links,
.page-home .home-tech-teaser-visual--four-layer .home-tech-particles,
.page-home .home-tech-teaser-visual--four-layer .home-tech-core-chip,
.page-home .home-tech-teaser-visual--four-layer .home-tech-core-routes,
.page-home .home-tech-teaser-visual--four-layer .home-tech-ai-globe,
.page-home .home-tech-teaser-visual--four-layer .home-tech-operational-map,
.page-home .home-tech-teaser-visual--four-layer .home-tech-map-scan {
    z-index: 2;
}

/* distribute source symbols across the full visible glass surface */
.page-home .home-tech-teaser-visual--four-layer .home-tech-icons {
    inset: 24px 54px;
}
.page-home .home-tech-teaser-visual--four-layer .home-tech-icon.dish { top: 47px; left: 18px; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-icon.radar {
    top: 61px;
    left: 25%;
    width: 42px;
    height: 24px;
    border: 1.5px solid rgba(202, 233, 255, .8);
    border-radius: 50%;
    box-shadow: inset 0 0 12px rgba(74, 151, 241, .12), 0 0 9px rgba(78, 156, 247, .14);
}
.page-home .home-tech-teaser-visual--four-layer .home-tech-icon.radar::before,
.page-home .home-tech-teaser-visual--four-layer .home-tech-icon.radar::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(180, 220, 255, .58);
}
.page-home .home-tech-teaser-visual--four-layer .home-tech-icon.radar::before { inset: 5px 10px; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-icon.radar::after {
    width: 5px;
    height: 5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #e4f4ff;
    box-shadow: 0 0 8px rgba(96, 174, 255, .8);
}
.page-home .home-tech-teaser-visual--four-layer .home-tech-icon.tower { top: 32px; left: 47%; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-icon.cloud { top: 62px; right: 27%; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-icon.drone { top: 70px; left: auto; right: 22px; }

.page-home .home-tech-teaser-visual--four-layer .home-tech-source-links {
    inset: 34px 58px;
}

/* center the processor on the much deeper second glass plane */
.page-home .home-tech-teaser-visual--four-layer .home-tech-core-chip {
    top: 61px;
    width: 150px;
    height: 78px;
    border-color: rgba(144, 199, 255, .46);
    box-shadow:
        0 0 0 1px rgba(177, 217, 255, .06),
        0 0 34px rgba(48, 133, 239, .28),
        inset 0 0 28px rgba(62, 151, 255, .11);
}
.page-home .home-tech-teaser-visual--four-layer .home-tech-core-routes {
    inset: 43px 38px;
}

/* larger neural sphere, as in the concept reference */
.page-home .home-tech-teaser-visual--four-layer .home-tech-ai-globe {
    width: 98%;
    height: 170%;
    top: 50%;
    transform: translate(-50%, -52%) scaleY(1.66);
    filter: drop-shadow(0 0 15px rgba(78, 153, 243, .22));
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-operational-map {
    inset: 7px 22px 0;
    width: calc(100% - 44px);
    height: calc(100% - 7px);
}

.page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream {
    left: 54%;
    top: 72px;
    bottom: 72px;
    z-index: 12;
}
.page-home .home-tech-teaser-visual--four-layer .home-tech-spark--a { top: 145px; left: 53%; }
.page-home .home-tech-teaser-visual--four-layer .home-tech-spark--b { top: 282px; left: calc(54% + 128px); }
.page-home .home-tech-teaser-visual--four-layer .home-tech-spark--c { top: 420px; left: calc(54% - 132px); }

@media (max-width: 900px) {
    .page-home .home-tech-teaser-visual--four-layer {
        min-height: 590px;
        perspective: 850px;
    }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane {
        width: min(94%, 700px);
        height: 182px;
        transform: translateX(-50%) rotateX(54deg) rotateY(5deg) rotateZ(3.4deg);
    }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--sources { top: 12px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--core { top: 140px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--ai { top: 268px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--operational { top: 396px; }
}

@media (max-width: 620px) {
    .page-home .home-tech-teaser-visual--four-layer {
        min-height: 455px;
        perspective: 700px;
    }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane {
        width: 96%;
        height: 128px;
        border-radius: 14px;
        transform: translateX(-50%) rotateX(55deg) rotateY(3deg) rotateZ(2.4deg);
    }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--sources { top: 10px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--core { top: 105px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--ai { top: 200px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-plane--operational { top: 295px; }

    .page-home .home-tech-teaser-visual--four-layer .home-tech-icons { inset: 12px 20px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-icon.radar { display: none; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-icon.dish { top: 30px; left: 10px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-icon.tower { top: 14px; left: 49%; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-icon.cloud { top: 40px; right: 18%; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-icon.drone { top: 42px; right: 8px; }

    .page-home .home-tech-teaser-visual--four-layer .home-tech-core-chip {
        top: 30px;
        width: 112px;
        height: 64px;
    }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-core-routes { inset: 22px 18px; }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-ai-globe {
        width: 100%;
        height: 178%;
        transform: translate(-50%, -52%) scaleY(1.48);
    }
    .page-home .home-tech-teaser-visual--four-layer .home-tech-teaser-stream {
        top: 46px;
        bottom: 38px;
    }
}

/* --------------------------------------------------------------------------
   Home technology teaser — exact reference composition
   Uses the approved four-layer artwork directly so camera angle, glass planes,
   NEXUS core, neural globe and operational map match the supplied reference.
   -------------------------------------------------------------------------- */
.page-home .technology-preview.home-tech-teaser {
    grid-template-columns: minmax(300px, .78fr) minmax(560px, 1.32fr);
    gap: clamp(54px, 6vw, 96px);
    min-height: 640px;
}

.page-home .home-tech-teaser-link {
    width: 100%;
    align-self: center;
    justify-self: end;
}

.page-home .home-tech-reference-teaser {
    position: relative;
    width: min(100%, 820px);
    aspect-ratio: 4 / 3;
    margin-left: auto;
    overflow: hidden;
    background: #020407;
    border-top: 1px solid rgba(92, 143, 207, .18);
    border-bottom: 1px solid rgba(92, 143, 207, .12);
    box-shadow: 0 34px 80px rgba(0, 0, 0, .34);
    isolation: isolate;
}

.page-home .home-tech-reference-teaser::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 48% 44% at 51% 51%, rgba(29, 112, 226, .055), transparent 72%),
        linear-gradient(180deg, rgba(0, 0, 0, .025), rgba(0, 0, 0, .08));
    z-index: 2;
}

.page-home .home-tech-reference-teaser img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.004);
    transition: transform .6s ease, filter .6s ease;
}

.page-home .home-tech-teaser-link:hover .home-tech-reference-teaser img,
.page-home .home-tech-teaser-link:focus-visible .home-tech-reference-teaser img {
    transform: scale(1.018);
    filter: brightness(1.025);
}

@media (max-width: 1180px) {
    .page-home .technology-preview.home-tech-teaser {
        grid-template-columns: minmax(280px, .82fr) minmax(500px, 1.18fr);
        gap: 48px;
        min-height: 600px;
    }
}

@media (max-width: 900px) {
    .page-home .technology-preview.home-tech-teaser {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 42px;
    }

    .page-home .home-tech-teaser-link {
        justify-self: stretch;
    }

    .page-home .home-tech-reference-teaser {
        width: min(100%, 820px);
        margin: 0 auto;
    }
}

@media (max-width: 620px) {
    .page-home .home-tech-reference-teaser {
        width: 100%;
        border-radius: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-home .home-tech-reference-teaser img,
    .page-home .home-tech-teaser-link:hover .home-tech-reference-teaser img,
    .page-home .home-tech-teaser-link:focus-visible .home-tech-reference-teaser img {
        transform: none;
        transition: none;
    }
}
