:root{
  --dark: rgb(13,13,13);
  --light: rgb(250,250,250);
  --brand: rgb(26,143,232);
  --brand-ink: rgb(10,90,160);
  --white: rgb(238,238,238);
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --head: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --px: 2.5rem;
  --rad: 0.4rem;
}
@media (max-width:991px){ :root{ --px:2rem; } }
@media (max-width:480px){ :root{ --px:1.6rem; } }
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ font-size:0.625vw; scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
@media(max-width:991px){ html{ font-size:clamp(10px,2.6vw,11.5px); } }
body{ background:var(--dark); color:var(--white); font-family:var(--mono); overflow-x:hidden;
      overflow-wrap:break-word; -webkit-font-smoothing:antialiased; }
a{ color:inherit; text-decoration:none; }

.header{ position:sticky; top:0; z-index:10; height:5.44rem; background:rgba(13,13,13,0.92);
         backdrop-filter:blur(20px); border-bottom:1px solid rgba(238,238,238,0.06); }
.header-inner{ max-width:100rem; margin:0 auto; height:100%; padding:0 var(--px);
               display:flex; justify-content:space-between; align-items:center; gap:2rem; }
.logo-wrap{ display:flex; align-items:center; gap:1rem; }
.logo-sq{ height:3.6rem; display:flex; align-items:center; flex-shrink:0; }
.logo-sq img{ height:100%; width:auto; display:block; }
.logo-name{ font-size:1.5rem; font-weight:500; text-transform:uppercase; }
.back{ font-size:1.3rem; text-transform:uppercase; letter-spacing:0.04em;
       color:rgba(238,238,238,0.66); display:flex; align-items:center; gap:0.8rem; transition:color 0.2s; }
.back:hover{ color:var(--white); }
.back-dot{ width:0.5rem; height:0.5rem; border-radius:50%; background:var(--brand); flex-shrink:0; }

.wrap{ max-width:100rem; margin:0 auto; padding:8rem var(--px) 6rem; }
@media(max-width:768px){ .wrap{ padding-top:5rem; } }
.slabel{ display:block; font-size:1.2rem; text-transform:uppercase; letter-spacing:0.08em;
         opacity:0.68; margin-bottom:2rem; }
h1{ font-family:var(--head); font-size:clamp(3.6rem,8vw,6rem); font-weight:500;
    text-transform:uppercase; letter-spacing:-0.02em; line-height:100%; }
h1 .co{ color:var(--brand); }
.xline{ height:1px; background:rgba(238,238,238,0.18); margin:4rem 0; }

h2{ font-family:var(--mono); font-size:1.9rem; font-weight:500; text-transform:uppercase;
    letter-spacing:-0.01em; line-height:130%; margin:5rem 0 2rem; }
h2:first-of-type{ margin-top:0; }
h2 .num{ color:var(--brand); margin-right:1rem; }
h3{ font-family:var(--mono); font-size:1.5rem; font-weight:500; text-transform:uppercase;
    margin:3rem 0 1.2rem; opacity:0.9; }
p{ font-size:1.5rem; font-weight:300; line-height:170%; color:rgba(238,238,238,0.78); margin-bottom:1.6rem; }
ul{ list-style:none; margin:0 0 1.6rem; }
li{ font-size:1.5rem; font-weight:300; line-height:170%; color:rgba(238,238,238,0.78);
    padding-left:2.4rem; position:relative; margin-bottom:0.6rem; }
li::before{ content:'→'; position:absolute; left:0; color:var(--brand); }
a.link{ color:var(--brand); overflow-wrap:anywhere; }
a.link:hover{ text-decoration:underline; }
strong{ font-weight:500; color:var(--white); }

.card{ border:1px solid rgba(238,238,238,0.1); border-radius:var(--rad);
       background:rgba(238,238,238,0.02); padding:3.5rem; margin-bottom:2rem; }
.card--brand{ border-color:rgba(26,143,232,0.25); background:rgba(26,143,232,0.05); }
.card p:last-child,.card ul:last-child{ margin-bottom:0; }
.addr{ font-size:1.6rem; font-weight:300; line-height:190%; color:rgba(238,238,238,0.85); }
.addr .k{ display:inline-block; min-width:22rem; color:rgba(238,238,238,0.55);
          text-transform:uppercase; font-size:1.25rem; letter-spacing:0.04em; }
@media(max-width:640px){ .addr .k{ display:block; min-width:0; margin-top:1rem; } }

.footer{ border-top:1px solid rgba(238,238,238,0.07); }
.footer-inner{ max-width:100rem; margin:0 auto; padding:3rem var(--px);
               display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.5rem; }
.footer-copy{ font-size:1.2rem; text-transform:uppercase; opacity:0.55; }
.footer-links{ display:flex; gap:3rem; }
.footer-links a{ font-size:1.3rem; font-weight:300; text-transform:uppercase; opacity:0.7; }
.footer-links a:hover{ opacity:1; }
@media(prefers-reduced-motion:reduce){ *{ transition:none !important; scroll-behavior:auto !important; } }