:root{--bg:#06101f;--panel:#0c1629;--panel2:#101b31;--line:#203653;--line2:#1e9cff66;--text:#f3f8ff;--muted:#97a9c6;--blue:#24a8ff;--blue2:#0878ee;--green:#20d878;--red:#ff5969;--amber:#f6b738;--shadow:0 20px 70px #0009;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#08274a 0,#06101f 34%,#030713 100%);font-family:Inter,system-ui,sans-serif;color:var(--text);overflow-x:hidden}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(#1a75bd15 1px,transparent 1px),linear-gradient(90deg,#1a75bd15 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 85%);pointer-events:none}.orb{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(60px);opacity:.25;pointer-events:none}.orb-a{background:#0aa2ff;left:-120px;top:90px}.orb-b{background:#0fff8a;right:-150px;top:520px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;justify-content:space-between;padding:14px 34px;background:#081426d9;backdrop-filter:blur(18px);border-bottom:1px solid var(--line2)}.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{display:block;font-size:22px}.brand small{display:block;color:var(--muted);font:700 11px JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;gap:22px}.nav a,.footer a{color:#cfe3ff;text-decoration:none;font-weight:700}.nav a:hover,.footer a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2b4163;background:#111b31;color:#fff;border-radius:14px;padding:12px 18px;text-decoration:none;font-weight:900;box-shadow:inset 0 1px 0 #ffffff18;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#36bcff,#106ee9);border-color:#4cc5ff;box-shadow:0 12px 35px #0a8cff35}.btn-ghost{background:#0c1629cc}.btn-large{padding:15px 22px}.section{position:relative;max-width:1240px;margin:0 auto;padding:82px 24px}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:36px;align-items:center;min-height:760px}.eyebrow,.kicker{font:800 12px JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:#8dd8ff}.pulse{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:99px;box-shadow:0 0 18px var(--green);margin-right:8px}h1{font-size:clamp(44px,6vw,82px);line-height:.95;margin:18px 0;font-weight:900;letter-spacing:-.06em}h2{font-size:clamp(32px,4vw,54px);line-height:1;margin:8px 0 12px;letter-spacing:-.045em}h3{margin:0 0 10px}.lead,.section-head p{font-size:19px;line-height:1.65;color:#c4d3ea;max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.trust-strip{display:flex;gap:10px;flex-wrap:wrap}.trust-strip span,.tag,.pill{border:1px solid #1b8de766;background:#07182bd9;color:#bfe8ff;border-radius:999px;padding:8px 12px;font:800 12px JetBrains Mono,monospace}.hero-panel,.product-card,.bundle-card,.feature-card,.comparison,.cta,details{background:linear-gradient(180deg,#0e1b31ee,#081022ee);border:1px solid #24405f;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-panel{overflow:hidden}.terminal-top{height:44px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line);background:#0b1325}.terminal-top span{width:11px;height:11px;border-radius:50%;background:#2f4968}.terminal-top em{margin-left:auto;color:#8da4c2;font:700 12px JetBrains Mono,monospace}.dashboard-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px}.metric{border:1px solid #233a59;background:#0a1426;border-radius:18px;padding:18px}.metric small{color:var(--muted);font:700 11px JetBrains Mono,monospace;text-transform:uppercase}.metric b{display:block;font-size:42px}.mock-sidebar{grid-row:2;display:grid;gap:12px}.mock-sidebar i,.bars i{height:56px;border-radius:14px;background:linear-gradient(90deg,#07223c,#113f63);border:1px solid #1d83c9}.mock-main{grid-column:2/4;border:1px solid #1f8ede77;background:radial-gradient(circle at top right,#0d74be40,transparent 45%),#081527;border-radius:22px;padding:28px;min-height:260px}.mock-main p{color:#abc0dc}.bars{display:grid;gap:12px;margin-top:26px}.bars i{height:18px}.section-head{text-align:center;margin:0 auto 28px}.section-head p{margin:0 auto}.toolbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.chip{border:1px solid #255077;background:#0b172b;color:#cbe5ff;border-radius:999px;padding:10px 15px;font-weight:900;cursor:pointer}.chip.active,.chip:hover{background:#0e85df;color:white;border-color:#42baff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative;overflow:hidden;min-height:430px;padding:0;transition:.25s transform,.25s border-color}.product-card:hover{transform:translateY(-6px);border-color:#2bb2ff}.shot{height:190px;background:#06101f;border-bottom:1px solid var(--line);overflow:hidden;position:relative}.shot img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}.shot.generated{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#0f7bd050,transparent 34%),linear-gradient(135deg,#07182a,#030815)}.shot.generated:before{content:attr(data-code);font:900 82px Inter;color:#fff;text-shadow:0 0 35px #21a8ff}.card-body{padding:22px}.product-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.product-title h3{font-size:24px}.product-title small{color:#62c4ff;font:800 11px JetBrains Mono,monospace;text-transform:uppercase}.card-body p{color:#b7c7df;line-height:1.55}.feature-list{display:grid;gap:8px;margin:18px 0}.feature-list span:before{content:'✓';color:var(--green);margin-right:8px}.card-actions{display:flex;gap:10px;margin-top:20px}.card-actions .btn{flex:1}.feature-band{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:26px}.iconbox{width:52px;height:52px;border:1px solid #159fff99;border-radius:16px;display:grid;place-items:center;background:#06294a;color:#4fbeff;font-size:24px;margin-bottom:18px}.feature-card p{color:#aebfd9;line-height:1.6}.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bundle-card{padding:28px;position:relative;overflow:hidden}.bundle-card.featured{border-color:#24a8ff;box-shadow:0 0 0 1px #24a8ff55,0 25px 80px #078cff35}.bundle-card h3{font-size:29px}.bundle-card p{color:#bac8dc;line-height:1.6}.bundle-items{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.comparison{padding:28px}.compact{text-align:left;margin-bottom:18px}.compare-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:16px;border-bottom:1px solid #203653}th{color:#8ed8ff;font:800 12px JetBrains Mono,monospace;text-transform:uppercase}td{color:#cfdef2}.cta{text-align:center;padding:54px 28px}.cta img{max-width:300px;width:80%;height:auto}.cta p{color:#bfd0e8}.faq{max-width:940px}details{padding:18px 22px;margin:12px 0}summary{cursor:pointer;font-weight:900;font-size:18px}details p{color:#b4c4dc;line-height:1.6}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 34px;border-top:1px solid var(--line);background:#050b16;color:#8da2bf;font:700 12px JetBrains Mono,monospace}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}dialog{border:none;background:transparent;padding:24px;max-width:980px;width:calc(100% - 24px)}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.modal-card{position:relative;background:#081426;border:1px solid #2b5b86;border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.modal-close{position:absolute;right:14px;top:12px;border:1px solid #35577e;background:#101d33;color:#fff;border-radius:12px;font-size:26px;width:42px;height:42px;cursor:pointer;z-index:2}.modal-hero{display:grid;grid-template-columns:1fr 1fr;gap:0}.modal-hero img{width:100%;height:100%;object-fit:cover}.modal-copy{padding:34px}.modal-copy h2{text-align:left}.modal-copy p{color:#b9c9df;line-height:1.65}.modal-copy ul{display:grid;gap:10px;padding-left:18px;color:#dcecff}@media(max-width:980px){.nav{display:none}.hero,.product-grid,.bundle-grid,.feature-band,.modal-hero{grid-template-columns:1fr}.hero{min-height:auto}.site-header{padding:12px 18px}.product-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.product-grid{grid-template-columns:1fr}.section{padding:56px 16px}.brand small{display:none}.site-header .btn{display:none}h1{font-size:43px}.hero-actions .btn{width:100%}.shot{height:160px}.footer{display:block}.footer span{display:block;margin:10px 0}}

/* v3 polish: real product hero + 4-column product catalogue */
.hero{grid-template-columns:.95fr 1.05fr;gap:44px}.hero-product-preview{background:linear-gradient(180deg,#0d1930f5,#07101ff5);border-color:#2a5579;box-shadow:0 28px 90px #000b,0 0 0 1px #129dff22}.hero-screenshot-stage{position:relative;padding:18px;min-height:470px}.hero-main-shot{position:relative;height:390px;border-radius:22px;overflow:hidden;border:1px solid #1f9ded88;background:#050b16;box-shadow:0 28px 70px #000b,0 0 45px #0a9dff1f}.hero-main-shot:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#020817d9 100%),radial-gradient(circle at 22% 0,#23b8ff25,transparent 42%);pointer-events:none}.hero-main-shot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transform:scale(1.01)}.shot-label{position:absolute;left:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid #1fa5ee88;border-radius:16px;background:#061222d9;backdrop-filter:blur(10px)}.shot-label strong{font-size:18px}.shot-label small{color:#9fd8ff;font:800 11px JetBrains Mono,monospace;text-transform:uppercase}.hero-shot-stack{position:absolute;left:36px;right:36px;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:translateY(38%)}.hero-thumb{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;border-radius:16px;transition:transform .25s ease,filter .25s ease}.hero-thumb img{height:112px;width:100%;object-fit:cover;object-position:top left;border-radius:16px;border:1px solid #219ae288;background:#06101f;box-shadow:0 20px 44px #0009;transition:.25s ease;display:block}.hero-thumb:hover,.hero-thumb:focus-visible{transform:translateY(-4px);filter:drop-shadow(0 0 18px rgba(25,166,255,.22))}.hero-thumb:hover img,.hero-thumb:focus-visible img{border-color:#42c8ff}.hero-thumb.is-active img{border-color:#2cecff;box-shadow:0 20px 44px #0009,0 0 24px #20baff55}.hero-main-shot.is-switching img{animation:heroSwap .32s ease both}@keyframes heroSwap{0%{opacity:.55;transform:scale(1.035)}100%{opacity:1;transform:scale(1.01)}}.product-grid{grid-template-columns:repeat(4,1fr);gap:16px}.product-card{min-height:430px;background:#06101f;border-color:#223b59}.product-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,#159cff22,transparent 38%);opacity:.75;pointer-events:none}.product-card:hover{transform:translateY(-7px);border-color:#35bfff;box-shadow:0 28px 80px #000a,0 0 45px #098dff25}.product-card .shot{height:245px;border-bottom:0}.product-card .shot img{opacity:.98;object-position:top left;transition:.35s ease;filter:saturate(1.05) contrast(1.02)}.product-card:hover .shot img{transform:scale(1.045)}.card-gradient{position:absolute;inset:130px 0 0;background:linear-gradient(180deg,transparent 0,#06101fe8 35%,#06101fff 68%);pointer-events:none}.product-card .card-body{position:relative;z-index:1;margin-top:-60px;padding:20px}.product-title h3{font-size:21px;letter-spacing:-.03em}.product-title small{font-size:10px}.product-card .card-body p{font-size:14px;line-height:1.48;color:#c0d1e7}.product-card .feature-list{font-size:13px;margin:14px 0}.product-card .card-actions{margin-top:15px}.product-card .btn{padding:10px 12px;border-radius:12px;font-size:13px}.pill{padding:6px 9px;font-size:10px}.bundle-card{background:radial-gradient(circle at 80% 0,#0c8fec24,transparent 32%),linear-gradient(180deg,#0e1b31ee,#081022ee)}
@media(max-width:1180px){.product-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-screenshot-stage{min-height:520px}}
@media(max-width:860px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero-main-shot{height:320px}.hero-shot-stack{position:relative;left:auto;right:auto;bottom:auto;transform:none;margin-top:14px}.hero-screenshot-stage{min-height:auto}.hero-thumb img{height:90px}}
@media(max-width:640px){.product-grid{grid-template-columns:1fr}.product-card .shot{height:220px}.hero-shot-stack{grid-template-columns:1fr}.hero-thumb img{height:120px}}


/* v4 product-card polish: uniform catalogue cards */
.product-grid{
  align-items:stretch;
}
.product-card{
  height:560px;
  min-height:560px;
  display:flex;
  flex-direction:column;
}
.product-card .shot{
  flex:0 0 245px;
}
.product-card .card-body{
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0;
}
.product-title{
  min-height:58px;
  align-items:flex-start;
}
.product-title h3{
  margin-bottom:8px;
}
.product-card .card-body p{
  min-height:86px;
  margin:10px 0 0;
}
.product-card .feature-list{
  min-height:74px;
  align-content:start;
}
.product-card .card-actions{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid #203653;
  background:linear-gradient(180deg,transparent,#06101f 34%);
}
.product-card .btn{
  min-height:44px;
}
.product-grid.center-last-2 .product-card:nth-last-child(2){grid-column:2;}
.product-grid.center-last-1 .product-card:last-child{grid-column:2 / span 2;}
.product-grid.center-last-3 .product-card:nth-last-child(3){grid-column:1;}
@media(max-width:980px){
  .product-card{height:540px;min-height:540px;}
  .product-grid.center-last-1 .product-card:last-child{grid-column:1 / span 2;}
  .product-grid.center-last-2 .product-card:nth-last-child(2){grid-column:auto;}
}
@media(max-width:640px){
  .product-card{height:auto;min-height:0;}
  .product-card .shot{flex-basis:220px;}
  .product-title,.product-card .card-body p,.product-card .feature-list{min-height:0;}
  .product-grid.center-last-1 .product-card:last-child{grid-column:auto;}
}


/* v5 bundle-card polish + modal title fix */
.pilot-name .name-main,
.modal-product-name .name-main{
  color:#ffffff;
}
.pilot-name .name-pilot,
.modal-product-name .name-pilot{
  color:var(--blue);
  text-shadow:0 0 24px #139dff66;
}
.modal-copy h2,
.modal-product-name{
  color:#ffffff !important;
  font-weight:900;
}
.bundle-grid{
  align-items:stretch;
}
.bundle-card{
  min-height:455px;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:28px;
}
.bundle-header{
  min-height:156px;
}
.bundle-header h3{
  margin-top:10px;
}
.bundle-header p{
  min-height:76px;
  margin-bottom:0;
}
.bundle-items{
  flex:1;
  align-content:flex-start;
  min-height:132px;
  max-height:150px;
  overflow:auto;
  padding-right:4px;
  margin:10px 0 0;
  scrollbar-width:thin;
  scrollbar-color:#1d8fd1 #071426;
}
.bundle-items::-webkit-scrollbar{width:8px;}
.bundle-items::-webkit-scrollbar-track{background:#071426;border-radius:999px;}
.bundle-items::-webkit-scrollbar-thumb{background:#1d8fd1;border-radius:999px;}
.bundle-footer{
  margin-top:auto;
  padding-top:20px;
  border-top:1px solid #203653;
}
.bundle-footer .btn{
  min-height:48px;
  min-width:138px;
}
.bundle-card.featured .bundle-footer{
  border-top-color:#24a8ff55;
}
@media(max-width:980px){
  .bundle-card{min-height:0;}
  .bundle-header,.bundle-header p,.bundle-items{min-height:0;max-height:none;overflow:visible;}
}

/* v6 polish: featured Ultimate Bundle, section spacing and premium FAQ */
.bundles{
  padding-bottom:96px;
}
.bundle-grid{
  grid-template-columns:1fr 1fr;
  max-width:1120px;
  margin:0 auto;
}
.bundle-card{
  min-height:420px;
}
.bundle-card.featured{
  grid-column:1 / -1;
  min-height:0;
  padding:34px;
  display:grid;
  grid-template-columns:1.05fr 1.35fr;
  gap:28px;
  align-items:stretch;
  background:
    radial-gradient(circle at 88% 12%,#18a8ff33,transparent 30%),
    linear-gradient(135deg,#0f2541,#071021 70%);
}
.bundle-card.featured:before{
  content:'MOST POPULAR';
  position:absolute;
  top:24px;
  right:28px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid #22b7ff88;
  background:#052846d9;
  color:#9fe2ff;
  font:900 11px JetBrains Mono,monospace;
  letter-spacing:.08em;
}
.bundle-card.featured .bundle-header{
  min-height:0;
  padding-right:10px;
}
.bundle-card.featured .bundle-header h3{
  font-size:38px;
}
.bundle-card.featured .bundle-header p{
  min-height:0;
  max-width:440px;
}
.bundle-card.featured .bundle-items{
  min-height:0;
  max-height:none;
  overflow:visible;
  margin:0;
  padding:54px 0 76px;
  align-content:flex-start;
}
.bundle-card.featured .bundle-footer{
  position:absolute;
  right:34px;
  bottom:34px;
  border-top:0;
  padding-top:0;
}
.bundle-card:not(.featured) .bundle-items{
  overflow:hidden;
}
.bundle-card.featured .tag{
  padding:9px 13px;
}
.cta{
  margin-top:74px;
  margin-bottom:92px;
}
.premium-faq{
  max-width:1160px;
  padding-top:110px;
}
.premium-faq .section-head{
  margin-bottom:34px;
}
.faq-layout{
  display:grid;
  grid-template-columns:.85fr 1.35fr;
  gap:22px;
  align-items:start;
}
.faq-highlight{
  position:sticky;
  top:98px;
  background:
    radial-gradient(circle at 15% 0,#18a8ff30,transparent 40%),
    linear-gradient(180deg,#0e1b31f2,#081022f2);
  border:1px solid #2a5579;
  border-radius:24px;
  padding:28px;
  box-shadow:0 22px 70px #0008;
}
.faq-highlight h3{
  font-size:28px;
  letter-spacing:-.03em;
}
.faq-highlight p{
  color:#bfd0e8;
  line-height:1.65;
}
.trust-strip.mini{
  margin-top:22px;
}
.trust-strip.mini span{
  font-size:11px;
  padding:7px 10px;
}
.faq-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.faq-list details{
  margin:0;
  min-height:132px;
  padding:20px;
  border-color:#254a70;
  background:
    linear-gradient(180deg,#0d1930f5,#07101ff5);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.faq-list details:hover{
  transform:translateY(-3px);
  border-color:#35bfff;
  box-shadow:0 18px 50px #0008,0 0 28px #098dff1f;
}
.faq-list summary{
  list-style:none;
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:16px;
  line-height:1.3;
}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary:before{
  content:'+';
  flex:0 0 28px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid #1b8de766;
  border-radius:10px;
  color:#8dd8ff;
  background:#07182bd9;
  font-weight:900;
}
.faq-list details[open] summary:before{
  content:'–';
  color:#fff;
  border-color:#24a8ff;
  background:#0b6eb233;
}
.faq-list details p{
  padding-left:40px;
  margin-bottom:0;
  color:#b9c9df;
}
@media(max-width:980px){
  .bundle-grid,.faq-layout,.faq-list{grid-template-columns:1fr;}
  .bundle-card.featured{grid-template-columns:1fr;}
  .bundle-card.featured .bundle-items{padding:12px 0 78px;}
  .faq-highlight{position:relative;top:auto;}
  .cta{margin-top:34px;margin-bottom:52px;}
}

/* v7 FAQ redesign: premium full-width bento layout with no dead left space */
.premium-faq{
  max-width:1180px;
  padding-top:100px;
}
.premium-faq .section-head{
  max-width:820px;
  margin-bottom:30px;
}
.faq-command-card{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:24px;
  align-items:center;
  padding:30px;
  margin:0 auto 20px;
  border:1px solid #2b5b86;
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 0,#1baeff32,transparent 36%),
    radial-gradient(circle at 92% 18%,#20d87818,transparent 32%),
    linear-gradient(135deg,#0f2039,#08111f 72%);
  box-shadow:0 24px 80px #0009, inset 0 1px 0 #ffffff10;
}
.faq-command-copy h3{
  font-size:36px;
  line-height:1.05;
  margin:10px 0 12px;
  letter-spacing:-.04em;
}
.faq-command-copy p{
  max-width:680px;
  margin:0;
  color:#c7d7ef;
  line-height:1.65;
  font-size:17px;
}
.faq-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.faq-proof-grid div{
  min-height:112px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px;
  border:1px solid #224466;
  border-radius:20px;
  background:#071428cc;
  box-shadow:inset 0 1px 0 #ffffff0e;
}
.faq-proof-grid b{
  font-size:40px;
  line-height:1;
  letter-spacing:-.04em;
  color:#fff;
}
.faq-proof-grid span{
  margin-top:8px;
  color:#88d9ff;
  font:900 11px JetBrains Mono,monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.faq-grid.premium-faq-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.premium-faq-grid .faq-card{
  position:relative;
  margin:0;
  min-height:150px;
  padding:0;
  overflow:hidden;
  border:1px solid #284c70;
  border-radius:22px;
  background:
    linear-gradient(180deg,#0d1930f5,#07101ff5);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.premium-faq-grid .faq-card:nth-child(1){grid-column:span 1;}
.premium-faq-grid .faq-card:hover{
  transform:translateY(-4px);
  border-color:#35bfff;
  box-shadow:0 18px 55px #0008,0 0 32px #098dff22;
}
.premium-faq-grid summary{
  list-style:none;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:13px;
  align-items:start;
  padding:22px 22px 10px;
  font-size:17px;
  line-height:1.25;
  cursor:pointer;
}
.premium-faq-grid summary::-webkit-details-marker{display:none;}
.premium-faq-grid summary:before{
  content:'+';
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:11px;
  border:1px solid #1b8de766;
  background:#071d34;
  color:#8dd8ff;
  font-weight:900;
  box-shadow:inset 0 1px 0 #ffffff14;
}
.premium-faq-grid details[open] summary:before{
  content:'–';
  border-color:#24a8ff;
  color:#fff;
  background:#0b6eb244;
}
.premium-faq-grid .faq-card p{
  margin:0;
  padding:0 22px 24px 69px;
  color:#bcd0ea;
  line-height:1.6;
  font-size:16px;
}
.premium-faq-grid .faq-card[open]{
  background:
    radial-gradient(circle at 20% 0,#19a8ff18,transparent 42%),
    linear-gradient(180deg,#0e1e36,#07101ff5);
}
@media(max-width:980px){
  .faq-command-card,.faq-grid.premium-faq-grid{grid-template-columns:1fr;}
  .faq-proof-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:640px){
  .faq-command-card{padding:22px;}
  .faq-command-copy h3{font-size:29px;}
  .faq-proof-grid{grid-template-columns:1fr;}
  .premium-faq-grid .faq-card{min-height:0;}
}

/* v8 premium FAQ rebuild */
.faq-luxe{
  max-width:1220px;
  padding-top:104px;
}
.faq-luxe .section-head{
  max-width:850px;
  margin-bottom:34px;
}
.faq-luxe-grid{
  display:grid;
  grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);
  grid-template-rows:auto auto 1fr;
  gap:18px;
  align-items:stretch;
}
.faq-hero-card,
.faq-mini-card,
.faq-panel{
  border:1px solid #2b5b86;
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 0,#20b6ff2e,transparent 38%),
    linear-gradient(180deg,#0f2039ee,#081022f2);
  box-shadow:0 24px 80px #0009, inset 0 1px 0 #ffffff12;
  backdrop-filter:blur(16px);
}
.faq-hero-card{
  grid-row:1 / span 3;
  padding:32px;
  position:relative;
  overflow:hidden;
}
.faq-hero-card:after{
  content:'';
  position:absolute;
  inset:auto -80px -120px auto;
  width:260px;
  height:260px;
  background:#24a8ff22;
  border-radius:50%;
  filter:blur(35px);
}
.faq-icon-mark{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid #23a8ff99;
  border-radius:18px;
  background:linear-gradient(135deg,#0d385e,#07182b);
  color:#8be2ff;
  font-size:28px;
  font-weight:900;
  margin-bottom:24px;
  box-shadow:0 0 30px #129dff22,inset 0 1px 0 #ffffff1c;
}
.faq-hero-card h3{
  font-size:38px;
  line-height:1.02;
  letter-spacing:-.045em;
  margin:10px 0 16px;
}
.faq-hero-card p{
  color:#c4d4ec;
  line-height:1.7;
  font-size:17px;
  margin:0 0 26px;
}
.faq-mini-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:26px;
}
.faq-mini-stats div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border:1px solid #234665;
  border-radius:18px;
  background:#061326b8;
}
.faq-mini-stats b{
  font-size:34px;
  line-height:1;
  color:#fff;
}
.faq-mini-stats span{
  color:#8dd8ff;
  font:900 11px JetBrains Mono,monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-align:right;
}
.faq-mini-card{
  padding:22px 24px;
  border-radius:22px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:108px;
}
.faq-mini-card:before{
  content:'◆';
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid #1b8de766;
  background:#071d34;
  color:#37bdff;
  font-size:14px;
}
.faq-mini-card strong{
  display:block;
  font-size:18px;
  margin-bottom:6px;
}
.faq-mini-card span{
  display:block;
  color:#aec3de;
  line-height:1.45;
}
.faq-panel{
  grid-column:2;
  padding:24px;
  border-color:#326796;
  background:
    radial-gradient(circle at 92% 0,#1baeff24,transparent 34%),
    linear-gradient(180deg,#0e1d34f5,#07101ff5);
}
.faq-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:4px 4px 20px;
  border-bottom:1px solid #203653;
  margin-bottom:12px;
}
.faq-panel-head h3{
  font-size:28px;
  letter-spacing:-.035em;
  margin:6px 0 0;
}
.faq-count{
  border:1px solid #1b8de766;
  background:#07182bd9;
  color:#bfe8ff;
  border-radius:999px;
  padding:8px 12px;
  font:900 11px JetBrains Mono,monospace;
  white-space:nowrap;
}
.faq-accordion{
  display:grid;
  gap:10px;
}
.faq-accordion details{
  margin:0;
  padding:0;
  border-radius:18px;
  border:1px solid #243f5f;
  background:linear-gradient(180deg,#0b172bea,#07101fea);
  box-shadow:none;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.faq-accordion details:hover,
.faq-accordion details[open]{
  border-color:#2fb6ff;
  box-shadow:0 16px 44px #0005,0 0 28px #098dff18;
}
.faq-accordion summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:30px 1fr;
  gap:12px;
  align-items:center;
  padding:16px 18px;
  font-size:17px;
  line-height:1.25;
}
.faq-accordion summary::-webkit-details-marker{display:none;}
.faq-accordion summary:before{
  content:'+';
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid #1b8de766;
  background:#071d34;
  color:#8dd8ff;
  font-weight:900;
  box-shadow:inset 0 1px 0 #ffffff14;
}
.faq-accordion details[open] summary:before{
  content:'–';
  color:#fff;
  border-color:#24a8ff;
  background:#0b6eb244;
}
.faq-accordion p{
  margin:0;
  padding:0 20px 18px 60px;
  color:#bed0e9;
  line-height:1.6;
}
@media(max-width:980px){
  .faq-luxe-grid{grid-template-columns:1fr;}
  .faq-hero-card,.faq-panel{grid-column:auto;grid-row:auto;}
}
@media(max-width:640px){
  .faq-luxe{padding-top:70px;}
  .faq-hero-card,.faq-panel{padding:22px;}
  .faq-hero-card h3{font-size:30px;}
  .faq-panel-head{align-items:flex-start;flex-direction:column;}
  .faq-accordion p{padding-left:20px;}
}

/* v9 premium glass navigation */
.site-header{
  top:14px;
  width:min(1240px,calc(100% - 32px));
  margin:14px auto 0;
  padding:10px 14px;
  border:1px solid rgba(59,172,255,.32);
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(15,32,56,.82),rgba(5,14,29,.72)),
    radial-gradient(circle at 10% 0%,rgba(36,168,255,.18),transparent 36%);
  box-shadow:0 18px 55px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
.site-header:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(36,168,255,.12),transparent);
  opacity:.65;
}
.brand{
  position:relative;
  padding:7px 12px 7px 8px;
  border-radius:18px;
  border:1px solid rgba(80,165,236,.18);
  background:rgba(7,20,38,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.brand:hover{border-color:rgba(36,168,255,.45);background:rgba(10,31,56,.66)}
.brand img{width:42px;height:42px;filter:drop-shadow(0 0 16px rgba(36,168,255,.28))}
.brand strong{font-size:20px;letter-spacing:-.02em}.brand small{font-size:10px;letter-spacing:.16em}
.nav{
  position:relative;
  gap:8px;
  padding:6px;
  border:1px solid rgba(73,149,219,.22);
  border-radius:18px;
  background:rgba(4,12,25,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 15px;
  border:1px solid transparent;
  border-radius:13px;
  color:#cfe5ff;
  font-size:13px;
  letter-spacing:-.01em;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.nav a:hover{
  color:#fff;
  transform:translateY(-1px);
  border-color:rgba(36,168,255,.48);
  background:linear-gradient(180deg,rgba(25,58,96,.82),rgba(7,25,47,.7));
  box-shadow:0 10px 24px rgba(5,136,230,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.nav a:after{
  content:"";
  position:absolute;
  left:18px;right:18px;bottom:6px;height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#36bcff,#20d878);
  opacity:0;transform:scaleX(.45);
  transition:.2s ease;
}
.nav a:hover:after{opacity:1;transform:scaleX(1)}
.site-header>.btn-primary{
  position:relative;
  border-radius:16px;
  padding:13px 20px;
  background:linear-gradient(135deg,#42c5ff 0%,#167af0 55%,#0d5fd4 100%);
  border-color:rgba(102,209,255,.85);
  box-shadow:0 12px 30px rgba(14,138,244,.35), inset 0 1px 0 rgba(255,255,255,.22);
}
.site-header>.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(14,138,244,.45), inset 0 1px 0 rgba(255,255,255,.25)}
@media(max-width:980px){
  .site-header{top:8px;width:calc(100% - 18px);margin-top:8px;border-radius:20px}.brand{padding-right:10px}.site-header>.btn-primary{padding:11px 14px}
}
@media(max-width:640px){
  .site-header{justify-content:center}.brand{width:100%;justify-content:center}.brand img{width:38px;height:38px}
}

/* v10 premium contact section and footer */
.contact-section{
  max-width:1240px;
  padding-top:72px;
  padding-bottom:82px;
}
.contact-shell{
  position:relative;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:28px;
  padding:34px;
  border:1px solid rgba(59,172,255,.34);
  border-radius:32px;
  background:
    radial-gradient(circle at 12% 0%,rgba(36,168,255,.28),transparent 38%),
    radial-gradient(circle at 86% 100%,rgba(32,216,120,.13),transparent 34%),
    linear-gradient(180deg,rgba(15,32,56,.86),rgba(6,15,30,.92));
  box-shadow:0 30px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.1);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  overflow:hidden;
}
.contact-shell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(36,168,255,.08),transparent 62%);
}
.contact-copy,.contact-form{position:relative;z-index:1}
.contact-copy h2{
  text-align:left;
  margin-top:10px;
  max-width:520px;
}
.contact-copy p{
  color:#bfd0e8;
  line-height:1.7;
  font-size:18px;
  max-width:520px;
}
.contact-proof-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:28px;
  max-width:430px;
}
.contact-proof-grid div{
  padding:16px 18px;
  border:1px solid rgba(36,168,255,.26);
  border-radius:18px;
  background:rgba(5,17,33,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.contact-proof-grid b{display:block;font-size:18px;margin-bottom:4px;color:#fff}
.contact-proof-grid span{display:block;color:#91b4d8;font:800 11px JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em}
.contact-form{
  padding:24px;
  border:1px solid rgba(75,153,225,.28);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(7,18,35,.82),rgba(4,10,22,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 55px rgba(0,0,0,.35);
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:8px;margin-bottom:14px}
.contact-form label span{
  color:#8dd8ff;
  font:900 11px JetBrains Mono,monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;
  border:1px solid rgba(55,107,156,.72);
  border-radius:16px;
  background:#050b18cc;
  color:#f3f8ff;
  padding:14px 15px;
  font:600 15px Inter,system-ui,sans-serif;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  border-color:#34b9ff;
  box-shadow:0 0 0 4px rgba(36,168,255,.14),inset 0 1px 0 rgba(255,255,255,.06);
}
.contact-footer-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:6px;
}
.contact-footer-row p{margin:0;color:#8ea8c6;font-size:13px;line-height:1.45}
.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important}

.premium-footer{
  position:relative;
  max-width:1240px;
  margin:0 auto 28px;
  padding:0;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  border:1px solid rgba(59,172,255,.3);
  border-radius:30px;
  background:
    radial-gradient(circle at 10% 0%,rgba(36,168,255,.22),transparent 36%),
    linear-gradient(180deg,rgba(13,27,49,.9),rgba(4,10,21,.94));
  box-shadow:0 28px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.08);
  color:#c4d4ec;
  overflow:hidden;
  font:inherit;
}
.footer-glow{position:absolute;inset:auto -80px -140px auto;width:360px;height:260px;background:rgba(36,168,255,.18);filter:blur(55px);pointer-events:none}
.footer-brand,.footer-links{position:relative;z-index:1;padding:30px}
.footer-logo{display:inline-flex;margin-bottom:18px;max-width:max-content}
.footer-brand p{max-width:520px;color:#aebfda;line-height:1.65;margin:0 0 20px}
.footer-pills{display:flex;gap:10px;flex-wrap:wrap}
.footer-pills span{
  border:1px solid rgba(27,141,231,.44);
  background:#07182bd9;
  color:#bfe8ff;
  border-radius:999px;
  padding:8px 12px;
  font:900 11px JetBrains Mono,monospace;
}
.footer-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-content:start;
}
.footer-links div{
  padding:20px;
  border:1px solid rgba(55,107,156,.42);
  border-radius:22px;
  background:rgba(5,14,29,.48);
}
.footer-links h4{
  margin:0 0 14px;
  color:#8dd8ff;
  font:900 12px JetBrains Mono,monospace;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.footer-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:36px;
  color:#dcecff;
  text-decoration:none;
  font-weight:800;
}
.footer-links a:after{content:'›';color:#45bdff;opacity:.8}
.footer-links a:hover{color:#45bdff}
.footer-bottom{
  position:relative;
  z-index:1;
  grid-column:1 / -1;
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:18px 30px;
  border-top:1px solid rgba(52,90,130,.52);
  background:rgba(3,8,18,.38);
  color:#89a1bd;
  font:800 12px JetBrains Mono,monospace;
}
@media(max-width:980px){
  .contact-shell,.premium-footer{grid-template-columns:1fr}
  .premium-footer{margin-left:16px;margin-right:16px}
  .footer-links{padding-top:0}
}
@media(max-width:640px){
  .contact-shell{padding:22px;border-radius:24px}
  .contact-form{padding:18px}
  .form-row,.footer-links{grid-template-columns:1fr}
  .contact-footer-row,.footer-bottom{align-items:flex-start;flex-direction:column}
  .premium-footer{border-radius:24px}
}


/* v11 split-colour IT Pilot branding for header + footer */
.brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
.brand strong{
  color:#fff;
  font-weight:900;
}
.brand-it{
  color:#ffffff;
  text-shadow:0 0 18px rgba(255,255,255,.14);
}
.brand-pilot{
  color:#18a8ff;
  background:linear-gradient(90deg,#38c7ff 0%,#168cff 55%,#006eea 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 10px rgba(36,168,255,.28));
}
.footer-logo .brand-pilot{
  filter:drop-shadow(0 0 14px rgba(36,168,255,.35));
}

/* Hero featured app title + subtle animation polish */
.shot-label {
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
  transform-origin: left bottom;
}
.shot-label-title {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  white-space: nowrap;
  line-height: 1;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.03em;
}
.shot-label .app-name-main {
  display: inline;
  color: #ffffff;
}
.shot-label .app-name-accent {
  display: inline;
  background: linear-gradient(90deg, #38bdf8, #0ea5ff 45%, #2079ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 14px rgba(56, 189, 248, .28);
}
.hero-product-preview:hover .shot-label {
  transform: translateY(-4px) scale(1.015);
  border-color: rgba(72, 204, 255, .92);
  background: rgba(7, 20, 38, .92);
  box-shadow: 0 18px 42px rgba(0,0,0,.45), 0 0 34px rgba(14,165,233,.22);
}
.hero-product-preview:hover .hero-main-shot img {
  transform: scale(1.025);
}
.hero-main-shot img {
  transition: transform .45s ease;
}
@media (prefers-reduced-motion: reduce) {
  .shot-label, .hero-main-shot img { transition: none; }
  .hero-product-preview:hover .shot-label, .hero-product-preview:hover .hero-main-shot img { transform: none; }
}


/* v15 brand/product name consistency */
.brand-name-inline,
.pilot-name,
.modal-product-name,
.shot-label-title,
.tag.pilot-name {
  white-space: nowrap;
}
.brand-name-inline .brand-it,
.name-main,
.app-name-main {
  color: #ffffff;
}
.brand-name-inline .brand-pilot,
.name-pilot,
.app-name-accent {
  color: var(--blue);
  text-shadow: 0 0 24px rgba(19,157,255,.45);
}
.shot-label-title {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
}
.tag.pilot-name {
  display: inline-flex;
  align-items: center;
}