:root{
  --void:     #040405;
  --panel:    #0A0A0C;
  --panel-2:  #0E0E11;
  --bolt:     #FB0351;
  --bolt-hi:  #FF3D74;
  --ember:    #A80030;
  --white:    #FFFFFF;
  --ash:      #82808A;
  --ash-dim:  #5A5860;
  --line:     rgba(255,255,255,.09);

  --grad-bolt: linear-gradient(102deg, var(--ember) 0%, var(--bolt) 45%, var(--bolt-hi) 100%);

  --display: 'Archivo', system-ui, sans-serif;
  --body:    'Sora', system-ui, sans-serif;
  --tech:    'Chakra Petch', ui-monospace, monospace;

  --cut:     14px;
  --cut-sm:  10px;
  --skew:    -1.6deg;
  --angle:   102deg;

  --nav-h:     78px;
  --pad:       clamp(18px, 5vw, 44px);
  --section-y: clamp(76px, 12vw, 148px);
  --maxw:      1200px;
  --ease:      cubic-bezier(.2,.75,.28,1);

  --mx: 50%;
  --my: 40%;

  color-scheme:dark;

  --clip:    polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  --clip-sm: polygon(0 0, calc(100% - var(--cut-sm)) 0, 100% var(--cut-sm), 100% 100%, var(--cut-sm) 100%, 0 calc(100% - var(--cut-sm)));
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html{
  scroll-behavior:smooth; scroll-padding-top:96px; -webkit-text-size-adjust:100%;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.drawer::-webkit-scrollbar,
.legal__table::-webkit-scrollbar,
.tbl-wrap::-webkit-scrollbar{ width:0; height:0; display:none; }
.drawer, .legal__table, .tbl-wrap{ scrollbar-width:none; -ms-overflow-style:none; }

body{
  background:var(--void);
  color:var(--white);
  font-family:var(--body);
  font-size:16px;
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

body::before{
  content:"";
  position:fixed; inset:0; z-index:-2; pointer-events:none;
  background-image:repeating-linear-gradient(var(--angle),
    rgba(255,255,255,.030) 0 1px, transparent 1px 10px);
}

body::after{
  content:"";
  position:fixed; inset:0; z-index:-2; pointer-events:none; opacity:.22;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}

img{
  max-width:100%; display:block;
  -webkit-user-drag:none; user-select:none; -webkit-user-select:none;
}

[hidden]{ display:none !important; }
a{ color:inherit; text-decoration:none; }
button,input,select{ font:inherit; color:inherit; }
:focus-visible{ outline:2px solid var(--bolt); outline-offset:3px; }
::selection{ background:var(--bolt); color:#fff; }

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

.eyebrow{
  font-family:var(--tech); font-weight:700;
  font-size:11.5px; letter-spacing:.26em; text-transform:uppercase;
  color:var(--ash);
  display:inline-flex; align-items:center; gap:12px;
}
.eyebrow::before{
  content:"";
  width:16px; height:9px;
  background:var(--bolt);
  transform:skewX(-24deg);
  box-shadow:0 0 14px rgba(251,3,81,.9);
}

.section-title{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 110, 'wght' 900;
  text-transform:uppercase;
  font-size:clamp(32px, 7.4vw, 62px);
  line-height:.92; letter-spacing:-.028em;
  margin:20px 0 18px;
}

.lead{
  color:var(--ash);
  font-size:clamp(15px, 3.6vw, 17.5px);
  line-height:1.75;
  max-width:54ch;
}

.bolt-text{
  background:var(--grad-bolt);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

.wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad); }
section{ padding-block:var(--section-y); position:relative; }

.slash-rule{
  height:1px; border:0;
  background:linear-gradient(90deg, transparent, var(--line) 18%, var(--line) 82%, transparent);
  transform:skewY(var(--skew));
}

.rail{
  display:none;
  position:fixed; left:16px; top:50%; z-index:60;
  transform:translateY(-50%) rotate(180deg);
  writing-mode:vertical-rl;
  font-family:var(--tech); font-weight:500;
  font-size:10.5px; letter-spacing:.34em; text-transform:uppercase;
  color:var(--ash-dim);
  align-items:center; gap:16px;
  pointer-events:none;
}
.rail::after{ content:""; width:1px; height:74px; background:linear-gradient(var(--bolt), transparent); }

.btn{
  position:relative;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:16px 30px;
  clip-path:var(--clip);
  font-family:var(--tech); font-weight:700;
  font-size:13.5px; letter-spacing:.14em; text-transform:uppercase;
  cursor:pointer; border:0; overflow:hidden;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background-color .25s var(--ease);
}
.btn::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(var(--angle), transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%);
  transform:translateX(-120%);
  transition:transform .6s var(--ease);
}
.btn:hover::after{ transform:translateX(120%); }

.btn--primary{
  background:var(--grad-bolt); color:#fff;
  box-shadow:0 12px 34px -16px rgba(251,3,81,.95);
}
.btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 0 30px -6px rgba(251,3,81,.7), 0 18px 44px -18px rgba(251,3,81,1);
}

.btn--ghost{ background:rgba(255,255,255,.06); color:var(--white); }
.btn--ghost:hover{ transform:translateY(-2px); background:rgba(251,3,81,.16); }

.btn--sm{ padding:12px 20px; font-size:12px; --cut:10px; }
.btn:active{ transform:translateY(0); }

.nav{
  position:fixed; inset:0 0 auto 0; z-index:100;
  border-bottom:1px solid transparent;
  transition:background-color .3s var(--ease), border-color .3s, backdrop-filter .3s;
}
.nav.is-stuck{
  background:rgba(4,4,5,.78);
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  border-bottom-color:var(--line);
}
.nav__inner{ display:flex; align-items:center; justify-content:space-between; gap:14px; height:var(--nav-h); }

.logo{ display:flex; align-items:center; }
.nav .logo{
  opacity:0; pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .35s var(--ease), transform .35s var(--ease);
}
.nav.is-stuck .logo,
body.no-scroll .nav .logo{ opacity:1; pointer-events:auto; transform:none; }
.logo img{ height:34px; width:auto; transition:filter .3s var(--ease); }
.logo:hover img{ filter:drop-shadow(0 0 14px rgba(251,3,81,.85)); }
.logo__fallback{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 108,'wght' 900;
  text-transform:uppercase; font-size:19px; letter-spacing:.02em;
}
.logo__fallback i{ font-style:italic; color:var(--bolt); padding-inline:4px; }

.nav__links{ display:none; }
.nav__cta{ display:none; }

.nav__link{
  position:relative;
  font-family:var(--tech); font-weight:500;
  font-size:12.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--ash); padding-block:8px;
  transition:color .25s var(--ease);
}
.nav__link::after{
  content:""; position:absolute; left:0; bottom:2px;
  width:100%; height:2px; background:var(--bolt);
  transform:scaleX(0) skewX(-24deg); transform-origin:right;
  transition:transform .35s var(--ease);
}
.nav__link:hover{ color:var(--white); }
.nav__link:hover::after{ transform:scaleX(1) skewX(-24deg); transform-origin:left; }
.nav__link.is-active{ color:var(--white); }

.nav__item{ position:relative; }
.nav__link--btn{
  background:none; border:0; cursor:pointer;
  display:inline-flex; align-items:center; gap:7px;
}
.nav__link--btn svg{
  width:9px; height:6px; stroke:currentColor; fill:none; stroke-width:2;
  transition:transform .3s var(--ease);
}
.nav__item.is-open .nav__link--btn svg{ transform:rotate(180deg); }

.submenu{
  position:absolute; top:calc(100% + 14px); left:-18px;
  min-width:302px; z-index:120;
  padding:1px;
  clip-path:var(--clip);
  background:linear-gradient(160deg, var(--bolt), rgba(255,255,255,.10) 60%);
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s;
}
.nav__item.is-open .submenu,
.nav__item:hover .submenu,
.nav__item:focus-within .submenu{ opacity:1; visibility:visible; transform:translateY(0); }

.submenu__in{
  clip-path:var(--clip);
  background:linear-gradient(170deg, #0F0F13, #08080A);
  padding:10px;
}
.submenu a{
  display:block; padding:12px 14px;
  transition:background .25s var(--ease);
}
.submenu a:hover{ background:rgba(251,3,81,.12); }
.submenu b{
  display:flex; align-items:center; gap:9px;
  font-family:var(--tech); font-weight:700;
  font-size:12.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--white);
}
.submenu span{
  display:block; margin-top:4px;
  font-size:12.5px; color:var(--ash); line-height:1.45;
}
.tag{
  font-family:var(--tech); font-weight:700;
  font-size:9.5px; letter-spacing:.14em; font-style:normal;
  padding:3px 7px; color:#fff;
  background:var(--grad-bolt);
  clip-path:polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
}

.drawer__sub{
  display:grid; gap:2px;
  margin:4px 0 6px;
  padding:4px 0 10px 14px;
  border-left:1px solid rgba(251,3,81,.35);
  border-bottom:1px solid var(--line);
}
.drawer .drawer__sub a{
  display:block;
  font-family:var(--body); font-style:normal;
  font-variation-settings:normal;
  text-transform:none; font-size:15px; font-weight:600;
  padding:9px 0; border:0; color:var(--white);
  transition:color .2s var(--ease);
}
.drawer .drawer__sub a small{
  display:block; margin-top:2px;
  font-weight:400; font-size:12.5px; line-height:1.45; color:var(--ash);
}
.drawer .drawer__sub a:hover{ color:var(--bolt); }
.drawer .drawer__sub .tag{ margin-left:8px; vertical-align:2px; }
.drawer a[href*="dashboard"]{ color:var(--bolt); }
.nav__link.is-active::after{ transform:scaleX(1) skewX(-24deg); }

.lang{
  display:flex; align-items:center; gap:1px;
  background:rgba(255,255,255,.05);
  clip-path:var(--clip-sm);
  padding:2px;
}
.lang button{
  border:0; cursor:pointer; background:none;
  padding:7px 10px;
  font-family:var(--tech); font-weight:700;
  font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ash);
  transition:background .25s var(--ease), color .25s var(--ease);
}
.lang button:hover{ color:var(--white); }
.lang button.is-on{ background:var(--grad-bolt); color:#fff; }

.nav .lang{ display:none; }
.nav__link--panou{
  display:none;
  padding:9px 15px;
  background:rgba(255,255,255,.06);
  clip-path:var(--clip-sm);
}
.nav__link--panou::after{ display:none; }
.nav__link--panou:hover{ background:rgba(251,3,81,.16); color:#fff; }
.lang--drawer{
  width:auto; align-self:flex-start;
  margin:20px 0 0;
}
.lang--drawer button{ padding:9px 16px; font-size:11.5px; }

.burger{
  width:46px; height:46px; display:grid; place-items:center;
  background:rgba(255,255,255,.06); border:0; cursor:pointer;
  clip-path:var(--clip-sm);
}
.burger span{ display:block; width:18px; height:2px; background:var(--white); transition:transform .3s var(--ease), opacity .2s; }
.burger span + span{ margin-top:5px; }
.burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.drawer{
  position:fixed; inset:var(--nav-h) 0 0 0; z-index:99;
  background:rgba(4,4,5,.985);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border-top:1px solid var(--line);
  padding:18px var(--pad) calc(28px + env(safe-area-inset-bottom));
  display:flex; flex-direction:column; gap:2px;
  overflow-y:auto; overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  transform:translateY(-12px); opacity:0; visibility:hidden;
  transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;
}
.drawer.is-open{ opacity:1; visibility:visible; transform:translateY(0); }
body.no-scroll{ overflow:hidden; }

.drawer a:not(.btn):not(.drawer__sub a){
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 108,'wght' 800;
  text-transform:uppercase;
  font-size:clamp(20px, 6.4vw, 26px);
  padding-block:clamp(9px, 2.6vw, 13px);
  border-bottom:1px solid var(--line);
  transition:color .2s var(--ease);
}
@media (hover:hover){
  .drawer a:not(.btn):hover{ color:var(--bolt); }
}
.drawer .btn{ margin-top:auto; width:100%; }
.drawer .lang--drawer + .btn{ margin-top:18px; }

.hero{
  min-height:100svh;
  display:flex; align-items:center;
  padding-top:126px; padding-bottom:84px;
  overflow:hidden;
}
.hero__inner{
  display:flex; flex-direction:column; align-items:center;
  text-align:center;
}

.hero__mark{
  margin-bottom:clamp(26px, 5vw, 40px);
  transform:translate3d(calc(var(--par-x, 0px) * -.3), calc(var(--par-y, 0px) * -.3), 0);
  transition:transform .5s cubic-bezier(.2,.9,.3,1);
}
.hero__mark img{
  width:clamp(210px, 44vw, 330px); height:auto;
  filter:drop-shadow(0 0 26px rgba(251,3,81,.45));
  animation:mark-float 7s ease-in-out infinite;
}
.hero__mark .logo__fallback{
  font-size:clamp(30px, 8vw, 54px);
  text-shadow:0 0 26px rgba(251,3,81,.5);
}
@keyframes mark-float{
  0%,100%{ transform:translateY(0) }
  50%    { transform:translateY(-8px) }
}

.hero__beam{
  position:absolute; z-index:-1; pointer-events:none;
  top:16%; left:-30%; width:170%; height:360px;
  background:linear-gradient(90deg, transparent, rgba(251,3,81,.30), rgba(168,0,48,.10), transparent);
  filter:blur(70px);
  transform:rotate(-12deg) translate3d(var(--par-x, 0px), var(--par-y, 0px), 0);
  transition:transform .5s cubic-bezier(.2,.9,.3,1);
  animation:breathe 9s ease-in-out infinite;
}
@keyframes breathe{ 0%,100%{ opacity:.75 } 50%{ opacity:1 } }

.cut-title{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 116, 'wght' 900;
  text-transform:uppercase;
  font-size:clamp(36px, 9.4vw, 88px);
  line-height:.96; letter-spacing:-.035em;
  margin:26px auto 28px;
  max-width:17ch;
  display:grid;
}
.cut-title span{ display:block; }

.cut-title .top{
  color:var(--white);
  padding-bottom:26px; margin-bottom:-20px;
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 26px), 0 100%);
  animation:cut-top 1s var(--ease) both;
}
.cut-title .bot{
  background:var(--grad-bolt);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
  padding-top:26px; margin-top:-20px;
  clip-path:polygon(0 26px, 100% 0, 100% 100%, 0 100%);
  animation:cut-bottom 1s var(--ease) both;
}
@keyframes cut-top{    from{ transform:translateX(0) }  to{ transform:translateX(-9px) } }
@keyframes cut-bottom{ from{ transform:translateX(0) }  to{ transform:translateX(9px) } }

.hero .lead{
  font-size:clamp(15.5px, 4vw, 18px); color:#A8A5AE;
  margin-inline:auto; max-width:52ch;
}

.hero__actions{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:12px; margin-top:38px;
}
.hero__actions .btn{ flex:1 1 auto; min-width:190px; }

.hero__meta{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:12px 28px; margin-top:44px;
  font-family:var(--tech); font-weight:500;
  font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--ash-dim);
}
.hero__meta span{ display:inline-flex; align-items:center; gap:9px; }

.live-dot{
  width:7px; height:7px; background:var(--bolt);
  transform:skewX(-24deg); box-shadow:0 0 12px var(--bolt);
  animation:blink 2.2s ease-in-out infinite;
}
@keyframes blink{ 0%,100%{ opacity:1 } 50%{ opacity:.3 } }

.pointer-glow{
  position:fixed; top:0; left:0; z-index:-1;
  width:560px; height:560px; margin:-280px 0 0 -280px;
  border-radius:50%;
  background:radial-gradient(circle,
    rgba(251,3,81,.34) 0%, rgba(251,3,81,.12) 42%, transparent 70%);
  filter:blur(26px);
  pointer-events:none; opacity:0;
  transition:opacity .6s var(--ease), filter .35s var(--ease);
  will-change:transform;
}
.pointer-glow.is-on{ opacity:1; }
.pointer-glow.is-hot{ filter:blur(8px); }

.pointer-grid{
  position:fixed; inset:0; z-index:-1;
  pointer-events:none; opacity:0;
  background-image:
    repeating-linear-gradient(var(--angle), rgba(251,3,81,.55) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(calc(var(--angle) + 90deg), rgba(255,255,255,.22) 0 1px, transparent 1px 28px);
  -webkit-mask-image:radial-gradient(230px 230px at var(--mx) var(--my), #000 0%, rgba(0,0,0,.45) 48%, transparent 72%);
          mask-image:radial-gradient(230px 230px at var(--mx) var(--my), #000 0%, rgba(0,0,0,.45) 48%, transparent 72%);
  transition:opacity .7s var(--ease);
}
.pointer-grid.is-on{ opacity:.55; }

@media (hover:none), (pointer:coarse){
  .pointer-glow, .pointer-grid{ display:none; }
}

.stats-band{
  position:relative;
  border-block:1px solid var(--line);
  background:linear-gradient(180deg, rgba(251,3,81,.06), rgba(251,3,81,.015));
  padding-block:clamp(34px, 6vw, 54px);
  overflow:hidden;
}
.stats-band::before{
  content:""; position:absolute; inset:0 0 auto 0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(251,3,81,.6), transparent);
}

.stats{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:34px 0;
  position:relative;
}

.stat{ position:relative; text-align:center; padding-inline:10px; }
.stat::before{
  content:"";
  position:absolute; left:0; top:16%;
  width:1px; height:68%;
  background:linear-gradient(transparent, rgba(255,255,255,.22) 20%, rgba(251,3,81,.45) 50%, rgba(255,255,255,.22) 80%, transparent);
  transform:skewX(-14deg);
}
.stat:first-child::before{ display:none; }

.stat b{
  display:block;
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 110, 'wght' 900;
  font-size:clamp(36px, 9vw, 58px);
  line-height:1; letter-spacing:-.035em;
  background:var(--grad-bolt);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 20px rgba(251,3,81,.35));
}
.stat span{
  display:block; margin-top:13px;
  font-family:var(--tech); font-weight:500;
  font-size:10.5px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--ash);
}
.stat small{
  display:block; margin-top:6px;
  font-size:12px; color:var(--ash-dim); line-height:1.45;
}

.pillars{ display:grid; gap:16px; margin-top:46px; padding-bottom:8px; }

.pillar{
  clip-path:var(--clip);
  padding:1px;
  background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 55%);
  transition:background .4s var(--ease), transform .4s var(--ease), filter .4s var(--ease);
}
.pillar__in{
  clip-path:var(--clip);
  background:linear-gradient(165deg, var(--panel-2), var(--panel));
  padding:28px 26px 30px;
  height:100%; position:relative; overflow:hidden;
}
.pillar__in::before{
  content:""; position:absolute; inset:0; opacity:.5;
  background-image:repeating-linear-gradient(var(--angle), rgba(255,255,255,.03) 0 1px, transparent 1px 12px);
}
.pillar:hover{
  background:linear-gradient(160deg, var(--bolt), rgba(251,3,81,.12) 60%);
  transform:translateY(-5px);
  filter:drop-shadow(0 18px 34px rgba(251,3,81,.3));
}

.pillar__icon{
  width:48px; height:48px; display:grid; place-items:center;
  background:rgba(251,3,81,.12);
  clip-path:var(--clip-sm);
  margin-bottom:20px; position:relative;
  transition:background .35s var(--ease);
}
.pillar__icon svg{
  width:22px; height:22px; stroke:var(--bolt); fill:none;
  stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;
  transition:stroke .35s;
}
.pillar:hover .pillar__icon{ background:var(--bolt); }
.pillar:hover .pillar__icon svg{ stroke:#fff; }

.pillar h3{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 108,'wght' 800;
  text-transform:uppercase; font-size:20px; letter-spacing:-.015em;
  margin-bottom:10px; position:relative;
}
.pillar p{ color:var(--ash); font-size:14.5px; line-height:1.65; position:relative; }

.motto{
  padding-block:clamp(64px, 10vw, 118px);
  text-align:center;
  overflow:hidden;
}
.motto::before{
  content:""; position:absolute; z-index:-1; pointer-events:none;
  top:50%; left:-20%; width:140%; height:200px;
  transform:translateY(-50%) rotate(-6deg);
  background:linear-gradient(90deg, transparent, rgba(251,3,81,.18), transparent);
  filter:blur(60px);
}
.motto__line{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 114, 'wght' 900;
  text-transform:uppercase;
  font-size:clamp(28px, 6.6vw, 68px);
  line-height:1; letter-spacing:-.035em;
  display:inline-flex; flex-wrap:wrap; justify-content:center;
  align-items:center; gap:.16em .3em;
}
.motto__line em{
  font-style:italic;
  background:var(--grad-bolt);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}
.motto__line .bolt-mark{
  width:22px; height:11px; background:var(--bolt);
  transform:skewX(-24deg);
  box-shadow:0 0 18px rgba(251,3,81,.8);
  flex:0 0 auto;
}
.motto__note{
  margin-top:22px;
  font-family:var(--tech); font-weight:500;
  font-size:11px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--ash-dim);
}

.about{ display:grid; gap:54px; }

.checks{ display:grid; gap:20px; margin-top:32px; list-style:none; }
.checks li{ display:flex; gap:16px; align-items:flex-start; }
.checks .tick{
  flex:0 0 auto; width:26px; height:26px; margin-top:3px;
  background:rgba(251,3,81,.14); clip-path:var(--clip-sm);
  display:grid; place-items:center;
}
.checks .tick svg{ width:14px; height:14px; stroke:var(--bolt); fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.checks strong{ display:block; font-weight:600; font-size:15.5px; margin-bottom:2px; }
.checks span{ color:var(--ash); font-size:14.5px; }

.panel{
  clip-path:var(--clip); padding:1px;
  background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 60%);
}
.panel__in{
  clip-path:var(--clip);
  background:linear-gradient(165deg, var(--panel-2), var(--panel));
  padding:30px 26px;
}
.panel__head{
  font-family:var(--tech); font-weight:700; font-size:11px;
  letter-spacing:.26em; text-transform:uppercase; color:var(--ash);
  padding-bottom:20px; border-bottom:1px solid var(--line);
}
.step{ display:flex; gap:20px; padding-block:24px; }
.step + .step{ border-top:1px solid var(--line); }
.step__num{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 105,'wght' 900;
  font-size:26px; line-height:1; color:var(--bolt);
  flex:0 0 auto; opacity:.9;
}
.step h4{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 106,'wght' 800;
  text-transform:uppercase; font-size:17px; margin-bottom:6px;
}
.step p{ color:var(--ash); font-size:14px; line-height:1.6; }

.apply__grid{ display:grid; gap:48px; }

.form-card{
  clip-path:var(--clip); padding:1px;
  background:linear-gradient(160deg, var(--bolt), rgba(255,255,255,.08) 55%);
}
.form-card__in{
  clip-path:var(--clip);
  background:linear-gradient(170deg, var(--panel-2), #070709);
  padding:clamp(26px, 5vw, 40px);
}

.field{ display:grid; gap:9px; margin-bottom:22px; }
.field label{
  font-family:var(--tech); font-weight:500; font-size:11px;
  letter-spacing:.2em; text-transform:uppercase; color:var(--ash);
}
.field input{
  width:100%; padding:15px 16px;
  background:rgba(0,0,0,.55);
  border:1px solid var(--line);
  border-left:2px solid rgba(251,3,81,.45);
  border-radius:0;
  font-size:16px;
  font-family:var(--body);
  transition:border-color .25s var(--ease), background-color .25s, box-shadow .25s;
}
.field input::placeholder{ color:#4E4C55; }
.field input:focus{
  outline:none;
  border-color:rgba(251,3,81,.5);
  border-left-color:var(--bolt);
  background:rgba(0,0,0,.7);
  box-shadow:0 0 0 3px rgba(251,3,81,.13);
}

.consent{
  display:flex; gap:13px; align-items:flex-start;
  font-size:13px; color:var(--ash); line-height:1.55; margin-bottom:26px;
}
.consent input{
  appearance:none; -webkit-appearance:none;
  flex:0 0 auto; width:20px; height:20px; margin-top:1px;
  background:rgba(0,0,0,.55); border:1px solid var(--line);
  clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
  cursor:pointer; transition:background .2s;
}
.consent input:checked{ background:var(--grad-bolt); border-color:transparent; }
.consent a{ color:#CFCCD3; text-decoration:underline; text-underline-offset:3px; }

.form-card .btn{ width:100%; }
.form-note{
  margin-top:16px; text-align:center;
  font-family:var(--tech); font-weight:500; font-size:11px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--ash-dim);
}

.status{ margin-top:18px; padding:14px 16px; font-size:14px; display:none; clip-path:var(--clip-sm); }
.status.is-visible{ display:block; }
.status--ok{ background:rgba(255,255,255,.07); border-left:3px solid var(--bolt); }
.status--err{ background:rgba(251,3,81,.12); border-left:3px solid var(--bolt); color:#FFC4D4; }

.steps-bar{ display:flex; gap:7px; margin-bottom:15px; }
.steps-bar i{
  flex:1; height:5px;
  background:rgba(255,255,255,.10);
  transform:skewX(-24deg);
  transition:background .45s var(--ease), box-shadow .45s var(--ease);
}
.steps-bar i.is-on{ background:var(--grad-bolt); box-shadow:0 0 14px rgba(251,3,81,.55); }

.step-label{
  font-family:var(--tech); font-weight:500;
  font-size:11px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--ash); margin-bottom:26px;
}
.step-label b{ color:var(--bolt); font-weight:700; }

.fstep{ display:none; }
.fstep.is-active{ display:block; animation:step-in .45s var(--ease) both; }
@keyframes step-in{ from{ opacity:0; transform:translateX(16px) } to{ opacity:1; transform:none } }

.row{ display:grid; gap:0 16px; }

.field select,
.field textarea{
  width:100%; padding:15px 16px;
  background:rgba(0,0,0,.55);
  border:1px solid var(--line);
  border-left:2px solid rgba(251,3,81,.45);
  border-radius:0;
  font-size:16px; font-family:var(--body);
  transition:border-color .25s var(--ease), background-color .25s, box-shadow .25s;
}
.field select{
  appearance:none; -webkit-appearance:none;
  padding-right:42px; cursor:pointer;
  color:var(--white);

  background-color:#08080A;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23FB0351' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
}
.field select:invalid{ color:#4E4C55; }

.field select option{
  background-color:#101013;
  color:#F6F4F5;
  padding:10px;
}
.field select option:disabled{ color:#6A6772; }
.field select option:checked{ background-color:#1A1A1F; }
.field textarea{ min-height:108px; resize:vertical; line-height:1.6; }
.field select:focus,
.field textarea:focus{
  outline:none;
  border-color:rgba(251,3,81,.5); border-left-color:var(--bolt);
  background-color:rgba(0,0,0,.7);
  box-shadow:0 0 0 3px rgba(251,3,81,.13);
}

.input-at{ position:relative; display:flex; }
.input-at span{
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  font-family:var(--tech); font-weight:700; font-size:15px;
  color:var(--bolt); pointer-events:none;
}
.input-at input{ padding-left:36px; }

.chips{ display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; }
.chip input{ position:absolute; opacity:0; pointer-events:none; }
.chip span{
  display:block; text-align:center;
  padding:13px 8px;
  background:rgba(0,0,0,.5);
  border:1px solid var(--line);
  clip-path:var(--clip-sm);
  font-family:var(--tech); font-weight:500;
  font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ash); cursor:pointer;
  transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);
}
.chip span:hover{ border-color:rgba(251,3,81,.45); color:var(--white); }
.chip input:checked + span{
  background:rgba(251,3,81,.18);
  border-color:rgba(251,3,81,.65);
  color:#fff;
}
.chip input:focus-visible + span{ outline:2px solid var(--bolt); outline-offset:3px; }

.field__err{ display:none; font-size:12.5px; color:#FF8FAB; line-height:1.4; }
.field.has-error .field__err{ display:block; }
.field.has-error input,
.field.has-error select,
.field.has-error textarea{ border-color:#FF3D74; border-left-color:#FF3D74; }

.form-nav{ display:flex; gap:12px; }
.form-nav .btn{ flex:1; width:auto; }

@media (min-width:520px){
  .row--2{ grid-template-columns:1fr 1fr; }
  .chips{ grid-template-columns:repeat(3, 1fr); }
}

.footer{ padding-block:52px 42px; position:relative; }
.footer::before{
  content:""; position:absolute; inset:0 0 auto 0; height:1px;
  background:linear-gradient(90deg, transparent, var(--bolt), transparent);
  transform:skewY(var(--skew)); opacity:.55;
}
.footer__top{ display:grid; gap:30px; }
.footer__links{
  display:flex; flex-wrap:wrap; gap:10px 26px;
  font-family:var(--tech); font-weight:500; font-size:12px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ash);
}
.footer__links a{ transition:color .25s var(--ease); }
.footer__links a:hover{ color:var(--bolt); }
.footer__legal{
  margin-top:16px;
  font-family:var(--tech); font-weight:500;
  font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:#4A4750; line-height:1.9;
}
.footer__bottom{
  margin-top:38px; padding-top:24px; border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:10px 20px; justify-content:space-between;
  font-family:var(--tech); font-weight:500; font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--ash-dim);
}

.reveal{ opacity:0; transform:translateY(24px); transition:opacity .75s var(--ease), transform .75s var(--ease); }
.reveal.is-in{ opacity:1; transform:none; }
.reveal[data-d="1"]{ transition-delay:.08s }
.reveal[data-d="2"]{ transition-delay:.16s }
.reveal[data-d="3"]{ transition-delay:.24s }
.reveal[data-d="4"]{ transition-delay:.32s }

@media (max-width:719px){
  .stat:nth-child(odd)::before{ display:none; }
}

@media (min-width:620px){
  .pillars{ grid-template-columns:repeat(2, 1fr); }
  .footer__top{ grid-template-columns:1.1fr 1fr; align-items:start; }
}

@media (min-width:720px){
  .stats{ grid-template-columns:repeat(4, 1fr); }
}

@media (min-width:920px){
  .nav__links{ display:flex; gap:34px; align-items:center; }
  .nav__cta{ display:inline-flex; }
  .nav .lang{ display:flex; }
  .nav__link--panou{ display:inline-flex; align-items:center; }
  .burger, .drawer{ display:none; }

  .hero__actions .btn{ flex:0 0 auto; }
  .cut-title{ max-width:none; }

  .about{ grid-template-columns:1.05fr .95fr; gap:66px; align-items:start; }
  .apply__grid{ grid-template-columns:.92fr 1.08fr; gap:66px; align-items:center; }
}

@media (min-width:1024px){
  .pillars{ grid-template-columns:repeat(3, 1fr); padding-bottom:60px; }
  .pillar:nth-child(3n+2){ transform:translateY(26px); }
  .pillar:nth-child(3n+3){ transform:translateY(52px); }
  .pillar:nth-child(3n+2):hover{ transform:translateY(21px); }
  .pillar:nth-child(3n+3):hover{ transform:translateY(47px); }
}

@media (min-width:1280px){
  .rail{ display:flex; }
}

@media (max-width:560px){
  .hero{ padding-top:112px; padding-bottom:56px; }
  .hero__mark{ margin-bottom:20px; }
  .hero__mark img{ width:clamp(150px, 52vw, 230px); }
  .cut-title{ font-size:clamp(30px, 10.4vw, 54px); line-height:1; max-width:14ch; }
  .cut-title .top{ padding-bottom:18px; margin-bottom:-14px; clip-path:polygon(0 0, 100% 0, 100% calc(100% - 18px), 0 100%); }
  .cut-title .bot{ padding-top:18px; margin-top:-14px; clip-path:polygon(0 18px, 100% 0, 100% 100%, 0 100%); }
  .hero .lead{ font-size:15px; line-height:1.65; }
  .hero__actions{ gap:10px; margin-top:26px; }
  .hero__actions .btn{ min-width:100%; padding:15px 20px; }
  .hero__meta{ gap:8px 14px; margin-top:28px; font-size:10px; letter-spacing:.12em; }
  .stat b{ font-size:clamp(26px, 8.6vw, 38px); }
  .stat span{ font-size:9.5px; letter-spacing:.14em; }
  .stat small{ font-size:11px; }
  .stats-band{ padding-block:30px; }
  .section-title{ font-size:clamp(26px, 8.4vw, 42px); }
  .pillar__in{ padding:22px 20px 24px; }
  .panel__in, .form-card__in{ padding:22px 18px; }
  .step{ gap:14px; padding-block:18px; }
  .motto__line{ font-size:clamp(24px, 8.4vw, 40px); }
  .member__photo{ width:clamp(130px, 44vw, 170px); }
  .footer__links{ gap:8px 18px; font-size:11px; }
}

@media (max-width:380px){
  :root{ --nav-h:66px; --cut:10px; }
  .logo img{ height:28px; }
  .hero{ padding-top:104px; }
  .hero__mark{ margin-bottom:22px; }
  .hero__meta{ gap:10px 16px; font-size:10.5px; }
  .btn{ padding:14px 20px; font-size:12.5px; }
  .hero__actions .btn{ min-width:100%; }
  .chips{ grid-template-columns:1fr; }
  .step{ gap:14px; }
  .stat{ padding-inline:4px; }
  .footer__bottom{ font-size:9.5px; }
}

@media (max-height:560px) and (orientation:landscape){
  .hero{ min-height:auto; padding-top:112px; padding-bottom:56px; }
  .hero__mark img{ width:clamp(150px, 22vw, 210px); }
  .drawer{ padding-block:14px; }
  .drawer a:not(.btn):not(.drawer__sub a){ font-size:17px; padding-block:7px; }
}

@media (min-width:1700px){
  :root{ --maxw:1320px; }
}

.lead, .legal__body p, .legal__body li, .pillar p, .member__body p{ overflow-wrap:anywhere; }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .reveal{ opacity:1; transform:none; }
  .pointer-glow, .pointer-grid{ display:none; }
}

.tool-hero{ padding-block:126px 0; text-align:center; }
.tool-hero h1{
  margin:16px auto 0;
  max-width:16ch;
  text-wrap:balance;
}
.tool-hero .lead{ margin:18px auto 0; max-width:50ch; }

.tool{ padding-block:clamp(34px, 5vw, 54px) var(--section-y); }
.studio{ display:grid; gap:18px; }

.stage{
  clip-path:var(--clip); padding:1px;
  background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 60%);
  transition:background .3s var(--ease);
}
.stage.is-drop{ background:linear-gradient(160deg, var(--bolt), rgba(251,3,81,.25) 60%); }
.stage__in{
  clip-path:var(--clip);
  background:radial-gradient(120% 90% at 50% 0%, #131318 0%, #0A0A0C 55%, #070709 100%);
  padding:0;
  position:relative;
  overflow:hidden;
}
.stage__in::before{
  content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:repeating-linear-gradient(var(--angle), rgba(255,255,255,.028) 0 1px, transparent 1px 13px);
}

.stage__label{
  position:relative; z-index:2;
  display:flex; align-items:center; gap:10px;
  padding:13px 18px; border-bottom:1px solid var(--line);
  font-family:var(--tech); font-weight:500;
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--ash-dim);
}
.stage__label b{ color:var(--bolt); font-weight:700; }
.stage__label span:last-child{ margin-left:auto; }

.stage__canvas{
  position:relative; z-index:1;
  display:grid; place-items:center;
  padding:clamp(22px, 4vw, 44px) clamp(18px, 4vw, 44px) clamp(16px, 3vw, 26px);
}
#canvas{
  width:100%; max-width:430px; height:auto; aspect-ratio:1;
  display:block; touch-action:none; cursor:grab;
  filter:drop-shadow(0 24px 50px rgba(0,0,0,.7));
}
#canvas.is-dragging{ cursor:grabbing; }
.studio:not(.has-image) #canvas{ cursor:default; opacity:.5; }

.stage__drop{
  position:absolute; inset:52px 14px 14px;
  z-index:3;
  display:grid; place-content:center; justify-items:center; gap:14px;
  text-align:center; padding:24px;
  background:rgba(7,7,9,.82);
  backdrop-filter:blur(2px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
  transition:opacity .3s var(--ease), visibility .3s;
}
.studio.has-image .stage__drop{ opacity:0; visibility:hidden; }
.stage__drop svg{
  width:38px; height:38px; stroke:var(--bolt); fill:none;
  stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round;
  filter:drop-shadow(0 0 16px rgba(251,3,81,.6));
}
.stage__drop b{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 110,'wght' 800;
  text-transform:uppercase; font-size:clamp(17px, 4vw, 22px);
  letter-spacing:-.01em;
}
.stage__drop p{
  font-family:var(--tech); font-weight:500;
  font-size:10.5px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ash-dim); line-height:2;
}

.stage__bar{
  position:relative; z-index:2;
  display:flex; flex-wrap:wrap; justify-content:center; gap:7px;
  padding:0 18px 20px;
}
.tool-btn{
  width:42px; height:36px;
  display:grid; place-items:center;
  background:rgba(255,255,255,.05); border:0; cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--line);
  clip-path:var(--clip-sm);
  color:var(--ash);
  transition:background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);
}
.tool-btn svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.tool-btn:hover:not(:disabled){ color:#fff; background:rgba(251,3,81,.16); box-shadow:inset 0 0 0 1px rgba(251,3,81,.5); }
.tool-btn:disabled{ opacity:.35; cursor:not-allowed; }
.tool-btn--wide{ width:auto; padding-inline:14px; gap:8px;
  font-family:var(--tech); font-weight:700; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; }

.deck{
  clip-path:var(--clip); padding:1px;
  background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 60%);
  align-self:start;
}
.deck__in{
  clip-path:var(--clip);
  background:linear-gradient(170deg, var(--panel-2), #08080A);
  padding:clamp(20px, 3vw, 26px);
}
.deck__block + .deck__block{ margin-top:24px; padding-top:22px; border-top:1px solid var(--line); }
.deck__head{
  display:flex; align-items:center; gap:10px; margin-bottom:14px;
  font-family:var(--tech); font-weight:500;
  font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--ash);
}
.deck__head i{
  width:18px; height:18px; flex:0 0 auto;
  display:grid; place-items:center;
  background:rgba(251,3,81,.16); color:var(--bolt);
  font-family:var(--tech); font-weight:700; font-size:9px; font-style:normal;
  clip-path:polygon(0 0, calc(100% - 4px) 0, 100% 4px, 100% 100%, 4px 100%, 0 calc(100% - 4px));
}
.deck__head b{ margin-left:auto; color:var(--bolt); font-family:var(--tech); font-weight:700; font-size:11px; }

.frames{ display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.frame-opt{
  position:relative; cursor:pointer;
  background:none; border:0; padding:0;
  aspect-ratio:1;
  clip-path:var(--clip-sm);
  box-shadow:inset 0 0 0 1px var(--line);
  background-color:rgba(255,255,255,.03);
  display:grid; place-items:center;
  transition:box-shadow .25s var(--ease), background-color .25s var(--ease);
}
.frame-opt img{ width:88%; height:88%; object-fit:contain; }
.frame-opt .none{
  width:60%; aspect-ratio:1; border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  background:repeating-conic-gradient(#141419 0% 25%, #0E0E12 0% 50%) 50% / 10px 10px;
}
.frame-opt small{
  position:absolute; inset:auto 0 0 0; padding:5px 4px;
  background:rgba(5,5,6,.82);
  font-family:var(--tech); font-weight:500;
  font-size:8.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ash-dim);
}
.frame-opt:hover{ box-shadow:inset 0 0 0 1px rgba(251,3,81,.5); }
.frame-opt.is-on{ box-shadow:inset 0 0 0 2px var(--bolt); background-color:rgba(251,3,81,.10); }
.frame-opt.is-on small{ color:#fff; }

.slider{ margin-bottom:18px; }
.slider:last-child{ margin-bottom:0; }
.slider__top{
  display:flex; align-items:baseline; gap:10px; margin-bottom:9px;
  font-family:var(--tech); font-weight:500;
  font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--ash);
}
.slider__top b{ margin-left:auto; color:var(--white); font-weight:700; font-size:12px; }
input[type="range"]{
  -webkit-appearance:none; appearance:none;
  width:100%; height:6px; cursor:pointer; border:0;
  background:linear-gradient(90deg, var(--bolt) 0%, var(--bolt-hi) var(--p, 0%), rgba(255,255,255,.10) var(--p, 0%));
}
input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none;
  width:16px; height:20px; border:0; cursor:grab;
  background:var(--white);
  transform:skewX(-24deg);
  box-shadow:0 0 14px rgba(251,3,81,.75);
}
input[type="range"]::-moz-range-thumb{
  width:16px; height:20px; border:0; cursor:grab;
  background:var(--white); transform:skewX(-24deg);
  box-shadow:0 0 14px rgba(251,3,81,.75);
}
input[type="range"]:active::-webkit-slider-thumb{ cursor:grabbing; }

.swatches{ display:grid; grid-template-columns:repeat(5, 1fr); gap:8px; }
.swatch{
  background:none; border:0; padding:0; cursor:pointer;
  display:grid; gap:6px; justify-items:center;
}
.swatch i{
  display:block; width:100%; aspect-ratio:1;
  clip-path:var(--clip-sm);
  background-image:var(--thumb, linear-gradient(150deg, #3A2030, #1A1A20));
  background-size:cover; background-position:center;
  box-shadow:inset 0 0 0 1px var(--line);
  transition:box-shadow .25s var(--ease), transform .25s var(--ease);
}
.swatch:hover i{ transform:translateY(-2px); box-shadow:inset 0 0 0 1px rgba(251,3,81,.55); }
.swatch.is-on i{ box-shadow:inset 0 0 0 2px var(--bolt); }
.swatch span{
  font-family:var(--tech); font-weight:500;
  font-size:8.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ash-dim);
}
.swatch.is-on span{ color:#fff; }
.swatch[data-filter="bw"]    i{ filter:grayscale(1) contrast(1.08); }
.swatch[data-filter="cald"]  i{ filter:saturate(1.15) sepia(.22) hue-rotate(-12deg); }
.swatch[data-filter="rece"]  i{ filter:saturate(1.1) hue-rotate(14deg) brightness(1.03); }
.swatch[data-filter="vivid"] i{ filter:saturate(1.45) contrast(1.12); }

.deck__cta{ margin-top:24px; padding-top:22px; border-top:1px solid var(--line); }
.deck__cta .btn{ width:100%; }
.hint{
  margin-top:14px; text-align:center;
  font-family:var(--tech); font-weight:500;
  font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ash-dim); line-height:1.9;
}
.hint.is-error{ color:#FF8FAB; }
.btn:disabled{ opacity:.4; cursor:not-allowed; transform:none; box-shadow:none; }

.tool__steps{
  display:grid; gap:0;
  margin-top:clamp(40px, 6vw, 64px);
  border-top:1px solid var(--line);
}
.tool__steps div{
  display:flex; gap:14px; align-items:flex-start;
  padding:20px 0; border-bottom:1px solid var(--line);
  font-size:14px; color:var(--ash); line-height:1.6;
}
.tool__steps b{
  flex:0 0 auto;
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 108,'wght' 900;
  font-size:19px; color:var(--bolt); line-height:1.1;
}

@media (min-width:560px){
  .frames{ grid-template-columns:repeat(4, 1fr); }
}
@media (min-width:960px){
  .studio{ grid-template-columns:1.1fr .9fr; gap:22px; align-items:start; }
  .tool__steps{ grid-template-columns:repeat(3, 1fr); gap:0 34px; border-bottom:1px solid var(--line); }
  .tool__steps div{ border-bottom:0; }
}

.members{ display:grid; gap:38px; margin-top:46px; }

.member{
  display:flex; flex-direction:column; align-items:center;
  text-align:center; gap:22px;
}

.member__photo{
  position:relative; flex:0 0 auto;
  width:clamp(150px, 40vw, 196px);
  aspect-ratio:1;
}
.member__img,
.member__initial{
  position:absolute; inset:7.5%;
  width:85%; height:85%;
  border-radius:50%;
  object-fit:cover;
}
.member__initial{
  display:grid; place-items:center;
  background:linear-gradient(160deg, #17171C, #0A0A0C);
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 110,'wght' 900;
  font-size:clamp(38px, 10vw, 52px);
  background-clip:padding-box;
  color:var(--bolt);
  text-shadow:0 0 22px rgba(251,3,81,.5);
}
.member__frame{
  position:absolute; inset:0; z-index:2;
  width:100%; height:100%;
  filter:drop-shadow(0 0 24px rgba(251,3,81,.35));
  transition:transform .5s var(--ease), filter .5s var(--ease);
}
.member:hover .member__frame{
  transform:scale(1.03);
  filter:drop-shadow(0 0 34px rgba(251,3,81,.6));
}

.member__body h3{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 110,'wght' 900;
  text-transform:uppercase;
  font-size:clamp(24px, 6vw, 32px);
  letter-spacing:-.02em; line-height:1;
}
.member__role{
  display:block; margin-top:10px;
  font-family:var(--tech); font-weight:700;
  font-size:11px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--bolt);
}
.member__body p{
  margin-top:14px;
  color:var(--ash); font-size:14.5px; line-height:1.7;
  max-width:38ch;
}
.member__link{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:16px;
  font-family:var(--tech); font-weight:500;
  font-size:11.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ash);
  transition:color .25s var(--ease);
}
.member__link:hover{ color:var(--bolt); }
.member__link svg{ width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }

@media (min-width:620px){
  .member{ flex-direction:row; text-align:left; gap:26px; align-items:center; }
  .member__body p{ margin-inline:0; }
}

@media (min-width:960px){
  .members{ grid-template-columns:repeat(3, 1fr); gap:36px; }
  .member{ flex-direction:column; text-align:center; gap:20px; }
  .member__body p{ margin-inline:auto; }
}

.legal-hero{ padding-block:130px 0; }
.legal-hero .section-title{ margin-top:16px; }
.legal__meta{
  margin-top:18px;
  font-family:var(--tech); font-weight:500;
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ash-dim);
}

.legal{ padding-block:clamp(36px, 6vw, 60px) var(--section-y); }
.legal__body{ max-width:80ch; }

.legal__body h2{
  font-family:var(--display); font-style:italic;
  font-variation-settings:'wdth' 108,'wght' 800;
  text-transform:uppercase;
  font-size:clamp(19px, 4vw, 26px);
  letter-spacing:-.015em; line-height:1.1;
  margin:50px 0 16px;
  scroll-margin-top:100px;
}
.legal__body h2:first-child{ margin-top:0; }
.legal__body h2 span{ color:var(--bolt); margin-right:10px; }

.legal__body h3{
  font-size:16px; font-weight:600; color:var(--white);
  margin:26px 0 10px;
}
.legal__body p,
.legal__body li{ color:#B0ACB6; font-size:15.5px; line-height:1.85; }
.legal__body p{ margin-bottom:14px; }
.legal__body ul{ margin:0 0 18px; padding-left:20px; display:grid; gap:9px; }
.legal__body li::marker{ color:var(--bolt); }
.legal__body strong{ color:var(--white); font-weight:600; }
.legal__body a{ color:var(--bolt); text-decoration:underline; text-underline-offset:3px; }

.ph{
  display:inline-block;
  padding:1px 7px;
  background:rgba(251,3,81,.16);
  box-shadow:inset 0 0 0 1px rgba(251,3,81,.4);
  color:#FFB3C7;
  font-family:var(--tech); font-weight:700;
  font-size:.86em; letter-spacing:.06em;
}

.toc{ clip-path:var(--clip); padding:1px; margin-bottom:44px;
  background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 60%); }
.toc__in{
  clip-path:var(--clip);
  background:linear-gradient(170deg, var(--panel-2), var(--panel));
  padding:24px 26px;
}
.toc p{
  font-family:var(--tech); font-weight:700; font-size:11px;
  letter-spacing:.24em; text-transform:uppercase; color:var(--ash);
  margin-bottom:14px;
}
.toc ol{ margin:0; padding-left:18px; display:grid; gap:7px; }
.toc li{ font-size:14px; }
.toc li::marker{ color:var(--bolt); font-family:var(--tech); }
.toc a{ color:#B0ACB6; text-decoration:none; transition:color .2s var(--ease); }
.toc a:hover{ color:var(--bolt); }

.legal__table{ overflow-x:auto; margin:0 0 22px; }
.legal__table table{ width:100%; min-width:520px; border-collapse:collapse; }
.legal__table th,
.legal__table td{
  text-align:left; padding:13px 14px;
  border-bottom:1px solid var(--line);
  font-size:14px; color:#B0ACB6; vertical-align:top;
}
.legal__table th{
  font-family:var(--tech); font-weight:700;
  font-size:10.5px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ash); border-bottom-color:rgba(251,3,81,.4);
}
.legal__table td:first-child{ color:var(--white); }

.callout{
  border-left:3px solid var(--bolt);
  background:rgba(251,3,81,.07);
  padding:18px 20px; margin:0 0 26px;
}
.callout p:last-child{ margin-bottom:0; }

@media (min-width:900px){
  .legal__grid{ display:grid; grid-template-columns:280px 1fr; gap:56px; align-items:start; }
  .toc{ position:sticky; top:100px; margin-bottom:0; }
}