:root{
  --bg:#020911;
  --bg-2:#06131e;
  --panel:#071722;
  --panel-2:#0b1e2b;
  --text:#f4f7fa;
  --muted:#9dafbc;
  --muted-2:#708898;
  --line:rgba(111,157,186,.26);
  --line-strong:rgba(132,178,205,.42);
  --orange:#ff6500;
  --orange-2:#ff8b32;
  --blue:#4ea8e6;
  --max:1480px;
  --radius:30px;
  --ease:cubic-bezier(.16,1,.3,1);
  --shadow:0 32px 90px rgba(0,0,0,.42);
  --header-h:78px;
}

*{box-sizing:border-box}
html{scroll-behavior:auto;background:var(--bg);color-scheme:dark}
body{
  margin:0;
  min-width:320px;
  color:var(--text);
  background:
    radial-gradient(circle at 78% -5%,rgba(255,101,0,.09),transparent 29rem),
    radial-gradient(circle at 8% 42%,rgba(61,149,213,.055),transparent 30rem),
    linear-gradient(180deg,#020810 0%,#030c14 50%,#020911 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);
  opacity:.5;
}
img{max-width:100%;display:block}
a{color:inherit}
button,input,textarea{font:inherit}
::selection{background:rgba(255,101,0,.85);color:#fff}

.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.skip{position:fixed;left:16px;top:16px;z-index:9999;padding:12px 16px;border-radius:12px;background:#fff;color:#000;text-decoration:none;transform:translateY(-180%);transition:transform .2s ease}
.skip:focus{transform:none}

/* ambient pointer */
.ambient-grid{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle 520px at 72% 22%,rgba(255,101,0,.045),transparent 75%)}
.cursor-light,.noise{position:fixed;left:0;top:0;width:330px;height:330px;z-index:15;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,112,20,.10),rgba(66,142,195,.025) 34%,transparent 72%);will-change:transform;contain:paint}
.cursor-dot,.cursor-orb{position:fixed;left:0;top:0;width:11px;height:11px;z-index:100;border-radius:50%;pointer-events:none;opacity:0;border:1px solid rgba(255,144,65,.9);background:rgba(255,101,0,.06);box-shadow:0 0 28px rgba(255,101,0,.55);will-change:transform}

/* Header */
.site-header{
  position:fixed;
  top:18px;
  left:50%;
  z-index:100;
  transform:translateX(-50%);
  width:min(1510px,calc(100% - 36px));
  min-height:var(--header-h);
  display:grid;
  grid-template-columns:220px 1fr auto;
  align-items:center;
  gap:26px;
  padding:10px 12px 10px 18px;
  border:1px solid rgba(104,151,181,.31);
  border-radius:24px;
  background:rgba(2,11,18,.93);
  box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025);
  transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s var(--ease);
}
.site-header.scrolled{background:rgba(2,10,17,.9);border-color:rgba(103,154,186,.4);box-shadow:0 20px 70px rgba(0,0,0,.42),0 0 34px rgba(255,101,0,.04)}
.brand{display:flex;align-items:center;text-decoration:none;min-width:0}
.brand-lockup{gap:12px;color:#f6f8fb}
.brand-mark-wrap{position:relative;flex:0 0 auto;display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(104,151,181,.36);border-radius:18px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.08),transparent 42%),linear-gradient(180deg,rgba(8,24,36,.98),rgba(3,12,19,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.015)}
.brand-mark-wrap::after{content:"";position:absolute;inset:auto 8px 7px 8px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,106,0,.85),transparent);opacity:.7}
.brand-mark{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(255,106,0,.18)) drop-shadow(0 0 2px rgba(255,255,255,.22))}
.brand-wordmark{display:grid;gap:4px;min-width:0}
.brand-line-main{display:flex;align-items:center;gap:10px;min-width:0;line-height:1}
.brand-monogram{font-size:13px;font-weight:850;letter-spacing:.16em;color:#ff8c34;white-space:nowrap}
.brand-divider{width:1px;height:14px;background:linear-gradient(180deg,rgba(255,125,35,.95),rgba(255,255,255,.14));box-shadow:0 0 14px rgba(255,101,0,.35)}
.brand-name{font-size:24px;font-weight:800;letter-spacing:-.04em;color:#f5f8fb;white-space:nowrap;text-shadow:0 1px 16px rgba(255,255,255,.04)}
.brand-line-sub{font-size:9px;font-weight:750;letter-spacing:.34em;color:#9db1bf;white-space:nowrap;padding-left:43px}
.nav{display:flex;justify-content:center;align-items:center;gap:38px;min-width:0}
.nav a{position:relative;text-decoration:none;color:#e8eef3;font-size:14px;font-weight:760;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-10px;height:2px;border-radius:5px;background:linear-gradient(90deg,var(--orange),var(--orange-2));box-shadow:0 0 14px rgba(255,101,0,.5);transition:left .35s var(--ease),right .35s var(--ease)}
.nav a:hover::after,.nav a:focus-visible::after{left:0;right:0}
.actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.lang{display:flex;overflow:hidden;border:1px solid rgba(83,134,167,.48);border-radius:18px;background:rgba(2,13,21,.72)}
.lang a{display:block;padding:11px 12px;text-decoration:none;font-size:12px;font-weight:850;color:#dbe6ed;white-space:nowrap}
.lang a.active{background:linear-gradient(135deg,rgba(255,101,0,.24),rgba(255,101,0,.12));color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 20px;border:1px solid transparent;border-radius:15px;text-decoration:none;font-weight:850;color:#fff;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s ease,background .28s ease}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid rgba(255,139,50,.35);outline-offset:3px}
.btn-primary{background:linear-gradient(135deg,#ff7900,#ff4f00);box-shadow:0 13px 38px rgba(255,91,0,.25),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-primary:hover{box-shadow:0 17px 48px rgba(255,91,0,.34),inset 0 1px 0 rgba(255,255,255,.2)}
.btn-ghost{border-color:rgba(77,132,167,.55);background:rgba(5,18,28,.68);color:#edf4f8}
.btn-ghost:hover{border-color:rgba(255,117,28,.55);background:rgba(9,25,37,.88)}
.burger{display:none;position:relative;width:52px;height:52px;padding:0;border:1px solid rgba(83,135,167,.55);border-radius:17px;background:rgba(4,16,25,.75);cursor:pointer}
.burger span{position:absolute;left:14px;width:24px;height:2px;border-radius:3px;background:#eef4f8;transition:top .32s var(--ease),transform .32s var(--ease),opacity .25s ease}
.burger span:nth-child(1){top:16px}.burger span:nth-child(2){top:24px}.burger span:nth-child(3){top:32px}
.burger[aria-expanded="true"] span:nth-child(1){top:24px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){top:24px;transform:rotate(-45deg)}

/* Full-screen mobile nav */
.mobile-menu{position:fixed;inset:0;z-index:90;display:grid;grid-template-rows:auto 1fr auto;padding:118px clamp(28px,7vw,86px) 44px;background:radial-gradient(circle at 78% 18%,rgba(255,101,0,.12),transparent 27rem),linear-gradient(160deg,rgba(2,10,17,.98),rgba(4,18,29,.99));backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .35s ease,visibility .35s ease,transform .5s var(--ease)}
.mobile-menu.open{opacity:1;visibility:visible;transform:none}
.mobile-menu-brand{display:none}
.mobile-menu nav{align-self:center;display:grid;gap:0;width:min(900px,100%)}
.mobile-menu nav a{display:grid;grid-template-columns:54px 1fr;align-items:center;padding:18px 0;border-bottom:1px solid rgba(107,153,181,.2);font-size:clamp(36px,8vw,66px);font-weight:900;letter-spacing:-.052em;text-decoration:none;color:#f6f8fa}
.mobile-menu nav a small{font-size:10px;letter-spacing:.12em;color:var(--orange-2)}
.mobile-meta{align-self:end;display:flex;gap:12px;flex-wrap:wrap}

/* Typography and generic section */
h1,h2,h3,p{margin-top:0}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--orange-2);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.eyebrow::before{content:"";width:34px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--orange),#ff8b2d)}
.section{position:relative;padding:122px 0}
.section-title{max-width:1020px;margin:18px 0 24px;font-size:clamp(46px,5.2vw,82px);line-height:.96;letter-spacing:-.06em}
.section-copy{max-width:840px;color:var(--muted);font-size:18px;line-height:1.68}
.glass{border:1px solid rgba(102,151,181,.27);background:linear-gradient(145deg,rgba(9,27,41,.94),rgba(3,13,21,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 80px rgba(0,0,0,.3)}
.premium-home .section{scroll-margin-top:104px}
.premium-home .section::after{content:"";position:absolute;left:50%;bottom:0;width:min(80%,1120px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(102,151,181,.16),transparent)}
.reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .65s ease,transform .8s var(--ease);will-change:transform,opacity}
.reveal.visible{opacity:1;transform:translate3d(0,0,0)}

/* Hero */
.premium-hero{position:relative;min-height:100svh;padding:132px 0 70px;display:grid;align-items:center;overflow:hidden}
.premium-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 38%,rgba(255,101,0,.08),transparent 26rem),linear-gradient(90deg,rgba(2,9,17,.5),transparent 40%,rgba(2,9,17,.04) 70%,rgba(2,9,17,.35));pointer-events:none}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.96fr) minmax(560px,1.04fr);gap:20px;align-items:center}
.hero-copy{padding:26px 0 12px;position:relative;z-index:7}
.hero h1{max-width:760px;margin:25px 0 30px;font-size:clamp(72px,7.4vw,118px);line-height:.88;letter-spacing:-.075em}
.hero h1 em{display:inline-block;font-style:normal;color:var(--orange)}
.lead{max-width:760px;margin-bottom:22px;font-size:clamp(21px,1.65vw,28px);line-height:1.48;color:#edf3f7}
.sublead{max-width:720px;font-size:16px;line-height:1.72;color:var(--muted)}
.sublead strong{color:#dce7ed}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.hero-proof span{padding:8px 11px;border:1px solid rgba(90,143,175,.25);border-radius:999px;background:rgba(5,19,29,.55);color:#9fb0bc;font-size:11px;letter-spacing:.02em}
.hero-stage{position:relative;min-height:730px;perspective:1350px;transform-style:preserve-3d;display:grid;place-items:end center;isolation:isolate}
.hero-scene{position:absolute;inset:1% -7% 0 0;z-index:1;overflow:visible;transform-style:preserve-3d;pointer-events:none}
.hero-aurora{position:absolute;inset:2% 0 6% 10%;background:radial-gradient(circle at 56% 43%,rgba(255,113,20,.18),transparent 34%),radial-gradient(circle at 66% 60%,rgba(78,168,230,.08),transparent 31%);filter:blur(3px)}
.hero-plane{position:absolute;inset:20% -5% 4% 1%;border:1px solid rgba(74,127,160,.16);transform:perspective(900px) rotateX(67deg) rotateZ(-8deg);transform-origin:center bottom;background-image:linear-gradient(rgba(92,151,185,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(92,151,185,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 78%,transparent)}
.plane-b{transform:perspective(900px) rotateX(67deg) rotateZ(13deg) scale(.86);opacity:.45}
.hero-logo3d{position:absolute;z-index:2;right:1%;top:4%;width:min(720px,79%);aspect-ratio:1;transform-style:preserve-3d;transform:translate3d(0,0,-30px) rotateY(-12deg) rotateX(3deg) rotateZ(.6deg);will-change:transform;contain:layout paint style}
.hero-logo-mark{width:100%;height:100%;object-fit:contain;transform:translateZ(0);user-select:none;pointer-events:none}
.hero-logo3d::before{content:"";position:absolute;inset:17%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,101,0,.25),rgba(255,101,0,.04) 42%,transparent 72%);filter:blur(20px);transform:translateZ(-120px)}
.light-trail{position:absolute;z-index:1;height:2px;width:72%;right:-1%;top:47%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,101,0,.15),rgba(255,118,24,.9),rgba(255,101,0,.1),transparent);box-shadow:0 0 12px rgba(255,101,0,.8),0 0 36px rgba(255,101,0,.32);transform:rotate(-10deg)}
.trail-b{top:67%;right:4%;width:78%;transform:rotate(8deg);opacity:.55}
.hero-scene::after{content:"";position:absolute;right:1%;bottom:7%;width:66%;height:23%;border:1px solid rgba(255,101,0,.22);border-radius:50%;transform:rotate(-10deg);box-shadow:0 0 40px rgba(255,101,0,.06)}
.portrait-wrap{--portrait-x:0px;--portrait-y:0px;position:absolute;z-index:5;left:10%;bottom:-1%;width:62%;height:92%;display:block;transform:translate3d(var(--portrait-x),var(--portrait-y),40px);pointer-events:none}
.hero-portrait{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 32px 34px rgba(0,0,0,.55)) saturate(.96) contrast(1.02)}
.portrait-wrap::after{content:"";position:absolute;z-index:-1;left:18%;right:7%;bottom:4%;height:60%;background:radial-gradient(ellipse at 60% 60%,rgba(255,101,0,.12),transparent 66%);filter:blur(20px)}
.hero-person-label{position:absolute;z-index:8;left:15%;bottom:4%;min-width:235px;padding:12px 14px;border-radius:16px;background:rgba(3,12,19,.74)}
.hero-person-label strong{display:block;font-size:14px}.hero-person-label span{display:block;margin-top:3px;font-size:10px;color:#9eafba}
.scroll-hint{position:absolute;z-index:6;right:1%;bottom:4%;display:flex;align-items:center;gap:10px;color:#8198a8;font-size:11px}
.scroll-hint i{position:relative;width:24px;height:39px;border:1px solid rgba(144,180,201,.6);border-radius:14px}
.scroll-hint i::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:3px;background:#fff;transform:translateX(-50%);animation:scrollDot 1.8s ease-in-out infinite}
@keyframes scrollDot{0%{opacity:.1;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,14px)}}

/* Friction ledger */
.friction{padding-top:120px;padding-bottom:128px;background:linear-gradient(180deg,rgba(5,19,29,.3),transparent)}
.friction-layout{display:grid;grid-template-columns:minmax(360px,.84fr) minmax(580px,1.16fr);gap:90px;align-items:start}
.friction-intro{position:sticky;top:135px}
.friction-ledger{border-top:1px solid var(--line)}
.friction-row{display:grid;grid-template-columns:64px 1fr 110px;gap:24px;align-items:center;min-height:158px;padding:28px 6px;border-bottom:1px solid var(--line);position:relative;transition:padding-left .4s var(--ease),background .4s ease}
.friction-row::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--orange);transform:scaleY(0);transform-origin:center;transition:transform .4s var(--ease);box-shadow:0 0 22px rgba(255,101,0,.42)}
.friction-row:hover{padding-left:16px;background:linear-gradient(90deg,rgba(255,101,0,.045),transparent 65%)}
.friction-row:hover::before{transform:scaleY(1)}
.friction-id{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,121,35,.48);color:var(--orange-2);font-size:11px;font-weight:900}
.friction-row h3{font-size:26px;letter-spacing:-.035em;margin-bottom:9px}
.friction-row p{margin:0;color:#9bafbc;line-height:1.6;font-size:15px}
.friction-row>strong{justify-self:end;color:#708898;font-size:10px;letter-spacing:.15em;text-transform:uppercase}

/* Outcomes and process components live in assets/css/components/. */

/* About */
.about-premium{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}
.about-geometry{position:relative;min-height:600px;display:grid;place-items:center;overflow:hidden;border-radius:32px;perspective:1300px;background:radial-gradient(circle at center,rgba(255,101,0,.075),transparent 43%),linear-gradient(145deg,rgba(8,27,40,.73),rgba(3,13,21,.83))}
.about-core{position:relative;z-index:5;width:300px;transform:rotateY(-12deg) rotateX(4deg);filter:drop-shadow(0 35px 42px rgba(0,0,0,.48))}
.about-core img{width:100%}
.wire-cube{position:absolute;width:290px;height:290px;border:1px solid rgba(101,153,185,.19);transform:rotate(45deg);transition:transform 1.1s var(--ease)}
.cube-1{transform:rotate(45deg) scale(1.5)}.cube-2{transform:rotate(45deg) scale(.94);border-color:rgba(255,101,0,.24)}
.about-geometry:hover .cube-1{transform:rotate(55deg) scale(1.56)}.about-geometry:hover .cube-2{transform:rotate(35deg) scale(.9)}
.about-geometry>span{position:absolute;padding:9px 11px;border:1px solid rgba(92,144,176,.22);border-radius:999px;background:rgba(3,13,21,.78);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8199a8}
.about-geometry>span:nth-of-type(1){left:8%;top:17%}.about-geometry>span:nth-of-type(2){right:7%;top:22%}.about-geometry>span:nth-of-type(3){left:9%;bottom:18%}.about-geometry>span:nth-of-type(4){right:9%;bottom:20%}
.about-copy h2{margin:17px 0 27px;font-size:clamp(44px,4.5vw,74px);line-height:.97;letter-spacing:-.057em}
.about-copy p{color:#9eb0bc;font-size:17px;line-height:1.74}.about-copy p strong{color:#edf3f7}
.about-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.about-links a{padding:10px 12px;border:1px solid rgba(92,145,176,.24);border-radius:999px;background:rgba(5,19,29,.52);text-decoration:none;color:#dce7ed;font-size:11px;transition:border-color .3s ease,background .3s ease}.about-links a:hover{border-color:rgba(255,113,22,.42);background:rgba(8,25,36,.8)}

/* Articles */
.articles-premium{padding-top:138px}
.articles-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}
.article-ledger{border-top:1px solid var(--line)}
.article-feature{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) 44px;gap:24px;align-items:center;min-height:265px;padding:34px 8px;border-bottom:1px solid var(--line);overflow:hidden;text-decoration:none;color:#fff}
.article-feature::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,101,0,.08),rgba(8,29,42,.12) 45%,transparent);transform:translateX(-102%);transition:transform .7s var(--ease)}
.article-feature:hover::before{transform:none}
.article-feature>*{position:relative;z-index:1}.article-index{color:#ff8128;font-size:10px;font-weight:900}
.article-feature small,.article-next small{color:#6f8797;font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.article-feature h3{max-width:990px;margin:10px 0 12px;font-size:clamp(30px,3.15vw,50px);line-height:1.03;letter-spacing:-.05em}.article-feature p{max-width:760px;margin:0;color:#91a6b3;line-height:1.58}.article-feature b{justify-self:end;color:#ff7720;font-size:22px}
.article-next{display:grid;grid-template-columns:78px 1fr;gap:24px;align-items:center;min-height:112px;padding:20px 8px;border-bottom:1px solid var(--line);color:#738b9a}.article-next>span{font-size:10px}.article-next strong{display:block;margin-top:6px;color:#9eafba;font-size:16px}

/* CTA and footer */
.cta-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;min-height:360px;padding:54px;border:1px solid rgba(103,154,185,.3);border-radius:32px;background:radial-gradient(circle at 82% 30%,rgba(255,101,0,.12),transparent 21rem),linear-gradient(135deg,rgba(10,32,46,.8),rgba(3,13,21,.91));box-shadow:var(--shadow)}
.cta-panel h2{max-width:900px;margin:16px 0 18px;font-size:clamp(40px,4.5vw,70px);line-height:.98;letter-spacing:-.055em}.cta-panel p{max-width:780px;margin:0;color:#9aafbb;line-height:1.65}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.footer{padding:78px 0 36px;border-top:1px solid rgba(96,147,178,.15);background:rgba(1,7,12,.45)}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.72fr);gap:42px}.footer-brand-block .footer-brand{margin-bottom:18px}.footer-brand .brand-mark-wrap{width:66px;height:66px;border-radius:20px}.footer-brand .brand-mark{width:48px;height:48px}.footer-brand .brand-name{font-size:28px}.footer-brand .brand-monogram{font-size:14px}.footer-brand .brand-line-sub{font-size:10px;padding-left:48px}.footer-grid p{max-width:420px;color:#718997;line-height:1.65}.footer-grid h3{margin-bottom:18px;color:#f1f5f7;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.footer-grid a{display:block;margin:9px 0;text-decoration:none;color:#8ca1ae;font-size:13px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:22px;border-top:1px solid rgba(96,147,178,.12);color:#5e7787;font-size:11px}

/* Generic new-style SEO / local / article pages */
body:not(.premium-home){padding-top:0}
body:not(.premium-home) main{min-height:70vh}
.location-hero,.hub-hero,.article-page{position:relative;padding:180px 0 90px;overflow:hidden;border-bottom:1px solid rgba(96,147,178,.16);background:radial-gradient(circle at 82% 28%,rgba(255,101,0,.08),transparent 24rem)}
.location-hero::after,.hub-hero::after{content:"";position:absolute;right:2%;top:13%;width:min(560px,42vw);aspect-ratio:1;background:url('/assets/branding/marks/mark-on-dark.png?v=29.3.0') center/contain no-repeat;opacity:.1;filter:saturate(.75);transform:rotate(-8deg);pointer-events:none}
.location-hero .wrap,.hub-hero .wrap{position:relative;z-index:2}.location-hero h1,.hub-hero h1{max-width:1100px;margin:22px 0 24px;font-size:clamp(54px,6vw,92px);line-height:.94;letter-spacing:-.065em}.location-hero .hero-cta{margin-top:30px}
.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.location-card{min-height:245px;padding:34px;border-radius:26px;transition:transform .5s var(--ease),border-color .4s ease,background .4s ease}.location-card:hover{transform:translateY(-7px);border-color:rgba(255,112,22,.42);background:linear-gradient(145deg,rgba(11,34,49,.85),rgba(3,13,21,.92))}.location-card h2{font-size:30px;letter-spacing:-.04em}.location-card p{color:#8ea4b2;line-height:1.6}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{min-height:320px;padding:32px;border-radius:26px;text-decoration:none;color:#fff;transition:transform .5s var(--ease),border-color .4s ease}.article-card:hover{transform:translateY(-7px);border-color:rgba(255,112,22,.42)}.tag{display:inline-block;margin-bottom:55px;color:#ff8128;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:850}.article-card h3{font-size:30px;line-height:1.08;letter-spacing:-.045em}.article-card p{color:#8fa4b2;line-height:1.6}
.article-shell{display:grid;grid-template-columns:minmax(0,840px) minmax(240px,1fr);gap:100px;align-items:start}.article-content h1{margin:20px 0 30px;font-size:clamp(54px,6vw,92px);line-height:.95;letter-spacing:-.064em}.article-content>.lead{font-size:22px;color:#dbe5eb}.article-content h2{margin:58px 0 16px;font-size:34px;letter-spacing:-.04em}.article-content p{color:#a3b4bf;font-size:17px;line-height:1.76}.article-content strong{color:#eff4f7}.article-aside{position:sticky;top:130px;padding:24px;border-radius:22px}.article-aside h3{font-size:20px}.article-aside p,.article-aside li{color:#8fa5b2;line-height:1.55}.article-aside a{color:#ff8a32}

/* Premium contact page */
.contact-premium{min-height:100vh}
.contact-hero{position:relative;padding:180px 0 70px;overflow:hidden}.contact-hero::after{content:"";position:absolute;right:3%;top:11%;width:min(600px,44vw);aspect-ratio:1;background:url('/assets/branding/marks/mark-on-dark.png?v=29.3.0') center/contain no-repeat;opacity:.12;filter:drop-shadow(0 0 40px rgba(255,101,0,.08));transform:rotateY(-10deg) rotateZ(-5deg);pointer-events:none}.contact-hero .wrap{position:relative;z-index:2}.contact-hero h1{max-width:940px;margin:22px 0 25px;font-size:clamp(60px,7vw,105px);line-height:.9;letter-spacing:-.07em}.contact-hero .lead{max-width:760px;font-size:22px}.contact-direct{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.contact-direct a{padding:10px 12px;border:1px solid rgba(92,145,176,.25);border-radius:999px;text-decoration:none;color:#c8d6de;font-size:12px;background:rgba(5,19,29,.5)}
.contact-section{padding:40px 0 120px}.contact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:start}.contact-note{position:sticky;top:130px;padding:34px;border-radius:28px}.contact-note h2{font-size:34px;letter-spacing:-.04em}.contact-note p{color:#94a9b6;line-height:1.65}.contact-note ul{margin:26px 0 0;padding:0;list-style:none}.contact-note li{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(96,147,178,.14);color:#a3b4be}.contact-note li::before{content:"→";color:var(--orange)}
.contact-form-card{padding:38px;border:1px solid rgba(102,153,184,.3);border-radius:30px;background:linear-gradient(145deg,rgba(9,29,43,.84),rgba(3,13,21,.94));box-shadow:0 38px 100px rgba(0,0,0,.38)}.contact-form-card h2{margin:0 0 14px;font-size:42px;letter-spacing:-.045em}.contact-form-card>p{color:#8fa5b2;line-height:1.65}.contact-form{display:grid;gap:18px;margin-top:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:8px;color:#bac8d0;font-size:12px;font-weight:750}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(92,145,176,.33);border-radius:15px;background:rgba(2,12,20,.75);color:#f3f7f9;padding:15px 16px;outline:none;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.contact-form textarea{resize:vertical;min-height:185px}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(255,115,25,.68);box-shadow:0 0 0 4px rgba(255,101,0,.07);background:rgba(4,16,25,.9)}.file-field{padding:17px;border:1px dashed rgba(100,152,183,.35);border-radius:16px}.file-field>span{display:flex;justify-content:space-between;gap:12px;align-items:center}.file-field small{color:#708897;font-weight:500}.file-field input{border:0;padding:8px 0;background:transparent}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.form-privacy-note{font-size:11px;color:#718997;line-height:1.55}.form-privacy-note a{color:#b8c7d0}.form-status{min-height:20px;margin:0;color:#b7c7d0;font-size:12px}.form-success-banner{padding:14px;border:1px solid rgba(52,190,118,.32);border-radius:14px;background:rgba(34,145,88,.08);color:#b9e8cf}.submit-btn{justify-self:start;cursor:pointer}

/* responsive */
@media(max-width:1240px){
  .site-header{grid-template-columns:250px 1fr auto}.brand-name{font-size:20px}.brand-line-sub{font-size:8px;padding-left:42px}.nav{gap:24px}.nav a{font-size:13px}.actions>.btn{display:none}.burger{display:block}
  .hero-layout{grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr)}.hero h1{font-size:clamp(68px,7.8vw,100px)}.hero-stage{min-height:680px}.portrait-wrap{left:8%;width:66%}.hero-logo3d{right:-3%;width:83%}
  .friction-layout{grid-template-columns:.9fr 1.1fr;gap:55px}.about-premium{gap:48px}
}
@media(max-width:980px){
  :root{--header-h:70px}.wrap{width:min(var(--max),calc(100% - 40px))}.site-header{top:12px;width:calc(100% - 24px);grid-template-columns:1fr auto;padding:8px 10px 8px 14px}.nav{display:none}.brand-lockup{gap:10px}.brand-mark-wrap{width:52px;height:52px;border-radius:16px}.brand-mark{width:37px;height:37px}.brand-name{font-size:20px}.brand-monogram{font-size:12px}.brand-line-sub{font-size:8px;padding-left:40px}.burger{display:block}.lang a{padding:9px 10px}.premium-hero{padding-top:110px;min-height:auto}.hero-layout{display:flex;flex-direction:column}.hero-copy{order:2;padding-top:0}.hero-stage{order:1;width:100%;min-height:600px}.portrait-wrap{left:18%;width:55%;height:93%}.hero-logo3d{right:10%;top:0;width:66%}.hero-person-label{left:22%;bottom:5%}.hero h1{font-size:clamp(64px,11.4vw,92px);max-width:840px}.friction-layout{grid-template-columns:1fr;gap:45px}.friction-intro{position:relative;top:auto}.about-premium{grid-template-columns:1fr}.about-geometry{order:2;min-height:520px}.article-grid{grid-template-columns:1fr 1fr}.article-shell{grid-template-columns:1fr;gap:50px}.article-aside{position:relative;top:auto}.contact-layout{grid-template-columns:1fr}.contact-note{position:relative;top:auto}.location-hero::after,.hub-hero::after,.contact-hero::after{opacity:.075;width:60vw}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 28px)}.site-header{border-radius:20px}.brand-lockup{gap:9px}.brand-mark-wrap{width:48px;height:48px;border-radius:15px}.brand-mark{width:34px;height:34px}.brand-wordmark{gap:3px}.brand-name{font-size:17px}.brand-monogram{font-size:11px;letter-spacing:.14em}.brand-divider{height:12px}.brand-line-sub{font-size:7px;letter-spacing:.28em;padding-left:37px}.lang{display:none}.burger{width:48px;height:48px}.mobile-menu{padding:92px 22px 30px}.mobile-menu nav a{font-size:clamp(34px,12vw,54px);grid-template-columns:46px 1fr}.mobile-menu-brand{display:block;position:absolute;left:24px;top:24px}.mobile-menu-brand .brand-mark-wrap{width:50px;height:50px}.mobile-menu-brand .brand-mark{width:35px;height:35px}.mobile-menu-brand .brand-name{font-size:18px}.mobile-menu-brand .brand-line-sub{font-size:7px;padding-left:38px}.mobile-meta .btn{width:100%}
  .section{padding:86px 0}.section-title{font-size:clamp(42px,13vw,64px)}.section-copy{font-size:16px}.eyebrow{font-size:10px;letter-spacing:.14em}.premium-hero{padding:90px 0 42px}.hero-stage{min-height:460px;margin-inline:-4px}.portrait-wrap{left:10%;width:69%;height:91%}.hero-logo3d{right:-1%;top:-3%;width:83%}.hero-person-label{left:8%;bottom:3%;padding:9px 10px;min-width:188px}.hero-person-label strong{font-size:12px}.hero-person-label span{font-size:9px}.scroll-hint{display:none}.hero h1{font-size:clamp(56px,17vw,79px);margin:18px 0 24px}.lead{font-size:18px}.sublead{font-size:14px}.hero-cta .btn{width:100%}.hero-proof{gap:5px}.hero-proof span{font-size:9px;padding:6px 8px}
  .friction{padding:80px 0}.friction-layout{gap:22px}.friction-row{grid-template-columns:52px 1fr;gap:14px;min-height:0;padding:24px 0}.friction-row>strong{grid-column:2;justify-self:start}.friction-row h3{font-size:23px}.friction-row p{font-size:14px}.friction-id{width:42px;height:42px}.about-geometry{min-height:410px}.about-core{width:210px}.about-copy h2{font-size:44px}.articles-head{align-items:start;flex-direction:column}.article-feature{grid-template-columns:36px 1fr 22px;gap:10px;min-height:260px;padding:30px 0}.article-feature h3{font-size:31px}.article-next{grid-template-columns:36px 1fr;gap:10px;padding-inline:0}.cta-panel{grid-template-columns:1fr;padding:30px 24px;min-height:0}.cta-actions{justify-content:flex-start}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.location-hero,.hub-hero,.article-page,.contact-hero{padding:135px 0 65px}.location-hero h1,.hub-hero h1,.article-content h1,.contact-hero h1{font-size:clamp(48px,14vw,68px)}.location-grid,.article-grid{grid-template-columns:1fr}.location-card,.article-card{min-height:240px}.tag{margin-bottom:32px}.article-content h2{font-size:29px;margin-top:45px}.article-content p{font-size:16px}.form-row{grid-template-columns:1fr}.contact-form-card{padding:24px}.contact-form-card h2{font-size:34px}.file-field>span{align-items:flex-start;flex-direction:column}
  .cursor-light,.cursor-dot,.cursor-orb,.noise{display:none!important}
}

/* v17 final mobile polish */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:700px){
  .site-header{align-items:center;min-height:64px}
  .actions{align-items:center}
  .burger{display:inline-grid!important;place-items:center;width:46px;height:46px;border-radius:15px}
  .burger span{left:50%;width:21px;transform:translateX(-50%)}
  .burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:29px}
  .burger[aria-expanded="true"] span:nth-child(1){top:22px;transform:translateX(-50%) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){top:22px;transform:translateX(-50%) rotate(-45deg)}
  .mobile-menu{padding:82px 18px 22px;overflow-y:auto;overscroll-behavior:contain}
  .mobile-menu nav{align-self:start;margin-top:18px}
  .mobile-menu nav a{min-height:58px;padding:10px 0;grid-template-columns:36px 1fr;font-size:clamp(27px,8.7vw,38px);line-height:1.02}
  .mobile-menu nav a small{font-size:8px}
  .mobile-menu-brand{left:18px;top:18px}.mobile-menu-brand .brand-mark-wrap{width:46px;height:46px}.mobile-menu-brand .brand-mark{width:32px;height:32px}.mobile-menu-brand .brand-name{font-size:16px}.mobile-menu-brand .brand-line-sub{font-size:6.5px;padding-left:35px}
  .section,.friction,.about-premium,.articles-section{padding-top:58px;padding-bottom:58px}
  .premium-hero{padding-top:82px;padding-bottom:30px}
  .hero h1{font-size:clamp(48px,15vw,66px);line-height:.93;letter-spacing:-.06em}
  .location-hero h1,.hub-hero h1,.article-content h1,.contact-hero h1{font-size:clamp(40px,11.8vw,56px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}
  .section-title{font-size:clamp(38px,10.8vw,54px);line-height:.98;text-wrap:balance}
  .footer{padding-top:54px;padding-bottom:30px;text-align:center}
  .footer-grid{grid-template-columns:1fr!important;gap:26px;text-align:center}
  .footer-grid>div{grid-column:1!important}
  .footer-grid>div:first-child img{margin-left:auto;margin-right:auto}
  .footer-grid p{margin-left:auto;margin-right:auto}
  .footer-grid a{margin-left:auto;margin-right:auto}
  .footer-bottom{align-items:center;text-align:center;gap:8px;margin-top:34px}
}

/* v18 privacy consent — used by assets/analytics.js */
.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:260;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .28s ease,visibility .28s ease,transform .38s var(--ease);pointer-events:none}.consent-banner.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.consent-inner{width:min(1120px,100%);margin:0 auto;padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;border:1px solid rgba(105,157,189,.38);border-radius:22px;background:linear-gradient(145deg,rgba(5,19,29,.98),rgba(2,10,17,.99));box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035)}.consent-inner strong{display:block;margin-bottom:6px;font-size:14px}.consent-inner p{max-width:760px;margin:0 0 7px;color:#97aab7;font-size:12px;line-height:1.55}.consent-inner a{color:var(--orange-2);font-size:11px}.consent-actions{display:flex;gap:9px}.consent-actions button{min-height:43px;padding:0 15px;border-radius:12px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.consent-basic{border:1px solid rgba(93,146,178,.45);background:rgba(4,17,27,.72);color:#dce6ec}.consent-allow{border:1px solid var(--orange);background:linear-gradient(135deg,#ff7900,#ff4f00);color:#fff;box-shadow:0 10px 28px rgba(255,91,0,.2)}
@media(max-width:700px){.consent-banner{left:10px;right:10px;bottom:10px}.consent-inner{grid-template-columns:1fr;gap:14px;padding:16px;border-radius:18px}.consent-actions{display:grid;grid-template-columns:1fr}.consent-actions button{width:100%}}

/* v19.3 privacy preferences restoration */
.footer-privacy-settings{display:block;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:inherit;line-height:inherit;text-align:left;cursor:pointer;opacity:.78;transition:opacity .2s ease,color .2s ease}.footer-privacy-settings:hover,.footer-privacy-settings:focus-visible{opacity:1;color:var(--orange-2);outline:none}.consent-inner{position:relative}.consent-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:1px solid rgba(93,146,178,.32);border-radius:10px;background:rgba(4,17,27,.78);color:#dce6ec;font:inherit;font-size:22px;line-height:1;cursor:pointer}.consent-close:hover,.consent-close:focus-visible{border-color:rgba(255,106,0,.65);color:#fff;outline:none}.consent-status{margin:0 0 7px;color:#8198a7;font-size:11px}.consent-status strong{display:inline;margin:0;color:#dce6ec;font-size:inherit}.consent-actions button.is-selected{box-shadow:0 0 0 2px rgba(255,106,0,.28),0 10px 28px rgba(255,91,0,.14)}
@media(max-width:700px){.footer-privacy-settings{text-align:center;margin-inline:auto}.consent-close{top:8px;right:8px}.consent-inner>div:first-of-type{padding-right:28px}}

/* ==========================================================
   JJIT v23 — Approach / production hybrid visual
   Pre-rendered 3D art + SVG motion + DOM labels (PL/EN)
   ========================================================== */
.about-premium{position:relative}
.about-system{
  --as-orange:#ff6a00;
  position:relative;
  min-height:650px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(103,160,192,.28);
  border-radius:34px;
  background:
    radial-gradient(circle at 51% 43%,rgba(255,103,0,.075),transparent 30%),
    radial-gradient(circle at 48% 49%,rgba(28,82,111,.19),transparent 57%),
    linear-gradient(145deg,#061722 0%,#020d15 56%,#01080d 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 34px 95px rgba(0,0,0,.30);
  contain:layout paint style;
}
.about-system::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(rgba(94,148,178,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(94,148,178,.035) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:radial-gradient(circle at 50% 48%,#000 9%,transparent 76%);
}
.about-system::after{
  content:"";position:absolute;inset:15px;z-index:9;pointer-events:none;
  border:1px solid rgba(111,167,198,.09);border-radius:24px;
  box-shadow:inset 0 0 80px rgba(0,0,0,.18);
}
.about-system__art{
  position:absolute;z-index:1;left:50%;top:50%;width:88%;height:96%;transform:translate(-50%,-50%) scale(1.02);
  display:block;overflow:hidden;will-change:transform,opacity;
  -webkit-mask-image:radial-gradient(ellipse 78% 78% at 50% 48%,#000 48%,rgba(0,0,0,.96) 64%,rgba(0,0,0,.45) 79%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 78% at 50% 48%,#000 48%,rgba(0,0,0,.96) 64%,rgba(0,0,0,.45) 79%,transparent 100%);
}
.about-system__art img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:saturate(.93) contrast(1.035) brightness(.92)}
.about-system__overlay{position:absolute;z-index:3;inset:0;width:100%;height:100%;display:block;pointer-events:none;overflow:visible;will-change:transform}
.about-system .as-overlay-particles,.about-system .as-overlay-flow,.about-system .as-overlay-links{will-change:opacity}
.about-system .as-overlay-particles circle{filter:drop-shadow(0 0 5px rgba(255,106,0,.24))}
.about-system .as-overlay-links path{fill:none;stroke:url(#as-flow);stroke-width:1;stroke-opacity:.46}
.about-system__core-brand{
  position:absolute;z-index:6;left:50%;top:17.5%;width:106px;height:106px;transform:translate(-50%,-50%);
  display:grid;place-items:center;border:1px solid rgba(157,193,212,.38);border-radius:21px;
  background:linear-gradient(145deg,rgba(28,46,56,.97),rgba(4,15,22,.94));
  box-shadow:0 22px 60px rgba(0,0,0,.56),0 0 38px rgba(255,106,0,.12),inset 0 1px 0 rgba(255,255,255,.075);
  backdrop-filter:blur(12px);will-change:transform,opacity;
}
.about-system__core-brand::before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,120,34,.18);border-radius:14px}
.about-system__core-brand::after{content:"";position:absolute;z-index:-1;inset:-34px;border-radius:50%;background:radial-gradient(circle,rgba(3,13,20,.96) 0%,rgba(3,13,20,.72) 38%,rgba(3,13,20,.18) 62%,transparent 74%);pointer-events:none}
.about-system__core-brand img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 6px 13px rgba(0,0,0,.64))}
.about-system__label{
  position:absolute;z-index:7;display:flex;align-items:center;gap:12px;width:194px;min-height:64px;padding:12px 15px;
  border:1px solid rgba(105,160,191,.34);border-radius:17px;
  background:linear-gradient(145deg,rgba(6,24,35,.91),rgba(2,12,19,.84));
  box-shadow:0 16px 42px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(13px);color:#e6eef2;will-change:transform,opacity;
}
.about-system__label img{width:23px;height:23px;flex:0 0 23px;opacity:.93;filter:brightness(1.25) saturate(.74)}
.about-system__label span{display:grid;gap:4px;min-width:0}
.about-system__label strong{font-size:9.5px;line-height:1;text-transform:uppercase;letter-spacing:.14em;color:#edf3f6;white-space:nowrap}
.about-system__label small{font-size:9.2px;line-height:1.25;color:#8fa7b5;white-space:nowrap}
.about-system__label--architecture{left:4.3%;top:13.4%}
.about-system__label--automation{right:4.3%;top:15.8%}
.about-system__label--integrations{left:3.8%;bottom:13.7%}
.about-system__label--data{right:3.7%;bottom:12.2%}
.about-system__status{
  position:absolute;left:29px;bottom:25px;z-index:8;display:flex;align-items:center;gap:10px;
  color:#6f8999;font-size:8px;font-weight:750;letter-spacing:.17em;text-transform:uppercase
}
.about-system__status i{width:19px;height:2px;background:var(--as-orange);box-shadow:0 0 13px rgba(255,106,0,.44)}
.about-system__index{position:absolute;right:28px;top:26px;z-index:8;color:#607b8b;font-size:9px;font-weight:750;letter-spacing:.16em}
.about-copy .eyebrow{color:#aabac4}
.about-copy h2{max-width:820px}
.about-copy p{max-width:730px}
.about-copy .about-principle{margin-top:22px;padding-left:18px;border-left:2px solid rgba(255,106,0,.58)}
.about-copy .about-principle strong{display:inline;color:#f0f5f8}

@media (max-width:1240px){
  .about-system{min-height:610px}
  .about-system__label{width:176px;padding:10px 12px;gap:10px}
  .about-system__label small{font-size:8px}.about-system__label strong{font-size:8.2px}
  .about-system__art{width:92%;height:98%}
}
@media (max-width:1100px){
  .about-system{min-height:630px}
  .about-system__art{width:88%;height:96%}
  .about-system__label{width:184px}
  .about-system__label--architecture{left:3.4%;top:12%}.about-system__label--automation{right:3.4%;top:14.5%}
  .about-system__label--integrations{left:3.4%;bottom:13%}.about-system__label--data{right:3.4%;bottom:11.5%}
}
@media (max-width:760px){
  .about-system{min-height:500px;border-radius:26px}
  .about-system::after{inset:10px;border-radius:18px}
  .about-system__art{width:96%;height:96%;top:49%;-webkit-mask-image:radial-gradient(ellipse 80% 78% at 50% 48%,#000 46%,rgba(0,0,0,.95) 64%,transparent 100%);mask-image:radial-gradient(ellipse 80% 78% at 50% 48%,#000 46%,rgba(0,0,0,.95) 64%,transparent 100%)}
  .about-system__core-brand{width:84px;height:84px;top:17.5%;border-radius:17px}.about-system__core-brand img{width:47px;height:47px}
  .about-system__label{width:auto;min-height:38px;padding:8px 10px;border-radius:13px;gap:7px}
  .about-system__label img{width:17px;height:17px;flex-basis:17px}.about-system__label small{display:none}.about-system__label strong{font-size:7px;letter-spacing:.11em}
  .about-system__label--architecture{left:4%;top:9.5%}.about-system__label--automation{right:4%;top:12%}
  .about-system__label--integrations{left:4%;bottom:10.5%}.about-system__label--data{right:4%;bottom:9%}
  .about-system__status{left:18px;bottom:17px;font-size:6px;letter-spacing:.13em;gap:7px}.about-system__status i{width:12px}
  .about-system__index{right:18px;top:17px;font-size:7px}
  .about-copy .about-principle{padding-left:14px}
}
@media (max-width:480px){
  .about-system{min-height:440px}
  .about-system__art{width:100%;height:96%}
  .about-system__core-brand{top:17.5%;width:76px;height:76px}.about-system__core-brand img{width:43px;height:43px}
  .about-system__label{padding:7px 8px}.about-system__label img{width:15px;height:15px;flex-basis:15px}.about-system__label strong{font-size:6.5px}
  .about-system__status{max-width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (prefers-reduced-motion:reduce){
  .about-system__art,.about-system__overlay,.about-system__core-brand,.about-system__label,.about-system .as-overlay-particles,.about-system .as-overlay-flow,.about-system .as-overlay-links{will-change:auto!important}
}



@media (max-width:900px){.footer-brand .brand-mark-wrap{width:60px;height:60px}.footer-brand .brand-name{font-size:24px}.footer-brand .brand-line-sub{padding-left:44px}}
@media (max-width:560px){.footer-brand .brand-mark-wrap{width:54px;height:54px}.footer-brand .brand-mark{width:40px;height:40px}.footer-brand .brand-name{font-size:20px}.footer-brand .brand-line-sub{font-size:8px;padding-left:40px}}

/* v29.2 approved brand assets — additive only; core navigation/mobile styles remain from v28 */
.brand-site-logo{display:flex;align-items:center;min-width:0;text-decoration:none}
.brand-site-logo>img{display:block;width:auto;height:48px;max-width:250px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.26))}
.site-header>.brand:not(.brand-site-logo)>picture img,.site-header>.brand:not(.brand-site-logo)>img{display:block;width:auto;height:48px;max-width:250px;object-fit:contain}
.mobile-menu-brand .brand-site-logo>img{height:46px;max-width:230px}
.footer-brand.brand-site-logo>img{height:62px;max-width:330px}
.footer-grid>div:first-child>img{width:auto!important;height:62px;max-width:330px;object-fit:contain;object-position:left center}
.about-system__core-brand img{width:58px;height:70px;object-fit:contain}
.jjst__brandline img{object-fit:contain}
@media(max-width:1200px){.brand-site-logo>img,.site-header>.brand:not(.brand-site-logo)>picture img,.site-header>.brand:not(.brand-site-logo)>img{height:44px;max-width:225px}}
@media(max-width:720px){.brand-site-logo>img,.site-header>.brand:not(.brand-site-logo)>picture img,.site-header>.brand:not(.brand-site-logo)>img{height:40px;max-width:205px}.mobile-menu-brand .brand-site-logo>img{height:42px;max-width:215px}.footer-brand.brand-site-logo>img,.footer-grid>div:first-child>img{height:54px;max-width:290px}}
@media(max-width:430px){.brand-site-logo>img,.site-header>.brand:not(.brand-site-logo)>picture img,.site-header>.brand:not(.brand-site-logo)>img{height:36px;max-width:178px}.mobile-menu-brand .brand-site-logo>img{height:38px;max-width:195px}}


/* v30.5 — mobile language switch --------------------------------------- */
@media(max-width:700px){
  .site-header{gap:8px}
  .actions{gap:6px;min-width:0}
  .actions .lang{display:flex!important;flex:0 0 auto;border-radius:13px;background:rgba(2,13,21,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
  .actions .lang a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 7px;font-size:10px;line-height:1;border-radius:11px}
  .actions .lang a.active{box-shadow:inset 0 0 0 1px rgba(255,120,30,.10)}
  .mobile-meta .btn-ghost{display:none}
}
@media(max-width:430px){
  .site-header{gap:6px;padding-left:10px;padding-right:8px}
  .actions{gap:5px}
  .actions .lang{border-radius:12px}
  .actions .lang a{min-height:36px;padding:6px 5px;font-size:9px}
  .burger{width:42px!important;height:42px!important;border-radius:13px!important}
  .burger span:nth-child(1){top:13px}.burger span:nth-child(2){top:20px}.burger span:nth-child(3){top:27px}
  .burger[aria-expanded="true"] span:nth-child(1),.burger[aria-expanded="true"] span:nth-child(3){top:20px}
}
@media(max-width:350px){
  .brand-site-logo>img,.site-header>.brand:not(.brand-site-logo)>picture img,.site-header>.brand:not(.brand-site-logo)>img{height:32px;max-width:104px}
  .actions .lang a{padding-inline:4px;font-size:8.5px}
}