.sv-hero__intro{ max-width:680px; }
.sv-hero__ctas{ display:flex; flex-wrap:wrap; gap:12px; margin-top:40px; }
.sv-facts{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; margin-top:clamp(56px, 5.2vw, 100px); padding-top:32px; border-top:1px solid rgba(255, 255, 255, 0.1); }
.sv-facts__item dt{ font-size:clamp(30px, 2.1vw, 40px); font-weight:600; line-height:1.1; letter-spacing:-0.03em; color:var(--white); }
.sv-facts__item dd{ margin-top:8px; font-size:15px; line-height:1.4; color:rgba(187, 205, 218, 0.75); }
.sv-list .sec-head__main{ align-items:flex-start; gap:5px; }
.sv-list .sec-head .h2{ --hw:12.67em; }
.sv-list .sec-head__aside{ width:360px; max-width:360px; font-size:16px; line-height:1.5; margin-top:14px; }
.sv-rows{ display:grid; gap:16px; }
.sv-row{
  --tile-a:var(--slate); --tile-b:#1d3140;
  position:relative; display:grid; grid-template-columns:220px minmax(0, 1fr) 320px; gap:40px; align-items:start;
  padding:28px; border-radius:28px; background:var(--paper); border:1px solid rgba(52, 81, 99, 0.1);
  transition:transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out), background-color var(--dur-slow) var(--ease-out);
}
.sv-row--ink{ --tile-a:#0e151b; --tile-b:#2a3b47; }
.sv-row--signal{ --tile-a:var(--signal); --tile-b:#ff7a2f; }
.sv-row__link{ position:absolute; inset:0; z-index:2; border-radius:inherit; }
.sv-row__tile{
  position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; aspect-ratio:1; padding:20px; border-radius:20px;
  background:linear-gradient(145deg, var(--tile-a), var(--tile-b)); color:var(--white);
  background-image:linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(145deg, var(--tile-a), var(--tile-b));
  background-size:22px 22px, 22px 22px, 100% 100%;
}
.sv-row__glow{ position:absolute; right:-30%; top:-30%; width:90%; height:90%; border-radius:50%; background:radial-gradient(closest-side, rgba(255, 255, 255, 0.22), transparent 70%); transition:transform 700ms var(--ease-out); }
.sv-row__icon{ display:grid; place-items:center; width:64px; height:64px; border-radius:18px; background:rgba(255, 255, 255, 0.12); backdrop-filter:blur(6px); transition:transform 500ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.sv-row__icon svg{ width:30px; height:30px; }
.sv-row__term{ align-self:flex-start; padding:6px 10px; border-radius:8px; background:rgba(6, 10, 13, 0.35); font-size:12px; line-height:1; letter-spacing:0.01em; }
.sv-row--signal .sv-row__term{ background:rgba(6, 10, 13, 0.3); }
.sv-row__name{ display:flex; align-items:center; gap:10px; font-size:clamp(24px, 1.1vw + 10px, 32px); font-weight:600; line-height:1.15; letter-spacing:-0.025em; }
.sv-row__name svg{ width:22px; height:22px; color:var(--signal); transition:transform var(--dur-base) var(--ease-out); }
.sv-row__lead{ margin-top:12px; max-width:620px; font-size:17px; line-height:1.5; color:var(--muted); }
.sv-row__list{ margin-top:22px; grid-template-columns:1fr 1fr; gap:10px 28px; }
.sv-row__list li{ color:var(--ink); font-size:15px; }
.sv-row__side{ display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding-left:40px; border-left:1px solid rgba(52, 81, 99, 0.14); min-height:100%; }
.sv-row__price{ font-size:clamp(22px, 1vw + 10px, 28px); font-weight:600; letter-spacing:-0.02em; line-height:1.2; }
.sv-row__fit{ display:flex; flex-wrap:wrap; gap:6px; }
.sv-row__fit li{ display:inline-flex; align-items:center; height:30px; padding:0 12px; border-radius:99px; background:var(--white); border:1px solid rgba(52, 81, 99, 0.14); font-size:13px; font-weight:500; color:var(--ink); white-space:nowrap; }
.sv-row__btn{ margin-top:auto; pointer-events:none; }
@media (hover: hover) and (pointer: fine){
  .sv-row:hover{ transform:translateY(-4px); background:var(--white); border-color:rgba(233, 80, 6, 0.35); box-shadow:0 30px 70px rgba(6, 10, 13, 0.1); }
  .sv-row:hover .sv-row__glow{ transform:translate(-20%, 20%) scale(1.3); }
  .sv-row:hover .sv-row__icon{ transform:scale(1.08) rotate(-6deg); }
  .sv-row:hover .sv-row__name svg{ transform:translate(3px, -3px); }
  .sv-row:hover .sv-row__btn{ --bg:var(--slate); }
  .sv-row:hover .sv-row__btn .btn__icon svg:first-child{ transform:translate(150%, -150%); }
  .sv-row:hover .sv-row__btn .btn__icon svg + svg{ transform:translate(0, 0); }
}
.sv-ch{ overflow:hidden; }
.sv-ch__glow{ position:absolute; right:-10%; top:-20%; width:55%; height:90%; border-radius:50%; --gc:rgba(6, 10, 13, 0.55); --blur:220px; pointer-events:none; }
.sv-ch .h2{ color:var(--white); }
.sv-ch .sec-head__main{ align-items:flex-start; gap:5px; }
.sv-ch .sec-head .h2{ --hw:12.67em; }
.sv-ch .sec-head__aside{ width:360px; max-width:360px; font-size:16px; line-height:1.5; margin-top:14px; color:rgba(255, 255, 255, 0.8); }
.sv-ch__grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; }
.sv-ch__card{
  display:flex; flex-direction:column; min-height:360px; padding:32px; border-radius:28px; color:var(--white);
  background:rgba(255, 255, 255, 0.06); border:1px solid rgba(255, 255, 255, 0.12);
  transition:transform var(--dur-slow) var(--ease-out), background-color var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out);
}
.sv-ch__q{ font-size:clamp(22px, 1vw + 12px, 28px); font-weight:600; line-height:1.2; letter-spacing:-0.02em; text-wrap:balance; }
.sv-ch__arrow{ display:grid; place-items:center; width:36px; height:36px; margin:22px 0; border-radius:50%; background:var(--signal); color:var(--white); }
.sv-ch__arrow svg{ width:18px; height:18px; }
.sv-ch__a{ font-size:16px; line-height:1.5; color:rgba(255, 255, 255, 0.78); }
.sv-ch__foot{ display:flex; align-items:center; gap:10px; margin-top:auto; padding-top:28px; font-size:15px; font-weight:600; }
.sv-ch__foot > svg{ width:16px; height:16px; margin-left:auto; color:var(--signal); transition:transform var(--dur-base) var(--ease-out); }
.sv-ch__icon{ display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:rgba(255, 255, 255, 0.1); }
.sv-ch__icon svg{ width:16px; height:16px; }
@media (hover: hover) and (pointer: fine){
  .sv-ch__card:hover{ transform:var(--lift); background:rgba(255, 255, 255, 0.1); border-color:rgba(233, 80, 6, 0.5); }
  .sv-ch__card:hover .sv-ch__foot > svg{ transform:translate(3px, -3px); }
}
@media (max-width: 1280px){
  .sv-row{ grid-template-columns:180px minmax(0, 1fr) 280px; gap:28px; }
  .sv-row__side{ padding-left:28px; }
}
@media (max-width: 1024px){
  .sv-facts{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px 16px; margin-top:48px; }
  .sv-list .sec-head__main, .sv-ch .sec-head__main{ gap:18px; }
  .sv-list .sec-head__aside, .sv-ch .sec-head__aside{ width:auto; max-width:none; margin-top:0; }
  .sv-row{ grid-template-columns:120px minmax(0, 1fr); gap:20px 24px; padding:20px; border-radius:24px; }
  .sv-row__tile{ padding:14px; border-radius:16px; }
  .sv-row__icon{ width:44px; height:44px; border-radius:12px; }
  .sv-row__icon svg{ width:22px; height:22px; }
  .sv-row__term{ font-size:11px; padding:5px 7px; }
  .sv-row__list{ grid-template-columns:1fr; gap:10px; }
  .sv-row__side{ grid-column:1 / -1; padding:20px 0 0; border-left:0; border-top:1px solid rgba(52, 81, 99, 0.14); }
  .sv-row__btn{ margin-top:4px; }
  .sv-ch__grid{ grid-template-columns:1fr; gap:14px; }
  .sv-ch__card{ min-height:0; padding:24px; border-radius:22px; }
  .sv-ch__arrow{ margin:16px 0; }
}
@media (max-width: 640px){
  .sv-row{ grid-template-columns:1fr; }
  .sv-row__tile{ aspect-ratio:auto; flex-direction:row; align-items:center; justify-content:space-between; }
  .sv-row__lead{ font-size:16px; }
  .sv-facts__item dt{ font-size:28px; }
}