@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-opsz-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-ext-opsz-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-opsz-italic.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-ext-opsz-italic.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --ink:#071A33; --ink-2:#0B2545; --navy:#13315C; --steel:#4F7FB8;
  --gold:#C9A227; --gold-l:#E0B84C;
  --paper:#F5F7FB; --muted:rgba(245,247,251,.62); --faint:rgba(245,247,251,.50); --hair:rgba(245,247,251,.14);
  --serif:"Fraunces","Times New Roman",serif; --sans:"Manrope","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--sans);color:var(--paper);background:var(--ink);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.stage{position:fixed;inset:0;z-index:0;background:
  radial-gradient(120% 90% at 50% 118%, rgba(201,162,39,.16) 0%, rgba(201,162,39,.05) 26%, transparent 52%),
  radial-gradient(80% 60% at 50% 120%, rgba(79,127,184,.22) 0%, transparent 55%),
  radial-gradient(140% 120% at 82% -18%, rgba(79,127,184,.14) 0%, transparent 46%),
  linear-gradient(180deg,#05132A 0%,#071A33 34%,#0A2242 72%,#0B2545 100%)}
.stage::before{content:"";position:absolute;inset:-20%;background:
  radial-gradient(46% 40% at 30% 30%, rgba(79,127,184,.12), transparent 60%),
  radial-gradient(40% 36% at 74% 20%, rgba(224,184,76,.08), transparent 60%);
  filter:blur(20px);animation:drift 26s ease-in-out infinite alternate}
@keyframes drift{0%{transform:translate3d(-2.5%,-1.5%,0) scale(1.02)}100%{transform:translate3d(3%,2%,0) scale(1.06)}}
.horizon{position:fixed;left:50%;bottom:9%;transform:translateX(-50%);width:78vw;max-width:1180px;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(224,184,76,.55) 22%,rgba(79,127,184,.7) 50%,rgba(224,184,76,.55) 78%,transparent);
  box-shadow:0 0 42px 6px rgba(224,184,76,.22),0 0 120px 20px rgba(79,127,184,.14)}
.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 100% at 50% 42%,transparent 52%,rgba(0,0,0,.42) 100%)}
.artmark-unused{position:fixed;top:0;right:0;bottom:0;width:min(70vw,1040px);overflow:hidden;z-index:2;pointer-events:none;opacity:.28;display:flex;align-items:center;justify-content:flex-end}
.artmark img{height:calc(97vh - 60px);margin-right:-3vh}
.frame{position:relative;z-index:3;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(22px,3.4vw,46px) clamp(24px,5vw,84px)}
header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{height:62px;width:auto;display:block}
nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,36px)}
.navlinks{display:flex;gap:clamp(16px,2.2vw,36px)}
.navlinks a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;position:relative;padding:6px 0;transition:color .3s}
.navlinks a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:linear-gradient(90deg,var(--gold),var(--steel));transition:width .4s}
.navlinks a:hover{color:var(--paper)}.navlinks a:hover::after{width:100%}
.lang{display:flex;border:1px solid var(--hair);border-radius:2px}
.lang button{background:none;border:0;color:var(--muted);font:600 11px var(--sans);letter-spacing:.08em;padding:6px 9px;cursor:pointer}
.lang button[aria-pressed="true"]{color:var(--ink);background:var(--gold-l)}
.cta{font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:linear-gradient(180deg,rgba(79,127,184,.24),rgba(201,162,39,.12));border:1px solid rgba(224,184,76,.5);padding:10px 16px;border-radius:2px;cursor:pointer;text-decoration:none}
.cta:hover{border-color:var(--gold-l)}
main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center}
.kicker{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:var(--gold-l);margin-bottom:26px}
.kicker::before{content:"";width:38px;height:1px;background:linear-gradient(90deg,var(--gold-l),transparent)}
h1{font-family:var(--serif);font-weight:300;font-size:clamp(38px,5vw,74px);line-height:1;letter-spacing:-.02em}
h1 em{font-style:italic;background:linear-gradient(90deg,var(--gold-l),#F3D98A);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{margin-top:22px;max-width:520px;color:var(--muted);font-size:16px;line-height:1.6}
.links{margin-top:40px;display:flex;flex-direction:column;gap:18px}
.links a{display:inline-flex;align-items:center;gap:14px;color:var(--paper);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}
.links .line{width:56px;height:1px;background:var(--faint)}.links .arw{color:var(--gold-l)}
/* corporate tree */
.orbit{display:flex;justify-content:center;align-items:center}
.orbit-box{position:relative;width:min(100%,640px)}
.hot{position:absolute;border-radius:12px;transition:box-shadow .25s}
.hot:hover,.hot:focus-visible{box-shadow:0 0 0 2px var(--gold-l);outline:none}
.orbit img{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 60px rgba(0,0,0,.35))}
.tree{position:relative;background:rgba(7,26,51,.55);border:1px solid var(--hair);border-radius:6px;padding:22px 20px 18px;backdrop-filter:blur(4px)}
.tree h2{font:600 11px var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
.t-root{display:flex;justify-content:center;gap:12px;margin-bottom:18px}
.node{display:block;text-decoration:none;color:var(--paper);border:1px solid rgba(245,247,251,.22);border-radius:4px;padding:9px 10px;text-align:center;background:rgba(19,49,92,.55);transition:border-color .25s,background .25s,transform .25s}
.node:hover,.node:focus-visible{border-color:var(--gold-l);background:rgba(19,49,92,.85);transform:translateY(-1px);outline:none}
.node b{display:block;font-size:12.5px;font-weight:700;letter-spacing:.01em}
.node small{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}
.node.root{border-color:rgba(224,184,76,.7);min-width:190px}
.node.root b{color:var(--gold-l)}
.node.tool{border-style:dashed}
.lock{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);margin-top:4px;display:block}
.t-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative}
.col{display:flex;flex-direction:column;gap:8px}
.col .child{margin-left:10px;position:relative;background:rgba(7,26,51,.6)}
.col .child::before{content:"";position:absolute;left:-10px;top:50%;width:9px;height:1px;background:var(--hair)}
.t-tools{display:flex;justify-content:center;gap:10px;margin-top:14px}
footer{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--faint);padding-top:18px;border-top:1px solid var(--hair);margin-top:28px}
footer a{color:var(--faint);text-decoration:none;margin-left:14px}footer a:hover{color:var(--paper)}
.auth{margin-left:14px;color:var(--gold-l);letter-spacing:.14em;text-transform:uppercase;font-size:10.5px}
@media (max-width:1080px){main{grid-template-columns:1fr}.artmark-unused{opacity:.12}.t-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.navlinks{display:none}.brand img{height:40px}header{flex-wrap:wrap}nav{gap:10px}.cta{padding:8px 10px;font-size:10px}.t-grid{grid-template-columns:1fr}main{margin-top:28px}footer{flex-direction:column;align-items:flex-start}footer a:first-child{margin-left:0}}
@media (prefers-reduced-motion:reduce){.stage::before{animation:none}}
.hot-seismic{left:41.11%;top:9.96%;width:17.77%;height:17.19%}
.hot-mining{left:5.76%;top:45.51%;width:24.61%;height:8.98%}
.hot-og{left:69.63%;top:45.51%;width:24.61%;height:8.98%}
.hot-agro{left:37.70%;top:77.54%;width:24.61%;height:8.98%}
.hot-ect{left:90.53%;top:32.69%;width:6.25%;height:6.25%}

/* --- inner pages --- */
main.page{display:block;max-width:760px;padding:28px 0 8px}
.page .kicker{display:flex}
.page h1{font-size:clamp(34px,4vw,56px);margin-bottom:18px}
.page h2{font:600 12px var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-l);margin:30px 0 10px}
.page p,.page li{color:var(--muted);font-size:15.5px;line-height:1.7}
.page ul{padding-left:20px}
.page a{color:var(--gold-l)}
.updated{font-size:12px;color:var(--faint);margin-bottom:8px}
form.contact{margin-top:26px;display:grid;gap:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-size:12px;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
input,textarea{width:100%;background:rgba(7,26,51,.6);border:1px solid var(--hair);border-radius:3px;color:var(--paper);font:15px var(--sans);padding:11px 12px}
input:focus,textarea:focus{outline:none;border-color:var(--gold-l)}
textarea{min-height:140px;resize:vertical}
.consent{display:flex;gap:10px;align-items:flex-start}.consent input{width:auto;margin-top:4px}
.consent span{font-size:13px;color:var(--muted);line-height:1.5}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.btn{justify-self:start;font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--gold-l);border:0;border-radius:2px;padding:13px 22px;cursor:pointer}
.btn[disabled]{opacity:.5;cursor:default}
.note{font-size:13px;color:var(--faint)}
.status{font-size:14px;min-height:20px}.status.ok{color:#9BE3B0}.status.err{color:#F3A6A6}
.platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.plat{display:block;text-decoration:none;border:1px solid var(--hair);border-radius:6px;padding:18px;background:rgba(19,49,92,.45);color:var(--paper)}
.plat:hover,.plat:focus-visible{border-color:var(--gold-l);outline:none}
.plat b{display:block;font-size:16px}.plat small{color:var(--muted);font-size:13px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;background:var(--gold-l);color:var(--ink);padding:8px 12px}
@media (max-width:760px){.row2,.platforms{grid-template-columns:1fr}}