:root {
  --bg: #0B0B12;
  --surface: #13131F;
  --surface-light: #1A1A2E;
  --purple: #7C3AED;
  --purple-hover: #8B5CF6;
  --purple-glow: rgba(124, 58, 237, 0.4);
  --purple-dim: rgba(124, 58, 237, 0.12);
  --blue: #3B82F6;
  --cyan: #06B6D4;
  --cyan-dim: rgba(6, 182, 212, 0.12);
  --text-primary: #F1F1F3;
  --text-secondary: #A1A1AA;
  --text-muted: #71717A;
  --divider: #1E1E2E;
  --pass: #22C55E;
  --fail: #EF4444;
  --font-mono: 'JetBrains Mono', monospace;
  --font-sans: 'Inter', sans-serif;
  --max-width: 780px;
  --radius: 16px;
  --radius-sm: 12px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}

body{
  background:var(--bg);
  color:var(--text-primary);
  font-family:var(--font-sans);
  font-size:16px;line-height:1.7;
  min-height:100vh;
  overflow-x:hidden;
  cursor:none;
}

a,button{ cursor:none; }

.scroll-progress{
  position:fixed;top:0;left:0;height:2px;
  background:linear-gradient(90deg,var(--purple),var(--cyan));
  z-index:9998;width:0%;
  transition:width 0.1s linear;
}

.pcb-grid{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:0;pointer-events:none;opacity:0.5;
}

.dot-grid{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:0;pointer-events:none;opacity:0.3;
}

.floating-bg{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:1;pointer-events:none;overflow:hidden;
}

.floating-el{
  position:absolute;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(124,58,237,0.05);
  will-change:transform;
}
.floating-el svg{
  width:60%;height:60%;
  stroke:rgba(139,92,246,0.18);
  fill:none;
}

.particles-canvas{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:2;pointer-events:none;
}

.noise-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:3;pointer-events:none;opacity:0.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:256px 256px;
}

.vignette{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:4;pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 55%,rgba(11,11,18,0.6) 100%);
}

.cursor{
  position:fixed;width:40px;height:40px;
  border:2px solid var(--purple);
  border-radius:50%;pointer-events:none;z-index:9999;
  transform:translate(-50%,-50%);
  transition:width 0.3s,height 0.3s,border-color 0.3s;
  mix-blend-mode:difference;
}
.cursor.hover{width:60px;height:60px;border-color:var(--cyan);}
.cursor-dot{
  position:fixed;width:8px;height:8px;
  background:var(--purple);
  border-radius:50%;pointer-events:none;z-index:9999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px var(--purple-glow);
}

.click-particles{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:9997;pointer-events:none;
}
.click-particle{
  position:absolute;width:4px;height:4px;
  background:var(--purple);border-radius:50%;
  animation:clickParticle 0.8s ease-out forwards;
}
@keyframes clickParticle{
  0%{opacity:1;transform:translate(0,0) scale(1)}
  100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}
}

.hero{
  position:relative;width:100%;min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  text-align:center;z-index:10;overflow:hidden;
}

.hero-3d-phone{
  position:absolute;top:0;left:0;width:100%;height:100%;
  z-index:0;pointer-events:none;
}
.hero-3d-phone canvas{display:block;}

.hero-code-rain{
  position:absolute;top:0;width:180px;height:100%;
  z-index:1;pointer-events:none;overflow:hidden;
  font-family:var(--font-mono);font-size:11px;line-height:1.6;
  color:rgba(124,58,237,0.25);
  user-select:none;
}
.code-rain-left{left:2%}
.code-rain-right{right:2%}
.code-rain-line{
  white-space:nowrap;
  animation:codeRainFall 12s linear infinite;
}
@keyframes codeRainFall{
  0%{transform:translateY(-100%)}
  100%{transform:translateY(110vh)}
}

.hero-coords{
  position:absolute;z-index:1;pointer-events:none;
  font-family:var(--font-mono);font-size:10px;
  color:rgba(113,113,122,0.4);letter-spacing:0.5px;
}
.hero-coords-tl{top:20px;left:20px}
.hero-coords-tr{top:20px;right:20px}
.hero-coords-bl{bottom:20px;left:20px}
.hero-coords-br{bottom:20px;right:20px}

.hero-fade-bottom{
  position:absolute;bottom:0;left:0;width:100%;height:120px;
  z-index:2;pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--bg));
}

.hero-content{position:relative;z-index:2;padding:24px;}

.hero-status-bar{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 16px;border-radius:20px;
  background:var(--surface);border:1px solid var(--divider);
  font-family:var(--font-mono);font-size:11px;
  color:var(--text-muted);margin-bottom:40px;
  letter-spacing:0.5px;
}
.hero-status-bar .status-dot{
  width:6px;height:6px;border-radius:50%;background:var(--pass);
  animation:pulse 2s ease-in-out infinite;
}
.hero-status-bar .status-sep{color:var(--divider);margin:0 2px;}

.hero-pulse-line{
  width:120px;height:32px;margin:0 auto 20px;position:relative;
}
.hero-pulse-line svg{width:100%;height:100%;}
.hero-pulse-line .pulse-path{
  fill:none;stroke:var(--purple);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:200;stroke-dashoffset:200;
  animation:pulseDraw 3s ease-in-out infinite;
}
@keyframes pulseDraw{
  0%{stroke-dashoffset:200}
  50%{stroke-dashoffset:0}
  100%{stroke-dashoffset:-200}
}

.hero-logo{
  font-family:var(--font-mono);font-size:72px;font-weight:900;
  color:var(--text-primary);letter-spacing:8px;margin-bottom:8px;
  position:relative;transition:transform 0.1s ease-out;
}
.hero-tagline{
  font-family:var(--font-mono);font-size:14px;
  color:var(--text-muted);letter-spacing:2px;margin-bottom:32px;
  transition:transform 0.1s ease-out;
}
.hero-desc{
  font-size:18px;color:var(--text-secondary);
  max-width:520px;margin:0 auto 40px;line-height:1.8;
  transition:transform 0.1s ease-out;
}
.hero-desc strong{color:var(--text-primary);font-weight:600;}
.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}

@keyframes pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,0.4)}
  50%{box-shadow:0 0 0 8px rgba(124,58,237,0)}
}

.page{
  max-width:var(--max-width);margin:0 auto;
  padding:60px 24px 80px;position:relative;z-index:5;
}
.section{margin-bottom:80px;}
.section-title{
  font-family:var(--font-mono);font-size:12px;color:var(--text-muted);
  text-transform:uppercase;letter-spacing:3px;margin-bottom:32px;
  text-align:center;font-weight:600;
}

.card{
  background:var(--surface);border:1px solid var(--divider);
  border-radius:var(--radius);padding:32px;
  transition:border-color var(--transition),box-shadow var(--transition),transform 0.1s ease-out;
}
.card:hover{border-color:rgba(124,58,237,0.3);box-shadow:0 0 30px rgba(124,58,237,0.08);}

.about-card{display:flex;gap:24px;align-items:flex-start;}
.about-avatar{
  width:64px;height:64px;background:var(--purple);border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-family:var(--font-mono);font-size:18px;font-weight:700;color:#FFF;
}
.about-text p{color:var(--text-secondary);font-size:15px;margin-bottom:12px;}
.about-text strong{color:var(--text-primary);}
.about-text ul{color:var(--text-secondary);font-size:15px;margin-bottom:12px;padding-left:20px;}
.about-text ul li{margin-bottom:4px;}
.about-text ul li::marker{color:var(--purple);}
.about-disclaimer{font-size:13px!important;color:var(--text-muted)!important;font-style:italic;}

.product-card{
  text-align:center;position:relative;overflow:hidden;
  padding:40px;
  transform-style:preserve-3d;
  perspective:1000px;
}
.product-card::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:200px;height:1px;
  background:linear-gradient(90deg,transparent,var(--purple),transparent);
  opacity:0.6;
}
.product-badge{
  display:inline-block;font-family:var(--font-mono);font-size:11px;
  color:var(--purple);background:var(--purple-dim);
  padding:4px 12px;border-radius:20px;letter-spacing:1px;
  text-transform:uppercase;margin-bottom:20px;
}
.product-name{
  font-size:36px;font-weight:300;letter-spacing:14px;
  color:var(--text-secondary);margin-bottom:4px;
}
.product-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:24px;}
.product-version{
  font-family:var(--font-mono);font-size:14px;color:var(--text-muted);margin-bottom:24px;
}
.product-stats{
  display:flex;justify-content:center;gap:40px;
  margin-bottom:32px;flex-wrap:wrap;
}
.stat{text-align:center;}
.stat-value{
  font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--purple);
}
.stat-label{font-size:13px;color:var(--text-muted);}
.product-desc{
  color:var(--text-secondary);font-size:15px;
  max-width:420px;margin:0 auto 24px;line-height:1.7;
}
.product-video{max-width:480px;margin:0 auto;}
.product-video video{
  width:100%;border-radius:var(--radius-sm);
  border:1px solid var(--divider);background:var(--bg);
}

.terminal-widget{
  background:var(--bg);border:1px solid var(--divider);
  border-radius:var(--radius);overflow:hidden;
  margin-bottom:80px;font-family:var(--font-mono);
}
.terminal-header{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;background:#0E0E16;
  border-bottom:1px solid var(--divider);
}
.terminal-dots{display:flex;gap:6px;}
.t-dot{width:10px;height:10px;border-radius:50%;}
.t-red{background:#FF5F57;}
.t-yellow{background:#FFBD2E;}
.t-green{background:#27CA40;}
.terminal-title{
  font-size:11px;color:var(--text-muted);
  letter-spacing:1px;margin-left:8px;
}
.terminal-body{
  padding:16px;min-height:120px;max-height:200px;
  overflow-y:hidden;font-size:13px;line-height:1.8;
  color:var(--text-secondary);
}
.terminal-body .cmd{color:var(--cyan);}
.terminal-body .out{color:var(--text-muted);}
.terminal-body .val{color:var(--pass);}
.terminal-body .err{color:var(--fail);}
.terminal-body .cursor-blink{
  display:inline-block;width:8px;height:14px;
  background:var(--purple);animation:blink 1s step-end infinite;
  vertical-align:middle;margin-left:2px;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:8px;padding:16px 28px;border-radius:var(--radius-sm);
  font-size:14px;font-weight:600;text-decoration:none;
  transition:all var(--transition);border:none;
  font-family:var(--font-sans);letter-spacing:1px;
  position:relative;overflow:hidden;
}
.btn-primary{
  background:linear-gradient(135deg,var(--purple),var(--blue));
  color:#FFF;
}
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 30px var(--purple-glow);
}
.btn-outline{
  border:1px solid var(--divider);color:var(--text-primary);background:transparent;
}
.btn-outline:hover{
  border-color:var(--purple);color:var(--purple);
  box-shadow:0 0 20px rgba(124,58,237,0.15);
}
.btn-glow{animation:btnGlow 2s ease-in-out infinite;}
@keyframes btnGlow{
  0%,100%{box-shadow:0 0 20px rgba(124,58,237,0.3)}
  50%{box-shadow:0 0 40px rgba(124,58,237,0.6)}
}

.ripple-effect{
  position:absolute;border-radius:50%;
  background:rgba(255,255,255,0.3);
  transform:scale(0);animation:ripple 0.6s ease-out forwards;
  pointer-events:none;
}
@keyframes ripple{
  to{transform:scale(4);opacity:0}
}

.glitch{
  position:relative;
  animation:glitchSkew 1s infinite linear alternate-reverse;
}
.glitch::before,.glitch::after{
  content:attr(data-text);
  position:absolute;top:0;left:0;width:100%;height:100%;
}
.glitch::before{
  left:2px;text-shadow:-2px 0 var(--cyan);
  clip:rect(44px,450px,56px,0);
  animation:glitchAnim 5s infinite linear alternate-reverse;
}
.glitch::after{
  left:-2px;text-shadow:-2px 0 var(--purple);
  clip:rect(24px,450px,36px,0);
  animation:glitchAnim2 5s infinite linear alternate-reverse;
}
@keyframes glitchAnim{
  0%{clip:rect(12px,9999px,44px,0)}
  20%{clip:rect(85px,9999px,12px,0)}
  40%{clip:rect(42px,9999px,78px,0)}
  60%{clip:rect(8px,9999px,93px,0)}
  80%{clip:rect(67px,9999px,33px,0)}
  100%{clip:rect(29px,9999px,61px,0)}
}
@keyframes glitchAnim2{
  0%{clip:rect(65px,9999px,21px,0)}
  20%{clip:rect(15px,9999px,88px,0)}
  40%{clip:rect(72px,9999px,9px,0)}
  60%{clip:rect(38px,9999px,55px,0)}
  80%{clip:rect(91px,9999px,18px,0)}
  100%{clip:rect(7px,9999px,82px,0)}
}
@keyframes glitchSkew{
  0%{transform:skew(0deg)}
  10%{transform:skew(2deg)}
  20%{transform:skew(0deg)}
  30%{transform:skew(-1deg)}
  40%{transform:skew(0deg)}
  100%{transform:skew(0deg)}
}

.posts{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
@media(max-width:600px){
  .posts{grid-template-columns:1fr}
}

.post-card{
  background:var(--surface);
  border:1px solid var(--divider);
  border-radius:var(--radius);
  padding:24px;
  cursor:pointer;
  user-select:none;
  transition:all var(--transition);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.post-card::after{
  content:'';
  position:absolute;
  top:-50%;left:-50%;
  width:200%;height:200%;
  background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(124,58,237,0.06) 0%,transparent 60%);
  opacity:0;
  transition:opacity 0.3s;
  pointer-events:none;
}
.post-card:hover::after{opacity:1}
.post-card:hover{
  border-color:rgba(124,58,237,0.4);
  transform:translateY(-2px);
  box-shadow:0 8px 30px rgba(124,58,237,0.12);
}
.post-card.open{
  border-color:var(--purple);
  box-shadow:0 0 0 1px rgba(124,58,237,0.2),0 8px 30px rgba(124,58,237,0.15);
}

.post-card-icon{
  width:36px;height:36px;
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;
}
.post-card-icon.product{background:rgba(124,58,237,0.15);color:var(--purple)}
.post-card-icon.autodetect{background:rgba(6,182,212,0.15);color:var(--cyan)}
.post-card-icon.miui{background:rgba(239,68,68,0.12);color:var(--fail)}
.post-card-icon.samsung{background:rgba(59,130,246,0.15);color:var(--blue)}
.post-card-icon.core{background:rgba(34,197,94,0.12);color:var(--pass)}
.post-card-icon.dev{background:rgba(139,92,246,0.15);color:var(--purple-hover)}

.post-card-date{
  font-family:var(--font-mono);font-size:11px;
  color:var(--text-muted);letter-spacing:0.5px;
}
.post-card-title{
  font-size:15px;font-weight:600;
  color:var(--text-primary);
  line-height:1.4;
  transition:color var(--transition);
}
.post-card:hover .post-card-title{color:var(--cyan)}
.post-card.open .post-card-title{color:var(--purple)}

.post-card-tag{
  font-family:var(--font-mono);font-size:10px;
  color:var(--cyan);background:var(--cyan-dim);
  padding:2px 8px;border-radius:10px;
  align-self:flex-start;
}

.post-body{
  display:none;
  grid-column:1/-1;
  background:var(--surface);
  border:1px solid var(--purple-dim);
  border-radius:var(--radius);
  padding:24px;
  animation:postOpen 0.3s ease-out;
}
@keyframes postOpen{
  0%{opacity:0;transform:translateY(-8px)}
  100%{opacity:1;transform:translateY(0)}
}
.post-body p,.post-body li{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:12px;}
.post-body strong{color:var(--text-primary);}
.post-body ul,.post-body ol{padding-left:20px;margin-bottom:12px;}
.post-body li::marker{color:var(--purple);}
.post-body pre{
  background:var(--bg);border:1px solid var(--divider);
  border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:12px;
}
.post-body code{
  font-family:var(--font-mono);font-size:13px;color:var(--cyan);
}
.post-body pre code{color:var(--text-secondary);}

.roadmap{display:flex;flex-direction:column;gap:0;}
.roadmap-item{
  display:flex;gap:16px;padding:20px 0;
  border-bottom:1px solid var(--divider);
  align-items:flex-start;
}
.roadmap-status{
  width:32px;height:32px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;margin-top:2px;
}
.roadmap-status.done{background:rgba(34,197,94,0.15);color:var(--pass);border:1px solid rgba(34,197,94,0.3);}
.roadmap-status.wip{background:rgba(124,58,237,0.15);color:var(--purple);border:1px solid rgba(124,58,237,0.3);animation:pulseStatus 2s ease-in-out infinite;}
.roadmap-status.soon{background:rgba(113,113,122,0.1);color:var(--text-muted);border:1px solid var(--divider);}
.roadmap-info{flex-grow:1;}
.roadmap-version{
  font-family:var(--font-mono);font-size:12px;
  color:var(--purple);margin-bottom:4px;
}
.roadmap-name{font-size:16px;font-weight:600;margin-bottom:6px;}
.roadmap-desc{font-size:13px;color:var(--text-muted);line-height:1.6;}

@keyframes pulseStatus{
  0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,0.4)}
  50%{box-shadow:0 0 0 8px rgba(124,58,237,0)}
}

.faq-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
@media(max-width:600px){
  .faq-list{grid-template-columns:1fr}
}

.faq-card{
  background:var(--surface);
  border:1px solid var(--divider);
  border-radius:var(--radius);
  padding:20px;
  cursor:pointer;
  user-select:none;
  transition:all var(--transition);
  position:relative;
  overflow:hidden;
}
.faq-card::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:3px;height:0;
  background:var(--purple);
  transition:height 0.3s ease;
}
.faq-card:hover::before{height:100%}
.faq-card:hover{
  border-color:rgba(124,58,237,0.3);
  transform:translateY(-2px);
  box-shadow:0 4px 20px rgba(124,58,237,0.08);
}
.faq-card.open{
  border-color:var(--purple);
  box-shadow:0 0 0 1px rgba(124,58,237,0.15);
}
.faq-card.open::before{height:100%}

.faq-card-question{
  display:flex;justify-content:space-between;align-items:center;
  gap:8px;
}
.faq-card-q-text{
  font-size:14px;font-weight:600;
  color:var(--text-primary);
  transition:color var(--transition);
}
.faq-card:hover .faq-card-q-text{color:var(--cyan)}
.faq-card.open .faq-card-q-text{color:var(--purple)}

.faq-card-arrow{
  font-size:12px;color:var(--text-muted);
  transition:transform 0.3s;
  flex-shrink:0;
}
.faq-card.open .faq-card-arrow{transform:rotate(45deg);color:var(--purple)}

.faq-card-answer{
  display:none;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--divider);
  animation:faqOpen 0.3s ease-out;
}
@keyframes faqOpen{
  0%{opacity:0;transform:translateY(-6px)}
  100%{opacity:1;transform:translateY(0)}
}
.faq-card-answer p{
  color:var(--text-secondary);
  font-size:13px;line-height:1.7;
}

.contact-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.contact-link{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 24px;border:1px solid var(--divider);
  border-radius:var(--radius-sm);color:var(--text-primary);
  text-decoration:none;font-size:14px;
  transition:all var(--transition);position:relative;overflow:hidden;
}
.contact-link:hover{border-color:var(--purple);color:var(--purple);}

.footer{text-align:center;padding:20px 0;}
.footer p{font-size:13px;color:var(--text-muted);}

.modal-overlay{
  display:none;position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.8);backdrop-filter:blur(6px);
  z-index:1000;justify-content:center;align-items:center;padding:24px;
}
.modal-overlay.open{display:flex;}
.modal{
  max-width:900px;width:100%;max-height:90vh;overflow-y:auto;
  position:relative;padding:32px;
}
.modal-header{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;
}
.modal-header h3{
  font-family:var(--font-mono);font-size:16px;font-weight:600;letter-spacing:2px;
}
.modal-close{
  background:none;border:none;color:var(--text-muted);
  font-size:28px;line-height:1;padding:0;
  transition:color 0.15s;
}
.modal-close:hover{color:var(--text-primary);}

.plans-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:16px;margin-bottom:20px;
}
.plan-card{
  background:var(--bg);border:1px solid var(--divider);
  border-radius:14px;padding:24px;text-align:center;
  text-decoration:none;color:var(--text-primary);
  transition:all 0.25s;position:relative;
  display:flex;flex-direction:column;transform-style:preserve-3d;
}
.plan-card:hover{
  border-color:var(--purple);transform:translateY(-2px);
  box-shadow:0 8px 30px rgba(124,58,237,0.2);
}
.plan-popular{border-color:var(--purple);background:var(--surface-light);}
.plan-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--purple);color:#FFF;
  font-family:var(--font-mono);font-size:10px;font-weight:600;
  letter-spacing:1px;padding:4px 16px;border-radius:20px;white-space:nowrap;
}
.plan-duration{
  font-family:var(--font-mono);font-size:13px;color:var(--text-muted);
  text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;margin-top:4px;
}
.plan-price{font-size:32px;font-weight:700;margin-bottom:2px;}
.plan-per{font-size:13px;color:var(--text-muted);margin-bottom:20px;}
.plan-card ul{
  list-style:none;text-align:left;font-size:13px;
  color:var(--text-secondary);line-height:2;margin-bottom:20px;flex-grow:1;
}
.plan-card ul li::before{content:"✓ ";color:var(--pass);}
.plan-action{
  display:block;padding:12px;border:1px solid var(--divider);
  border-radius:10px;font-family:var(--font-mono);font-size:13px;
  font-weight:600;letter-spacing:1px;transition:all 0.2s;
}
.plan-card:hover .plan-action{border-color:var(--purple);color:var(--purple);}
.plan-action-primary{background:var(--purple);border-color:var(--purple);color:#FFF;}
.plan-card:hover .plan-action-primary{background:var(--purple-hover);color:#FFF;}
.modal-footer{text-align:center;font-size:13px;color:var(--text-muted);}

.fade-in{
  opacity:0;transform:translateY(30px);
  transition:opacity 0.8s ease,transform 0.8s ease;
}
.fade-in.visible{opacity:1;transform:translateY(0);}

@media(max-width:600px){
  .hero-logo{font-size:48px;}
  .hero-pulse-line{width:80px;height:24px;margin-bottom:16px;}
  .hero-3d-phone{opacity:0.3}
  .hero-code-rain{display:none}
  .hero-coords{font-size:8px}
  .about-card{flex-direction:column;align-items:center;text-align:center;}
  .product-stats{gap:24px;}
  .stat-value{font-size:24px;}
  .plans-grid{grid-template-columns:1fr;}
  .cursor,.cursor-dot{display:none;}
  body{cursor:auto;}
  a,button{cursor:pointer;}
  .terminal-widget{max-height:160px;}
  .terminal-body{max-height:120px;}
}
/* Счётчик демо */
.hero-stats {
  margin-top: 24px;
  text-align: center;
  animation: fadeInUp 1s ease 0.5s both;
}

.stat-number {
  font-size: 48px;
  font-weight: 900;
  background: linear-gradient(135deg, #8B5CF6, #A78BFA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

.stat-label {
  font-size: 14px;
  color: #94A3B8;
  margin-top: 8px;
  letter-spacing: 1px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.demo-counter {
  margin-top: 20px;
  text-align: center;
  font-size: 13px;
  color: #94A3B8;
  letter-spacing: 1px;
  animation: fadeInUp 1s ease 0.6s both;
}

.demo-counter span {
  font-weight: 700;
  background: linear-gradient(135deg, #8B5CF6, #A78BFA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 16px;
}