/* Trikta — shared site styles (dark brand-gradient redesign) */
@font-face{
  font-family:'JetBrains Mono';
  src:url('../fonts/jbm.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
:root{
  --g1:#583b2b;--g2:#7d2f2b;--g3:#9d2433;--g4:#b43a4f;--g5:#d86f8e;
  --ink:#f7f1e6;--muted:rgba(247,241,230,.68);--faint:rgba(247,241,230,.42);
  --glass:rgba(26,10,14,.32);--glass-brd:rgba(255,240,235,.14);
  --glass-hi:rgba(255,248,240,.08);
  --cream:#f5f0e8;--ink-dark:#2c2420;
  --teal:#8fd0be;--gold:#f2c94c;
  --c-red:#c94b42;--c-teal:#4a8c7e;--c-blue:#48688f;
  --wm-a:#ffe6c9;--wm-b:#ffb3c8;
  --radius:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'JetBrains Mono',monospace;color:var(--ink);
  background:var(--g3);
  -webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65;
  overflow-x:hidden;min-height:100vh;
}
body::before{
  content:'';position:fixed;inset:0;z-index:-2;
  background:linear-gradient(172deg,var(--g1) 0%,var(--g2) 24%,var(--g3) 48%,var(--g4) 71%,var(--g5) 100%);
}
body::after{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}
a{color:inherit}
img,video{max-width:100%}
.wrap{max-width:1060px;margin:0 auto;padding:0 24px}

/* nav */
nav.top{padding:20px 0}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.wordmark{display:flex;align-items:center;gap:3px;font-weight:800;font-size:1.3rem;letter-spacing:-.06em;text-decoration:none}
.wordmark img{width:27px;height:27px;border-radius:8px;box-shadow:0 2px 10px rgba(30,5,12,.4)}
.wordmark span{background:linear-gradient(135deg,var(--wm-a),var(--wm-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-right{display:flex;align-items:center;gap:12px}
.lang{display:flex;border:1px solid var(--glass-brd);border-radius:100px;overflow:hidden;font-size:.68rem;font-weight:700}
.lang button{background:none;border:none;color:var(--faint);font-family:inherit;font-weight:700;font-size:.68rem;padding:7px 12px;cursor:pointer;letter-spacing:.06em}
.lang button.on{background:var(--glass-hi);color:var(--ink)}
.nav-cta{font-size:.74rem;text-decoration:none;color:var(--ink);border:1px solid var(--glass-brd);background:var(--glass-hi);padding:8px 16px;border-radius:100px;transition:.2s;white-space:nowrap}
.nav-cta:hover{background:rgba(255,248,240,.16)}

/* type + sections */
h1{font-size:clamp(2.5rem,6vw,4.1rem);font-weight:800;letter-spacing:-.055em;line-height:1.04;text-transform:lowercase;text-shadow:0 2px 24px rgba(50,8,18,.35)}
h1 em{font-style:normal;background:linear-gradient(135deg,var(--wm-a),var(--wm-b));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(1.65rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.045em;text-transform:lowercase;margin-bottom:14px;text-shadow:0 2px 18px rgba(50,8,18,.3)}
section{padding:74px 0}
.label{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:10px}
.lead{color:var(--muted);max-width:54ch;font-size:.92rem}
.lead b{color:var(--ink);font-weight:700}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--cream);color:var(--ink-dark);text-decoration:none;padding:14px 24px;border-radius:14px;font-weight:700;font-size:.86rem;letter-spacing:-.02em;transition:.2s;box-shadow:0 10px 30px -10px rgba(30,5,12,.5)}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px -12px rgba(30,5,12,.6)}
.btn svg{width:18px;height:18px}
.link-quiet{font-size:.8rem;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--glass-brd);transition:.2s}
.link-quiet:hover{color:var(--ink)}

/* glass panel */
.panel{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* footer */
footer{padding:64px 0 46px;text-align:center}
footer .inner{background:rgba(30,10,16,.30);border-top:1px solid var(--glass-brd);padding:44px 24px 40px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
footer .fm{font-weight:800;font-size:1.2rem;letter-spacing:-.05em;background:linear-gradient(135deg,var(--wm-a),var(--wm-b));-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:lowercase}
.flinks{display:flex;gap:26px;justify-content:center;margin:18px 0 12px;font-size:.76rem;flex-wrap:wrap}
.flinks a{color:var(--muted);text-decoration:none;transition:.2s}
.flinks a:hover{color:var(--ink)}
footer .cc{font-size:.68rem;color:var(--faint)}
footer .cc+.cc{margin-top:4px}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--wm-b);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}