:root{
  --bg:#050912;
  --bg-2:#0b1220;
  --panel:#0d1626cc;
  --panel-solid:#0d1626;
  --line:#1f3558;
  --line-soft:#1a263d;
  --text:#eef4ff;
  --muted:#a8b7d6;
  --green:#7dff2a;
  --green-2:#56d900;
  --silver:#d8dde7;
  --blue:#6aa9ff;
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --radius:22px;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 15%, rgba(125,255,42,.18), transparent 28%),
    radial-gradient(circle at 85% 22%, rgba(82,125,255,.14), transparent 28%),
    linear-gradient(180deg, #02060d 0%, #08111e 38%, #050912 100%);
  min-height:100vh;
  line-height:1.5;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 2rem), var(--max)); margin:0 auto}
.page-wrap{position:relative; overflow:hidden}
.grid{display:grid; gap:1.5rem}
.section{padding:4.25rem 0}
.section-tight{padding:2.75rem 0}
.kicker{
  display:inline-flex; align-items:center; gap:.5rem;
  border:1px solid rgba(125,255,42,.45);
  background:rgba(11,18,32,.75);
  color:#ebfff1;
  box-shadow:0 0 0 1px rgba(125,255,42,.1) inset;
  padding:.45rem .8rem; border-radius:999px; font-size:.9rem; font-weight:700;
}
.title-xl{font-size:clamp(2.2rem,6vw,4.6rem); line-height:1.05; letter-spacing:0; margin:.9rem 0 1rem}
.title-lg{font-size:clamp(1.8rem,4vw,3rem); line-height:1.1; letter-spacing:0; margin:0 0 1rem}
.title-md{font-size:clamp(1.2rem,2.5vw,1.7rem); margin:0 0 .65rem}
.lead{font-size:clamp(1.02rem,1.8vw,1.25rem); color:var(--muted); max-width:62ch}
.muted{color:var(--muted)}
.small{font-size:.95rem}
.btn-row{display:flex; flex-wrap:wrap; gap:.85rem; margin-top:1.5rem}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  padding:.95rem 1.25rem; border-radius:8px; font-weight:800; letter-spacing:0;
  border:1px solid rgba(255,255,255,.08); background:#0e1626; transition:.25s ease;
  box-shadow:var(--shadow);
}
.btn:hover{transform:translateY(-2px); border-color:rgba(255,255,255,.18)}
.btn-primary{
  background:linear-gradient(180deg, var(--green), var(--green-2));
  color:#081107; border-color:rgba(255,255,255,.18); text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.btn-secondary{background:linear-gradient(180deg,#152338,#101826)}
.btn-outline{background:transparent; border-color:rgba(125,255,42,.5)}
.site-header{
  position:sticky; top:0; z-index:20;
  backdrop-filter: blur(18px);
  background:rgba(4,10,18,.7); border-bottom:1px solid rgba(255,255,255,.06)
}
.header-inner{
  min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:1rem
}
.brand{display:flex; align-items:center; gap:.8rem; min-width:0}
.brand img{height:44px; width:auto}
.brand strong{font-size:1.2rem; letter-spacing:.01em}
.nav{
  display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; justify-content:flex-end
}
.nav a{
  padding:.8rem .95rem; border-radius:8px; color:var(--muted); font-weight:700; transition:.2s ease
}
.nav a:hover, .nav a.active{color:var(--text); background:rgba(255,255,255,.05)}
.hero{padding:4.8rem 0 3rem}
.hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:2rem; align-items:center}
.hero-card, .panel{
  position:relative;
  background:linear-gradient(180deg, rgba(14,22,37,.9), rgba(10,16,26,.85));
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.hero-visual{padding:1rem}
.hero-visual img{border-radius:18px; border:1px solid rgba(255,255,255,.08)}
.hero-copy{padding:1.2rem 0}
.stats{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:1rem; margin-top:1.75rem}
.stat{padding:1rem; border-radius:18px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07)}
.stat strong{display:block; font-size:1.7rem; color:var(--green)}
.trust-strip{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem}
.tag-card{
  padding:1.05rem 1rem; border-radius:18px; background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06); text-align:center; color:var(--muted); font-weight:700
}
.card-grid{display:grid; gap:1.3rem; grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  padding:1.35rem; border-radius:20px; background:linear-gradient(180deg, rgba(15,24,40,.95), rgba(9,16,28,.9));
  border:1px solid rgba(255,255,255,.07); box-shadow:var(--shadow)
}
.card .icon{font-size:1.9rem; margin-bottom:.65rem}
.card p{margin:0; color:var(--muted)}
.showcase-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem}
.shot-card{
  padding:1rem; border-radius:24px; background:linear-gradient(180deg, rgba(14,22,37,.95), rgba(9,14,24,.9));
  border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow)
}
.shot-card img{border-radius:18px; border:1px solid rgba(255,255,255,.08); box-shadow:0 14px 34px rgba(0,0,0,.28)}
.shot-card h3{margin:1rem 0 .45rem}
.promo-banner{
  padding:2rem; border-radius:28px; overflow:hidden; position:relative;
  background:linear-gradient(135deg, rgba(15,24,40,.95), rgba(8,13,23,.96));
  border:1px solid rgba(125,255,42,.14); box-shadow:var(--shadow)
}
.promo-banner::before{
  content:""; position:absolute; inset:-20% auto auto -8%; width:280px; height:280px;
  background:radial-gradient(circle, rgba(125,255,42,.35), transparent 70%); filter:blur(30px)
}
.promo-banner::after{
  content:""; position:absolute; right:-90px; bottom:-90px; width:320px; height:320px;
  background:radial-gradient(circle, rgba(106,169,255,.24), transparent 70%); filter:blur(26px)
}
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center}
.split-list{display:grid; gap:1rem}
.feature-list{list-style:none; padding:0; margin:0}
.feature-list li{
  position:relative; padding-left:1.4rem; margin:.55rem 0; color:var(--muted)
}
.feature-list li::before{
  content:""; width:8px; height:8px; border-radius:50%; background:var(--green);
  position:absolute; left:0; top:.62rem; box-shadow:0 0 0 5px rgba(125,255,42,.15)
}
.price-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:1.5rem}
.price-card{
  padding:1.6rem; border-radius:24px; background:linear-gradient(180deg, rgba(14,22,37,.96), rgba(10,16,28,.92));
  border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow)
}
.price-tag{display:flex; align-items:flex-end; gap:.65rem; margin:.5rem 0 1rem}
.price-tag strong{font-size:3.5rem; line-height:1; letter-spacing:0}
.price-tag span{color:var(--muted); font-weight:700; margin-bottom:.45rem}
.badge{display:inline-flex; padding:.35rem .65rem; border-radius:999px; font-weight:800; font-size:.83rem; background:rgba(125,255,42,.12); border:1px solid rgba(125,255,42,.35); color:#dfffd2}
.notice-list, .faq-list{display:grid; gap:1rem}
.notice{padding:1rem 1.1rem; border-radius:18px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06)}
.notice h4{margin:0 0 .35rem}
.requirements{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem}
.req{padding:1rem; border-radius:18px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06)}
.audience-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem}
.audience-card{padding:1.25rem; border-radius:20px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07)}
.audience-card h3{margin:.2rem 0 .45rem}
.faq-item{padding:1.15rem 1.2rem; border-radius:18px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06)}
.faq-item h4{margin:0 0 .35rem}
.site-footer{padding:1.8rem 0 2.6rem; color:#8fa0bf}
.footer-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:1rem; align-items:center}
.footer-links{display:flex; gap:1rem; flex-wrap:wrap; justify-content:flex-end}
.glow-line{height:1px; background:linear-gradient(90deg, transparent, rgba(125,255,42,.55), transparent); margin:2rem 0}
.eyebrow{font-size:.9rem; letter-spacing:.16em; text-transform:uppercase; color:#93a6c9; font-weight:800}
.disclaimer{font-size:.92rem; color:#8ea0bf}
.center{text-align:center}
.mb-0{margin-bottom:0}
.mt-0{margin-top:0}
.mt-2{margin-top:1rem}
.mt-3{margin-top:1.5rem}
.mt-4{margin-top:2rem}
.section-heading{max-width:860px;margin:0 auto 2rem}
.section-heading .lead{margin-inline:auto}
.promo-content{position:relative;z-index:1}
.two-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.image-panel{padding:1rem}
.image-panel img{border-radius:18px}
.featured-price{border-color:rgba(125,255,42,.35); box-shadow:0 20px 60px rgba(65,185,20,.14)}
.flash{
  margin-top:1rem; padding:1rem 1.15rem; border-radius:8px; font-weight:800;
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04)
}
.flash.success{border-color:rgba(125,255,42,.35); color:#dfffd2}
.flash.error{border-color:rgba(255,120,120,.4); color:#ffd8d8}
.form-shell{display:grid; grid-template-columns:.9fr 1.1fr; gap:2rem; align-items:start}
.form-card{
  display:grid; gap:1rem; padding:1.5rem; border-radius:16px;
  background:linear-gradient(180deg, rgba(14,22,37,.96), rgba(10,16,28,.92));
  border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow)
}
label{display:grid; gap:.45rem; color:var(--muted); font-weight:800}
input, select, textarea{
  width:100%; min-height:48px; border-radius:8px; border:1px solid rgba(255,255,255,.12);
  background:#09111f; color:var(--text); padding:.75rem .85rem; font:inherit
}
textarea{resize:vertical}
input[type="checkbox"]{width:20px; min-height:20px; accent-color:var(--green)}
.check-row{display:flex; grid-template-columns:auto 1fr; flex-direction:row; align-items:center}
button.btn{cursor:pointer}
.dashboard-head{display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; flex-wrap:wrap}
.dashboard-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.3rem}
.dashboard-head .btn-secondary,
.dashboard-grid .btn-secondary,
.dashboard-devices .btn-secondary{
  background:linear-gradient(180deg, var(--green), var(--green-2));
  color:#081107;
  border-color:rgba(255,255,255,.18);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.license-key{
  display:block; padding:1rem; border-radius:8px; background:#050912; color:#dfffd2;
  border:1px solid rgba(125,255,42,.25); overflow-wrap:anywhere; margin:.8rem 0
}
.table-wrap{overflow:auto}
table{width:100%; border-collapse:collapse; min-width:640px}
th, td{padding:.8rem; text-align:left; border-bottom:1px solid rgba(255,255,255,.07); vertical-align:middle}
th{color:#dce8ff; font-size:.9rem; text-transform:uppercase; letter-spacing:.08em}
td{color:var(--muted)}
.search-bar{display:flex; gap:.8rem; align-items:center; max-width:680px}
.inline-form{display:flex; gap:.5rem; align-items:center}
.inline-form select{min-width:110px}
.inline-form .btn{box-shadow:none; padding:.7rem .9rem}
.admin-create-form{display:grid; grid-template-columns:1fr 1fr auto; gap:.8rem; align-items:end}
.maintenance-page{
  min-height:100vh; display:grid; place-items:center; padding:2rem;
  background:
    radial-gradient(circle at 20% 18%, rgba(125,255,42,.16), transparent 30%),
    linear-gradient(180deg, #02060d 0%, #08111e 100%)
}
.maintenance-card{
  width:min(100%, 720px); text-align:center; padding:2rem; border-radius:18px;
  background:linear-gradient(180deg, rgba(14,22,37,.96), rgba(10,16,28,.92));
  border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow)
}
.maintenance-card img{height:58px; width:auto; margin:0 auto 1.3rem}
.maintenance-card .lead{margin-inline:auto}
.admin-shell{width:min(calc(100% - 2rem), var(--max)); margin:2rem auto 4rem; display:grid; grid-template-columns:250px minmax(0,1fr); gap:1.5rem; align-items:start}
.admin-sidebar{position:sticky; top:100px; padding:1rem; border-radius:16px; background:rgba(8,14,24,.92); border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow)}
.admin-brand{font-weight:900; color:var(--text); padding:.7rem .75rem 1rem; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:.75rem}
.admin-menu{display:grid; gap:.25rem}
.admin-menu a{padding:.75rem .8rem; border-radius:8px; color:var(--muted); font-weight:800}
.admin-menu a:hover,.admin-menu a.active{background:rgba(125,255,42,.12); color:#efffe9}
.admin-content{min-width:0}
.admin-titlebar{display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; flex-wrap:wrap; margin-bottom:1.25rem}
.admin-card{padding:1.25rem; border-radius:12px; background:linear-gradient(180deg, rgba(14,22,37,.96), rgba(10,16,28,.92)); border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow)}
.admin-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem}
.admin-stat-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem}
.admin-stat{padding:1rem; border-radius:12px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07)}
.admin-stat strong{display:block; font-size:2rem; color:var(--green)}
.admin-shell .btn-secondary{
  background:linear-gradient(180deg, var(--green), var(--green-2));
  color:#081107;
  border-color:rgba(255,255,255,.18);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.oauth-row{display:grid; grid-template-columns:1fr 1fr; gap:.75rem}
.contact-honey{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden}
.review-summary{
  display:flex; justify-content:center; align-items:center; gap:1.2rem; padding:1.35rem 1.5rem;
  border-radius:16px; background:linear-gradient(180deg, rgba(14,22,37,.96), rgba(10,16,28,.92));
  border:1px solid rgba(125,255,42,.22); box-shadow:var(--shadow)
}
.review-summary-copy{display:grid; gap:.15rem}
.review-summary strong{font-size:1.45rem}
.stars{display:inline-flex; gap:.08em; line-height:1; color:#5b667d; font-family:Arial,Segoe UI Symbol,sans-serif}
.star{display:inline-block; color:#5b667d}
.star.filled{color:var(--green); text-shadow:0 0 12px rgba(125,255,42,.45)}
.star.partial{
  color:transparent;
  background:linear-gradient(90deg, var(--green) var(--fill), #5b667d var(--fill));
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none
}
.stars-small{font-size:1.2rem}
.stars-large{font-size:2.4rem}
.reviews-layout{display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); gap:1.25rem; align-items:start}
.review-buy-card{position:sticky; top:110px}
.review-list{display:grid; gap:1.15rem}
.review-card{
  position:relative; padding:1.35rem; border-radius:16px; background:linear-gradient(180deg, rgba(14,22,37,.96), rgba(10,16,28,.92));
  border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow); overflow:hidden
}
.review-card::before{
  content:""; position:absolute; inset:0 auto 0 0; width:4px;
  background:linear-gradient(180deg, var(--green), rgba(106,169,255,.7))
}
.review-card-head{display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; flex-wrap:wrap}
.review-date{margin:-.4rem 0 .55rem; color:#8fa0bf; font-size:.9rem; font-weight:800}
.review-quote{
  position:relative; margin:1rem 0 0; padding:1rem 1.2rem 1rem 2.7rem; border-radius:12px;
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07)
}
.review-quote::before{
  content:"\201C"; position:absolute; left:.8rem; top:-.1rem; color:var(--green);
  font-size:3.2rem; line-height:1; opacity:.65
}
.review-quote p{margin:0; color:#eaf2ff}
.review-reply{
  position:relative; margin:1rem 0 0 2rem; padding:1rem 1.15rem 1rem 2.5rem; border-left:4px solid var(--green); border-radius:12px;
  background:rgba(125,255,42,.08); color:var(--muted)
}
.review-reply::before{
  content:"\21B3"; position:absolute; left:.8rem; top:.95rem; color:var(--green); font-weight:900
}
.review-reply p{margin:.35rem 0 0}
.pagination{display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap}
.review-admin-list{display:grid; gap:1rem}
.review-admin-card{display:grid; gap:1rem}
.review-admin-main{display:grid; grid-template-columns:minmax(180px,.7fr) minmax(280px,1.4fr) minmax(120px,.45fr); gap:1rem; align-items:start}
.feature-request-main{display:grid; grid-template-columns:minmax(180px,.65fr) minmax(320px,1.5fr) minmax(120px,.45fr); gap:1rem; align-items:start}
.review-admin-actions{display:grid; grid-template-columns:minmax(180px,320px) auto; gap:1rem; align-items:end}
@media (max-width: 1080px){
  .hero-grid,.two-col,.price-grid,.footer-grid{grid-template-columns:1fr}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .showcase-grid,.audience-grid{grid-template-columns:1fr 1fr}
  .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid,.form-shell{grid-template-columns:1fr}
  .admin-create-form{grid-template-columns:1fr}
  .admin-shell{grid-template-columns:1fr}
  .admin-sidebar{position:static}
  .admin-stat-grid,.admin-grid{grid-template-columns:1fr 1fr}
  .review-admin-main,.feature-request-main,.review-admin-actions{grid-template-columns:1fr}
  .reviews-layout{grid-template-columns:1fr}
  .review-buy-card{position:static}
}
@media (max-width: 760px){
  .hero{padding-top:3rem}
  .site-header{position:static}
  .header-inner{flex-direction:column; align-items:flex-start; padding:.9rem 0}
  .nav{justify-content:flex-start}
  .card-grid,.showcase-grid,.showcase-grid,.audience-grid,.requirements,.trust-strip,.stats,.two-card-grid{grid-template-columns:1fr}
  .title-xl{font-size:2.6rem}
  .search-bar,.inline-form{align-items:stretch; flex-direction:column}
  .admin-stat-grid,.admin-grid,.oauth-row{grid-template-columns:1fr}
}