
:root{--bg:#08111f;--panel:#0f1b2d;--panel2:#132238;--text:#f3f7fb;--muted:#9fb0c3;--accent:#5dd6ff;--accent2:#7b7cff;--line:#223550;--ok:#57e0a0;--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(93,214,255,.12),transparent 31rem),radial-gradient(circle at 90% 10%,rgba(123,124,255,.12),transparent 27rem),var(--bg);line-height:1.58}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(8,17,31,.82);border-bottom:1px solid rgba(255,255,255,.06)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:24px}.brand{font-weight:850;letter-spacing:-.02em;font-size:18px}.brand span{color:var(--accent)}.navlinks{display:flex;gap:18px;color:var(--muted);font-size:14px}.navlinks a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 19px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111d;font-weight:800;border:0;box-shadow:var(--shadow)}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}.hero{padding:88px 0 54px}.eyebrow{display:inline-flex;border:1px solid rgba(93,214,255,.25);background:rgba(93,214,255,.08);color:#bceeff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:750}h1{font-size:clamp(40px,7vw,78px);line-height:.98;letter-spacing:-.055em;margin:20px 0;max-width:940px}.hero p{font-size:20px;color:var(--muted);max-width:800px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.stat{border:1px solid var(--line);background:rgba(15,27,45,.78);padding:20px;border-radius:18px}.stat b{display:block;font-size:26px}.stat span{color:var(--muted);font-size:14px}.section{padding:66px 0}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.035em;margin:0 0 14px}.lead{color:var(--muted);max-width:780px;margin:0 0 28px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(19,34,56,.93),rgba(15,27,45,.93));border:1px solid var(--line);border-radius:22px;padding:24px;transition:.2s transform,.2s border-color;min-height:100%}.card:hover{transform:translateY(-3px);border-color:#385b84}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(93,214,255,.1);font-size:22px;margin-bottom:18px}.card h3{margin:0 0 8px;font-size:22px}.card p{color:var(--muted);margin:0 0 18px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.tag{font-size:12px;color:#c9d8e8;background:#0a1524;border:1px solid var(--line);border-radius:999px;padding:5px 9px}.more{color:var(--accent);font-weight:800}.notice{border:1px solid rgba(87,224,160,.25);background:rgba(87,224,160,.07);color:#c9ffe5;padding:18px 20px;border-radius:17px}.two{display:grid;grid-template-columns:1.05fr .95fr;gap:26px}.listbox{border:1px solid var(--line);border-radius:20px;overflow:hidden}.row{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.row:last-child{border-bottom:0}.row span{color:var(--muted)}.faq{display:grid;gap:12px}details{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:17px 19px}summary{font-weight:800;cursor:pointer}details p{color:var(--muted);margin-bottom:0}.breadcrumb{font-size:14px;color:var(--muted);padding-top:30px}.bot-hero{padding:55px 0 42px}.bot-hero h1{font-size:clamp(42px,6vw,70px)}.kicker{font-size:16px;color:var(--accent);font-weight:800}.article{background:rgba(15,27,45,.66);border:1px solid var(--line);border-radius:22px;padding:28px}.article h2{font-size:28px;margin-top:32px}.article h2:first-child{margin-top:0}.article p,.article li{color:#c2cfdd}.article ul{padding-left:21px}footer{padding:38px 0 50px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer-grid{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}@media(max-width:850px){.grid,.stats,.two{grid-template-columns:1fr}.navlinks{display:none}h1{font-size:48px}}

.hero.catalog-first{padding:42px 0 18px}.hero.catalog-first h1{font-size:clamp(36px,5.5vw,66px);margin-bottom:15px}.hero.catalog-first p{font-size:18px;max-width:900px}.hero.catalog-first+.section{padding-top:25px}
.bot-card{display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,rgba(93,214,255,.1),transparent 17rem),linear-gradient(180deg,rgba(19,34,56,.98),rgba(12,24,40,.98))}
.bot-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--accent),var(--accent2))}
.bot-card .copy{flex:1}.bot-card p{min-height:115px}.bot-actions{display:grid;grid-template-columns:1.05fr .95fr;gap:9px;margin-top:auto}
.launch-btn,.review-btn{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 14px;border-radius:13px;font-weight:900;text-align:center}
.launch-btn{background:linear-gradient(135deg,#74e5ff,#8c8cff);color:#06111d;box-shadow:0 12px 30px rgba(93,214,255,.2)}.launch-btn:hover{transform:translateY(-2px)}
.review-btn{border:1px solid #34516f;background:#0a1625;color:#e5edf6}.review-btn:hover{border-color:#5dd6ff}
.seo-copy{border:1px solid var(--line);background:rgba(15,27,45,.65);border-radius:22px;padding:26px}.seo-copy p{color:#c3d0dd}
@media(max-width:650px){.bot-actions{grid-template-columns:1fr}}

/* v5 — polished bot cards and CTA hierarchy */
.grid{gap:20px}
.bot-card{padding:26px 24px 22px;border:1px solid #243d5a;border-radius:24px;background:radial-gradient(460px 190px at 12% -12%,rgba(73,196,255,.10),transparent 62%),linear-gradient(155deg,#12243b 0%,#0d1c30 68%,#0a1829 100%);box-shadow:0 16px 42px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.bot-card:hover{transform:translateY(-4px);border-color:#3d6589;box-shadow:0 22px 52px rgba(0,0,0,.25),0 0 0 1px rgba(93,214,255,.04)}
.bot-card:before{width:4px;opacity:0;transition:opacity .2s ease}.bot-card:hover:before{opacity:1}
.bot-card .icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:23px;background:linear-gradient(145deg,#183c58,#12304a);border:1px solid rgba(122,211,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bot-card h3{font-size:24px;margin:22px 0 10px;letter-spacing:-.025em}.bot-card p{font-size:16px;line-height:1.62;color:#a9c4e3;min-height:126px}.bot-card .tags{margin:18px 0 21px}.bot-card .tag{background:#091728;border-color:#284563;color:#d5e8fb}
.bot-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:11px;padding-top:18px;border-top:1px solid rgba(83,119,154,.22)}
.launch-btn,.review-btn{position:relative;min-height:56px;border-radius:15px;font-size:14px;line-height:1.2;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.launch-btn{color:#06131f;background:linear-gradient(135deg,#64ddff 0%,#71c9ff 48%,#9b91ff 100%);border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 26px rgba(74,193,255,.20),inset 0 1px 0 rgba(255,255,255,.5)}
.launch-btn:before{content:"▶";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:8px;background:rgba(4,18,30,.12);font-size:10px}.launch-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(74,193,255,.30),inset 0 1px 0 rgba(255,255,255,.6);filter:brightness(1.04)}
.review-btn{color:#e4f1ff;background:linear-gradient(180deg,rgba(21,43,68,.88),rgba(10,25,43,.94));border:1px solid #345777;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.review-btn:after{content:" →";margin-left:5px;color:#79dfff}.review-btn:hover{transform:translateY(-2px);border-color:#62cfee;background:linear-gradient(180deg,#173b57,#0d263d);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.launch-btn:focus-visible,.review-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:820px){.bot-card p{min-height:0}}@media(max-width:650px){.bot-card{padding:22px 18px 19px}.bot-actions{grid-template-columns:1fr}.launch-btn,.review-btn{min-height:54px}}@media(prefers-reduced-motion:reduce){.bot-card,.launch-btn,.review-btn{transition:none}.bot-card:hover,.launch-btn:hover,.review-btn:hover{transform:none}}

/* v6 — unified polished buttons and detail pages */
:root{
  --cta1:#68e1ff;
  --cta2:#7b8cff;
  --cta-dark:#0d2035;
  --cta-line:#355879;
}
.btn,.launch-btn,.review-btn,.detail-btn,.back-btn{
  font-family:inherit;
  text-decoration:none;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.btn{
  position:relative;
  min-height:50px;
  padding:0 19px;
  border-radius:14px;
  font-weight:850;
  letter-spacing:-.01em;
}
.btn.secondary{
  background:linear-gradient(180deg,rgba(18,39,62,.92),rgba(10,25,42,.96));
  border:1px solid #304f70;
  color:#e7f2fd;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.btn.secondary:hover{
  border-color:#5bcff3;
  background:linear-gradient(180deg,#173c58,#0c273f);
  transform:translateY(-1px);
}
.hero-actions{
  align-items:center;
  gap:12px;
}
.hero-actions > a{
  margin:0 !important;
}
.detail-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.launch-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:54px;
  padding:0 20px;
  border-radius:15px;
  font-weight:900;
  color:#06131f;
  background:linear-gradient(135deg,var(--cta1),var(--cta2));
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 12px 30px rgba(78,192,255,.22), inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.launch-btn::before{
  content:"▶";
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:rgba(5,19,31,.12);
  font-size:10px;
}
.launch-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.045);
  box-shadow:0 16px 34px rgba(78,192,255,.3), inset 0 1px 0 rgba(255,255,255,.6);
}
.review-btn,.detail-btn,.back-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:54px;
  padding:0 18px;
  border-radius:15px;
  font-weight:850;
  color:#e7f2fd;
  background:linear-gradient(180deg,rgba(18,42,67,.95),rgba(9,25,42,.98));
  border:1px solid var(--cta-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.review-btn::after,.detail-btn::after{content:"→";color:#6ce1ff;font-size:16px}
.back-btn::before{content:"←";color:#6ce1ff;font-size:16px}
.review-btn:hover,.detail-btn:hover,.back-btn:hover{
  transform:translateY(-2px);
  border-color:#64d8f7;
  background:linear-gradient(180deg,#183f5c,#0d2942);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.launch-btn:focus-visible,.review-btn:focus-visible,.detail-btn:focus-visible,.back-btn:focus-visible,.btn:focus-visible{
  outline:3px solid rgba(255,255,255,.95);
  outline-offset:3px;
}

/* detail page polish */
.breadcrumb{
  padding-top:30px;
  color:#86a6c6;
}
.breadcrumb a{
  color:#88ddff;
  font-weight:700;
}
.breadcrumb a:hover{color:#fff}
.bot-hero{
  position:relative;
  padding:56px 0 56px;
}
.bot-hero .container{
  position:relative;
}
.bot-hero .kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(93,214,255,.08);
  border:1px solid rgba(93,214,255,.18);
  color:#72ddff;
}
.bot-hero h1{
  margin-top:20px;
}
.bot-hero .lead{
  max-width:840px;
  font-size:18px;
  line-height:1.72;
}
.article{
  border-radius:24px;
  background:
    radial-gradient(420px 180px at 0% 0%,rgba(93,214,255,.05),transparent 64%),
    linear-gradient(180deg,rgba(15,29,48,.92),rgba(10,23,39,.94));
  box-shadow:0 18px 42px rgba(0,0,0,.14);
}
.article h2{
  color:#f6f9fd;
  letter-spacing:-.02em;
}
.article ul li::marker{color:#67dbff}
aside .card{
  position:sticky;
  top:96px;
  border-radius:24px;
  background:
    radial-gradient(360px 160px at 100% 0%,rgba(123,124,255,.08),transparent 60%),
    linear-gradient(180deg,#12243a,#0d1d30);
}

/* catalog card CTA sizing */
.bot-card .bot-actions{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
}
.bot-card .launch-btn,.bot-card .review-btn{
  width:100%;
  white-space:nowrap;
  padding-left:12px;
  padding-right:12px;
}

/* compact header controls */
.nav > div .btn.secondary{
  min-height:42px;
  padding:0 14px;
}

/* mobile */
@media(max-width:760px){
  .detail-hero-actions{display:grid;grid-template-columns:1fr}
  .detail-hero-actions a{width:100%}
  aside .card{position:static}
}
@media(max-width:650px){
  .bot-card .bot-actions{grid-template-columns:1fr}
  .bot-card .launch-btn,.bot-card .review-btn{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .launch-btn,.review-btn,.detail-btn,.back-btn,.btn{transition:none}
  .launch-btn:hover,.review-btn:hover,.detail-btn:hover,.back-btn:hover,.btn:hover{transform:none}
}

:root{--accent:#79f3c7;--accent2:#5eb7ff}
body{background:radial-gradient(circle at 8% 0%,rgba(121,243,199,.13),transparent 30rem),radial-gradient(circle at 92% 9%,rgba(94,183,255,.13),transparent 30rem),#07131f}
.brand span{color:#79f3c7}.eyebrow{color:#c8ffeb;border-color:rgba(121,243,199,.25);background:rgba(121,243,199,.08)}
.bot-card{background:radial-gradient(450px 200px at 100% 0%,rgba(121,243,199,.08),transparent 60%),linear-gradient(155deg,#11263a,#0b1b2b 72%,#091624)}
.launch-btn{background:linear-gradient(135deg,#79f3c7,#68d7dd 50%,#5eb7ff);box-shadow:0 12px 30px rgba(82,205,190,.22),inset 0 1px 0 rgba(255,255,255,.5)}
.review-btn::after,.detail-btn::after,.back-btn::before{color:#79f3c7}
