:root{
  --bg:#050806;
  --bg-elev:#0A0F0C;
  --surface:#101711;
  --surface-2:#16201A;
  --surface-3:#1E2A22;
  --outline:#26332A;
  --outline-2:#3A4A3E;

  --text:#F0F5EC;
  --text-2:#B5C2AE;
  --muted:#7E8D7A;
  --dim:#55635A;

  --fox:#FF7A1C;
  --fox-deep:#C45A0E;
  --fox-glow:rgba(255,122,28,.35);
  --amber:#F0A83C;
  --lime:#7BD34F;
  --lime-deep:#4A8E2E;
  --gold:#E3C25C;
  --gold-deep:#A88937;
  --water:#54A8D4;
  --moon:#E3D9B0;
  --weak:#E5544B;

  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --font-display:'Oswald','Inter',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;

  --tracking-wide:.18em;
  --tracking-xwide:.32em;

  --maxw:1200px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/></svg>") 0 0/190px 190px repeat,
    radial-gradient(1200px 700px at 85% -10%,#16331A 0,transparent 55%),
    radial-gradient(900px 500px at -10% 40%,#0F1F14 0,transparent 55%),
    radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.55) 100%),
    var(--bg);
  background-attachment:fixed,fixed,fixed,fixed,fixed;
  color:var(--text);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  min-height:100vh;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;width:100%}
@media(max-width:480px){.wrap{padding:0 16px}}

.led{
  display:inline-block;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--fox);
  box-shadow:0 0 0 3px rgba(255,122,28,.25), 0 0 12px var(--fox);
  animation:ledPulse 2s ease-in-out infinite;
  vertical-align:middle;
}
.led.lime{background:var(--lime);box-shadow:0 0 0 3px rgba(123,211,79,.25), 0 0 12px var(--lime)}
.led.gold{background:var(--gold);box-shadow:0 0 0 3px rgba(227,194,92,.25), 0 0 12px var(--gold)}
@keyframes ledPulse{
  0%,100%{opacity:.4;box-shadow:0 0 0 3px rgba(255,122,28,.2), 0 0 8px var(--fox)}
  50%{opacity:1;box-shadow:0 0 0 5px rgba(255,122,28,.35), 0 0 22px var(--fox)}
}
.reticle{position:relative}
.reticle::before,.reticle::after{
  content:"";
  position:absolute;
  width:16px;height:16px;
  border-color:var(--fox);
  border-style:solid;
  z-index:5;
  pointer-events:none;
  opacity:.9;
}
.reticle::before{
  top:-2px;left:-2px;
  border-width:1.5px 0 0 1.5px;
  border-top-left-radius:6px;
}
.reticle::after{
  bottom:-2px;right:-2px;
  border-width:0 1.5px 1.5px 0;
  border-bottom-right-radius:6px;
}
.reticle-both::before,.reticle-both::after{
  content:"";
  position:absolute;
  width:16px;height:16px;
  border-color:var(--fox);
  border-style:solid;
  z-index:5;
  pointer-events:none;
}
.reticle-both::before{
  top:-2px;right:-2px;
  border-width:1.5px 1.5px 0 0;
  border-top-right-radius:6px;
}
.reticle-both::after{
  bottom:-2px;left:-2px;
  border-width:0 0 1.5px 1.5px;
  border-bottom-left-radius:6px;
}

header{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);background:rgba(5,8,6,.9);border-bottom:1px solid var(--outline)}
.newsbar{
  background:linear-gradient(90deg,var(--fox-deep) 0%,var(--fox) 16%,var(--fox) 84%,var(--fox-deep) 100%);
  color:#160B02;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-align:center;
  padding:9px 16px;
  line-height:1.6;
}
.newsbar .nb-dot{
  display:inline-block;
  width:6px;height:6px;border-radius:50%;
  background:#160B02;
  margin-right:10px;
  vertical-align:middle;
  animation:nbPulse 1.6s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes nbPulse{0%,100%{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}
.newsbar b{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
@media(max-width:640px){.newsbar{font-size:9.5px;letter-spacing:.07em;padding:8px 12px}}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;flex-shrink:0;font-size:16px}
.logo-mark{
  position:relative;
  width:34px;height:34px;border-radius:11px;
  background:linear-gradient(135deg,var(--fox),var(--amber));
  display:grid;place-items:center;font-size:18px;
  box-shadow:0 6px 20px rgba(255,122,28,.4), inset 0 1px 0 rgba(255,255,255,.35);
}
.logo-mark::after{
  content:"";
  position:absolute;
  top:-2px;right:-2px;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 0 2px rgba(5,8,6,.9), 0 0 10px var(--lime);
  animation:ledPulse 2s ease-in-out infinite;
}
.logo span{
  font-family:var(--font-display);
  font-weight:400;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-size:15px;
}
.nav-links{display:flex;gap:22px;font-size:13px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-weight:500}
.nav-links a:hover{color:var(--text)}
.nav-right{display:flex;align-items:center;gap:10px}
.nav-price{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;font-family:var(--font-mono);letter-spacing:.04em}
.nav-price b{color:var(--text);font-weight:800}
.nav-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:11px;font-size:11.5px;font-weight:800;
  background:linear-gradient(135deg,var(--fox) 0%,var(--fox-deep) 100%);
  color:#0A0F0C;
  transition:transform .15s,box-shadow .2s;
  white-space:nowrap;min-height:44px;
  font-family:var(--font-mono);
  letter-spacing:var(--tracking-wide);
  text-transform:uppercase;
}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,122,28,.5)}
@media(max-width:1080px){.nav-links{display:none}}
@media(max-width:560px){.nav-price{display:none}}
@media(max-width:400px){.logo span{display:none}}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 24px;border-radius:14px;font-weight:700;font-size:14px;
  transition:transform .15s,box-shadow .2s,background .2s;
  cursor:pointer;min-height:48px;text-align:center;
  font-family:var(--font-mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.btn-primary{background:linear-gradient(135deg,var(--fox),var(--amber));color:#1A0A02;box-shadow:0 10px 30px rgba(255,122,28,.4)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,122,28,.55)}
.btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--outline-2)}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:var(--fox)}
.btn-lg{padding:18px 32px;font-size:14px;border-radius:16px;min-height:56px}
@media(max-width:480px){.btn{padding:14px 20px;font-size:12.5px}.btn-lg{padding:16px 24px;font-size:13px}}

section{padding:80px 0;position:relative}
@media(max-width:820px){section{padding:56px 0}}
@media(max-width:480px){section{padding:44px 0}}
.sec-head{text-align:center;max-width:780px;margin:0 auto 56px;padding:0 20px;position:relative;z-index:1}
@media(max-width:480px){.sec-head{margin-bottom:36px;padding:0 16px}}
.sec-head h2{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(26px,4vw,50px);
  letter-spacing:-.005em;
  text-transform:uppercase;
  line-height:1.02;
  margin-bottom:16px;
}
.sec-head h2 .accent{
  background:linear-gradient(135deg,var(--fox),var(--amber) 60%,var(--gold));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.sec-head p{color:var(--muted);font-size:clamp(14px,1.6vw,16px)}

.sec-index{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:var(--tracking-xwide);
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:20px;
}
.sec-index .num{
  display:inline-block;
  padding:3px 9px;
  background:rgba(255,122,28,.14);
  border:1px solid rgba(255,122,28,.42);
  color:var(--fox);
  border-radius:5px;
  font-size:10px;
  letter-spacing:.08em;
}
.sec-index .bar{
  display:inline-block;
  width:42px;height:1px;
  background:linear-gradient(90deg,var(--fox),transparent);
  position:relative;
  top:-1px;
}

.hero{padding:56px 0 56px}
@media(max-width:900px){.hero{padding:40px 0 32px}}
@media(max-width:480px){.hero{padding:28px 0 24px}}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:0 20px}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:44px}}
@media(max-width:480px){.hero-grid{padding:0 16px;gap:32px}}

.badge{
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:var(--tracking-wide);
  text-transform:uppercase;
  padding:6px 14px;
  border-radius:4px;
  background:rgba(255,122,28,.08);
  border:1px solid rgba(255,122,28,.32);
  color:var(--fox);
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
}
.badge .dot{
  width:6px;height:6px;
  background:var(--fox);
  box-shadow:0 0 0 3px rgba(255,122,28,.25), 0 0 10px var(--fox);
  animation:ledPulse 2s infinite;
  border-radius:50%;
}

h1{
  font-family:var(--font-display);
  font-weight:400;
  letter-spacing:-.01em;
  text-transform:uppercase;
  line-height:1;
  font-size:clamp(30px,5.4vw,68px);
  margin-bottom:24px;
}
h1 .accent{
  background:linear-gradient(135deg,var(--fox) 0%,var(--amber) 50%,var(--gold) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lead{color:var(--muted);font-size:clamp(14.5px,1.7vw,17px);max-width:560px;margin-bottom:24px}
.lead b{color:var(--text);font-weight:600}

.hero-price{
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  padding:14px 18px;border-radius:16px;
  background:rgba(255,122,28,.06);
  border:1px solid rgba(255,122,28,.28);
  margin-bottom:22px;max-width:440px;
  position:relative;
}
.hero-price::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--fox) 30%,var(--amber) 70%,transparent);
  border-radius:16px 16px 0 0;
}
.hero-price .now{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(34px,5vw,44px);
  letter-spacing:-.01em;
  color:var(--fox);
  line-height:1;
}
.hero-price .cur{font-size:clamp(14px,2vw,18px);font-weight:700;color:var(--fox);font-family:var(--font-mono)}
.hero-price .old{font-size:14px;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--weak);text-decoration-thickness:2px;font-family:var(--font-mono)}
.hero-price .save{
  font-size:10px;font-weight:800;color:var(--lime);
  padding:3px 8px;border-radius:5px;
  background:rgba(123,211,79,.14);
  letter-spacing:.1em;text-transform:uppercase;
  font-family:var(--font-mono);
  border:1px solid rgba(123,211,79,.35);
}
.hero-price .note{font-size:11.5px;color:var(--muted);width:100%;margin-top:2px;font-family:var(--font-mono);letter-spacing:.02em}

.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
@media(max-width:420px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}

.hero-tech{
  display:flex;
  gap:0;
  align-items:center;
  flex-wrap:wrap;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid var(--outline);
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:500;
  letter-spacing:var(--tracking-wide);
  text-transform:uppercase;
  color:var(--muted);
}
.hero-tech > *{
  padding:0 14px;
  border-right:1px solid var(--outline);
}
.hero-tech > *:first-child{padding-left:0}
.hero-tech > *:last-child{border-right:0}
.hero-tech b{
  color:var(--text);
  font-weight:700;
  margin-left:6px;
}
.hero-tech .led{margin-right:8px}
@media(max-width:480px){
  .hero-tech{font-size:9px;gap:0}
  .hero-tech > *{padding:0 8px}
}

.hero-stage{
  display:flex;
  gap:14px;
  align-items:flex-end;
  width:100%;
  max-width:620px;
  margin:0 auto;
}

.photo-grid{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:10px;
  min-width:0;
  align-items:end;
}

.photo-tile{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,122,28,.42);
  box-shadow:
    0 24px 60px rgba(0,0,0,.65),
    0 0 0 1px rgba(255,122,28,.08),
    0 0 60px rgba(255,122,28,.12);
  background:#050806;
  transition:transform .5s ease;
}
.photo-tile:hover{transform:translateY(-3px)}
.photo-tile:hover img{transform:scale(1.04)}

.photo-tile img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s ease;
}

.photo-tile.tile-river{
  aspect-ratio:4/3;
}
.photo-tile.tile-river::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,8,6,0) 55%,rgba(5,8,6,.78) 100%);
  pointer-events:none;
}

.photo-tile.tile-close{
  aspect-ratio:3/4;
}
.photo-tile.tile-close::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,8,6,0) 60%,rgba(5,8,6,.65) 100%);
  pointer-events:none;
}

.photo-caption{
  position:absolute;
  bottom:12px;left:14px;right:14px;
  z-index:3;
  color:#fff;
  line-height:1.35;
}
.photo-caption b{
  display:block;
  font-size:clamp(11px,1.5vw,14px);
  font-weight:800;
  letter-spacing:-.01em;
  margin-bottom:2px;
  text-shadow:0 2px 12px rgba(0,0,0,.85);
}
.photo-caption span{
  display:block;
  font-size:clamp(9px,1.15vw,11px);
  color:rgba(255,255,255,.72);
  font-weight:500;
  text-shadow:0 1px 8px rgba(0,0,0,.85);
  font-family:var(--font-mono);
  letter-spacing:.04em;
}

.phone-float{
  flex:0 0 175px;
  position:relative;
  animation:floatPhone 7s ease-in-out infinite;
  transform-origin:bottom center;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.7));
}
@keyframes floatPhone{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-10px) rotate(-2deg)}
}
.phone-float .phone-frame{
  width:100%;
  aspect-ratio:9/19.5;
  border-radius:14%/7%;
  padding:2.5%;
  background:linear-gradient(160deg,#3A3A3A 0%,#1A1A1A 40%,#0A0A0A 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    0 30px 60px rgba(0,0,0,.8),
    inset 0 1px 0 rgba(255,255,255,.2);
  position:relative;
}
.phone-float .phone-frame::before{
  content:"";
  position:absolute;inset:1.2%;
  border-radius:13%/6.5%;
  background:#000;
  pointer-events:none;
  z-index:1;
}
.phone-float .phone-notch{
  position:absolute;
  top:1.4%;left:50%;transform:translateX(-50%);
  width:28%;height:2.6%;
  background:#000;border-radius:99px;z-index:5;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}
.phone-float .phone-screen{
  position:absolute;
  inset:2.2%;
  border-radius:12%/6%;
  background:#050806;
  overflow:hidden;
  z-index:2;
  display:flex;
  align-items:stretch;
}
.phone-float .phone-screen img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
  border-radius:inherit;
}

@media(max-width:960px){
  .hero-stage{max-width:580px}
  .phone-float{flex:0 0 155px}
}
@media(max-width:820px){
  .hero-stage{max-width:540px;gap:12px}
  .photo-grid{gap:8px}
  .phone-float{flex:0 0 145px}
}

@media(max-width:700px){
  .hero-stage{
    flex-direction:column;
    align-items:center;
    gap:18px;
    max-width:100%;
  }
  .photo-grid{
    width:100%;
    max-width:520px;
    grid-template-columns:1.15fr 1fr;
  }
  .phone-float{
    flex:0 0 auto;
    width:44%;
    max-width:210px;
    min-width:150px;
  }
  @keyframes floatPhone{
    0%,100%{transform:translateY(0) rotate(-2deg)}
    50%{transform:translateY(-8px) rotate(-2deg)}
  }
}
@media(max-width:480px){
  .hero-stage{gap:14px}
  .photo-grid{max-width:100%}
  .phone-float{width:52%;max-width:200px}
  .photo-tile{border-radius:12px}
  .photo-caption{bottom:8px;left:8px;right:8px}
  .photo-caption b{font-size:11px}
  .photo-caption span{font-size:9px}
}

.box-photo{max-width:1000px;margin:0 auto 40px;padding:0 20px}
.box-photo-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:14px;
}
.box-photo-tile{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,122,28,.35);
  box-shadow:
    0 20px 50px rgba(0,0,0,.55),
    0 0 30px rgba(255,122,28,.08);
  background:#050806;
}
.box-photo-tile img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s ease;
}
.box-photo-tile:hover img{transform:scale(1.04)}

.box-photo-tile.tile-river{
  aspect-ratio:4/3;
}
.box-photo-tile.tile-river::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,8,6,0) 50%,rgba(5,8,6,.88) 100%);
  pointer-events:none;
}

.box-photo-tile.tile-close{
  aspect-ratio:3/4;
  align-self:stretch;
}
.box-photo-tile.tile-close::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,8,6,0) 60%,rgba(5,8,6,.6) 100%);
  pointer-events:none;
}

.box-photo-caption{
  position:absolute;
  bottom:20px;left:22px;right:22px;
  z-index:2;
  color:#fff;
}
.box-photo-caption .tag{
  display:inline-block;
  font-size:10px;
  font-weight:800;
  letter-spacing:var(--tracking-wide);
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:4px;
  background:rgba(255,122,28,.28);
  border:1px solid rgba(255,122,28,.55);
  color:#FFE3C2;
  margin-bottom:10px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-family:var(--font-mono);
}
.box-photo-caption h3{
  font-family:var(--font-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:-.005em;
  font-size:clamp(18px,2.6vw,28px);
  margin-bottom:8px;
  text-shadow:0 2px 20px rgba(0,0,0,.85);
}
.box-photo-caption p{
  font-size:clamp(12px,1.5vw,14px);
  color:rgba(255,255,255,.9);
  max-width:560px;
  line-height:1.5;
  text-shadow:0 1px 10px rgba(0,0,0,.9);
}

@media(max-width:600px){
  .box-photo{padding:0 16px;margin-bottom:28px}
  .box-photo-grid{grid-template-columns:1fr;gap:10px}
  .box-photo-tile{border-radius:12px}
  .box-photo-tile.tile-river{aspect-ratio:16/10}
  .box-photo-tile.tile-close{aspect-ratio:16/10}
  .box-photo-caption{bottom:14px;left:14px;right:14px}
}

.box-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:800px;margin:0 auto;padding:0 20px}
@media(max-width:820px){.box-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.box-grid{grid-template-columns:1fr;padding:0 16px}}
.box-item{
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border:1px solid var(--outline);
  border-radius:20px;
  padding:26px;
  display:flex;flex-direction:column;gap:12px;
  transition:transform .2s,border-color .2s;
  position:relative;
}
.box-item::before{
  content:"";
  position:absolute;
  top:0;left:14px;right:14px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--fox) 30%,var(--fox) 70%,transparent);
  opacity:.6;
  border-radius:0 0 2px 2px;
}
@media(max-width:480px){.box-item{padding:20px}}
.box-item:hover{transform:translateY(-4px);border-color:rgba(255,122,28,.45)}
.box-ic{font-size:clamp(38px,6vw,52px);line-height:1}
.box-item h3{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(16px,2.2vw,20px);color:var(--text);letter-spacing:.005em}
.box-item p{font-size:13.5px;color:var(--muted);line-height:1.55}

.spec-datasheet{
  max-width:820px;
  margin:0 auto;
  padding:0 20px;
}
@media(max-width:600px){.spec-datasheet{padding:0 16px}}

.spec-plate{
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border:1px solid var(--outline-2);
  border-radius:20px;
  padding:0;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 30px 60px rgba(0,0,0,.5),
    0 0 40px rgba(255,122,28,.06);
  position:relative;
}
.spec-plate-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 24px;
  border-bottom:1px solid var(--outline);
  background:rgba(255,122,28,.06);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:var(--tracking-wide);
  text-transform:uppercase;
  color:var(--muted);
  gap:12px;
  flex-wrap:wrap;
}
.spec-plate-head b{
  color:var(--fox);
  font-weight:800;
  font-family:var(--font-mono);
}
.spec-plate-head .led{margin-right:8px;width:6px;height:6px;display:inline-block}
.spec-plate-body{
  padding:8px 24px 20px;
}
@media(max-width:480px){.spec-plate-body{padding:8px 16px 16px}}
.spec-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding:13px 0;
  border-bottom:1px dashed var(--outline);
}
.spec-row:last-child{border-bottom:0}
.spec-key{
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:var(--tracking-wide);
  text-transform:uppercase;
  color:var(--muted);
}
.spec-val{
  font-family:var(--font-mono);
  font-size:13.5px;
  font-weight:700;
  color:var(--text);
  text-align:right;
  letter-spacing:.01em;
}
.spec-val.accent{color:var(--fox)}
.spec-val.lime{color:var(--lime)}
@media(max-width:520px){
  .spec-row{flex-direction:column;align-items:flex-start;gap:4px}
  .spec-val{text-align:left}
}

.order-section{background:linear-gradient(180deg,rgba(255,122,28,.10),rgba(255,122,28,.02));border-top:1px solid rgba(255,122,28,.25);border-bottom:1px solid rgba(255,122,28,.25)}
.order-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
@media(max-width:900px){.order-wrap{grid-template-columns:1fr;gap:32px}}
@media(max-width:480px){.order-wrap{padding:0 16px}}

.order-left h2{
  font-family:var(--font-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:-.005em;
  font-size:clamp(24px,3.6vw,42px);
  line-height:1.05;
  margin-bottom:16px;
}
.order-left h2 .accent{
  background:linear-gradient(135deg,var(--fox),var(--amber));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.order-left > p{color:var(--muted);font-size:15.5px;margin-bottom:22px;line-height:1.55}
.order-left > p b{color:var(--text);font-weight:600}

.batch-box{
  background:rgba(5,8,6,.75);
  border:1px solid rgba(255,122,28,.32);
  border-radius:18px;
  padding:22px;
  margin-bottom:22px;
  position:relative;
}
.batch-box::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:3px;height:100%;
  background:linear-gradient(180deg,var(--fox),transparent);
  border-radius:18px 0 0 18px;
}
@media(max-width:480px){.batch-box{padding:16px}}
.batch-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.batch-title{font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted)}
.batch-num{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(30px,4.5vw,42px);
  letter-spacing:-.01em;
  line-height:1;
  color:var(--fox);
}
.batch-num .slash{font-size:clamp(14px,2vw,20px);color:var(--muted);font-weight:600;margin-left:6px;font-family:var(--font-mono)}
.batch-sub{font-size:11.5px;color:var(--muted);margin-top:4px;font-family:var(--font-mono)}
.batch-bar{height:12px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.06);position:relative}
.batch-bar-fill{
  height:100%;border-radius:99px;
  background:linear-gradient(90deg,var(--lime),var(--fox));
  transition:width 2s cubic-bezier(.19,1,.22,1);
  position:relative;
  box-shadow:0 0 20px rgba(255,122,28,.6);
}
.batch-bar-fill::after{content:"";position:absolute;top:0;bottom:0;right:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));animation:barShine 2.4s ease-in-out infinite}
@keyframes barShine{0%,100%{opacity:.3}50%{opacity:1}}
.batch-stats{display:flex;justify-content:space-between;margin-top:12px;font-size:11.5px;color:var(--muted);flex-wrap:wrap;gap:8px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}
.batch-stats b{color:var(--text);font-weight:800;font-size:13px}

.order-features{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.order-feature{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.55}
.order-feature .ic{
  width:28px;height:28px;border-radius:8px;
  background:rgba(123,211,79,.14);
  border:1px solid rgba(123,211,79,.28);
  display:grid;place-items:center;flex-shrink:0;font-size:14px;
}
.order-feature b{color:var(--text);font-weight:700}
.order-feature span{color:var(--muted)}

.order-card{
  position:relative;
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border:1px solid rgba(255,122,28,.5);
  border-radius:22px;
  padding:32px 28px 28px;
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 60px rgba(255,122,28,.14);
  position:sticky;top:84px;
}
.order-card::before{
  content:"CARPSENSE / ORDER FORM";
  position:absolute;
  top:-1px;left:-1px;
  padding:5px 12px;
  font-family:var(--font-mono);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:var(--tracking-xwide);
  text-transform:uppercase;
  background:var(--fox);
  color:#0A0F0C;
  border-top-left-radius:22px;
  border-bottom-right-radius:10px;
}
@media(max-width:900px){.order-card{position:static;padding:22px}}
@media(max-width:480px){.order-card{padding:18px;border-radius:20px}}
.order-card h3{
  margin-top:6px;
  font-family:var(--font-display);
  font-weight:400;
  text-transform:uppercase;
  font-size:24px;
  letter-spacing:0;
  margin-bottom:6px;
}
.order-card > .sub{font-size:12px;color:var(--muted);margin-bottom:18px;line-height:1.5;font-family:var(--font-mono);letter-spacing:.02em}
.order-price-line{
  display:flex;align-items:baseline;gap:10px;
  margin-bottom:22px;padding-bottom:22px;
  border-bottom:1px dashed var(--outline);
  flex-wrap:wrap;
}
.order-price-line .now{font-family:var(--font-display);font-weight:400;font-size:clamp(38px,5.6vw,50px);letter-spacing:-.01em;line-height:1;color:var(--fox)}
.order-price-line .cur{font-size:clamp(16px,2.2vw,20px);font-weight:700;color:var(--fox);font-family:var(--font-mono)}
.order-price-line .old{font-size:15px;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--weak);text-decoration-thickness:2px;font-family:var(--font-mono)}
.order-price-line .save{
  font-size:10px;font-weight:800;color:var(--lime);
  padding:3px 8px;border-radius:5px;
  background:rgba(123,211,79,.14);
  border:1px solid rgba(123,211,79,.35);
  letter-spacing:.1em;text-transform:uppercase;
  font-family:var(--font-mono);
}

.order-cta-wrap{display:flex;flex-direction:column;gap:12px}
.order-cta{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:18px 24px;border-radius:14px;
  background:linear-gradient(135deg,var(--fox),var(--amber));
  color:#1A0A02;font-weight:800;font-size:14px;
  transition:transform .15s,box-shadow .2s;
  box-shadow:0 10px 30px rgba(255,122,28,.4);
  min-height:60px;text-align:center;
  font-family:var(--font-mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.order-cta:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(255,122,28,.55)}
@media(max-width:480px){.order-cta{padding:16px 20px;font-size:12.5px;min-height:54px}}

.order-note{text-align:center;font-size:11px;color:var(--muted);line-height:1.55;margin-top:8px;font-family:var(--font-mono);letter-spacing:.02em}
.order-note b{color:var(--text);font-weight:600}

.order-features-list{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--outline);font-size:12px;font-family:var(--font-mono);letter-spacing:.03em}
.order-features-list > div{display:flex;align-items:center;gap:8px;color:var(--muted)}
.order-features-list .ic{color:var(--lime);font-weight:800;flex-shrink:0}

.species-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:var(--maxw);margin:0 auto;padding:0 20px}
@media(max-width:900px){.species-grid{grid-template-columns:1fr;padding:0 16px}}
.species-card{
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border:1px solid var(--outline);
  border-radius:20px;padding:24px;
  transition:transform .2s,border-color .2s;
  position:relative;
}
.species-card::before{
  content:"";
  position:absolute;
  top:0;left:14px;right:14px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--fox),transparent);
  opacity:.7;
}
@media(max-width:480px){.species-card{padding:20px}}
.species-card:hover{transform:translateY(-4px)}
.species-card.carp{border-color:rgba(255,122,28,.45)}
.species-card.carp::before{background:linear-gradient(90deg,transparent,var(--fox),transparent)}
.species-card.sazan{border-color:rgba(123,211,79,.4)}
.species-card.sazan::before{background:linear-gradient(90deg,transparent,var(--lime),transparent)}
.species-card.amur{border-color:rgba(84,168,212,.4)}
.species-card.amur::before{background:linear-gradient(90deg,transparent,var(--water),transparent)}
.sp-emoji{font-size:42px;margin-bottom:12px;display:block}
.sp-name{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:26px;letter-spacing:.005em;margin-bottom:6px}
.species-card.carp .sp-name{color:var(--fox)}
.species-card.sazan .sp-name{color:var(--lime)}
.species-card.amur .sp-name{color:var(--water)}
.sp-tag{
  display:inline-block;font-size:10px;font-weight:700;
  padding:3px 9px;border-radius:4px;
  letter-spacing:var(--tracking-wide);text-transform:uppercase;
  margin-bottom:14px;
  font-family:var(--font-mono);
}
.species-card.carp .sp-tag{background:rgba(255,122,28,.14);color:var(--fox);border:1px solid rgba(255,122,28,.3)}
.species-card.sazan .sp-tag{background:rgba(123,211,79,.14);color:var(--lime);border:1px solid rgba(123,211,79,.3)}
.species-card.amur .sp-tag{background:rgba(84,168,212,.14);color:var(--water);border:1px solid rgba(84,168,212,.3)}
.sp-desc{color:var(--muted);font-size:13px;margin-bottom:18px;line-height:1.55}
.sp-desc b{color:var(--text);font-weight:600}
.sp-metrics{display:flex;flex-direction:column;gap:11px}
.metric{display:flex;flex-direction:column;gap:4px}
.metric-lbl{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.metric-track{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.metric-fill{position:absolute;top:0;left:0;height:100%;border-radius:99px}
.metric-legend{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:1px;font-family:var(--font-mono);letter-spacing:.05em}

.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:var(--maxw);margin:0 auto;padding:0 20px}
@media(max-width:1100px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.gallery-grid{grid-template-columns:repeat(2,1fr);padding:0 16px}}
@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}}
.gal-card{background:linear-gradient(170deg,#141C15 0%,var(--surface) 42%,var(--surface-2) 100%);border:1px solid var(--outline);border-radius:18px;padding:16px;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}
.gal-card::before{
  content:"";
  position:absolute;
  top:0;left:14px;right:14px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--fox) 30%,var(--fox) 70%,transparent);
  opacity:.55;
}
.gal-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(380px 170px at 50% -30%,rgba(255,122,28,.13),transparent 70%);
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}
@media(hover:hover){
  .gal-card:hover{transform:translateY(-4px);border-color:rgba(255,122,28,.5);box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 26px rgba(255,122,28,.07)}
  .gal-card:hover::after{opacity:1}
}
.gal-title{font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.gal-title .gi{width:23px;height:23px;flex:0 0 auto;border-radius:7px;background:rgba(255,122,28,.10);border:1px solid rgba(255,122,28,.28);display:grid;place-items:center;font-size:12px;font-style:normal;box-shadow:inset 0 0 10px rgba(255,122,28,.08)}
.carp-card{background:var(--surface-2);border:.75px solid rgba(255,255,255,.05);border-radius:14px;padding:11px 13px;display:flex;flex-direction:column;gap:4px}
.metric-big{font-family:var(--font-display);font-weight:400;font-size:34px;letter-spacing:-.01em;line-height:1}
.metric-sub{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);font-weight:600;margin-top:2px;letter-spacing:.05em;text-transform:uppercase}
.metric-word{font-size:12px;margin-top:5px}
.pill{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:99px;padding:5px 11px;margin-top:8px}
.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex:0 0 auto}
.pill.lime{color:var(--lime);background:rgba(123,211,79,.10);border:1px solid rgba(123,211,79,.35)}
.pill.amber{color:var(--amber);background:rgba(240,168,60,.10);border:1px solid rgba(240,168,60,.35)}
.pill.water{color:var(--water);background:rgba(84,168,212,.10);border:1px solid rgba(84,168,212,.35)}
.pill.moon{color:var(--moon);background:rgba(227,217,176,.08);border:1px solid rgba(227,217,176,.30)}
.water-layers{background:rgba(84,168,212,.08);border-radius:10px;padding:6px 9px;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.5;font-family:var(--font-mono)}
.layer-card{background:var(--surface-2);border:1px solid var(--outline);border-radius:12px;padding:9px 11px}
.layer-title{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}
.layer-title b{color:var(--fox);font-weight:700;text-transform:none;font-size:11px}
.layer-bars{display:flex;height:9px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.06);gap:1px}
.layer-bars i{display:block;height:100%}
.layer-legend{display:flex;gap:9px;margin-top:5px;font-size:9px;color:var(--muted);flex-wrap:wrap;font-family:var(--font-mono)}
.layer-legend span{display:flex;align-items:center;gap:3px}
.layer-legend i{width:6px;height:6px;border-radius:2px;display:inline-block}
.press-v{font-family:var(--font-display);font-weight:400;font-size:30px;letter-spacing:-.01em;color:var(--text);line-height:1}
.press-u{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);font-weight:600;margin-top:2px;letter-spacing:.04em}

.phone-wrap{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:30px;align-items:center;max-width:var(--maxw);margin:0 auto 28px;padding:0 20px}
.phone-mock{background:#0A0F0C;border:1px solid #29382C;border-radius:30px;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 90px rgba(255,122,28,.08),inset 0 0 0 1px rgba(255,255,255,.03);max-width:320px;margin:0 auto;width:100%}
.phone-screen{background:#0A0F0C;border-radius:22px;padding:12px 11px;display:flex;flex-direction:column;gap:9px;border:1px solid rgba(255,255,255,.04)}
.app-status{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-weight:600;font-size:10px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.app-status .mode{color:var(--lime);text-transform:none}
.app-tabs{display:flex;gap:5px;background:#121A14;border:1px solid #29382C;border-radius:99px;padding:4px}
.app-tabs b{flex:1;text-align:center;font-size:11px;padding:5px 0;border-radius:99px;color:var(--muted);font-weight:600}
.app-tabs b.on{background:var(--fox);color:#211203}
.app-hero{background:#121A14;border:1px solid rgba(240,168,60,.5);border-radius:16px;padding:14px 12px 12px;text-align:center;box-shadow:inset 0 0 24px rgba(240,168,60,.07)}
.app-hero-lbl{font-family:var(--font-mono);font-weight:600;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.app-hero-digit{font-family:var(--font-display);font-weight:500;font-size:64px;line-height:1;letter-spacing:-.02em;color:var(--amber);margin-top:4px}
.app-hero-digit small{font-size:20px;color:var(--muted);font-family:var(--font-mono);font-weight:400}
.app-hero-grade{font-size:12.5px;font-weight:700;color:var(--amber);margin-top:2px}
.app-probs{display:flex;gap:6px;margin-top:11px}
.app-probs span{flex:1;background:#1A241C;border:1px solid #29382C;border-radius:10px;padding:6px 4px 5px;font-family:var(--font-mono);font-weight:700;font-size:13.5px;color:var(--text)}
.app-probs span i{display:block;font-style:normal;font-size:9px;color:var(--muted);font-weight:600;margin-bottom:2px}
.app-probs span.on{border-color:rgba(255,122,28,.55);background:#3A2408;color:var(--fox)}
.app-band{font-family:var(--font-mono);font-weight:500;font-size:9.5px;color:var(--muted);margin-top:8px}
.app-card{background:#121A14;border:1px solid #29382C;border-radius:14px;padding:10px 11px}
.app-card-t{font-family:var(--font-mono);font-weight:700;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.app-win{position:relative;height:26px;background:#0A0F0C;border:1px solid #29382C;border-radius:8px;overflow:hidden}
.app-win i{position:absolute;top:3px;bottom:3px;border-radius:5px;background:rgba(123,211,79,.32);border:1px solid rgba(123,211,79,.65)}
.app-win s{position:absolute;top:0;bottom:0;left:46%;width:2px;background:var(--amber);text-decoration:none}
.app-win-lbl{display:flex;justify-content:space-between;font-family:var(--font-mono);font-weight:500;font-size:8.5px;color:var(--muted);margin-top:5px}
.app-why summary{cursor:pointer;font-family:var(--font-mono);font-weight:700;font-size:11px;color:var(--fox);letter-spacing:.03em;list-style:none}
.app-why summary::-webkit-details-marker{display:none}
.frow{display:grid;grid-template-columns:96px 1fr 46px;gap:7px;align-items:center;margin-top:7px;font-size:10px}
.frow>span{font-weight:600;line-height:1.25;color:var(--text)}
.frow>span i{display:block;font-style:normal;font-family:var(--font-mono);font-weight:500;font-size:8px;color:var(--muted);letter-spacing:.02em}
.frow .fbar{height:6px;background:#0A0F0C;border-radius:99px;overflow:hidden}
.frow .fbar i{display:block;height:100%;border-radius:99px}
.frow em{font-style:normal;font-family:var(--font-mono);font-weight:700;font-size:9.5px;color:var(--muted);text-align:right}
.app-cta{margin-top:1px;background:var(--fox);color:#211203;font-weight:800;font-size:13px;border:0;border-radius:12px;padding:11px;text-align:center;box-shadow:0 4px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.feats-h{font-size:19px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}
.app-feats ul{display:flex;flex-direction:column;gap:11px;margin-top:10px}
.app-feats li{list-style:none;display:flex;gap:11px;font-size:13.5px;line-height:1.55;color:var(--text-2);padding:10px 12px;margin:0 -12px;border-radius:12px;transition:background .2s ease}
@media(hover:hover){.app-feats li:hover{background:rgba(255,122,28,.055)}}
.app-feats li .tick{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;font-family:var(--font-mono);font-size:10.5px;font-weight:800;color:var(--lime);background:rgba(123,211,79,.09);border:1px solid rgba(123,211,79,.32);border-radius:9px;box-shadow:inset 0 0 12px rgba(123,211,79,.07)}
.app-feats li b{color:var(--text)}
.trust-chips{display:flex;flex-wrap:wrap;gap:8px;max-width:var(--maxw);margin:0 auto 26px;padding:0 20px}
.trust-chips span{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-weight:600;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--outline);border-radius:99px;padding:7px 13px;transition:border-color .2s ease,color .2s ease}
.trust-chips span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px rgba(123,211,79,.9);flex:0 0 auto}
@media(hover:hover){.trust-chips span:hover{border-color:rgba(123,211,79,.4);color:var(--text-2)}}
.gal-card.span2{grid-column:span 2}
.tactics-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 10px;font-size:11.5px;line-height:1.45}
.tactics-list>div{background:rgba(5,8,6,.5);border:1px solid var(--outline);border-radius:10px;padding:8px 11px;transition:border-color .2s ease}
@media(hover:hover){.tactics-list>div:hover{border-color:rgba(255,122,28,.4)}}
.tactics-list b{display:block;font-family:var(--font-mono);font-weight:700;font-size:8.5px;color:var(--amber);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.best-windows{margin-top:9px;font-family:var(--font-mono);font-weight:600;font-size:11px;color:var(--muted)}
.best-windows b{color:var(--lime)}
.w-chips{display:flex;gap:6px;margin-bottom:12px}
.w-chips b{flex:1;text-align:center;padding:7px 0;border-radius:99px;border:1px solid var(--outline);background:var(--surface-2);color:var(--muted);font-size:11.5px;cursor:pointer;font-weight:700;transition:all .2s}
.w-chips b.on{background:#3A2408;border-color:rgba(255,122,28,.55);color:var(--fox)}
.wrow{display:grid;grid-template-columns:88px 1fr 40px;gap:8px;align-items:center;margin:8px 0;font-size:11px}
.wrow>span:first-child{font-weight:600}
.wrow .wbar{height:8px;background:rgba(255,255,255,.05);border-radius:99px;overflow:hidden}
.wrow .wbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--water),var(--lime));transition:width .45s}
.wrow em{font-style:normal;font-family:var(--font-mono);font-weight:700;font-size:10.5px;color:var(--muted);text-align:right}
.w-note{font-size:10.5px;color:var(--muted);line-height:1.65;margin-top:10px}
@media(max-width:1100px){.tactics-list{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.phone-wrap{grid-template-columns:1fr;max-width:380px;margin-inline:auto;gap:20px}.gal-card.span2{grid-column:auto}.tactics-list{grid-template-columns:1fr 1fr}}

.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:var(--maxw);margin:0 auto;padding:0 20px}
@media(max-width:900px){.charts-grid{grid-template-columns:1fr;padding:0 16px}}
.chart-card{
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border:1px solid var(--outline);
  border-radius:20px;
  padding:22px 20px;
  position:relative;
  transition:border-color .25s ease;
}
@media(hover:hover){.chart-card:hover{border-color:rgba(255,122,28,.38)}}
.chart-card::before{
  content:"";
  position:absolute;
  top:0;left:20px;right:20px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--fox) 30%,var(--fox) 70%,transparent);
  opacity:.55;
}
@media(max-width:480px){.chart-card{padding:16px 14px;border-radius:16px}}
.chart-card-title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:var(--tracking-wide);color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:14px}
.chart-card-title::before{content:"";width:3px;height:12px;background:var(--fox);border-radius:2px}
.chart-interactive{position:relative;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;overflow:hidden}
.chart-interactive svg{width:100%;height:200px;display:block;cursor:crosshair;touch-action:pan-y}
@media(max-width:480px){.chart-interactive svg{height:170px}}
.chart-bubble{position:absolute;pointer-events:none;background:rgba(5,8,6,.96);border:1.5px solid var(--fox);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;color:#FFE3C2;white-space:nowrap;transform:translate(-50%,0);opacity:0;transition:opacity .15s;z-index:5;box-shadow:0 6px 20px rgba(0,0,0,.6);font-family:var(--font-mono);letter-spacing:.02em}
.chart-bubble.show{opacity:1}
.chart-bubble.amber{border-color:var(--amber);color:#FFEDC7}
.chart-bubble.green{border-color:var(--lime);color:#D9F2C8}
.chart-bubble.red{border-color:var(--weak);color:#FFD0CC}
.chart-result{font-size:12px;font-weight:600;color:var(--muted);min-height:20px;margin-top:10px;transition:color .2s;font-family:var(--font-mono);letter-spacing:.02em}
.chart-result.green{color:var(--lime)}
.chart-result.red{color:var(--weak)}
.chart-result.amber{color:var(--amber)}
@keyframes pulseRing{0%,100%{transform:scale(1);opacity:.35}50%{transform:scale(1.5);opacity:.15}}
.pulse-ring{transform-origin:center;animation:pulseRing 1.8s ease-in-out infinite}
@keyframes fishBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.fish-anim{animation:fishBob 2.4s ease-in-out infinite}
.legend-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:10.5px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.03em}
.legend-row span{display:flex;align-items:center;gap:5px}
.legend-row i{width:8px;height:8px;border-radius:3px;display:inline-block}
.legend-row i.line{width:20px;height:3.5px;border-radius:2px}

.vsensor{
  background:linear-gradient(180deg,rgba(255,122,28,.08),rgba(255,122,28,.02));
  border:1px solid rgba(255,122,28,.32);
  border-radius:24px;
  padding:44px 36px;
  max-width:var(--maxw);
  margin:0 auto;
  box-sizing:border-box;
  width:calc(100% - 40px);
  position:relative;
}
.vsensor::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--fox) 20%,var(--amber) 50%,var(--fox) 80%,transparent);
  border-radius:24px 24px 0 0;
}
@media(max-width:600px){.vsensor{padding:24px 18px;border-radius:18px;width:calc(100% - 32px)}}
.steps-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:0 auto 32px;max-width:1180px;padding:0 20px}
@media(max-width:1100px){.steps-grid{grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:820px){.steps-grid{grid-template-columns:1fr;gap:14px}}
.step-card{background:rgba(5,8,6,.7);border:1px solid var(--outline);border-radius:16px;padding:20px;position:relative;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
@media(hover:hover){.step-card:hover{border-color:rgba(255,122,28,.42);transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.4)}}
.step-card::after{content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:var(--fox);font-size:17px;font-weight:800;text-shadow:0 0 10px var(--bg),0 0 6px var(--bg)}
.step-card:last-child::after{display:none}
@media(max-width:820px){.step-card::after{right:50%;top:auto;bottom:-22px;transform:translateX(50%);content:"↓"}}
@media(max-width:1100px) and (min-width:821px){.step-card:nth-child(2n)::after{display:none}}
.step-num{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:10px;font-weight:800;
  padding:4px 10px;border-radius:4px;
  background:rgba(255,122,28,.16);
  border:1px solid rgba(255,122,28,.35);
  color:var(--fox);
  letter-spacing:var(--tracking-wide);
  text-transform:uppercase;
  margin-bottom:12px;
}
.step-card h3{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:16px;margin-bottom:6px;line-height:1.2;letter-spacing:.005em}
.step-card p{color:var(--muted);font-size:13px;line-height:1.55}
.step-card p b{color:var(--text);font-weight:700}
.vsensor-chart{background:rgba(0,0,0,.4);border:1px solid var(--outline);border-radius:16px;padding:22px}
@media(max-width:480px){.vsensor-chart{padding:14px}}

.honesty{
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border:1px solid var(--outline);
  border-radius:22px;
  padding:36px 32px;
  max-width:820px;
  margin:0 auto;
  width:calc(100% - 40px);
  position:relative;
}
.honesty::before{
  content:"HONESTY · MANIFEST";
  position:absolute;
  top:-1px;left:-1px;
  padding:5px 12px;
  font-family:var(--font-mono);
  font-size:9.5px;font-weight:800;
  letter-spacing:var(--tracking-xwide);
  text-transform:uppercase;
  background:var(--lime);
  color:#0A0F0C;
  border-top-left-radius:22px;
  border-bottom-right-radius:10px;
}
@media(max-width:600px){.honesty{padding:32px 18px 22px;width:calc(100% - 32px)}}
.honesty h3{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(18px,2.6vw,24px);letter-spacing:.005em;margin-bottom:16px;margin-top:6px}
.honesty p{color:var(--muted);font-size:14.5px;margin-bottom:14px}
.honesty p b{color:var(--text);font-weight:600}
.honesty-quote{
  border-left:3px solid var(--fox);
  padding:10px 0 10px 16px;
  color:var(--text);font-size:15px;font-weight:600;
  margin:20px 0;
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.005em;
}

.cta-band{
  background:linear-gradient(135deg,rgba(255,122,28,.16),rgba(255,122,28,.04));
  border:1px solid rgba(255,122,28,.42);
  border-radius:24px;
  padding:56px 32px;
  text-align:center;
  position:relative;
  overflow:hidden;
  max-width:var(--maxw);
  margin:0 auto;
  width:calc(100% - 40px);
}
.cta-band::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--fox) 20%,var(--amber) 50%,var(--fox) 80%,transparent);
}
.cta-band::after{
  content:"";
  position:absolute;
  bottom:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--fox) 20%,var(--amber) 50%,var(--fox) 80%,transparent);
}
@media(max-width:600px){.cta-band{padding:32px 18px;border-radius:18px;width:calc(100% - 32px)}}
.cta-band h2{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(22px,3.4vw,38px);letter-spacing:.005em;margin-bottom:14px;line-height:1.05}
.cta-band p{color:var(--muted);margin-bottom:22px;max-width:520px;margin-left:auto;margin-right:auto;font-size:15px}
.cta-price{display:flex;align-items:baseline;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.cta-price .now{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,5.4vw,50px);letter-spacing:-.01em;color:var(--fox);line-height:1}
.cta-price .cur{font-size:clamp(16px,2.2vw,20px);font-weight:700;color:var(--fox);font-family:var(--font-mono)}
.cta-price .old{font-size:15px;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--weak);text-decoration-thickness:2px;font-family:var(--font-mono)}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:420px){.cta-actions{flex-direction:column}.cta-actions .btn{width:100%}}

footer{border-top:1px solid var(--outline);padding:32px 20px;margin-top:40px;color:var(--muted);font-size:12.5px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;max-width:var(--maxw);margin:0 auto}
@media(max-width:600px){.foot{flex-direction:column;text-align:center;font-size:12px}}
.foot a:hover{color:var(--text)}
.foot-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:11px}
.foot-brand{
  text-align:center;
  font-family:var(--font-mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:var(--tracking-xwide);
  text-transform:uppercase;
  color:var(--dim);
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid var(--outline);
  max-width:var(--maxw);
  margin-left:auto;
  margin-right:auto;
}
.foot-brand .sep{color:var(--fox);margin:0 10px}
.foot-brand .led{display:inline-block;margin-right:10px;vertical-align:middle}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fox),var(--fox-deep));border-radius:5px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--fox)}
::selection{background:rgba(255,122,28,.35);color:#fff}

body{
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'><path fill='%23121E15' d='M15,35 C40,8 90,2 120,22 C148,40 148,74 124,96 C100,116 62,114 40,98 C18,82 4,60 15,35 Z'/><path fill='%230D1710' d='M160,10 C195,2 232,10 252,32 C268,50 264,76 244,90 C220,106 184,100 164,82 C146,66 142,26 160,10 Z'/><path fill='%2315231A' d='M60,120 C90,108 125,114 138,138 C150,160 138,186 112,192 C86,198 60,184 52,160 C47,146 50,128 60,120 Z'/><path fill='%230B130C' d='M20,200 C50,190 90,196 104,220 C116,242 100,264 72,268 C46,272 22,258 16,236 C13,222 14,206 20,200 Z'/><path fill='%23111E14' d='M180,180 C210,168 246,176 260,200 C272,222 258,248 230,252 C204,256 182,240 176,218 C172,204 172,190 180,180 Z'/><path fill='%230E1811' d='M210,110 C232,102 256,112 262,132 C266,150 252,164 232,160 C214,156 204,138 202,124 C204,118 206,112 210,110 Z'/><path fill='%23131F16' d='M130,60 C142,52 158,56 162,68 C166,80 156,90 144,86 C134,82 126,70 130,60 Z'/></svg>") 0 0/190px 190px repeat,
    radial-gradient(1200px 700px at 85% -10%,#16331A 0,transparent 55%),
    radial-gradient(900px 500px at -10% 40%,#0F1F14 0,transparent 55%),
    radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.55) 100%),
    var(--bg);
  background-attachment:fixed,fixed,fixed,fixed,fixed,fixed;
}

h1,.sec-head h2,.order-left h2,.cta-band h2,.box-photo-caption h3,
.box-item h3,.sp-name,.step-card h3,.honesty h3,.order-card h3,
.hero-price .now,.batch-num,.order-price-line .now,.cta-price .now,
.metric-big,.press-v,.honesty-quote,.logo span{
  font-weight:500;
  letter-spacing:.02em;
}
h1{line-height:1.04}

.hero{overflow:hidden}
.hero::after{
  content:"";
  position:absolute;left:0;right:0;bottom:-2px;height:150px;
  pointer-events:none;z-index:0;
  background:
    repeating-radial-gradient(120% 30px at 50% 108%,transparent 0 26px,rgba(84,168,212,.05) 32px 35px,transparent 42px),
    linear-gradient(180deg,transparent 0%,rgba(10,21,18,.7) 70%,rgba(5,8,6,.95) 100%);
}
.hero-grid{position:relative;z-index:1}

.carp-mark{
  position:absolute;left:-70px;top:-30px;
  width:min(520px,48vw);height:auto;
  z-index:0;pointer-events:none;
}
@media(max-width:960px){.carp-mark{display:none}}

.stencil{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:9.5px;font-weight:700;
  letter-spacing:.3em;text-transform:uppercase;color:var(--muted);
  padding:6px 14px 6px 16px;border:1px dashed rgba(255,122,28,.45);
  background:rgba(5,8,6,.55);border-radius:4px;
}
.stencil::before{
  content:"";width:5px;height:5px;background:var(--fox);
  transform:rotate(45deg);box-shadow:0 0 8px var(--fox);flex-shrink:0;
}
.stencil-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.sec-head .stencil{margin-top:16px}
.order-card .stencil{margin-top:18px}

.hazard{
  height:12px;max-width:var(--maxw);margin:0 auto;width:calc(100% - 40px);
  background:repeating-linear-gradient(-45deg,rgba(255,122,28,.85) 0 16px,#0D130E 16px 32px);
  border-radius:3px;opacity:.45;
}

.box-item::after,.species-card::after,.chart-card::after,.batch-box::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background-image:
    radial-gradient(circle at 11px 11px,rgba(255,255,255,.15) 2px,transparent 2.6px),
    radial-gradient(circle at calc(100% - 11px) 11px,rgba(255,255,255,.15) 2px,transparent 2.6px),
    radial-gradient(circle at 11px calc(100% - 11px),rgba(255,255,255,.15) 2px,transparent 2.6px),
    radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),rgba(255,255,255,.15) 2px,transparent 2.6px);
}

.cta-band{
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'><path fill='%23121E15' d='M15,35 C40,8 90,2 120,22 C148,40 148,74 124,96 C100,116 62,114 40,98 C18,82 4,60 15,35 Z'/><path fill='%230D1710' d='M160,10 C195,2 232,10 252,32 C268,50 264,76 244,90 C220,106 184,100 164,82 C146,66 142,26 160,10 Z'/><path fill='%2315231A' d='M60,120 C90,108 125,114 138,138 C150,160 138,186 112,192 C86,198 60,184 52,160 C47,146 50,128 60,120 Z'/><path fill='%230B130C' d='M20,200 C50,190 90,196 104,220 C116,242 100,264 72,268 C46,272 22,258 16,236 C13,222 14,206 20,200 Z'/><path fill='%23111E14' d='M180,180 C210,168 246,176 260,200 C272,222 258,248 230,252 C204,256 182,240 176,218 C172,204 172,190 180,180 Z'/><path fill='%230E1811' d='M210,110 C232,102 256,112 262,132 C266,150 252,164 232,160 C214,156 204,138 202,124 C204,118 206,112 210,110 Z'/><path fill='%23131F16' d='M130,60 C142,52 158,56 162,68 C166,80 156,90 144,86 C134,82 126,70 130,60 Z'/></svg>") center/190px repeat,
    linear-gradient(135deg,rgba(255,122,28,.16),rgba(255,122,28,.04));
}

.btn-primary,.order-cta,.nav-cta{
  box-shadow:
    0 10px 30px rgba(255,122,28,.4),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -2px 0 rgba(0,0,0,.28);
}
.btn-primary:hover,.order-cta:hover,.nav-cta:hover{
  box-shadow:
    0 14px 40px rgba(255,122,28,.55),
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -2px 0 rgba(0,0,0,.28);
}

.batch-bar{
  border:1px solid rgba(255,122,28,.25);
  background:
    repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 8px,transparent 8px 16px),
    rgba(255,255,255,.05);
}

.honesty{outline:1px dashed rgba(123,211,79,.28);outline-offset:-10px}

.spec-plate-head{
  background:
    repeating-linear-gradient(-45deg,rgba(255,122,28,.09) 0 10px,transparent 10px 20px),
    rgba(255,122,28,.05);
}

@media(max-width:480px){
  .stencil-row{gap:8px}
  .stencil{font-size:9px;letter-spacing:.2em;padding:5px 10px 5px 13px}
  .hazard{width:calc(100% - 32px);height:10px}
  .hero::after{height:90px}
}

.box-grid-3{max-width:1000px;grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.box-grid-3{grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:600px){.box-grid-3{grid-template-columns:1fr;gap:12px}}

.idx-lbl{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.idx-big{font-family:var(--font-display);font-weight:500;font-size:52px;line-height:1;letter-spacing:-.01em;color:var(--fox);margin:3px 0 0;text-align:center}
.idx-big small{font-family:var(--font-mono);font-size:18px;color:var(--muted);font-weight:400}
.idx-note{font-size:12px;margin-top:5px;line-height:1.45;color:var(--text-2)}
.idx-mono{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-top:2px;line-height:1.5}
.idx-now{font-size:11px;color:var(--text);margin-bottom:5px}
.idx-fc{font-family:var(--font-mono);font-size:10.5px;line-height:1.7}

@media(max-width:480px){
  .gallery-grid{grid-template-columns:1fr 1fr;gap:10px}
  .gallery-grid .gal-card.span2{grid-column:1/-1}
  .gal-card{padding:12px 11px;border-radius:14px}
  .gal-title{font-size:9px;margin-bottom:9px;letter-spacing:.14em}
  .carp-card{padding:9px 10px;gap:3px}
  .idx-big{font-size:34px}
  .idx-big small{font-size:13px}
  .idx-note{font-size:10.5px;line-height:1.4}
  .idx-mono{font-size:9px}
  .idx-now{font-size:10px}
  .idx-fc{font-size:9.5px}
  .metric-big{font-size:24px}
  .press-v{font-size:22px}
  .press-u{font-size:8.5px}
  .metric-sub{font-size:8.5px}
  .metric-word{font-size:10.5px}
  .water-layers{font-size:9px;padding:5px 7px;margin-top:4px}
  .layer-card{padding:8px 9px}
  .layer-title{font-size:8.5px}
  .layer-legend{font-size:8px;gap:7px;margin-top:4px}
}
@media(max-width:355px){
  .gallery-grid{grid-template-columns:1fr}
  .idx-big{font-size:40px}
  .metric-big{font-size:28px}
}

@media(max-width:820px){
  body{background-attachment:scroll,scroll,scroll,scroll,scroll}
}

section[id]{scroll-margin-top:82px}

.m-chips{display:none}
@media(max-width:1080px){
  .m-chips{
    display:flex;gap:7px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    padding:2px 20px 9px;
    scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);
  }
  .m-chips::-webkit-scrollbar{display:none}
  .m-chips a{
    flex:0 0 auto;
    display:inline-flex;align-items:center;min-height:29px;
    font-family:var(--font-mono);font-size:10px;font-weight:700;
    letter-spacing:.07em;text-transform:uppercase;
    color:var(--text-2);
    padding:0 12px;border-radius:99px;
    background:rgba(22,32,26,.62);
    line-height:1;
    -webkit-tap-highlight-color:transparent;
  }
  .m-chips a:active{color:var(--fox);background:rgba(255,122,28,.14)}
  section[id]{scroll-margin-top:108px}

  .nav{height:56px}
  .logo{font-size:14px;gap:8px}
  .logo-mark{width:30px;height:30px;font-size:16px;border-radius:9px}
  .logo span{font-size:13.5px}
  .nav-cta{padding:0 15px;min-height:40px;font-size:10.5px;border-radius:10px}
}

@media(max-width:600px){footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}

@media(hover:none){
  .photo-tile:hover,.box-item:hover,.gal-card:hover,.species-card:hover,
  .btn-primary:hover,.nav-cta:hover,.order-cta:hover,.box-photo-tile:hover{
    transform:none;
  }
  .photo-tile:hover img,.box-photo-tile:hover img{transform:none}
}

html{-webkit-tap-highlight-color:transparent}

@media(max-width:480px){.hero-tech{row-gap:7px}}

::selection{background:var(--fox);color:#0A0F0C}
:focus-visible{outline:2px solid var(--fox);outline-offset:3px;border-radius:6px}
html{scrollbar-width:thin;scrollbar-color:var(--surface-3) var(--bg-elev)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg-elev)}
::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:99px;border:2px solid var(--bg-elev)}
::-webkit-scrollbar-thumb:hover{background:var(--outline-2)}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
  .phone-float{animation:none}
}

.faq-list{max-width:780px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:12px}
@media(max-width:480px){.faq-list{padding:0 16px}}
.faq-item{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--outline);border-radius:16px;overflow:hidden;transition:border-color .2s}
.faq-item[open]{border-color:rgba(255,122,28,.4)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 20px;font-weight:700;font-size:15px;color:var(--text);min-height:52px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--font-mono);font-weight:700;font-size:19px;color:var(--fox);flex-shrink:0;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{padding:0 20px 18px;color:var(--muted);font-size:14px;line-height:1.65}
.faq-item p b{color:var(--text)}

.m-chips a.chip-cta{color:#FFD9B8;background:rgba(255,122,28,.16);box-shadow:inset 0 0 0 1px rgba(255,122,28,.4)}

#how,#session,#journal{scroll-margin-top:64px}
.pipe{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;max-width:var(--maxw);margin:0 auto 30px;padding:0 20px}
.pipe b{font-family:var(--font-mono);font-weight:700;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);background:var(--surface);border:1px solid var(--outline);border-radius:99px;padding:8px 12px;white-space:nowrap}
.pipe b.hi{color:#211203;background:var(--fox);border-color:var(--fox)}
.pipe i.arr{font-style:normal;color:var(--fox);font-weight:800;font-size:11px}
.mode-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:var(--maxw);margin:6px auto 0;padding:0 20px}
.mode-badges span{font-family:var(--font-mono);font-size:11.5px;font-weight:600;background:var(--surface);border:1px solid var(--outline);border-radius:99px;padding:9px 15px;color:var(--text-2)}
.mode-badges .b-on{color:var(--lime);border-color:rgba(123,211,79,.4)}
.mode-badges .b-home{color:var(--amber);border-color:rgba(240,168,60,.4)}
.mode-badges .b-sat{color:var(--moon);border-color:rgba(227,217,176,.28)}
.app-hero.live{border-color:rgba(123,211,79,.5);box-shadow:inset 0 0 24px rgba(123,211,79,.06)}
.sess-live{display:flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.sess-live::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--lime);box-shadow:0 0 0 3px rgba(123,211,79,.22),0 0 10px var(--lime);animation:sesspulse 1.4s ease-in-out infinite}
@keyframes sesspulse{0%,100%{opacity:1}50%{opacity:.35}}
.sess-timer{font-family:var(--font-mono);font-weight:800;font-size:33px;letter-spacing:.04em;color:var(--amber);margin:4px 0 2px;font-variant-numeric:tabular-nums}
.sess-place{font-family:var(--font-mono);font-size:9.5px;color:var(--muted)}
.sess-stats{font-size:10.5px;color:var(--text-2);margin-top:5px}
.chrono{display:flex;flex-direction:column;gap:6px;font-size:10.5px}
.chrono .day{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-top:2px}
.chrono .day::after{content:"";flex:1;height:1px;background:var(--outline)}
.chrono .row{display:flex;gap:7px;align-items:baseline;line-height:1.4}
.chrono .row i{font-style:normal;font-family:var(--font-mono);font-size:9px;color:var(--muted);flex:0 0 auto}
.chrono .row b{font-weight:700;color:var(--text)}
.chrono .row s{text-decoration:none;color:var(--muted);font-size:9.5px}
.chrono .ok{color:var(--lime);font-weight:800}
.chrono .more{font-family:var(--font-mono);font-size:9.5px;color:var(--fox);font-weight:700;margin-top:2px}
.bite-chips{display:flex;flex-wrap:wrap;gap:5px}
.bite-chips b{font-weight:600;font-size:10.5px;color:var(--text-2);background:#121A14;border:1px solid #29382C;border-radius:99px;padding:6px 11px}
.bite-chips b.on{color:#211203;background:var(--fox);border-color:var(--fox);font-weight:700}
.sess-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sess-actions .ghost{background:transparent;border:1px solid #3A4A3E;color:var(--text);font-weight:700;font-size:11px;border-radius:10px;padding:9px;text-align:center}
.sess-actions .land{background:var(--fox);color:#211203;font-weight:800;font-size:11px;border-radius:10px;padding:9px;text-align:center;box-shadow:0 3px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.sess-end{background:rgba(229,84,75,.14);border:1px solid rgba(229,84,75,.5);color:#F08078;font-weight:800;font-size:11px;border-radius:10px;padding:9px;text-align:center}
.jrnl-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;max-width:var(--maxw);margin:0 auto 18px;padding:0 20px}
.jrnl-card{background:linear-gradient(170deg,#141C15 0%,var(--surface) 42%,var(--surface-2) 100%);border:1px solid var(--outline);border-radius:18px;padding:16px;position:relative;overflow:hidden;transition:border-color .25s ease}
.jrnl-card::before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,var(--fox) 30%,var(--fox) 70%,transparent);opacity:.55}
@media(hover:hover){.jrnl-card:hover{border-color:rgba(255,122,28,.4)}}
.jrnl-head{font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;gap:6px}
.jrnl-head::before{content:"";width:3px;height:11px;background:var(--fox);border-radius:2px}
.jrnl-row{background:var(--surface-2);border:.75px solid rgba(255,255,255,.05);border-radius:12px;padding:11px 13px;margin-bottom:8px}
.jrnl-row .nm{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px}
.jrnl-row .nm em{font-style:normal;color:var(--fox);font-weight:800}
.jrnl-row .st{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);margin-top:4px;line-height:1.5}
.jrnl-row .sp{color:var(--lime);font-weight:700;font-size:11px;margin-top:3px}
.jrnl-baits{display:flex;flex-direction:column;gap:9px}
.jrnl-baits .b{display:grid;grid-template-columns:88px 1fr 74px;gap:8px;align-items:center;font-size:10.5px;font-weight:600}
.jrnl-baits .bar{height:7px;background:#0A0F0C;border-radius:99px;overflow:hidden}
.jrnl-baits .bar i{display:block;height:100%;border-radius:99px;background:var(--lime)}
.jrnl-baits em{font-style:normal;font-family:var(--font-mono);font-weight:700;font-size:9px;color:var(--muted);text-align:right}
.jrnl-common{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.jrnl-common span{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-2);background:#0A0F0C;border:1px solid #29382C;border-radius:6px;padding:5px 8px}
.jrnl-g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.jrnl-g3{grid-template-columns:1fr}}
@media(max-width:900px){.jrnl-grid{grid-template-columns:1fr}}
@media(max-width:480px){.sess-timer{font-size:28px}.jrnl-card{padding:13px}.mode-badges span{font-size:10px;padding:8px 12px}}

.max-cta{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid rgba(255,122,28,.4);border-radius:14px;background:linear-gradient(135deg,rgba(255,122,28,.14),rgba(255,122,28,.03));color:var(--text);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
@media(hover:hover){.max-cta:hover{transform:translateY(-2px);border-color:rgba(255,122,28,.65);box-shadow:0 14px 34px rgba(255,122,28,.22)}}
.max-badge{font-family:var(--font-mono);font-weight:800;font-size:12px;letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#8A5CFF,#3D8BFF);border-radius:9px;padding:9px 11px;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.max-txt{display:flex;flex-direction:column;gap:2px;font-size:13.5px;font-weight:700;line-height:1.3}
.max-txt em{font-style:normal;color:var(--muted);font-weight:600;font-size:11px;font-family:var(--font-mono);letter-spacing:.02em}
.max-arrow{margin-left:auto;color:var(--fox);font-weight:800;font-size:16px}
.max-inline{color:var(--amber);font-weight:800;text-decoration:none;border-bottom:1px dashed rgba(240,168,60,.5)}
.max-inline:hover{color:var(--gold);border-bottom-color:var(--gold)}

.sp-img{width:108px;height:108px;object-fit:contain;display:block;margin-bottom:12px;mix-blend-mode:screen}
@media(max-width:480px){.sp-img{width:88px;height:88px}}

.sci-grid .step-card::after{display:none}
.sci-who{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.13);font-size:11.5px;line-height:1.6;color:var(--muted)}
.sci-who b{color:var(--text-2);font-weight:600}
.sci-note{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--outline);border-radius:22px;padding:34px 32px 22px;max-width:820px;margin:26px auto 36px;width:calc(100% - 40px);position:relative}
.sci-note::before{content:"METHOD · КАК СТРОИЛСЯ ПРОЕКТ";position:absolute;top:-1px;left:-1px;padding:5px 12px;font-family:var(--font-mono);font-size:9.5px;font-weight:800;letter-spacing:var(--tracking-xwide);text-transform:uppercase;background:var(--fox);color:#0A0F0C;border-radius:22px 0 10px 0}
.sci-note h3{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(18px,2.6vw,24px);letter-spacing:.005em;margin:16px 0 12px}
.sci-note p{color:var(--muted);font-size:14.5px;line-height:1.6;margin-bottom:13px}
.sci-note p b{color:var(--text);font-weight:600}
.sci-note em{font-family:var(--font-mono);font-style:normal;font-size:12px;color:var(--fox);font-weight:700}
.sci-note{outline:1px dashed rgba(255,122,28,.22);outline-offset:-10px}
.sci-srcs{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.sci-srcs-head{font-family:var(--font-mono);font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fox);margin:0 0 14px;text-align:center}
.sci-srcs ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin:0;padding:0}
.sci-srcs li{font-size:12px;line-height:1.55;color:var(--muted);padding:9px 12px;background:rgba(5,8,6,.55);border:1px solid var(--outline);border-radius:10px;transition:border-color .2s ease}
@media(hover:hover){.sci-srcs li:hover{border-color:rgba(123,211,79,.35)}}
.sci-srcs li b{color:var(--text-2);font-weight:600}
.sci-srcs a{color:var(--lime);text-decoration:none;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.01em}
@media(hover:hover){.sci-srcs a:hover{text-decoration:underline;color:#93e06b}}
@media(max-width:820px){.sci-srcs ul{grid-template-columns:1fr}.sci-note{padding:30px 22px 18px}.sci-who{font-size:11px}}
.page-hero{padding:clamp(48px,7vw,84px) 0 clamp(14px,2.5vw,26px);text-align:center;position:relative}
.page-hero .wrap{padding:0 20px}
.page-hero .badge{margin:0 auto 22px;display:inline-flex}
.page-hero h1{font-size:clamp(30px,5.6vw,66px);margin-bottom:20px}
.page-hero .lead{max-width:700px;margin:0 auto 28px;font-size:clamp(14.5px,1.7vw,17px)}
.page-hero .trust-chips{margin-bottom:0}
.nav-links a.on{color:var(--fox)}
.m-chips a.on{border-color:rgba(255,122,28,.55);color:var(--fox);background:rgba(255,122,28,.08)}
.vs-grid{max-width:var(--maxw);margin:0 auto;padding:0 20px;display:grid;gap:12px}
.vs-row{display:grid;grid-template-columns:1fr 44px 1.15fr;align-items:stretch;gap:10px}
.vs-row i{display:flex;align-items:center;justify-content:center;color:var(--fox);font-style:normal;font-weight:800;font-size:18px}
.vs-a{padding:16px 18px;border:1px dashed var(--outline-2);border-radius:14px;background:rgba(5,8,6,.4);color:var(--muted);font-size:13.5px;line-height:1.55;display:flex;align-items:center}
.vs-b{padding:16px 18px;border:1px solid rgba(123,211,79,.28);border-radius:14px;background:linear-gradient(135deg,rgba(123,211,79,.10),rgba(123,211,79,.02));color:var(--text);font-size:13.5px;line-height:1.55;display:flex;align-items:center}
@media(max-width:820px){.vs-row{grid-template-columns:1fr;gap:6px}.vs-row i{transform:rotate(90deg);min-height:22px}}
.story-grid{max-width:var(--maxw);margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:start}
.story-video video{width:100%;display:block;border-radius:18px;border:1px solid var(--outline-2);background:#000}
.story-cap{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:10px;text-align:center}
.story-text p{color:var(--muted);font-size:14.5px;line-height:1.65;margin:0 0 14px}
.story-text p b{color:var(--text);font-weight:600}
.story-text p a{color:var(--lime);text-decoration:none}
@media(hover:hover){.story-text p a:hover{text-decoration:underline}}
.story-text .max-cta{margin-top:22px}
.sci-top-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.sci-top{list-style:none;counter-reset:st;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0;padding:0}
.sci-top li{counter-increment:st;position:relative;font-size:12.5px;line-height:1.55;color:var(--muted);padding:13px 14px 12px 46px;background:linear-gradient(180deg,rgba(255,122,28,.07),rgba(255,122,28,.02));border:1px solid rgba(255,122,28,.28);border-radius:12px;transition:border-color .2s ease}
@media(hover:hover){.sci-top li:hover{border-color:rgba(255,122,28,.55)}}
.sci-top li::before{content:counter(st,decimal-leading-zero);position:absolute;left:14px;top:13px;font-family:var(--font-mono);font-weight:800;font-size:11px;color:var(--fox);letter-spacing:.05em}
.sci-top li i{display:block;font-style:normal;font-weight:700;color:var(--text);font-size:12.5px;margin-bottom:4px}
.sci-top li b{color:var(--text-2);font-weight:600}
.sci-top li a{color:var(--lime);text-decoration:none;font-family:var(--font-mono);font-size:10.5px}
@media(max-width:820px){.sci-top{grid-template-columns:1fr}}
@media(hover:hover){.sci-top li a:hover{text-decoration:underline;color:#93e06b}}
.sci-more{max-width:var(--maxw);margin:14px auto 0;padding:0 20px}
.sci-more summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--outline-2);border-radius:12px;padding:15px;transition:color .2s ease,border-color .2s ease}
.sci-more summary::-webkit-details-marker{display:none}
.sci-more summary::after{content:"＋";color:var(--fox);font-size:15px}
.sci-more[open] summary::after{content:"−"}
.sci-more summary:hover{color:var(--text);border-color:rgba(255,122,28,.45)}
.sci-more .sci-srcs{margin-top:14px;padding:0}
@media(max-width:820px){.story-grid{grid-template-columns:1fr;gap:18px}.sci-top{grid-template-columns:1fr}}
.story-video{position:relative;padding:10px;border-radius:22px;background:linear-gradient(150deg,rgba(255,122,28,.45),rgba(255,122,28,.08) 45%,rgba(123,211,79,.14));box-shadow:0 30px 70px rgba(0,0,0,.5)}
.story-video::before{content:"";position:absolute;inset:-7px;border-radius:26px;border:1px dashed rgba(255,122,28,.28);pointer-events:none}
.story-video video{width:100%;display:block;border-radius:14px;border:1px solid rgba(255,122,28,.35);background:#000}
.story-badge{position:absolute;top:-13px;left:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;background:linear-gradient(135deg,#FF7A1C,#FFA14E);color:#141008;font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 26px rgba(255,122,28,.4)}
.story-badge i{width:7px;height:7px;border-radius:50%;background:#141008;animation:storyPulse 1.8s infinite}
@keyframes storyPulse{0%{box-shadow:0 0 0 0 rgba(20,16,8,.5)}70%{box-shadow:0 0 0 6px rgba(20,16,8,0)}100%{box-shadow:0 0 0 0 rgba(20,16,8,0)}}
.story-note{margin-top:16px;padding:12px 15px;border-left:2px solid rgba(255,122,28,.55);background:rgba(255,122,28,.05);border-radius:0 10px 10px 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.story-note b{color:var(--text-2);font-weight:600}
@media(max-width:820px){.story-badge{left:12px;font-size:9px;padding:5px 11px}}
:root{--ink:#BECBB7;--ink-2:#A4B39C}
.page-hero .lead{color:var(--ink);font-size:clamp(15.5px,1.7vw,18px);line-height:1.75}
.sec-head p{color:var(--ink-2);font-size:clamp(15px,1.5vw,16.5px);line-height:1.72}
.page-hero h1,.sec-head h2,.cta-band h2,.sci-note h3,.step-card h3{text-wrap:balance}
.story-text p{color:var(--ink);font-size:clamp(15.5px,1.1vw,16.5px);line-height:1.78;margin:0 0 16px;text-wrap:pretty}
.story-note{font-size:13.5px;line-height:1.72;color:var(--ink-2)}
.story-note b{color:var(--text-2)}
.step-card{padding:22px 22px 20px}
.step-card h3{font-size:16.5px;line-height:1.28;margin-bottom:8px}
.step-card p{color:var(--ink-2);font-size:14.5px;line-height:1.68;text-wrap:pretty}
.sci-who{font-size:12px;line-height:1.68;color:#96A68F}
.sci-who b{color:#C5D2BE}
.sci-note p{color:var(--ink);font-size:15px;line-height:1.75;margin-bottom:14px}
.vs-a{color:var(--ink-2);font-size:14.5px;line-height:1.65;padding:18px 20px}
.vs-b{font-size:14.5px;line-height:1.65;padding:18px 20px}
.sci-top li{font-size:13.5px;line-height:1.62;padding:14px 16px 13px 48px}
.sci-top li i{font-size:13.5px}
.sci-top li a{font-size:11px}
.sci-srcs li{font-size:13px;line-height:1.66;color:var(--ink-2)}
.sci-srcs li a{font-size:11px}
.sci-srcs li b{color:var(--text-2)}
.trust-chips span{font-size:10.5px;padding:8px 14px}
.cta-band p{font-size:15.5px;line-height:1.72;color:var(--ink-2)}
@media(max-width:820px){.story-text p,.page-hero .lead{font-size:15.5px}.sec-head p{font-size:15px}.sci-note p{font-size:15px}.step-card p{font-size:14.5px}.vs-a,.vs-b{font-size:14px}}





:root{
  --abg:#0A0F0C;--asurf:#121A14;--aelev:#1A241C;--aoutline:#29382C;
  --alabel:#9FB39F;--atext:#EAEFE4;--asub:#A6B39B;
  --afox:#FF7A1C;--afoxcont:#3A2408;--afoxon:#FFD2AE;
  --aamber:#F0A83C;--aambercont:#3A2D14;
  --alime:#7BD34F;--agold:#E3C25C;--awater:#54A8D4;--amoon:#E3D9B0;
  --aweak:#E5544B;--amed:#D98E32;
  --afont:Roboto,'Inter',-apple-system,'Segoe UI',Arial,sans-serif;
}

.phone{width:400px;max-width:100%;margin:26px auto 0;background:#101013;border-radius:52px;padding:11px;border:1px solid #2b2b31;box-shadow:0 44px 90px rgba(0,0,0,.6),0 8px 24px rgba(0,0,0,.5),inset 0 0 0 2px #000;position:relative}
.phone-screen{position:relative;background:var(--abg);border-radius:41px;overflow:hidden;display:flex;flex-direction:column;height:842px}
.p-camdot{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:13px;height:13px;border-radius:50%;background:#050505;box-shadow:inset 0 0 3px 1px #16241b;z-index:5}
.p-status{display:flex;align-items:center;justify-content:space-between;padding:13px 26px 6px;font:600 13px/1 var(--afont);color:var(--atext)}
.p-status .p-sicons{display:flex;align-items:center;gap:6px}
.p-sig{display:inline-flex;align-items:flex-end;gap:1.5px}
.p-sig i{width:3px;background:var(--atext);border-radius:1px;display:block}
.p-sig i:nth-child(1){height:4px}.p-sig i:nth-child(2){height:6px}.p-sig i:nth-child(3){height:8px}.p-sig i:nth-child(4){height:10px;background:var(--asub)}
.p-batt{width:22px;height:11px;border:1.5px solid var(--asub);border-radius:3px;position:relative;display:inline-block}
.p-batt::before{content:"";position:absolute;left:1.5px;top:1.5px;bottom:1.5px;width:70%;background:var(--alime);border-radius:1px}
.p-batt::after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:4px;background:var(--asub);border-radius:0 1px 1px 0}
.p-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:var(--aoutline) transparent}
.p-body::-webkit-scrollbar{width:4px}.p-body::-webkit-scrollbar-thumb{background:var(--aoutline);border-radius:2px}
.p-nav{display:flex;background:var(--asurf);border-top:1px solid rgba(41,56,44,.45);padding:6px 0 12px}
.p-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 0;cursor:pointer;color:var(--asub);font:500 11px/14px var(--afont);background:none;border:none;font-family:var(--afont)}
.p-tab svg{width:22px;height:22px;fill:currentColor}
.p-tab.on{color:var(--afox)}
.p-tab .p-tabbar{width:32px;height:3px;border-radius:2px;background:transparent}
.p-tab.on .p-tabbar{background:var(--afox)}
.p-panel{display:none}
.p-panel.on{display:flex;flex-direction:column;gap:10px}
.p-h1{font:700 21px/27px var(--afont);color:var(--atext);letter-spacing:0}
.p-sub{font:400 11px/15px var(--afont);color:var(--asub)}

.acard{background:var(--asurf);border:.75px solid rgba(41,56,44,.55);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-family:var(--afont);color:var(--atext)}
.acard.hero{border-radius:22px;border-width:1.25px}
.acard-h{display:flex;align-items:center;gap:7px;font:600 15px/20px var(--afont);letter-spacing:.15px;color:var(--atext)}
.acard-h::before{content:"";width:3px;height:14px;border-radius:2px;background:var(--acc,var(--afox));flex:none}
.apill{display:inline-flex;align-items:center;gap:4px;border-radius:50px;padding:4px 10px;font:500 11px/14px var(--afont);white-space:nowrap}
.apill.c-lime{color:var(--alime);background:rgba(123,211,79,.14)}
.apill.c-amber{color:var(--aamber);background:rgba(240,168,60,.14)}
.apill.c-weak{color:var(--aweak);background:rgba(229,84,75,.14)}
.apill.c-fox{color:var(--afox);background:rgba(255,122,28,.14)}
.apill.c-sub{color:var(--asub);background:rgba(166,179,155,.14)}
.apill.c-gold{color:var(--agold);background:rgba(227,194,92,.14)}
.apill.c-moon{color:var(--amoon);background:rgba(227,217,176,.14)}
.apill.c-water{color:var(--awater);background:rgba(84,168,212,.14)}
.atag{background:var(--aelev);border-radius:6px;padding:3px 8px;font:400 11px/15px var(--afont);color:var(--asub);display:inline-block}
.atext{font:400 13px/19px var(--afont);color:var(--atext)}
.atext-s{font:400 11px/15px var(--afont);color:var(--asub)}
.alink{font:500 11px/14px var(--afont);color:var(--afox);cursor:pointer}
.abadge{display:inline-flex;align-items:center;gap:6px;border-radius:50px;background:var(--aelev);padding:5px 10px;font:500 11px/14px var(--afont);color:var(--asub)}
.abadge.lime{color:var(--alime)}
.p-headrow{display:flex;align-items:center;gap:6px}
.p-headrow .p-h1{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info-chip{width:28px;height:28px;border-radius:50px;background:var(--aelev);display:flex;align-items:center;justify-content:center;font:600 13px var(--afont);color:var(--afox);flex:none}

.aspchips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.aspchip{border-radius:50px;padding:7px 14px;font:500 11px/14px var(--afont);color:var(--asub);background:var(--aelev);border:1px solid rgba(41,56,44,.6);cursor:pointer;white-space:nowrap;font-family:var(--afont)}
.aspchip.on{color:var(--afoxon);background:var(--afoxcont);border-color:rgba(255,122,28,.45)}

.idx-top{font:500 11px/14px var(--afont);color:var(--asub);text-align:center}
.idx-row{display:flex;align-items:flex-end;justify-content:center}
.idx-num{font:900 76px/80px var(--afont);letter-spacing:-2px;color:var(--acolor,var(--alime))}
.idx-den{font:700 21px/27px var(--afont);color:var(--asub);padding:0 0 8px 3px}
.idx-word{text-align:center;font:400 15px/23px var(--afont);color:var(--atext)}
.idx-scale{display:flex;gap:3px;margin-top:12px}
.idx-scale i{flex:1;height:8px;border-radius:4px;display:block}
.idx-legend{text-align:center;font:400 11px/15px var(--afont);color:var(--asub);margin-top:6px}
.idx-win-t{font:500 11px/14px var(--afont);color:var(--asub);text-align:center;margin-top:8px}
.idx-wins{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.anote{font:400 11px/15px var(--afont);color:var(--aweak)}
.anote.gold{color:var(--amoon)}

.bigrow{display:flex;align-items:flex-end}
.bignum{font:700 32px/36px var(--afont);letter-spacing:-.5px}
.bigunit{font:500 11px/14px var(--afont);color:var(--asub);padding-bottom:7px;margin-left:8px}
.trendwrap{margin-left:auto;display:flex;align-items:center;padding-bottom:4px;gap:6px}
.trendarrow{font-size:24px;line-height:1}
.trendbar{height:6px;background:var(--aelev);border-radius:3px;position:relative;margin-top:8px}
.trendbar .mid{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--aoutline);border-radius:1px}
.trendbar .fill{position:absolute;top:0;bottom:0;border-radius:3px}
.trendlabels{display:flex;justify-content:space-between;font:500 9px/12px var(--afont);color:var(--asub);margin-top:3px}
.gauge{height:12px;background:var(--aelev);border-radius:6px;position:relative;margin-top:8px;overflow:hidden}
.gauge .gfill{position:absolute;left:0;top:0;bottom:0;border-radius:6px}
.gauge .gzone{position:absolute;top:0;bottom:0;opacity:.28}
.gauge .gmark{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--alabel)}
.thermo{height:10px;background:var(--aelev);border-radius:5px;position:relative;margin-top:10px}
.thermo .tzone{position:absolute;top:0;bottom:0;border-radius:5px;opacity:.4}
.thermo .tmark{position:absolute;top:-3px;width:4px;height:16px;background:#fff;border-radius:2px;box-shadow:0 0 0 2px rgba(10,15,12,.8)}
.thermo-labels{display:flex;justify-content:space-between;font:500 9px/12px var(--afont);color:var(--asub);margin-top:3px}

.feed-cv{position:relative;height:150px;margin-top:8px}
.feed-col{position:absolute;bottom:4px;display:flex;flex-direction:column-reverse;height:118px;border-radius:1px;overflow:hidden}
.feed-col i{display:block;width:100%}
.feed-sep{position:absolute;top:22px;bottom:4px;border-left:1px solid rgba(41,56,44,.5)}
.feed-sep b{position:absolute;top:2px;left:4px;font:500 9px/12px var(--afont);color:var(--alabel)}
.feed-now{position:absolute;top:22px;bottom:4px;border-left:1.5px dashed rgba(255,255,255,.85);z-index:3;pointer-events:none}
.feed-now b{position:absolute;bottom:2px;left:5px;font:500 9px/12px var(--afont);color:var(--alabel)}
.feed-tip{position:absolute;top:8px;transform:translateX(-50%);background:rgba(10,15,12,.9);border:1.5px solid var(--afox);border-radius:10px;padding:3px 7px;font:400 10px/13px var(--afont);color:#E9F4D2;white-space:nowrap;z-index:2}
.feed-fish{position:absolute;transform:translateY(-50%);font-size:13px;z-index:2}
.legend{display:flex;gap:12px;margin-top:6px}
.legend span{display:inline-flex;align-items:center;gap:5px;font:400 11px/15px var(--afont);color:var(--asub)}
.legend i{width:8px;height:8px;border-radius:3px;display:block}

.blhead{display:flex;align-items:center;gap:8px;font:600 15px/20px var(--afont)}
.blhead i{width:10px;height:10px;border-radius:5px;flex:none}
.bltl-wrap{margin-top:6px}
.bltl-labels{display:flex;justify-content:space-between;font:400 11px/15px var(--afont);color:var(--asub)}
.bltl-labels .now{color:var(--afox)}
.rtable{display:flex;flex-direction:column;border:1px solid rgba(41,56,44,.35);border-radius:10px 10px 4px 4px;overflow:hidden;margin-top:6px}
.rtable .rhead{display:flex;background:var(--aelev);padding:7px 10px;font:500 11px/14px var(--afont);color:var(--atext)}
.rtable .rhead span:nth-child(1){width:30%}
.rtable .rhead span:nth-child(2){width:35%;color:var(--alime)}
.rtable .rhead span:nth-child(3){width:35%;color:var(--aweak)}
.rtable .rrow{display:flex;padding:6px 10px;border-top:1px solid rgba(41,56,44,.35);font:400 11px/15px var(--afont);color:var(--atext)}
.rtable .rrow span:nth-child(1){width:30%}
.rtable .rrow span:nth-child(2){width:35%}
.rtable .rrow span:nth-child(3){width:35%}
.rtable .rrow.on{background:rgba(255,122,28,.1)}
.rtable .rrow.on span:first-child::after{content:" ←";color:var(--afox)}

.moonrow{display:flex;align-items:center;gap:10px}
.moonrow .m-emoji{font-size:34px;line-height:1}
.lbar{height:6px;border-radius:3px;background:rgba(227,217,176,.16);margin-top:6px;position:relative;overflow:hidden}
.lbar i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:rgba(227,217,176,.9)}
.wchips{display:flex;gap:6px}
.wchip{border-radius:50px;padding:6px 12px;font:500 11px/14px var(--afont);color:var(--asub);background:var(--aelev);cursor:pointer;border:none;font-family:var(--afont)}
.wchip.on{color:var(--afox);background:rgba(255,122,28,.18)}
.wrow{margin:3px 0}
.wrow .wl{display:flex;justify-content:space-between;font:400 13px/19px var(--afont)}
.wrow .wl b{font:500 13px/18px var(--afont)}
.wrow .wbar{height:5px;background:var(--aelev);border-radius:3px;margin-top:3px}
.wrow .wbar i{display:block;height:100%;border-radius:3px}

.sesshero{border-radius:20px;background:var(--asurf);border:.75px solid rgba(41,56,44,.55);padding:20px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--afont);color:var(--atext)}
.sesshero .pulse-dot{width:10px;height:10px;border-radius:5px;background:var(--alime);animation:pulseSess 1.4s ease-in-out infinite}
@keyframes pulseSess{0%,100%{opacity:.35}50%{opacity:1}}
.sesshero .stimer{font:700 32px/36px var(--afont);color:var(--aamber);letter-spacing:-.5px}
.abtnrow{display:flex;gap:6px}
.abtn{flex:1;border-radius:50px;padding:11px 16px;font:600 13px/18px var(--afont);background:var(--afox);color:#211203;border:none;text-align:center;cursor:pointer;font-family:var(--afont)}
.abtn.out{background:transparent;border:1px solid var(--aoutline);color:var(--atext)}
.abtn.danger{background:var(--aweak);color:#211203}
.chips-flow{display:flex;flex-wrap:wrap;gap:6px}

.spotcard{border-radius:12px;background:var(--asurf);border:.75px solid rgba(41,56,44,.55);padding:12px;display:flex;flex-direction:column;gap:2px;font-family:var(--afont);color:var(--atext)}
.spotcard.viewing{background:var(--afoxcont);border-color:rgba(255,122,28,.4)}
.spotcard .sr1{display:flex;align-items:center;gap:6px}
.spotcard .sr1 .nm{font:600 15px/20px var(--afont);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotcard .sr2{font:400 11px/15px var(--afont);color:var(--asub)}
.spotcard .sr3{display:flex;gap:10px;font:400 11px/15px var(--afont)}
.cardaction{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px;background:rgba(240,168,60,.12);border:1px solid rgba(240,168,60,.3);border-radius:10px;padding:8px 10px;font:500 11px/15px var(--afont);color:var(--aamber);cursor:pointer}
.cardaction.ok{background:rgba(123,211,79,.1);border-color:rgba(123,211,79,.3);color:var(--alime)}
.cardaction .arr{margin-left:auto}
.p-fab{border-radius:50px;background:var(--afox);color:#211203;font:600 13px/18px var(--afont);padding:10px 16px;display:inline-flex;align-items:center;gap:4px;border:none;font-family:var(--afont)}

.tiles2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stattile{border-radius:14px;background:var(--asurf);border:.75px solid;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:1px}
.stattile b{font:700 21px/27px var(--afont)}
.stattile span{font:400 11px/15px var(--afont);color:var(--asub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wbcard{border-radius:14px;background:var(--asurf);border:.75px solid rgba(41,56,44,.55);padding:14px;display:flex;flex-direction:column;gap:4px;font-family:var(--afont);color:var(--atext)}
.wbcard .wr1{display:flex;align-items:center;gap:6px}
.wbcard .wr1 .nm{font:600 15px/20px var(--afont);flex:1}
.wbcard .fchips{display:flex;gap:6px;flex-wrap:wrap}
.fchip{border-radius:50px;padding:3px 8px;font:400 11px/15px var(--afont)}
.wbcard .backlink{font:500 13px/18px var(--afont);color:var(--afox);cursor:pointer;background:none;border:none;padding:0;font-family:var(--afont);text-align:left}
.baitrow{display:flex;align-items:center;gap:8px;padding:2px 0}
.baitrow .bi{font-size:13px;flex:none}
.baitrow .bn{font:400 13px/19px var(--afont);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.baitrow .bv{font:400 11px/15px var(--afont);color:var(--asub);white-space:nowrap}
.baitrow.top .bn,.baitrow.top .bv{color:var(--agold);font-weight:600}
.discbox{background:var(--aambercont);border:1px solid rgba(240,168,60,.35);border-radius:12px;padding:10px 12px;font:400 11px/16px var(--afont);color:var(--aamber)}
.sesscard{border-radius:14px;background:var(--asurf);border:.75px solid rgba(41,56,44,.55);padding:14px;display:flex;flex-direction:column;gap:3px;font-family:var(--afont);color:var(--atext)}
.sesscard .sc1{display:flex;align-items:center;gap:9px}
.sesscard .sc-t{font:600 15px/20px var(--afont)}
.sesscard .sc-m{font:400 11px/15px var(--afont);color:var(--asub)}
.sesscard .slbl{font:500 11px/14px var(--afont);color:var(--asub);margin-top:6px}

.asvg{width:100%;display:block}
.asvg text{font-family:var(--afont)}

.app-tabspills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px 0 4px}
.app-tabspill{border-radius:50px;padding:9px 18px;font:600 12px/16px var(--afont);color:var(--asub);background:rgba(18,26,20,.9);border:1px solid rgba(41,56,44,.7);cursor:pointer}
.app-tabspill.on{color:#211203;background:var(--afox);border-color:var(--afox)}
.phone-caption{text-align:center;font-size:13px;color:var(--ink-2);margin-top:14px}
.phone-stage{background:radial-gradient(1000px 520px at 50% 0%,rgba(255,122,28,.08),transparent 65%);padding:8px 0 10px}
.ag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:1180px;margin:22px auto 0;padding:0 20px}
.ag-card{background:rgba(18,26,20,.55);border:1px solid rgba(41,56,44,.6);border-radius:16px;padding:18px}
.ag-card .ag-ic{font-size:22px}
.ag-card h3{font-size:16px;margin:8px 0 6px;color:var(--text)}
.ag-card p{font-size:13.5px;line-height:1.6;color:var(--ink-2)}
.ag-card .ag-feats{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.ag-card .ag-feats li{font-size:12.5px;line-height:1.5;color:var(--ink);padding-left:16px;position:relative}
.ag-card .ag-feats li::before{content:"·";position:absolute;left:4px;color:var(--afox);font-weight:700}
.bait-big{max-width:640px;margin:26px auto 0;background:#121A14;border:1.25px solid rgba(227,194,92,.45);border-radius:22px;padding:20px;font-family:var(--afont);color:#EAEFE4;display:flex;flex-direction:column;gap:6px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.bait-big .bh{display:flex;align-items:center;gap:8px;font:600 15px/20px var(--afont)}
.bait-big .bh::before{content:"";width:3px;height:14px;border-radius:2px;background:#E3C25C}
.bait-big .brow{display:flex;align-items:center;gap:8px;padding:4px 0}
.bait-big .brow .bn{flex:1;font:400 14px/20px var(--afont)}
.bait-big .brow .bv{font:400 12px/16px var(--afont);color:#A6B39B;white-space:nowrap}
.bait-big .brow.top .bn{color:#E3C25C;font-weight:600}
.bait-big .brow.top .bv{color:#E3C25C}
.bait-big .bars{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.bait-big .hbar{height:8px;border-radius:4px;background:#1A241C;overflow:hidden}
.bait-big .hbar i{display:block;height:100%;border-radius:4px}
@media(max-width:820px){
  .phone{border-radius:44px;padding:9px}
  .phone-screen{height:800px;border-radius:36px}
  .idx-num{font-size:64px;line-height:68px}
  .p-body{padding:12px}
}


.app-promo{margin:22px auto 0;max-width:860px;background:linear-gradient(135deg,rgba(255,122,28,.12),rgba(18,26,20,.85));border:1px solid rgba(255,122,28,.35);border-radius:18px;padding:20px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.app-promo-txt{flex:1;min-width:240px;font-size:14.5px;line-height:1.6;color:var(--ink,#BECBB7)}
.app-promo-txt b{color:var(--text,#EAEFE4)}
.app-promo-btn{background:#FF7A1C;color:#211203;font-weight:700;font-size:13.5px;padding:12px 20px;border-radius:50px;text-decoration:none;white-space:nowrap}
.app-promo-btn:hover{filter:brightness(1.1)}
@media(max-width:640px){.app-promo{flex-direction:column;align-items:flex-start}}




.ficon{display:inline-block;vertical-align:-2px;flex:none}
.sci-fish{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px}
.sci-fish span{display:flex;flex-direction:column;align-items:center;gap:7px;background:rgba(18,26,20,.6);border:1px solid rgba(41,56,44,.65);border-radius:16px;padding:16px 22px 12px;transition:border-color .2s}
.sci-fish span:hover{border-color:rgba(255,122,28,.45)}
.sci-fish i{font-style:normal;font-family:var(--font-mono,monospace);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.sci-toc{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.sci-toc a{border:1px solid var(--outline);background:rgba(18,26,20,.62);color:var(--text-2);border-radius:50px;padding:9px 16px;font-family:var(--font-mono,monospace);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:border-color .18s,color .18s}
.sci-toc a:hover{border-color:rgba(255,122,28,.5);color:var(--fox)}
.sci-link{color:var(--lime);text-decoration:none;border-bottom:1px dashed rgba(123,211,79,.45);white-space:nowrap}
.sci-link:hover{color:#A7E878;border-bottom-color:#A7E878}
@media(max-width:560px){
  .sci-fish{gap:12px}
  .sci-fish span{padding:12px 16px 9px;flex:1 1 28%}
  .sci-fish .ficon{width:52px!important;height:32px!important}
}

.steps-grid{overflow-x:clip}



.acard .wrow{display:block}
.acard .wrow .wl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%}
.acard .wrow .wl b{white-space:nowrap;font:500 12.5px/18px var(--afont)}
.acard .wrow .wbar{margin-top:4px}






.music-pill{
  position:fixed;
  right:18px;
  bottom:calc(18px + env(safe-area-inset-bottom,0px));
  z-index:96; 
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 16px 12px 9px;
  border:1px solid var(--outline-2);
  border-radius:17px;
  background:rgba(14,20,16,.9);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 14px 34px rgba(0,0,0,.5), inset 0 1px 0 rgba(240,245,236,.05);
  cursor:pointer;
  font:600 12.5px/1.25 var(--font-body);
  color:var(--text);
  text-align:left;
  opacity:0;
  transform:translateY(10px) scale(.97);
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
  transition:opacity .4s ease, transform .4s ease, border-color .25s ease, box-shadow .25s ease;
}
.music-pill.is-ready{opacity:1;transform:none;pointer-events:auto}
.music-pill.is-ready:hover{border-color:rgba(123,211,79,.45);
  box-shadow:0 16px 38px rgba(0,0,0,.55), 0 0 0 3px rgba(123,211,79,.08)}
.music-pill:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.music-pill.is-gone{opacity:0;transform:translateY(10px) scale(.97);pointer-events:none}


.mp-btn{position:relative;flex:none;width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;color:var(--lime);
  background:linear-gradient(145deg,var(--surface-3),var(--surface-2));
  border:1px solid var(--outline-2)}
.mp-ic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease, transform .2s ease}
.mp-ic-pause{opacity:0;transform:translate(-50%,-50%) scale(.7)}
.music-pill[data-state="playing"] .mp-ic-pause{opacity:1;transform:translate(-50%,-50%) scale(1)}
.music-pill[data-state="playing"] .mp-ic-play{opacity:0;transform:translate(-50%,-50%) scale(.7)}


.music-pill[data-state="blocked"] .mp-btn::after,
.music-pill[data-state="loading"] .mp-btn::after{
  content:"";position:absolute;inset:-4px;border-radius:15px;
  border:1.5px solid rgba(123,211,79,.55);animation:mpPulse 1.8s ease-out infinite}
@keyframes mpPulse{0%{opacity:.9;transform:scale(.88)}70%{opacity:0;transform:scale(1.3)}100%{opacity:0;transform:scale(1.3)}}


.mp-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.mp-title{font-weight:700;font-size:12.5px;letter-spacing:.01em;white-space:nowrap}
.mp-sub{font:500 10px/1 var(--font-mono);color:var(--muted);letter-spacing:.04em;white-space:nowrap}
.music-pill[data-state="blocked"] .mp-sub{color:var(--lime)}


.mp-eq{flex:none;display:flex;align-items:flex-end;gap:2px;height:14px;padding-bottom:2px}
.mp-eq i{width:3px;height:100%;border-radius:2px;transform:scaleY(.3);transform-origin:bottom;
  background:linear-gradient(180deg,var(--lime),var(--lime-deep));transition:transform .3s ease}
.music-pill[data-state="playing"] .mp-eq i{animation:mpEq 1s ease-in-out infinite}
.music-pill[data-state="playing"] .mp-eq i:nth-child(2){animation-delay:.18s}
.music-pill[data-state="playing"] .mp-eq i:nth-child(3){animation-delay:.36s}
.music-pill[data-state="playing"] .mp-eq i:nth-child(4){animation-delay:.09s}
@keyframes mpEq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}


.mp-track{position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:2px;
  background:rgba(123,211,79,.16);overflow:hidden}
.mp-bar-fill{display:block;height:100%;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--lime-deep),var(--lime));transition:width .3s linear}

@media(max-width:640px){
  .music-pill{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));
    gap:9px;padding:8px 14px 11px 8px;border-radius:15px}
  .mp-btn{width:34px;height:34px;border-radius:11px}
  .mp-title{font-size:12px}
  .mp-sub{font-size:9.5px}
  .mp-track{left:12px;right:12px;bottom:4px}
}
@media(max-width:380px){
  .mp-sub{max-width:148px;overflow:hidden;text-overflow:ellipsis}
}
@media (prefers-reduced-motion: reduce){
  .music-pill{transition:none}
  .music-pill[data-state="playing"] .mp-eq i{animation:none;transform:scaleY(.6)}
  .music-pill[data-state="blocked"] .mp-btn::after,
  .music-pill[data-state="loading"] .mp-btn::after{animation:none;opacity:.55}
}


@media(min-width:1440px){
  :root{--maxw:1320px}
  section{padding:96px 0}
  .sec-head{max-width:860px}
  .steps-grid{max-width:1320px}
  .ag-grid{max-width:1320px}
  .honesty,.sci-note{max-width:900px}
  .bait-big{max-width:700px}
  .faq-list{max-width:860px}
}
@media(min-width:2200px){
  :root{--maxw:1480px}
  section{padding:120px 0}
  .sec-head{max-width:940px;margin-bottom:64px}
  .sec-head h2{font-size:clamp(30px,2.1vw,58px)}
  .sec-head p{font-size:17px}
  .steps-grid{max-width:1480px;gap:20px}
  .ag-grid{max-width:1480px;gap:18px}
  .honesty,.sci-note{max-width:940px}
  .faq-item summary{padding:16px 24px;font-size:16px}
  .faq-item p{padding:0 24px 20px;font-size:15px}
  .box-card,.sp-card,.ag-card{padding:24px}
  .order-wrap{gap:60px}
  .phone{width:440px}
  .phone-screen{height:930px}
  .phone-caption{font-size:14px}
}