/* Services page v2: what we do, one line each, one small looping illustration each.
   Illustrations show their finished state by default; .is-live (set while on screen) plays the loop. */
.sv2{--sv2-blue:#1aa3f5;--sv2-green:#36d399;--sv2-gold:#f0cf8f;--sv2-ease:cubic-bezier(.22,1,.36,1)}
.sv2 svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sv2-eyebrow,.sv2-num{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#64bff4}
.sv2-button{display:inline-flex;align-items:center;gap:12px;padding:15px 26px;border-radius:13px;background:linear-gradient(145deg,#1aa3f5,#2e89d6);color:#fff;font-weight:800;font-size:15.5px;text-decoration:none;box-shadow:0 12px 28px rgba(26,163,245,.32);transition:transform .2s,box-shadow .2s}
.sv2-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(26,163,245,.45)}
.sv2-link{display:inline-flex;align-items:center;gap:8px;color:#a8cde6;font-weight:700;font-size:14.5px;text-decoration:none;padding:15px 6px}
.sv2-link:hover{color:#fff}

/* Hero */
.sv2-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:76px 0 56px}
.sv2-hero h1{font-size:clamp(40px,5vw,60px);line-height:1.04;margin:14px 0 18px}
.sv2-hero h1 span{color:var(--sv2-blue)}
.sv2-hero-copy>p{font-size:18px;max-width:440px}
.sv2-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}

/* Core: 24/7 */
.sv2-core{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center;padding:36px 40px;border:1px solid #2a5272;border-radius:24px;background:radial-gradient(ellipse at 0 0,rgba(26,163,245,.12),transparent 55%),linear-gradient(135deg,#10263b,#0c1e30)}
.sv2-core h2{font-size:clamp(30px,3.4vw,42px);margin:10px 0 12px;line-height:1.08}
.sv2-core-copy p{font-size:16px}

/* Grid */
.sv2-grid-wrap{padding:84px 0 10px}
.sv2-grid-head{text-align:center;margin-bottom:34px}
.sv2-grid-head h2{font-size:clamp(30px,4vw,44px);line-height:1.1;margin:12px 0 0}
.sv2-grid-head h2 span{color:var(--sv2-green)}
.sv2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv2-card{display:flex;flex-direction:column;padding:16px 16px 24px;border:1px solid #24425c;border-radius:20px;background:linear-gradient(160deg,#11263b,#0d1f32);transition:border-color .3s,transform .3s var(--sv2-ease)}
.sv2-card:hover{border-color:#367cab;transform:translateY(-3px)}
.sv2-card .sv2-num{margin:20px 8px 6px;font-size:10.5px;color:#4f86ad}
.sv2-card h3{font-size:20px;line-height:1.2;margin:0 8px 8px}
.sv2-card p{margin:0 8px;font-size:14px;line-height:1.6}
.sv2-card-gold{border-color:#5c4e2e;background:radial-gradient(ellipse at 100% 0,rgba(232,194,122,.12),transparent 60%),linear-gradient(160deg,#17222c,#0f1d2b)}
.sv2-card-gold:hover{border-color:#a8894e}
.sv2-art{position:relative;height:170px;padding:18px;border-radius:14px;background:#0a1a2b;border:1px solid #1f3b52;overflow:hidden;box-sizing:border-box}
.sv2-bubble{margin:0!important;align-self:flex-start;max-width:80%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:#17324a;color:#dbeaf6!important;font-size:13px!important;line-height:1.35!important}
/* PPV */
.sv2-art-ppv{display:flex;flex-direction:column;gap:12px}
.sv2-locked{position:relative;align-self:flex-end;width:62%;height:84px;border-radius:14px 14px 4px 14px;overflow:hidden;border:1px solid #2f5a7b}
.sv2-blur{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#f2a3c0,transparent 45%),radial-gradient(circle at 70% 60%,#7fb6f0,transparent 50%),#2a3b55;filter:blur(8px);opacity:.55}
.sv2-lock{position:absolute;inset:0;display:grid;place-items:center;color:#fff;opacity:0}
.sv2-lock svg{width:22px;height:22px}
.sv2-locked b{position:absolute;left:8px;right:8px;bottom:8px;padding:5px 8px;border-radius:8px;background:rgba(54,211,153,.9);color:#05231a;font-size:11.5px;text-align:center}
/* Manager */
.sv2-art-manager{display:flex;flex-direction:column;gap:12px}
.sv2-am{display:flex;align-items:center;gap:10px}
.sv2-am>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f0cf8f,#b8904a);color:#1d1606;font:800 12px 'Bricolage Grotesque',sans-serif}
.sv2-am strong{display:block;color:#f3ead8;font-size:13px}
.sv2-am small{color:#7fe0b9;font-size:11px;font-weight:700}
.sv2-typing{display:none!important}
.sv2-typing i{width:6px;height:6px;border-radius:50%;background:#a9a08b}
.sv2-bubble-gold{background:rgba(232,194,122,.14)!important;border:1px solid rgba(232,194,122,.35);color:#f6e6c4!important}
/* Ladder */
.sv2-art-ladder{display:flex;align-items:flex-end;gap:12px;padding-bottom:12px}
.sv2-art-ladder>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.sv2-art-ladder i{width:100%;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#4ebaff,#1a6fae);transform-origin:bottom}
.sv2-art-ladder>div:last-child i{background:linear-gradient(180deg,#f0cf8f,#9c7a3e)}
.sv2-art-ladder span{color:#9fc2da;font-size:11px;font-weight:700;white-space:nowrap}
/* Hero: logo hub with the six services around it */
.sv2-hub{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:0 auto}
.sv2-hub-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#1f4462;stroke-width:1.4}
.sv2-hub-lines circle{stroke-dasharray:3 7;stroke:#1d3d58}
.sv2-hub-lines .sv2-wave{stroke:#2f6a92;stroke-width:1.8;stroke-linecap:round}
.sv2-hub-lines .sv2-spark{stroke:#9fdcff;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:14 86;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 4px #1aa3f5)}
.sv2-hub-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:30px;background:radial-gradient(circle at 30% 20%,#173c5c,#0c2136);border:1px solid #2f6a92;box-shadow:0 0 0 10px rgba(26,163,245,.06),0 0 60px rgba(26,163,245,.3)}
.sv2-hub-core img{width:58px;height:58px;filter:drop-shadow(0 8px 18px rgba(26,163,245,.5))}
.sv2-node{position:absolute;display:grid;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:20px;background:#0f2438;border:1px solid #2a5272;color:#60c2ff;box-shadow:0 12px 30px rgba(2,11,21,.45)}
.sv2-node svg{width:26px;height:26px}
.sv2-node-ppv{color:#5fe3b1}
.sv2-node-gold{color:#f0cf8f;border-color:#6b5a35}
/* 24/7: a glowing ring and a few floating messages */
.sv2-clock{position:relative;height:300px}
.sv2-ring{position:absolute;left:50%;top:50%;display:grid;place-content:center;justify-items:center;gap:6px;width:210px;height:210px;margin:-105px 0 0 -105px}
.sv2-ring svg{position:absolute;inset:0;width:100%;height:100%;fill:none;transform:rotate(-90deg)}
.sv2-ring-track{stroke:#1c3b55;stroke-width:6}
.sv2-ring-arc{stroke:#36d399;stroke-width:6;stroke-linecap:round;stroke-dasharray:30 70;filter:drop-shadow(0 0 8px rgba(54,211,153,.6))}
.sv2-ring strong{position:relative;font:800 56px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;background:linear-gradient(135deg,#9fe0ff,#1aa3f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.sv2-ring small{position:relative;display:flex;align-items:center;gap:6px;color:#8ff0c9;font-size:12.5px;font-weight:700}
.sv2-ring small i{width:7px;height:7px;border-radius:50%;background:#36d399;box-shadow:0 0 10px #36d399}
.sv2-f1{left:6%;top:16%}.sv2-f2{right:2%;top:30%}.sv2-f3{left:12%;bottom:14%}
.sv2-clock{position:relative;height:300px}
.sv2-float{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:14px;background:#17324a;border:1px solid #2a5272;color:#dbeaf6;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 10px 24px rgba(2,11,21,.4)}
.sv2-float svg{width:14px;height:14px}
.sv2-f-ppv{background:#0f3a35;border-color:rgba(54,211,153,.45);color:#8ff0c9}
.sv2-f-tip{background:#33301f;border-color:rgba(232,194,122,.45);color:#f6d796}
/* Vault: static folders */
.sv2-art-vault{display:grid;align-content:center;gap:8px}
.sv2-art-vault>div{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #23465f;border-radius:10px;background:#0e2437;color:#dbeaf6;font-size:13px;font-weight:600}
.sv2-art-vault svg{width:17px;height:17px;color:#60c2ff}
.sv2-art-vault small{margin-left:auto;color:#6f90aa;font-size:11px}
/* Scripts: three steps */
.sv2-art-script{display:grid;align-content:center;gap:8px}
.sv2-art-script>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #23465f;border-radius:10px;background:#0e2437;color:#dbeaf6;font-size:13px;font-weight:600}
.sv2-art-script b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(26,163,245,.12);color:#7fd0ff;font-size:11px}
.sv2-thumb{margin-left:auto;width:34px;height:24px;border-radius:6px}
.sv2-thumb-a{background:linear-gradient(135deg,#2a4f6e,#1b3449)}.sv2-thumb-b{background:linear-gradient(135deg,#d58aa7,#5a3b6b)}.sv2-thumb-c{background:linear-gradient(135deg,#7fb6f0,#2c4d78)}
/* Fan profile */
.sv2-fan-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #1f3a51}
.sv2-fan-head b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#1aa3f5,#0d6aa8);color:#fff;font-size:12px}
.sv2-fan-head strong{color:#fff;font-size:13.5px}
.sv2-fan-head em{margin-left:auto;padding:3px 9px;border-radius:999px;background:rgba(232,194,122,.14);border:1px solid rgba(232,194,122,.4);color:#f6d796;font-size:10.5px;font-weight:800;font-style:normal}
.sv2-fan-rows{display:grid;gap:4px;margin-top:8px}
.sv2-fan-rows span{display:flex;justify-content:space-between;padding:5px 8px;margin:0 -8px;border-radius:7px;color:#7f9fb8;font-size:12.5px}
.sv2-fan-rows b{color:#e6f2fb;font-weight:600}
.sv2-fan-rows .sv2-red{color:#ffb0b0}

/* Built for */
.sv2-who{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:12px;margin:72px 0 56px}
.sv2-who h2{font-size:22px;margin:0 10px 0 0}
.sv2-who a{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #24425c;border-radius:16px;background:#0f2236;text-decoration:none;transition:border-color .2s,transform .2s}
.sv2-who a:hover{border-color:#3c90bd;transform:translateY(-2px)}
.sv2-who img{object-fit:contain}
.sv2-who strong{display:block;color:#fff;font-size:15px}
.sv2-who small{display:block;color:#7f9fb8;font-size:12.5px}
.sv2-who i{margin-left:auto;color:#64c2fc;font-style:normal}

/* Close */
.sv2-close{text-align:center;padding:84px 0 64px}
.sv2-close h2{font-size:clamp(32px,4.4vw,48px);line-height:1.08;margin:0}
.sv2-close h2 span{color:var(--sv2-blue)}
.sv2-close p{margin:14px auto 26px!important;font-size:16px}

/* Loops (only while on screen) */
@media(prefers-reduced-motion:no-preference){
  .sv2-hub.is-live .sv2-spark{opacity:1;animation:sv2Flow 3.2s ease-in-out infinite}
  @keyframes sv2Flow{0%{stroke-dashoffset:100;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
  .sv2-hub.is-live .sv2-hub-core{animation:sv2Core 3s ease-in-out infinite alternate}
  @keyframes sv2Core{from{box-shadow:0 0 0 10px rgba(26,163,245,.05),0 0 50px rgba(26,163,245,.25)}to{box-shadow:0 0 0 16px rgba(26,163,245,.08),0 0 70px rgba(26,163,245,.38)}}
  .sv2-clock.is-live .sv2-ring svg{animation:sv2Spin 10s linear infinite}
  @keyframes sv2Spin{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
  .sv2-clock.is-live .sv2-float{animation:sv2Float 6s ease-in-out infinite alternate}
  .sv2-clock.is-live .sv2-f2{animation-delay:-2s}.sv2-clock.is-live .sv2-f3{animation-delay:-4s}
  @keyframes sv2Float{from{transform:translateY(-5px)}to{transform:translateY(5px)}}
  .sv2-art-vault.is-live>div,.sv2-art-script.is-live>div{animation:sv2Pick 9s ease-in-out infinite}
  .sv2-art-vault.is-live>div:nth-child(2),.sv2-art-script.is-live>div:nth-child(2){animation-delay:3s}
  .sv2-art-vault.is-live>div:nth-child(3),.sv2-art-script.is-live>div:nth-child(3){animation-delay:6s}
  @keyframes sv2Pick{0%,30%,100%{border-color:#23465f;background:#0e2437}8%,22%{border-color:#4ebaff;background:#12304a}}


  .sv2-art-ppv.is-live .sv2-lock{animation:sv2Lock 7s infinite}
  .sv2-art-ppv.is-live .sv2-blur{animation:sv2Unblur 7s infinite}
  .sv2-art-ppv.is-live .sv2-locked b{animation:sv2Paid 7s var(--sv2-ease) infinite}
  @keyframes sv2In{0%{opacity:0;transform:translateY(10px)}8%,92%{opacity:1;transform:none}100%{opacity:0}}
  @keyframes sv2Lock{0%,12%{opacity:1}40%,100%{opacity:0}}
  @keyframes sv2Unblur{0%,35%{filter:blur(8px);opacity:.55}50%,92%{filter:blur(2px);opacity:.9}100%{opacity:.55}}
  @keyframes sv2Paid{0%,42%{opacity:0;transform:translateY(8px)}52%,92%{opacity:1;transform:none}100%{opacity:0}}

  .sv2-art-manager.is-live .sv2-typing{display:flex!important;gap:4px;align-self:flex-start;margin:0;padding:10px 12px;border-radius:14px;background:rgba(232,194,122,.1);animation:sv2Typing 7s infinite}
  .sv2-art-manager.is-live .sv2-typing i{animation:sv2Dot 1s infinite}
  .sv2-art-manager.is-live .sv2-typing i:nth-child(2){animation-delay:.15s}.sv2-art-manager.is-live .sv2-typing i:nth-child(3){animation-delay:.3s}
  .sv2-art-manager.is-live .sv2-bubble-gold{animation:sv2Msg 7s var(--sv2-ease) infinite}
  @keyframes sv2Typing{0%,8%{opacity:0;max-height:0;padding:0 12px}12%,34%{opacity:1;max-height:40px;padding:10px 12px}38%,100%{opacity:0;max-height:0;padding:0 12px}}
  @keyframes sv2Dot{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-3px)}}
  @keyframes sv2Msg{0%,36%{opacity:0;transform:translateY(8px)}44%,92%{opacity:1;transform:none}100%{opacity:0}}

  .sv2-art-ladder.is-live>div{animation:sv2Step 12s ease-in-out infinite}
  .sv2-art-ladder.is-live>div:nth-child(2){animation-delay:3s}.sv2-art-ladder.is-live>div:nth-child(3){animation-delay:6s}.sv2-art-ladder.is-live>div:nth-child(4){animation-delay:9s}
  @keyframes sv2Step{0%,30%,100%{opacity:.55}8%,22%{opacity:1}}



  .sv2-art-fan.is-live .sv2-fan-rows span{animation:sv2Row2 9s ease-in-out infinite}
  .sv2-art-fan.is-live .sv2-fan-rows span:nth-child(2){animation-delay:3s}.sv2-art-fan.is-live .sv2-fan-rows span:nth-child(3){animation-delay:6s}
  @keyframes sv2Row2{0%,30%,100%{background:transparent}8%,22%{background:rgba(26,163,245,.1)}}
}

@media(max-width:980px){
  .sv2-hero{grid-template-columns:1fr;gap:36px;padding-top:52px}
  .sv2-core{grid-template-columns:1fr;gap:26px;padding:28px 24px}
  .sv2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv2-who{grid-template-columns:1fr 1fr 1fr}
  .sv2-who h2{grid-column:1/-1}
}
@media(max-width:620px){
  .sv2-grid{grid-template-columns:1fr}
  .sv2-clock{height:270px}
  .sv2-ring{width:180px;height:180px;margin:-90px 0 0 -90px}
  .sv2-ring strong{font-size:46px}
  .sv2-f1{left:0;top:6%}.sv2-f2{right:0;top:auto;bottom:4%}.sv2-f3{left:0;bottom:22%}
  .sv2-node{width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:16px}
  .sv2-node svg{width:22px;height:22px}
  .sv2-hub-core{width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:24px}
  .sv2-hub-core img{width:46px;height:46px}
  .sv2-float{font-size:11.5px;padding:7px 10px}
  .sv2-who{grid-template-columns:1fr}
  .sv2-actions .sv2-button{width:100%;justify-content:center}
  .sv2-grid-wrap{padding-top:60px}
}
/* Full management: dark, premium gold, matching the rest of the site */
.sv2 .sv-management{background:radial-gradient(ellipse at 100% 0,rgba(232,194,122,.13),transparent 55%),linear-gradient(140deg,#17222c,#0e1c2b);color:#eaf4fd;border:1px solid #5c4e2e;border-radius:24px;box-shadow:0 24px 60px rgba(2,11,21,.45)}
.sv2 .sv-management-head,.sv2 .sv-management-foot{border-color:#3a3626}
.sv2 .sv-management-brand{color:#f0cf8f}
.sv2 .sv-management-status{padding:5px 11px;border:1px solid #6b5a35;border-radius:999px;color:#f0cf8f;font-size:11px;font-weight:700}
.sv2 .sv-management-status::before{background:#f0cf8f;box-shadow:0 0 8px #f0cf8f}
.sv2 .sv-management h2{color:#fff}
.sv2 .sv-management p{color:#b9b19c}
.sv2 .sv-management-scope li{color:#f3ead8;border-color:#3a3626}
.sv2 .sv-management-scope span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(232,194,122,.1);border:1px solid #6b5a35;color:#f0cf8f;font-size:10px;font-weight:800}
.sv2 .sv-management .sv-button{background:linear-gradient(135deg,#f0cf8f,#c9a25c);border-color:#f0cf8f;color:#1d1606;font-weight:800}
.sv2 .sv-management .sv-button:hover{background:linear-gradient(135deg,#f6dca6,#d4ae69)}
.sv2 .sv-management-foot p{color:#9a917c}
/* v7: main service card + arrow into the included grid */
.sv2-core{border-color:#2f6a92;box-shadow:0 0 0 1px rgba(26,163,245,.12),0 24px 60px rgba(2,11,21,.45)}
.sv2-main-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;border-radius:999px;background:rgba(26,163,245,.12);border:1px solid rgba(26,163,245,.45);color:#9fdcff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sv2-main-badge img{width:18px;height:18px}
.sv2-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 0}
.sv2-big strong{font:800 clamp(88px,11vw,140px)/.9 'Bricolage Grotesque',sans-serif;letter-spacing:-.05em;background:linear-gradient(135deg,#9fe0ff,#1aa3f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.sv2-big span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(54,211,153,.1);border:1px solid rgba(54,211,153,.4);color:#8ff0c9;font-size:13px;font-weight:700}
.sv2-big span i{width:8px;height:8px;border-radius:50%;background:#36d399;box-shadow:0 0 10px #36d399}
@media(prefers-reduced-motion:no-preference){
  .sv2-big span i{animation:sv2Pulse 2s ease-in-out infinite}
  @keyframes sv2Pulse{0%,100%{opacity:1}50%{opacity:.35}}
}
@media(max-width:620px){.sv2-big{padding:10px 0 4px}.sv2-big strong{font-size:84px}}
/* v9: a clean Zinely clock with 24/7 inside */
.sv2-watch{position:relative;justify-self:center;width:min(280px,100%);aspect-ratio:1;display:grid;place-items:center}
.sv2-watch svg{position:absolute;inset:0;width:100%;height:100%}
.sv2-watch-rim{fill:none;stroke:#1aa3f5;stroke-width:3;filter:drop-shadow(0 0 14px rgba(26,163,245,.45))}
.sv2-watch-face{fill:#0b1d30;stroke:#1d3d58;stroke-width:1}
.sv2-watch-ticks line{stroke:#2f5a7b;stroke-width:2;stroke-linecap:round}
.sv2-watch-ticks line{stroke:#4ebaff;stroke-width:3}
.sv2-watch-hand circle{fill:#bfeaff;filter:drop-shadow(0 0 6px #1aa3f5)}
.sv2-watch-hand{transform-origin:100px 100px;transform:rotate(40deg)}
.sv2-watch strong{position:relative;font:800 clamp(56px,6vw,72px)/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.045em;background:linear-gradient(135deg,#bfeaff,#1aa3f5);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(prefers-reduced-motion:no-preference){
  .sv2-watch-rim{animation:sv2Glow 4s ease-in-out infinite alternate}
  @keyframes sv2Glow{from{filter:drop-shadow(0 0 6px rgba(26,163,245,.25))}to{filter:drop-shadow(0 0 16px rgba(26,163,245,.55))}}
}
@media(max-width:620px){.sv2-watch{width:220px}}
/* v14: compact main-service strip with a small chat loop */
.sv2-core-slim{grid-template-columns:300px 1fr;gap:36px;padding:22px 36px 22px 22px}
.sv2-core-slim h2{font-size:clamp(36px,4.2vw,52px);font-weight:800;letter-spacing:-.04em;margin:12px 0 8px}
.sv2-core-slim .sv2-core-copy p{font-size:16.5px;color:#a8c5d6}
.sv2-art-night{display:flex;flex-direction:column;gap:8px;height:150px;padding:14px 16px}
.sv2-art-night small{align-self:center;color:#5f819c;font-size:10.5px;font-weight:700;letter-spacing:.08em}
.sv2-night-typing{display:flex;gap:4px;align-self:flex-end;margin:0!important;padding:9px 12px;border-radius:14px 14px 4px 14px;background:#1a6fae;opacity:0;position:absolute;right:16px;bottom:16px}
.sv2-night-typing i{width:6px;height:6px;border-radius:50%;background:#cfeaff}
.sv2-night-reply{align-self:flex-end;margin:0!important;padding:8px 12px;border-radius:14px 14px 4px 14px;background:linear-gradient(135deg,#1aa3f5,#2e89d6);color:#fff!important;font-size:13px!important;font-weight:600}
@media(prefers-reduced-motion:no-preference){
  .sv2-art-night.is-live .sv2-night-typing{animation:sv2NightType 7s ease-in-out infinite}
  .sv2-art-night.is-live .sv2-night-typing i{animation:sv2Dot 1s infinite}
  .sv2-art-night.is-live .sv2-night-typing i:nth-child(2){animation-delay:.15s}.sv2-art-night.is-live .sv2-night-typing i:nth-child(3){animation-delay:.3s}
  .sv2-art-night.is-live .sv2-night-reply{animation:sv2NightReply 7s ease-in-out infinite}
  @keyframes sv2NightType{0%,8%{opacity:0}14%,34%{opacity:1}38%,100%{opacity:0}}
  @keyframes sv2NightReply{0%,36%{opacity:0;transform:translateY(6px)}44%,92%{opacity:1;transform:none}100%{opacity:0}}
}
@media(max-width:980px){.sv2-core-slim{grid-template-columns:1fr;gap:20px;padding:22px}.sv2-core-slim .sv2-core-copy{order:-1}}
.sv2-services-head{text-align:center;margin:30px 0 30px}
.sv2-services-head h2{font-size:clamp(34px,4.6vw,52px);line-height:1.05;margin:0}
.sv2-services-head h2 span{color:var(--sv2-blue)}
/* v16: 24/7 chatting and everything included sit in one panel */
.sv2-bundle{padding:14px;border:1px solid #2a5272;border-radius:30px;background:linear-gradient(180deg,rgba(26,163,245,.07),rgba(13,31,50,.35) 40%);box-shadow:0 30px 70px rgba(2,11,21,.35)}
.sv2-bundle .sv2-core{border-radius:22px}
.sv2-bundle .sv2-grid-wrap{padding:0}
.sv2-bundle .sv2-grid{gap:14px}
.sv2-plus{position:relative;display:flex;justify-content:center;margin:18px 0}
.sv2-plus::before{content:'';position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#2f6a92,transparent)}
.sv2-plus span{position:relative;display:inline-flex;align-items:center;gap:9px;padding:6px 16px 6px 6px;border-radius:999px;background:#0d2236;border:1px solid #2f6a92;color:#9fdcff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sv2-plus b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1aa3f5;color:#04192b;font-size:18px;line-height:1}
@media(max-width:620px){.sv2-bundle{padding:8px;border-radius:22px}}
/* v17: vault = folder tiles with previews; scripts = script page + example photos */
.sv2-art-vault2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
.sv2-folder{display:flex;flex-direction:column;align-items:center;gap:7px}
.sv2-folder-tab{align-self:flex-start;width:42%;height:9px;margin-bottom:-1px;border-radius:6px 6px 0 0;background:#1d4466}
.sv2-folder-body{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;aspect-ratio:1.1;padding:6px;box-sizing:border-box;border-radius:0 9px 9px 9px;background:#1d4466;border:1px solid #2a5a82;transition:border-color .4s,box-shadow .4s}
.sv2-folder-body i,.sv2-fan-photos i{border-radius:5px}
.t1,.p1{background:linear-gradient(135deg,#d58aa7,#5a3b6b)}.t2,.p2{background:linear-gradient(135deg,#7fb6f0,#2c4d78)}.t3,.p3{background:linear-gradient(135deg,#f0cf8f,#8c6a33)}.t4{background:linear-gradient(135deg,#5fe3b1,#1d6b57)}
.sv2-folder span{color:#cfe3f2;font-size:12px;font-weight:700}
.sv2-art-script2{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:center}
.sv2-sheet{display:grid;gap:8px;padding:13px;border-radius:10px;background:#e9f2fa;box-shadow:0 10px 24px rgba(2,11,21,.45)}
.sv2-sheet strong{color:#0d2236;font-size:11.5px;margin-bottom:2px}
.sv2-sheet i{height:6px;border-radius:4px;background:#b9cee0}
.sv2-sheet i:nth-of-type(1){width:92%}.sv2-sheet i:nth-of-type(2){width:74%}.sv2-sheet i:nth-of-type(3){width:86%}.sv2-sheet i:nth-of-type(4){width:58%}
.sv2-fan-photos{position:relative;height:110px}
.sv2-fan-photos i{position:absolute;left:50%;top:50%;width:60px;height:80px;margin:-40px 0 0 -30px;border:2px solid #0a1a2b;box-shadow:0 8px 20px rgba(2,11,21,.5);transition:transform .5s}
.sv2-fan-photos .p1{transform:rotate(-12deg) translateX(-18px)}.sv2-fan-photos .p2{transform:rotate(2deg)}.sv2-fan-photos .p3{transform:rotate(14deg) translateX(18px)}
.sv2-mini-cta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:26px 0 0}
.sv2-mini-cta p{margin:0;color:#cfe3f2;font-size:16px;font-weight:600}
.sv2-mini-cta .sv2-button{padding:12px 20px;font-size:14.5px}
@media(prefers-reduced-motion:no-preference){
  .sv2-art-vault2.is-live .sv2-folder-body{animation:sv2Folder 9s ease-in-out infinite}
  .sv2-art-vault2.is-live .sv2-folder:nth-child(2) .sv2-folder-body{animation-delay:3s}.sv2-art-vault2.is-live .sv2-folder:nth-child(3) .sv2-folder-body{animation-delay:6s}
  @keyframes sv2Folder{0%,30%,100%{border-color:#2a5a82;box-shadow:none}8%,22%{border-color:#4ebaff;box-shadow:0 0 18px rgba(26,163,245,.3)}}
  .sv2-art-script2.is-live .sv2-sheet i{animation:sv2Line2 9s ease-in-out infinite}
  .sv2-art-script2.is-live .sv2-sheet i:nth-of-type(2){animation-delay:2.25s}.sv2-art-script2.is-live .sv2-sheet i:nth-of-type(3){animation-delay:4.5s}.sv2-art-script2.is-live .sv2-sheet i:nth-of-type(4){animation-delay:6.75s}
  @keyframes sv2Line2{0%,25%,100%{background:#b9cee0}6%,19%{background:#1aa3f5}}
  .sv2-art-script2.is-live .sv2-fan-photos .p2{animation:sv2Lift 9s ease-in-out infinite}
  @keyframes sv2Lift{0%,100%{transform:rotate(2deg)}50%{transform:rotate(2deg) translateY(-6px)}}
}
@media(max-width:620px){.sv2-mini-cta{flex-direction:column;gap:12px;text-align:center}.sv2-mini-cta .sv2-button{width:100%;justify-content:center}}
