/*
 * Home comercial v5 — Só Questões de Concursos
 * Arquivo isolado para impedir conflitos com capas antigas.
 * Não utiliza screenshot nem transformação 3D no conteúdo.
 */

:root {
  --sqv5-bg: #020816;
  --sqv5-bg-soft: #061630;
  --sqv5-panel: rgba(6, 24, 57, .88);
  --sqv5-panel-strong: rgba(5, 19, 47, .96);
  --sqv5-line: rgba(86, 163, 255, .22);
  --sqv5-line-strong: rgba(63, 194, 255, .52);
  --sqv5-text: #f7fbff;
  --sqv5-muted: #aabbd4;
  --sqv5-blue: #168cff;
  --sqv5-cyan: #42d7ff;
  --sqv5-purple: #896eff;
  --sqv5-green: #43e4b0;
  --sqv5-yellow: #ffb41f;
}

html { scroll-behavior: smooth; }
body.home-page { background: var(--sqv5-bg); color: var(--sqv5-text); }
body.home-page .page-main { overflow: clip; background: var(--sqv5-bg); }

body.home-page .site-header {
  position: relative;
  z-index: 80;
  padding: 26px 0 0;
  background: #020816;
}
body.home-page .site-header .menu-wrap {
  width: min(1520px, calc(100% - 48px));
  min-height: 96px;
  margin: 0 auto;
  padding: 14px 28px;
  border: 1px solid rgba(47, 139, 255, .28);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(4, 16, 40, .96), rgba(5, 21, 52, .91));
  box-shadow: 0 22px 70px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255,255,255,.035);
}
body.home-page .site-header .brand-logo { width: auto; height: 66px; object-fit: contain; }
body.home-page .site-header .main-nav { gap: clamp(22px, 3vw, 46px); }
body.home-page .site-header .main-nav a {
  position: relative;
  padding: 12px 0;
  color: #eef4ff;
  font-weight: 750;
  letter-spacing: -.01em;
}
body.home-page .site-header .main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sqv5-yellow), #ffd65c);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .24s ease;
}
body.home-page .site-header .main-nav a:hover::after,
body.home-page .site-header .main-nav a:focus-visible::after { transform: scaleX(1); }
body.home-page .site-header .login-btn,
body.home-page .site-header .quote-btn {
  min-height: 58px;
  padding: 0 30px;
  border-radius: 13px;
  font-weight: 850;
}
body.home-page .site-header .login-btn {
  border: 1px solid rgba(96, 164, 255, .35);
  color: #fff;
  background: rgba(4, 18, 46, .7);
}
body.home-page .site-header .quote-btn {
  color: #07101e;
  background: linear-gradient(135deg, #ffc13b, #ff9f0f);
  box-shadow: 0 12px 28px rgba(255, 159, 15, .26), inset 0 1px 0 rgba(255,255,255,.45);
}

.sqv5-home, .sqv5-home * { box-sizing: border-box; }
.sqv5-home {
  position: relative;
  overflow: clip;
  color: var(--sqv5-text);
  font-family: "Manrope", system-ui, sans-serif;
  background: var(--sqv5-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.sqv5-shell { width: min(1520px, calc(100% - 48px)); margin: 0 auto; }
.sqv5-hero {
  --sqv5-pointer-x: 74%;
  --sqv5-pointer-y: 32%;
  position: relative;
  isolation: isolate;
  min-height: 820px;
  padding: clamp(64px, 7vw, 108px) 0 clamp(70px, 7vw, 112px);
  overflow: hidden;
  background:
    radial-gradient(circle at var(--sqv5-pointer-x) var(--sqv5-pointer-y), rgba(48, 191, 255, .16), transparent 24%),
    radial-gradient(circle at 83% 9%, rgba(74, 72, 255, .25), transparent 30%),
    radial-gradient(circle at 5% 88%, rgba(0, 175, 255, .14), transparent 27%),
    linear-gradient(137deg, #010713 0%, #03132d 46%, #061f50 100%);
}
.sqv5-hero-grid {
  position: absolute;
  inset: -30px;
  z-index: -4;
  opacity: .34;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(81, 156, 255, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(81, 156, 255, .07) 1px, transparent 1px);
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(to bottom, #000, rgba(0,0,0,.58) 72%, transparent);
  mask-image: linear-gradient(to bottom, #000, rgba(0,0,0,.58) 72%, transparent);
  animation: sqv5GridDrift 20s ease-in-out infinite;
}
.sqv5-orb { position: absolute; z-index: -3; border-radius: 50%; pointer-events: none; filter: blur(2px); }
.sqv5-orb-a {
  width: min(720px, 64vw);
  height: min(720px, 64vw);
  right: -20%;
  bottom: -36%;
  border: 1px solid rgba(77, 183, 255, .18);
  background: radial-gradient(circle at 42% 36%, rgba(49, 211, 255, .22), rgba(21, 79, 213, .12) 45%, transparent 72%);
  box-shadow: inset 0 0 120px rgba(48, 139, 255, .11), 0 0 100px rgba(0, 111, 255, .09);
  animation: sqv5OrbFloat 9s ease-in-out infinite;
}
.sqv5-orb-b { width: 340px; height: 340px; left: -180px; top: 28%; background: radial-gradient(circle, rgba(0, 191, 255, .13), transparent 68%); }
.sqv5-particles { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.sqv5-particle {
  position: absolute;
  left: var(--left);
  top: var(--top);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: rgba(94, 220, 255, .9);
  box-shadow: 0 0 14px rgba(47, 174, 255, .85);
  animation: sqv5Particle var(--duration) ease-out infinite;
  animation-delay: var(--delay);
}
.sqv5-hero-shell {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .91fr) minmax(590px, 1.09fr);
  gap: clamp(42px, 5vw, 84px);
  align-items: center;
}
.sqv5-copy { min-width: 0; }
.sqv5-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border: 1px solid rgba(92, 194, 255, .32);
  border-radius: 999px;
  color: #bce9ff;
  background: rgba(8, 38, 87, .58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 32px rgba(0, 74, 170, .12);
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .085em;
  text-transform: uppercase;
}
.sqv5-kicker i { color: var(--sqv5-cyan); }
.sqv5-copy h1 {
  max-width: 720px;
  margin: 22px 0 0;
  color: #fbfdff;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(4.2rem, 5.9vw, 7.35rem);
  font-weight: 400;
  line-height: .9;
  letter-spacing: .005em;
  text-shadow: 0 14px 44px rgba(0,0,0,.28);
}
.sqv5-copy h1 span {
  display: block;
  margin-top: .15em;
  color: transparent;
  background: linear-gradient(92deg, #37d7ff 0%, #1785ff 45%, #4e6fff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
.sqv5-lead { max-width: 690px; margin: 25px 0 0; color: #ccd8ed; font-size: clamp(1rem, 1.2vw, 1.18rem); line-height: 1.7; letter-spacing: -.012em; }
.sqv5-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; margin-top: 28px; }
.sqv5-feature-card {
  min-width: 0;
  min-height: 116px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 15px 13px;
  border: 1px solid var(--sqv5-line);
  border-radius: 15px;
  background: radial-gradient(circle at 12% 18%, rgba(29, 128, 255, .13), transparent 36%), linear-gradient(145deg, rgba(10, 37, 82, .84), rgba(4, 18, 47, .88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0, 4, 22, .16);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.sqv5-feature-card:hover { transform: translateY(-4px); border-color: rgba(65, 207, 255, .52); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 20px 40px rgba(0, 8, 35, .27), 0 0 25px rgba(30, 151, 255, .08); }
.sqv5-feature-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(90, 197, 255, .18);
  border-radius: 12px;
  color: #58d7ff;
  background: linear-gradient(145deg, rgba(22, 137, 255, .22), rgba(12, 74, 168, .12));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.sqv5-feature-card:nth-child(2) .sqv5-feature-icon,
.sqv5-feature-card:nth-child(5) .sqv5-feature-icon { color: #a58dff; border-color: rgba(153, 123, 255, .22); background: rgba(105, 71, 227, .16); }
.sqv5-feature-card:nth-child(3) .sqv5-feature-icon,
.sqv5-feature-card:nth-child(6) .sqv5-feature-icon { color: #4de1b9; border-color: rgba(68, 224, 183, .22); background: rgba(19, 158, 124, .14); }
.sqv5-feature-card h2 { margin: 2px 0 0; color: #f5f9ff; font-family: "Manrope", system-ui, sans-serif; font-size: .88rem; font-weight: 850; line-height: 1.24; }
.sqv5-feature-card p { margin: 6px 0 0; color: #9daec7; font-size: .72rem; line-height: 1.43; }
.sqv5-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.sqv5-btn {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 0 27px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-size: .96rem;
  font-weight: 900;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.sqv5-btn:hover { transform: translateY(-3px); text-decoration: none; }
.sqv5-btn-primary { color: #fff; background: linear-gradient(135deg, #1d9dff 0%, #0868ef 58%, #3158f3 100%); background-size: 180% 180%; box-shadow: 0 17px 40px rgba(0, 105, 255, .32), inset 0 1px 0 rgba(255,255,255,.27); animation: sqv5GradientFlow 6s ease infinite; }
.sqv5-btn-primary:hover { color: #fff; box-shadow: 0 22px 48px rgba(0, 112, 255, .4), inset 0 1px 0 rgba(255,255,255,.3); }
.sqv5-btn-secondary { color: #f1f7ff; border-color: rgba(88, 165, 255, .5); background: rgba(3, 17, 45, .76); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.sqv5-btn-secondary:hover { color: #fff; border-color: rgba(67, 213, 255, .82); background: rgba(7, 31, 72, .9); }
.sqv5-trust { display: flex; flex-wrap: wrap; gap: 13px 24px; margin-top: 24px; color: #aab9ce; font-size: .82rem; font-weight: 700; }
.sqv5-trust span { display: inline-flex; align-items: center; gap: 8px; }
.sqv5-trust i { color: #69d4ff; }
.sqv5-preview-wrap { position: relative; min-width: 0; }
.sqv5-preview-glow { position: absolute; inset: 5% 2% -8%; z-index: -1; border-radius: 36px; background: radial-gradient(circle, rgba(21, 134, 255, .34), rgba(79, 46, 235, .12) 49%, transparent 72%); filter: blur(55px); opacity: .9; }
.sqv5-preview {
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 27px;
  background: linear-gradient(rgba(3, 15, 41, .97), rgba(3, 15, 41, .97)) padding-box, linear-gradient(118deg, rgba(62, 219, 255, .84), rgba(42, 102, 255, .35), rgba(135, 74, 255, .74), rgba(62, 219, 255, .84)) border-box;
  background-size: 100% 100%, 260% 260%;
  box-shadow: 0 36px 92px rgba(0,0,0,.44), 0 0 46px rgba(4, 118, 255, .14), inset 0 1px 0 rgba(255,255,255,.05);
  animation: sqv5BorderFlow 9s ease infinite;
}
.sqv5-preview::after { content: ""; position: absolute; inset: 0; z-index: 20; pointer-events: none; background: radial-gradient(circle at var(--sqv5-pointer-x, 70%) var(--sqv5-pointer-y, 30%), rgba(102, 219, 255, .075), transparent 26%); mix-blend-mode: screen; }
.sqv5-app-top { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 11px 20px; border-bottom: 1px solid rgba(91, 157, 255, .16); background: linear-gradient(180deg, rgba(18, 61, 129, .4), rgba(5, 24, 59, .18)); }
.sqv5-app-brand img { display: block; width: 112px; height: 48px; object-fit: contain; object-position: left center; filter: drop-shadow(0 5px 14px rgba(0,0,0,.22)); }
.sqv5-app-tools { display: flex; align-items: center; gap: 9px; }
.sqv5-app-tools span { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid rgba(94, 167, 255, .18); border-radius: 11px; color: #a7c4e9; background: rgba(5, 28, 65, .72); }
.sqv5-app-layout { display: grid; grid-template-columns: 132px minmax(0, 1fr); min-height: 512px; }
.sqv5-app-nav { padding: 18px 10px; border-right: 1px solid rgba(91, 157, 255, .14); background: rgba(4, 17, 44, .74); }
.sqv5-app-nav a { min-height: 45px; display: flex; align-items: center; gap: 9px; padding: 0 11px; margin-bottom: 5px; border-radius: 11px; color: #aabbd4; font-size: .75rem; font-weight: 750; text-decoration: none; }
.sqv5-app-nav a i { width: 18px; color: #84baf8; text-align: center; }
.sqv5-app-nav a.is-active { color: #fff; background: linear-gradient(90deg, rgba(18, 125, 255, .38), rgba(15, 75, 164, .12)); box-shadow: inset 3px 0 0 #38bfff; }
.sqv5-app-content { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(220px, .88fr); grid-template-rows: auto 1fr; gap: 12px; padding: 15px; }
.sqv5-panel { min-width: 0; overflow: hidden; border: 1px solid rgba(94, 164, 255, .2); border-radius: 17px; background: linear-gradient(145deg, rgba(10, 37, 82, .76), rgba(4, 20, 51, .86)); box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 13px 29px rgba(0, 5, 25, .12); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.sqv5-panel:hover { transform: translateY(-3px); border-color: rgba(68, 205, 255, .46); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 38px rgba(0, 8, 32, .24); }
.sqv5-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #f5f8ff; }
.sqv5-panel-heading strong { font-size: .93rem; font-weight: 900; }
.sqv5-panel-heading > i { color: #69ccff; }
.sqv5-bank { padding: 18px; }
.sqv5-search { height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 15px; padding: 0 13px; border: 1px solid rgba(103, 172, 255, .19); border-radius: 10px; color: #8498b8; background: rgba(7, 30, 70, .78); font-size: .7rem; }
.sqv5-mini-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 14px; }
.sqv5-mini-stats span { padding: 10px 9px; border-radius: 10px; background: rgba(8, 31, 70, .59); }
.sqv5-mini-stats strong, .sqv5-mini-stats small { display: block; }
.sqv5-mini-stats strong { color: #f4f8ff; font-size: .72rem; }
.sqv5-mini-stats small { margin-top: 3px; color: #7f93b3; font-size: .57rem; }
.sqv5-study { padding: 18px; }
.sqv5-ring { width: 88px; height: 88px; position: relative; display: grid; place-items: center; margin: 18px auto 10px; border-radius: 50%; background: conic-gradient(#31c8ff 0 78%, rgba(69, 112, 175, .23) 78% 100%); box-shadow: 0 0 28px rgba(48, 196, 255, .18); }
.sqv5-ring::after { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: #071a3e; }
.sqv5-ring span { position: relative; z-index: 1; font-size: 1.18rem; font-weight: 900; }
.sqv5-study p { margin: 0; color: #91a4c3; font-size: .67rem; text-align: center; }
.sqv5-performance { min-height: 244px; padding: 18px; }
.sqv5-online { display: inline-flex; align-items: center; gap: 6px; color: #42dfa9; font-size: .62rem; font-weight: 750; }
.sqv5-online::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #35e9a8; box-shadow: 0 0 10px rgba(53, 233, 168, .72); animation: sqv5Status 2.3s ease-in-out infinite; }
.sqv5-metrics { display: flex; gap: 22px; margin-top: 16px; }
.sqv5-metrics span, .sqv5-metrics small, .sqv5-metrics strong { display: block; }
.sqv5-metrics small { color: #8fa2c0; font-size: .59rem; }
.sqv5-metrics strong { margin-top: 3px; color: #42dfa9; font-size: .98rem; }
.sqv5-metrics span:nth-child(2) strong { color: #fff; }
.sqv5-chart { position: relative; height: 128px; margin-top: 14px; overflow: hidden; border-bottom: 1px solid rgba(105, 159, 231, .18); }
.sqv5-chart-grid { position: absolute; inset: 0; background: repeating-linear-gradient(to bottom, rgba(109, 162, 230, .08) 0 1px, transparent 1px 30px); }
.sqv5-chart-area, .sqv5-chart-line { position: absolute; left: 2%; right: 2%; bottom: 15px; height: 82px; clip-path: polygon(0 86%, 10% 69%, 20% 72%, 31% 45%, 43% 55%, 56% 31%, 67% 43%, 79% 20%, 90% 28%, 100% 2%, 100% 100%, 0 100%); }
.sqv5-chart-area { background: linear-gradient(180deg, rgba(30, 138, 255, .62), rgba(30, 138, 255, .04)); }
.sqv5-chart-line { height: 84px; background: transparent; border-top: 3px solid #31b7ff; filter: drop-shadow(0 0 8px rgba(43, 166, 255, .58)); animation: sqv5ChartReveal 1.2s .4s cubic-bezier(.2,.75,.25,1) both; }
.sqv5-chart-dot { position: absolute; right: 1.5%; top: 22px; width: 8px; height: 8px; border-radius: 50%; background: #84e6ff; box-shadow: 0 0 14px rgba(57, 191, 255, .9); }
.sqv5-mika { position: relative; isolation: isolate; padding: 18px; border-color: rgba(55, 198, 255, .56); background: radial-gradient(circle at 38% 72%, rgba(18, 133, 255, .22), transparent 43%), linear-gradient(145deg, rgba(10, 42, 95, .89), rgba(4, 17, 46, .95)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 32px rgba(0, 150, 255, .13); }
.sqv5-mika .sqv5-panel-heading button { border: 0; color: #197fe3; background: transparent; }
.sqv5-mika .sqv5-panel-heading small { color: #6edcff; font-size: .55rem; }
.sqv5-mika-scene { position: relative; min-height: 168px; margin-top: 8px; }
.sqv5-mika-scene::before { content: ""; position: absolute; left: 3%; right: 2%; bottom: 8px; height: 70px; border: 1px solid rgba(69, 168, 255, .16); border-radius: 50%; transform: perspective(120px) rotateX(62deg); box-shadow: 0 0 34px rgba(24, 134, 255, .19), inset 0 0 40px rgba(41, 141, 255, .1); }
.sqv5-mika-message { position: absolute; z-index: 7; top: 0; right: 0; width: min(78%, 250px); min-height: 76px; padding: 12px 13px; border: 1px solid rgba(62, 204, 255, .64); border-radius: 17px; color: #f4f9ff; background: linear-gradient(145deg, rgba(14, 72, 151, .94), rgba(5, 30, 77, .96)); box-shadow: 0 12px 30px rgba(0, 62, 160, .27), 0 0 20px rgba(42, 181, 255, .13), inset 0 1px 0 rgba(255,255,255,.09); font-size: .69rem; font-weight: 750; line-height: 1.42; transition: opacity .2s ease, transform .2s ease; }
.sqv5-mika-message.is-changing { opacity: .18; transform: translateY(4px); }
.sqv5-mika-core { position: absolute; z-index: 5; left: 12%; bottom: 13px; width: 92px; height: 92px; display: grid; place-items: center; }
.sqv5-mika-face { width: 64px; height: 64px; display: grid; place-items: center; border: 3px solid #65e5ff; border-radius: 50%; color: #79e7ff; background: radial-gradient(circle at 50% 37%, #1a4f9b, #06102d 72%); box-shadow: 0 0 28px rgba(43, 199, 255, .59), inset 0 0 18px rgba(82, 222, 255, .17); font-size: 1.48rem; animation: sqv5MikaFloat 3.8s ease-in-out infinite; }
.sqv5-mika-orbit { position: absolute; inset: 2px; border: 1px dashed rgba(89, 219, 255, .62); border-radius: 50%; animation: sqv5Orbit 8s linear infinite; }
.sqv5-mika-orbit.orbit-two { inset: -8px; border-style: solid; border-color: rgba(88, 111, 255, .22); animation-duration: 11s; animation-direction: reverse; }
.sqv5-mika-dots { position: absolute; right: 7%; bottom: 24px; display: inline-flex; gap: 5px; padding: 10px 13px; border: 1px solid rgba(82, 177, 255, .28); border-radius: 18px; background: rgba(13, 60, 135, .8); }
.sqv5-mika-dots span { width: 7px; height: 7px; border-radius: 50%; background: #8aeaff; box-shadow: 0 0 9px rgba(74, 205, 255, .7); animation: sqv5Dots 1.3s ease-in-out infinite; }
.sqv5-mika-dots span:nth-child(2) { animation-delay: .16s; }
.sqv5-mika-dots span:nth-child(3) { animation-delay: .32s; }
.sqv5-mika-input { height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 8px 0 12px; border: 1px solid rgba(96, 165, 255, .22); border-radius: 11px; color: #7e90ad; background: rgba(5, 28, 65, .8); font-size: .63rem; }
.sqv5-mika-input i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #168bff, #0a66e9); }
.sqv5-proof { position: relative; z-index: 4; border-top: 1px solid rgba(72, 145, 239, .15); border-bottom: 1px solid rgba(72, 145, 239, .15); background: linear-gradient(180deg, rgba(7, 25, 58, .96), rgba(3, 13, 34, .96)); }
.sqv5-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.sqv5-proof article { min-height: 128px; display: flex; flex-direction: column; justify-content: center; padding: 24px 30px; border-right: 1px solid rgba(85, 151, 236, .14); }
.sqv5-proof article:last-child { border-right: 0; }
.sqv5-proof strong { color: #fff; font-size: 1.55rem; font-weight: 900; }
.sqv5-proof span { margin-top: 5px; color: #93a6c2; font-size: .82rem; }
.sqv5-section { position: relative; padding: clamp(78px, 8vw, 124px) 0; background: radial-gradient(circle at 12% 20%, rgba(20, 113, 238, .08), transparent 27%), linear-gradient(180deg, #020816, #031027); }
.sqv5-section:nth-of-type(even) { background: radial-gradient(circle at 88% 28%, rgba(66, 78, 232, .09), transparent 28%), linear-gradient(180deg, #031027, #020816); }
.sqv5-section-head { max-width: 780px; margin: 0 auto 44px; text-align: center; }
.sqv5-section-head > span { display: inline-flex; color: #64d9ff; font-size: .75rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.sqv5-section-head h2 { margin: 13px 0 0; color: #f8fbff; font-family: "Sora", system-ui, sans-serif; font-size: clamp(2.15rem, 3.4vw, 3.85rem); font-weight: 850; line-height: 1.08; letter-spacing: -.045em; }
.sqv5-section-head p { margin: 18px auto 0; color: #9fb0c8; font-size: 1rem; line-height: 1.7; }
.sqv5-step-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.sqv5-step-card, .sqv5-delivery-card, .sqv5-plan-card, .sqv5-testimonial-card { border: 1px solid rgba(87, 158, 246, .2); background: linear-gradient(145deg, rgba(10, 35, 78, .82), rgba(4, 18, 45, .9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 44px rgba(0, 4, 22, .16); }
.sqv5-step-card { position: relative; min-height: 250px; padding: 30px 25px; border-radius: 20px; overflow: hidden; }
.sqv5-step-card::after { content: ""; position: absolute; right: -44px; bottom: -58px; width: 150px; height: 150px; border: 1px solid rgba(72, 192, 255, .13); border-radius: 50%; box-shadow: inset 0 0 30px rgba(40, 138, 255, .07); }
.sqv5-step-number { color: #2fbfff; font-family: "Sora", system-ui, sans-serif; font-size: 2rem; font-weight: 900; }
.sqv5-step-card h3, .sqv5-delivery-card h3, .sqv5-plan-card h3 { margin: 28px 0 0; color: #f6f9ff; font-size: 1.12rem; font-weight: 850; }
.sqv5-step-card p, .sqv5-delivery-card p, .sqv5-plan-card p { margin: 12px 0 0; color: #98aac3; font-size: .86rem; line-height: 1.65; }
.sqv5-delivery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.sqv5-delivery-card { min-height: 260px; padding: 29px 26px; border-radius: 20px; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.sqv5-delivery-card:hover { transform: translateY(-5px); border-color: rgba(66, 208, 255, .48); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 52px rgba(0, 8, 31, .27); }
.sqv5-delivery-card > span { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(77, 198, 255, .22); border-radius: 15px; color: #65ddff; background: rgba(17, 106, 217, .15); font-size: 1.16rem; }
.sqv5-delivery-card h3 { margin-top: 24px; }
.sqv5-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.sqv5-plan-card { position: relative; min-height: 510px; display: flex; flex-direction: column; padding: 34px 29px; border-radius: 23px; }
.sqv5-plan-card.is-featured { border-color: rgba(66, 210, 255, .6); background: radial-gradient(circle at 82% 6%, rgba(75, 77, 255, .22), transparent 35%), linear-gradient(145deg, rgba(11, 48, 103, .94), rgba(4, 18, 47, .96)); box-shadow: 0 30px 70px rgba(0, 62, 167, .2), 0 0 40px rgba(36, 167, 255, .1), inset 0 1px 0 rgba(255,255,255,.06); }
.sqv5-plan-badge { position: absolute; top: 18px; right: 18px; padding: 7px 11px; border-radius: 999px; color: #06152e; background: #6ce5ff; font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.sqv5-plan-card > small { color: #65d9ff; font-size: .71rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sqv5-plan-card h3 { margin-top: 16px; font-family: "Sora", system-ui, sans-serif; font-size: 1.68rem; }
.sqv5-plan-card ul { display: grid; gap: 12px; margin: 27px 0 30px; padding: 0; list-style: none; }
.sqv5-plan-card li { display: flex; align-items: flex-start; gap: 10px; color: #c1cee0; font-size: .86rem; line-height: 1.5; }
.sqv5-plan-card li i { margin-top: 4px; color: #4de1b4; }
.sqv5-plan-card > a { min-height: 51px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: auto; border: 1px solid rgba(80, 178, 255, .45); border-radius: 13px; color: #f5f9ff; background: rgba(8, 40, 88, .7); font-size: .88rem; font-weight: 850; text-decoration: none; }
.sqv5-plan-card.is-featured > a { border-color: transparent; background: linear-gradient(135deg, #1a9cff, #0b68ef); box-shadow: 0 14px 34px rgba(0, 105, 255, .27); }
.sqv5-discipline-layout { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(45px, 7vw, 100px); align-items: center; }
.sqv5-discipline-layout .sqv5-section-head { margin: 0; text-align: left; }
.sqv5-text-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; color: #66dcff; font-weight: 850; text-decoration: none; }
.sqv5-discipline-cloud { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.sqv5-discipline-cloud span { min-height: 72px; display: flex; align-items: center; gap: 13px; padding: 15px 18px; border: 1px solid rgba(82, 157, 247, .2); border-radius: 16px; color: #dce7f7; background: rgba(7, 29, 67, .76); font-size: .87rem; font-weight: 750; transition: transform .2s ease, border-color .2s ease; }
.sqv5-discipline-cloud span:hover { transform: translateY(-3px); border-color: rgba(64, 207, 255, .47); }
.sqv5-discipline-cloud i { color: #55d5ff; }
.sqv5-free { padding-top: 25px; padding-bottom: 25px; }
.sqv5-free-card, .sqv5-final-card { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 34px; padding: clamp(35px, 5vw, 62px); border: 1px solid rgba(67, 202, 255, .37); border-radius: 28px; background: radial-gradient(circle at 80% 20%, rgba(91, 69, 255, .24), transparent 37%), linear-gradient(135deg, rgba(10, 52, 113, .96), rgba(4, 20, 53, .97)); box-shadow: 0 30px 80px rgba(0, 29, 88, .26), inset 0 1px 0 rgba(255,255,255,.06); }
.sqv5-free-card::before, .sqv5-final-card::before { content: ""; position: absolute; width: 420px; height: 420px; right: -190px; bottom: -260px; border: 1px solid rgba(85, 212, 255, .16); border-radius: 50%; box-shadow: inset 0 0 80px rgba(40, 138, 255, .08); }
.sqv5-free-card h2, .sqv5-final-card h2 { max-width: 760px; margin: 16px 0 0; color: #f9fcff; font-family: "Sora", system-ui, sans-serif; font-size: clamp(1.9rem, 3.2vw, 3.3rem); line-height: 1.1; letter-spacing: -.04em; }
.sqv5-free-card p, .sqv5-final-card p { margin: 15px 0 0; color: #abc0dc; }
.sqv5-testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.sqv5-testimonial-card { min-height: 270px; padding: 28px 25px; border-radius: 20px; }
.sqv5-stars { display: flex; gap: 4px; color: #ffc240; font-size: .83rem; }
.sqv5-testimonial-card blockquote { margin: 23px 0 28px; color: #d7e1ef; font-size: .93rem; font-style: normal; line-height: 1.72; }
.sqv5-testimonial-card footer { display: flex; align-items: center; gap: 12px; }
.sqv5-testimonial-card footer > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(76, 199, 255, .28); border-radius: 50%; color: #7fe4ff; background: rgba(19, 92, 185, .22); font-weight: 900; }
.sqv5-testimonial-card footer strong, .sqv5-testimonial-card footer small { display: block; }
.sqv5-testimonial-card footer strong { color: #f4f8ff; font-size: .84rem; }
.sqv5-testimonial-card footer small { margin-top: 3px; color: #8497b4; font-size: .68rem; }
.sqv5-final { padding-top: 30px; background: linear-gradient(180deg, #031027, #020816); }
.sqv5-final-card > div:first-child > span { color: #66dcff; font-size: .75rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sqv5-final-card .sqv5-actions { flex: 0 0 auto; margin: 0; }
[data-sqv5-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s cubic-bezier(.2,.75,.25,1), transform .7s cubic-bezier(.2,.75,.25,1); }
[data-sqv5-reveal].is-visible { opacity: 1; transform: none; }

@keyframes sqv5GridDrift { 0%, 100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-18px, 12px, 0); } }
@keyframes sqv5OrbFloat { 0%, 100% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(-32px, 18px, 0) scale(1.06); } }
@keyframes sqv5Particle { 0% { opacity: 0; transform: translate3d(0, 20px, 0) scale(.6); } 18% { opacity: .8; } 72% { opacity: .42; } 100% { opacity: 0; transform: translate3d(var(--drift), -88px, 0) scale(1.2); } }
@keyframes sqv5GradientFlow { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes sqv5BorderFlow { 0%, 100% { background-position: 0 0, 0% 50%; } 50% { background-position: 0 0, 100% 50%; } }
@keyframes sqv5Status { 0%, 100% { box-shadow: 0 0 0 0 rgba(53,233,168,.32), 0 0 10px rgba(53,233,168,.72); } 50% { box-shadow: 0 0 0 7px rgba(53,233,168,0), 0 0 17px rgba(53,233,168,.92); } }
@keyframes sqv5ChartReveal { from { clip-path: inset(100% 0 0 0); opacity: .3; } to { clip-path: inset(0 0 0 0); opacity: 1; } }
@keyframes sqv5MikaFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes sqv5Orbit { to { transform: rotate(360deg); } }
@keyframes sqv5Dots { 0%, 100% { opacity: .42; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }

@media (max-width: 1260px) {
  .sqv5-hero-shell { grid-template-columns: 1fr; max-width: 980px; }
  .sqv5-copy { text-align: center; }
  .sqv5-copy h1, .sqv5-lead { margin-left: auto; margin-right: auto; }
  .sqv5-actions, .sqv5-trust { justify-content: center; }
  .sqv5-feature-card { text-align: left; }
  .sqv5-preview-wrap { width: 100%; max-width: 920px; margin: 0 auto; }
}
@media (max-width: 980px) {
  body.home-page .site-header .menu-wrap { width: min(100% - 28px, 760px); min-height: 78px; padding: 10px 15px; }
  body.home-page .site-header .brand-logo { height: 55px; }
  .sqv5-shell { width: min(100% - 30px, 760px); }
  .sqv5-proof-grid, .sqv5-step-grid { grid-template-columns: repeat(2, 1fr); }
  .sqv5-proof article:nth-child(2) { border-right: 0; }
  .sqv5-proof article:nth-child(-n+2) { border-bottom: 1px solid rgba(85, 151, 236, .14); }
  .sqv5-delivery-grid, .sqv5-plan-grid, .sqv5-testimonial-grid { grid-template-columns: 1fr; }
  .sqv5-plan-card { min-height: auto; }
  .sqv5-discipline-layout { grid-template-columns: 1fr; }
  .sqv5-discipline-layout .sqv5-section-head { text-align: center; }
  .sqv5-free-card, .sqv5-final-card { align-items: flex-start; flex-direction: column; }
  .sqv5-final-card .sqv5-actions { width: 100%; }
}
@media (max-width: 720px) {
  .sqv5-hero { min-height: auto; padding: 50px 0 68px; }
  .sqv5-copy h1 { font-size: clamp(3.55rem, 17vw, 5.2rem); }
  .sqv5-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sqv5-feature-card { min-height: 132px; grid-template-columns: 1fr; text-align: center; }
  .sqv5-feature-icon { margin: 0 auto; }
  .sqv5-actions { display: grid; grid-template-columns: 1fr; }
  .sqv5-btn { width: 100%; }
  .sqv5-app-layout { grid-template-columns: 1fr; }
  .sqv5-app-nav { display: none; }
  .sqv5-app-content { grid-template-columns: 1fr; grid-template-rows: auto; }
  .sqv5-bank, .sqv5-study, .sqv5-performance, .sqv5-mika { grid-column: 1; }
  .sqv5-app-tools span:first-child { display: none; }
  .sqv5-section { padding: 74px 0; }
  .sqv5-step-grid { grid-template-columns: 1fr; }
  .sqv5-discipline-cloud { grid-template-columns: 1fr; }
  .sqv5-free-card, .sqv5-final-card { padding: 32px 24px; border-radius: 22px; }
}
@media (max-width: 480px) {
  body.home-page .site-header { padding-top: 12px; }
  .sqv5-shell { width: min(100% - 22px, 450px); }
  .sqv5-kicker { font-size: .64rem; }
  .sqv5-copy h1 { font-size: clamp(3.1rem, 18vw, 4.25rem); }
  .sqv5-lead { font-size: .94rem; }
  .sqv5-feature-grid { gap: 8px; }
  .sqv5-feature-card { min-height: 145px; padding: 13px 9px; }
  .sqv5-feature-card h2 { font-size: .79rem; }
  .sqv5-feature-card p { font-size: .65rem; }
  .sqv5-preview { border-radius: 20px; }
  .sqv5-app-top { min-height: 58px; padding: 8px 12px; }
  .sqv5-app-brand img { width: 92px; height: 40px; }
  .sqv5-app-content { padding: 10px; }
  .sqv5-mini-stats { gap: 5px; }
  .sqv5-mini-stats span { padding: 8px 5px; }
  .sqv5-metrics { gap: 13px; }
  .sqv5-mika-message { width: 75%; font-size: .62rem; }
  .sqv5-proof-grid { grid-template-columns: 1fr; }
  .sqv5-proof article { min-height: 98px; border-right: 0; border-bottom: 1px solid rgba(85, 151, 236, .14); }
  .sqv5-proof article:last-child { border-bottom: 0; }
  .sqv5-section-head h2 { font-size: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sqv5-home *, .sqv5-home *::before, .sqv5-home *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  [data-sqv5-reveal] { opacity: 1; transform: none; }
}