@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");

:root{
      --ink:#0d1326;
      --ink2:#1f2a44;
      --muted:#6f7890;
      --line:#e7eaf3;
      --soft:#f7f8fc;
      --violet:#644cff;
      --violet2:#8066ff;
      --blue:#4f6df5;
      --white:#fff;
      --radius:18px;
      --shadow:0 12px 30px rgba(18,28,56,.07);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    .container{width:min(1380px,calc(100% - 48px));margin:auto}
    .eyebrow{font-size:.76rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:var(--violet)}
    .accent{color:var(--violet)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.005em;transition:.18s ease}
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{background:linear-gradient(135deg,var(--violet),#5846ef);color:#fff;box-shadow:0 10px 28px rgba(100,76,255,.22)}
    .btn-secondary{background:#fff;border-color:#cfd5e6;color:var(--ink)}
    .btn-dark{background:#101629;color:#fff;border-color:#29314a}

    /* header */
    header{height:72px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
    .nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .brand{display:flex;align-items:center;gap:10px;font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;font-weight:800;letter-spacing:-.035em}
    .brand svg{width:34px;height:34px}.brand span{font-size:1.06rem;line-height:1;font-weight:800}
    .nav-links{display:flex;gap:31px;align-items:center;font-weight:650;font-size:.9rem;letter-spacing:-.015em;color:#27314a}
    .nav-actions{display:flex;align-items:center;gap:10px}.nav-actions .btn{min-height:42px;padding:0 15px}
    .menu-btn{display:none;border:0;background:none;font-size:1.5rem}

    /* hero */
    .hero{background:linear-gradient(180deg,#fff 0%,#fbfbfe 100%)}
    .hero-grid{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:34px;padding:30px 0 18px}
    .hero-copy{padding:0}
    .hero h1{margin:14px 0 14px;font-size:clamp(3.05rem,4.55vw,4.6rem);line-height:.95;letter-spacing:-.06em;max-width:620px}
    .hero h1 .line{display:block}
    .hero p{font-size:1.0rem;line-height:1.52;color:#4f5c78;max-width:560px;margin:0}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
    .proof{display:flex;align-items:center;gap:12px;margin-top:16px;color:#66708a;font-size:.86rem}
    .proof-avatars{display:flex}.proof-avatars span{width:26px;height:26px;border-radius:50%;margin-left:-5px;border:2px solid #fff;background:linear-gradient(135deg,#cbd1de,#7a849b)}.proof-avatars span:first-child{margin-left:0}
    .hero-visual{display:flex;align-items:center;min-width:0}
    .hero-visual img{width:100%;height:auto;aspect-ratio:1.72/1;object-fit:cover;object-position:center;border-radius:20px;box-shadow:0 18px 45px rgba(50,61,104,.08)}

    /* feature strip */
    .features{border-block:1px solid var(--line);background:#fff}
    .feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}
    .feature{padding:16px 22px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}
    .feature:last-child{border-right:0}.ficon{width:38px;height:38px;border-radius:12px;background:#f2efff;color:var(--violet);display:grid;place-items:center;flex:0 0 auto}.ficon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2}
    .feature strong{display:block;font-size:.92rem}.feature span{display:block;margin-top:2px;color:var(--muted);font-size:.79rem}

    section{padding:48px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:18px}
    .section-head h2{font-size:clamp(2rem,3.35vw,3.05rem);line-height:1.03;letter-spacing:-.045em;margin:8px 0 0;max-width:610px}
    .section-head p{max-width:440px;color:var(--muted);line-height:1.6;margin:0;font-size:.95rem}

    /* products */
    .services{background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);padding-top:44px;padding-bottom:52px}
    .services .section-head{margin-bottom:22px}
    .services .section-head h2{max-width:650px}
    .service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
    .service-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4e8f2;border-radius:20px;padding:12px;box-shadow:0 10px 26px rgba(18,31,67,.045);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
    .service-card:hover{transform:translateY(-2px);border-color:#ddd8ff;box-shadow:0 16px 34px rgba(49,50,110,.08)}
    .service-img{position:relative;height:150px;border-radius:14px;overflow:hidden;background:#f7f8fc;border:1px solid #edf0f6}
    .service-img img{width:100%;height:100%;object-fit:cover;object-position:center top;image-rendering:auto}
    .service-inner{display:flex;flex-direction:column;flex:1;padding:16px 6px 6px}
    .service-card h3{font-size:1.18rem;line-height:1.15;margin:0 0 10px;letter-spacing:-.025em}
    .service-card p{color:#66708a;line-height:1.55;font-size:.89rem;min-height:58px;margin:0}
    .checks{list-style:none;margin:17px 0 18px;padding:0;display:grid;gap:8px;font-size:.86rem;color:#3f4b67}
    .checks li{display:flex;align-items:flex-start;gap:8px}
    .checks li:before{content:"✓";font-weight:950;color:var(--violet);margin:0;line-height:1.25}
    .card-link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;width:max-content;font-size:.88rem;font-weight:850;color:var(--violet);padding:8px 0}
    .card-link:hover{gap:10px}

    /* infrastructure */
    .infra{background:#fbfbfe;border-block:1px solid #f0f2f8}
    .infra-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center}
    .infra h2{font-size:clamp(2.15rem,3.4vw,3.15rem);line-height:1.02;letter-spacing:-.046em;margin:8px 0 15px}.infra p{color:var(--muted);line-height:1.62;max-width:560px;font-size:.95rem}
    .infra-map{min-height:340px;position:relative;border-radius:24px;overflow:hidden;border:1px solid #e9ecf4;background:linear-gradient(180deg,#fafbff 0%,#f5f7fd 100%);box-shadow:0 14px 40px rgba(26,35,71,.055)}
    .infra-panel{padding:0}
    .infra-panel-image{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;object-position:center;border-radius:24px}

    /* why */
    .why{position:relative;background:linear-gradient(180deg,#fff 0%,#fbfbfe 100%);overflow:hidden}
    .why .container{position:relative;z-index:1}
    .why-head{align-items:flex-start;margin-bottom:18px}
    .why-head h2{font-size:clamp(2rem,3vw,2.85rem);line-height:.97;letter-spacing:-.045em;margin:6px 0 0}
    .why-head p{max-width:440px;padding-top:6px;font-size:.94rem;line-height:1.55;color:#7a8397}
    .why-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:0}
    .why-card{position:relative;min-height:132px;border:1px solid #edf0f6;border-radius:12px;padding:16px 12px 14px;background:#fff;box-shadow:0 4px 16px rgba(26,35,71,.025);text-align:center}
    .why-card .ficon{width:34px;height:34px;margin:0 auto 10px;display:grid;place-items:center}
    .why-card .ficon svg{width:23px;height:23px;stroke:var(--violet);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
    .why-card strong{display:block;font-size:.98rem;letter-spacing:-.02em;color:#171f36;line-height:1.1}
    .why-card p{font-size:.8rem;line-height:1.35;color:#7b8499;margin:6px auto 0;max-width:120px}
    .metrics{display:grid;grid-template-columns:1.42fr repeat(4,1fr);margin-top:14px;border:1px solid #edf0f6;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 16px rgba(26,35,71,.02)}
    .metrics-label{padding:14px 14px;font-size:.7rem;color:var(--violet);font-weight:900;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;background:#fff}
    .metric{padding:18px 16px;text-align:center;border-left:1px solid #e8ebf3;display:flex;flex-direction:column;justify-content:center;min-height:82px}
    .metric strong{display:block;font-size:1.42rem;letter-spacing:-.03em;color:#121a31}
    .metric span{display:block;color:#7a8499;font-size:.76rem;margin-top:4px;line-height:1.35}

    /* reviews */
    .reviews{background:#fbfbfe;padding:26px 0 18px;border-top:1px solid #f0f2f8}
    .reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:12px}
    .reviews-head h2{font-size:clamp(1.8rem,2.4vw,2.35rem);line-height:1;margin:5px 0 0;letter-spacing:-.04em}
    .reviews-actions{display:flex;align-items:center;gap:8px}.reviews-all{font-size:.83rem;font-weight:800;color:var(--violet);margin-right:4px}
    .reviews-actions button{width:34px;height:34px;border-radius:50%;border:1px solid #e3e7f0;background:#fff;color:#303a57;font-size:1.2rem;line-height:1;cursor:pointer}
    .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .review{min-height:118px;border:1px solid #e7eaf3;border-radius:11px;padding:14px 16px;background:#fff;box-shadow:0 4px 16px rgba(20,30,58,.025);display:flex;flex-direction:column;justify-content:space-between}
    .review blockquote{margin:0;color:#66708a;font-size:.82rem;line-height:1.4;min-height:42px}
    .review-bottom{display:flex;align-items:center;gap:11px;margin-top:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--violet),var(--blue));font-size:.78rem;font-weight:900;flex:0 0 auto}
    .review-meta{min-width:0}.stars{margin:0 0 2px;color:#f2b01f;letter-spacing:.08em;font-size:.77rem}.review-meta strong{display:block;font-size:.82rem;color:#222c47;line-height:1.2}.review-meta span{display:block;font-size:.7rem;color:#8b93a5;margin-top:1px}

    /* cta */
    .cta{padding:16px 0 22px;background:#fbfbfe}
    .cta-card{position:relative;min-height:106px;border-radius:10px;padding:15px 18px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(90deg,rgba(8,17,44,.97) 0%,rgba(12,28,72,.9) 42%,rgba(17,29,73,.72) 100%),url('../assets/cta-clean.png') center 44%/cover no-repeat;overflow:hidden;border:1px solid rgba(107,94,255,.45);box-shadow:0 8px 22px rgba(21,30,67,.08)}
    .cta-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(97,76,255,.09),transparent 30%,transparent 74%,rgba(97,76,255,.08));pointer-events:none}
    .cta-copy,.cta-actions{position:relative;z-index:1}
    .cta-copy{max-width:610px}
    .cta-eyebrow{font-size:.66rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#a99eff}
    .cta-card h2{font-size:1.62rem;line-height:1;margin:5px 0 6px;letter-spacing:-.04em;color:#fff}
    .cta-card p{margin:0;color:#edf1ff;font-size:.8rem;line-height:1.38;max-width:610px}
    .cta-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .cta-card .btn{min-height:42px;padding:0 24px;font-size:.8rem;border-radius:8px}
    .cta-card .btn-primary{box-shadow:0 8px 20px rgba(101,86,255,.22)}
    .btn-ghost{background:rgba(7,13,29,.18);border-color:rgba(255,255,255,.68);color:#fff}
    .btn-ghost:hover{background:rgba(255,255,255,.08)}

    /* footer */
    footer{padding:17px 0 10px;background:#fff;border-top:1px solid #eef1f7}
    .footer-grid{display:grid;grid-template-columns:1.36fr .8fr .82fr .8fr 1.32fr;gap:0;align-items:start}
    .footer-brand{padding-right:26px}
    .footer-col{min-height:92px;border-left:1px solid #eef1f6;padding:0 22px}
    .footer-news{padding-right:0}
    .footer-brand .brand svg{width:27px;height:27px}
    .footer-brand .brand span{font-size:.94rem}
    .footer-brand p,.footer-col small{color:#7e879a;font-size:.69rem;line-height:1.45}
    .footer-brand p{margin:5px 0 10px;max-width:230px}
    .footer-socials{display:flex;gap:13px;align-items:center}
    .footer-socials a{display:grid;place-items:center;color:#1f2947;width:18px;height:18px}
    .footer-socials svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .footer-col h4{font-size:.75rem;margin:1px 0 7px;color:#202943}
    .footer-col a{display:block;font-size:.69rem;color:#68728b;margin:5px 0}
    .footer-col a:hover{color:var(--violet)}
    .footer-news small{display:block;margin-bottom:8px}
    .newsletter{display:flex;margin-top:0}
    .newsletter input{height:34px;border:1px solid #e5e8f1;border-right:0;border-radius:6px 0 0 6px;padding:0 10px;min-width:0;flex:1;font-size:.68rem;color:#202943}
    .newsletter input::placeholder{color:#99a1b5}
    .newsletter button{width:36px;border:0;background:var(--violet);color:#fff;border-radius:0 6px 6px 0;font-size:.92rem;font-weight:900}
    .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #eef1f7;padding-top:9px;margin-top:11px;color:#969daf;font-size:.65rem}
    .footer-legal{display:flex;gap:18px;flex-wrap:wrap}
    .footer-legal a{color:#8a93a8}

    @media(max-width:1050px){
      .nav-links{display:none}.menu-btn{display:block}.nav-actions .btn-secondary{display:none}
      .hero-grid{grid-template-columns:1fr;padding:42px 0 28px}.hero-copy{max-width:760px}.hero-visual{height:auto}.hero-visual img{aspect-ratio:auto;border-radius:16px}
      .service-grid{grid-template-columns:repeat(2,1fr)}.infra-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:1fr 1fr}.metrics-label{grid-column:1/-1;border-bottom:1px solid #edf0f6}.metric:nth-child(odd){border-left:0}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-col{border-left:0;padding-left:0}
    }
    @media(max-width:720px){
      .container{width:min(100% - 28px,1420px)}header,.nav{height:66px}.brand span{font-size:.96rem}.nav-actions .btn-primary{display:none}
      .hero-grid{padding:30px 0 22px;gap:24px}.hero h1{font-size:3.05rem}.hero p{font-size:.98rem}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-visual{height:auto}.hero-visual img{height:auto;border-radius:12px}.proof{font-size:.78rem}
      .feature-grid{grid-template-columns:1fr 1fr}.feature{padding:16px 12px}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}
      section{padding:52px 0}.section-head{display:block}.section-head p{margin-top:14px}.service-grid{grid-template-columns:1fr}.service-img{height:160px}.service-card p{min-height:0}
      .infra-map{min-height:260px}.infra-panel-image{min-height:260px;height:auto}
      .why-grid{grid-template-columns:1fr 1fr}.why-card{min-height:140px;padding:16px 14px}.metrics{grid-template-columns:1fr 1fr}.metrics-label{grid-column:1/-1}.metric{border-left:0;border-top:1px solid #edf0f6}
      .reviews-head{align-items:flex-start}.reviews-actions{margin-top:8px}.review-grid{grid-template-columns:1fr}.cta-card{display:block;padding:18px 16px}.cta-card h2{font-size:1.55rem}.cta-card p{font-size:.78rem}.cta-actions{margin-top:14px}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-brand{padding-right:0}.footer-col{border-left:0;padding:0;margin-top:14px;min-height:0}.footer-bottom{display:block;line-height:1.7}.footer-legal{margin-top:6px;flex-wrap:wrap;gap:10px}
    }

@media(max-width:1050px){
  .nav-links.mobile-open{display:flex;position:absolute;left:24px;right:24px;top:72px;flex-direction:column;align-items:flex-start;gap:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(18,28,56,.12);z-index:30}
  .nav-links.mobile-open a{width:100%;padding:12px 10px;border-radius:8px}
  .nav-links.mobile-open a:hover{background:#f7f8fc}
}

/* secondary pages */
.subhero{padding:58px 0 42px;background:linear-gradient(180deg,#fff 0%,#fafbff 100%);border-bottom:1px solid #f0f2f8}
.subhero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.subhero h1{font-size:clamp(3rem,5vw,5.2rem);line-height:.96;letter-spacing:-.06em;margin:14px 0 18px;max-width:680px}
.subhero p{font-size:1.03rem;line-height:1.6;color:#65708a;max-width:620px;margin:0}
.subhero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.subhero-media{border-radius:22px;overflow:hidden;border:1px solid #e9ecf4;background:#f7f8fd;box-shadow:0 16px 42px rgba(30,40,78,.06)}
.subhero-media img{width:100%;height:360px;object-fit:cover;object-position:center}
.product-summary{padding:18px 0;background:#fff;border-bottom:1px solid #f0f2f8}
.product-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e8ebf3;border-radius:14px;overflow:hidden;background:#fff}
.product-stat{padding:18px 20px;text-align:center;border-left:1px solid #edf0f6}.product-stat:first-child{border-left:0}
.product-stat strong{display:block;font-size:1.22rem;color:#151d34;letter-spacing:-.02em}.product-stat span{display:block;font-size:.78rem;color:#7a8499;margin-top:4px}
.product-detail{padding:58px 0;background:#fbfbfe}
.product-detail-grid{display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:start}
.product-detail h2,.country-section h2,.story h2{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.02;letter-spacing:-.045em;margin:8px 0 14px}
.product-detail p,.country-section p,.story p{color:#6c7690;line-height:1.65;font-size:.95rem}
.product-checks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;color:#3f4b67;font-size:.92rem}
.product-checks li{display:flex;gap:9px;align-items:flex-start}.product-checks li:before{content:"✓";color:var(--violet);font-weight:950;line-height:1.3}
.product-panel{border:1px solid #e7eaf3;border-radius:18px;background:#fff;padding:26px;box-shadow:0 12px 32px rgba(23,34,68,.045)}
.product-panel .panel-icon{width:48px;height:48px;border-radius:14px;background:#f3f0ff;color:var(--violet);display:grid;place-items:center;margin-bottom:18px}.product-panel .panel-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:2}
.product-panel h3{font-size:1.35rem;margin:0 0 10px;letter-spacing:-.025em}.product-panel p{margin:0 0 20px}
.faq{padding:58px 0;background:#fff}.faq-list{display:grid;gap:10px;max-width:960px;margin:auto}.faq details{border:1px solid #e7eaf3;border-radius:13px;background:#fff;padding:0 18px}.faq summary{cursor:pointer;list-style:none;padding:17px 0;font-weight:800;color:#202943}.faq summary::-webkit-details-marker{display:none}.faq details p{padding:0 0 17px;margin:0;color:#6f7890;line-height:1.55;font-size:.9rem}
.country-section{padding:60px 0;background:#fbfbfe;border-bottom:1px solid #f0f2f8}.country-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.country-grid article{padding:28px;border:1px solid #e7eaf3;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(22,32,66,.035)}.big-flag{font-size:2rem;display:block;margin-bottom:14px}.country-grid h2{font-size:2rem}.country-grid p{max-width:560px}.network-values{padding:56px 0;background:#fff}
.about-visual{min-height:340px;border-radius:22px;background:radial-gradient(circle at 35% 30%,#8066ff,#5b4cff 36%,#11182f 86%);display:flex;align-items:flex-end;justify-content:space-between;padding:30px;color:#fff;box-shadow:0 18px 44px rgba(65,57,150,.18)}.about-mark{font-size:9rem;font-weight:950;line-height:.72;letter-spacing:-.1em;opacity:.95}.about-visual p{font-size:1rem;color:#fff;line-height:1.55;margin:0;text-align:right}
.story{padding:60px 0;background:#fbfbfe}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.story-cards{display:grid;gap:12px}.story-cards>div{border:1px solid #e7eaf3;border-radius:16px;background:#fff;padding:20px 22px}.story-cards strong{color:var(--violet);font-size:.76rem;letter-spacing:.1em}.story-cards h3{margin:6px 0 5px;font-size:1.06rem}.story-cards p{margin:0;font-size:.86rem}
.contact-page{padding:64px 0;background:linear-gradient(180deg,#fff,#fafbff)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}.contact-page h1{font-size:clamp(3rem,5vw,5.1rem);line-height:.95;letter-spacing:-.06em;margin:12px 0 18px}.contact-page>div>div>p{color:#69738d;line-height:1.6;max-width:620px}.contact-points{display:grid;gap:10px;margin-top:28px}.contact-points>div{border-left:3px solid #e7e2ff;padding:9px 0 9px 14px}.contact-points strong{display:block;font-size:.9rem}.contact-points span{display:block;margin-top:3px;font-size:.82rem;color:#7a8499}.contact-form{background:#fff;border:1px solid #e7eaf3;border-radius:18px;padding:24px;box-shadow:0 12px 34px rgba(25,35,70,.05);display:grid;gap:14px}.contact-form label,.auth-card label{display:grid;gap:7px;font-size:.8rem;font-weight:800;color:#303a57}.contact-form input,.contact-form select,.contact-form textarea,.auth-card input{width:100%;border:1px solid #dde2ee;border-radius:10px;background:#fff;padding:0 12px;font:inherit;color:#172038;outline:none}.contact-form input,.contact-form select,.auth-card input{height:44px}.contact-form textarea{padding:12px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.auth-card input:focus{border-color:#a99dff;box-shadow:0 0 0 3px rgba(100,76,255,.08)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:34px;background:radial-gradient(circle at 50% 0%,#f2efff,#fafbff 38%,#fff 78%)}.auth-card{width:min(470px,100%);border:1px solid #e7eaf3;border-radius:20px;background:#fff;padding:30px;box-shadow:0 22px 55px rgba(33,42,82,.08)}.auth-brand{margin-bottom:28px}.auth-card h1{font-size:2.15rem;margin:7px 0 8px;letter-spacing:-.045em}.auth-card>p{margin:0 0 20px;color:#737d94;line-height:1.5;font-size:.9rem}.auth-card form{display:grid;gap:14px}.auth-card .btn{width:100%;margin-top:4px}.auth-card small{display:block;text-align:center;color:#8a93a7;margin-top:18px}.auth-card small a{color:var(--violet);font-weight:800}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}

@media(max-width:1050px){.subhero-grid,.product-detail-grid,.story-grid,.contact-grid{grid-template-columns:1fr}.subhero-media img{height:320px}.country-grid{grid-template-columns:1fr}.product-stats{grid-template-columns:1fr 1fr}.product-stat:nth-child(odd){border-left:0}.product-stat:nth-child(-n+2){border-bottom:1px solid #edf0f6}}
@media(max-width:720px){.subhero{padding:38px 0 28px}.subhero h1,.contact-page h1{font-size:3rem}.subhero-actions{display:grid}.subhero-actions .btn{width:100%}.subhero-media img{height:220px}.product-stats{grid-template-columns:1fr 1fr}.product-stat{padding:15px 10px}.product-detail,.faq,.country-section,.network-values,.story,.contact-page{padding:44px 0}.country-grid article{padding:20px}.about-visual{min-height:260px}.about-mark{font-size:6rem}.contact-form{padding:18px}.form-two{grid-template-columns:1fr}}

/* ===== Light / dark theme switch ===== */
.theme-toggle{
  width:42px;height:42px;border-radius:12px;border:1px solid #d9dfed;background:#fff;color:#27314a;
  display:grid;place-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.theme-toggle:hover{transform:translateY(-1px);background:#f7f8fc}
.theme-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.theme-icon-sun{display:none}
html[data-theme="dark"] .theme-icon-moon{display:none}
html[data-theme="dark"] .theme-icon-sun{display:block}
body,header,.hero,.features,.services,.infra,.why,.reviews,.cta,footer,.service-card,.why-card,.review,.metrics,.subhero,.product-summary,.product-detail,.faq,.country-section,.network-values,.story,.contact-page,.auth-page,.product-panel,.contact-form,.auth-card,.country-grid article,.story-cards>div,.faq details,.product-stats,.product-stat{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}

html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#f4f7ff;
  --ink2:#d6def5;
  --muted:#97a3c2;
  --line:#202944;
  --soft:#0f172b;
  --white:#0f172b;
  --shadow:0 18px 40px rgba(0,0,0,.32);
}
html[data-theme="dark"] body{background:#0a1020;color:var(--ink)}
html[data-theme="dark"] header{background:rgba(10,16,32,.88);border-bottom-color:#1f2841;box-shadow:0 8px 22px rgba(0,0,0,.22)}
html[data-theme="dark"] .nav-links{color:#dce5ff}
html[data-theme="dark"] .nav-links a:hover{color:#fff}
html[data-theme="dark"] .btn-secondary{background:#111a31;border-color:#2a3556;color:#eef3ff}
html[data-theme="dark"] .btn-dark{background:#0f172b;border-color:#36415f;color:#fff}
html[data-theme="dark"] .menu-btn{color:#edf2ff}
html[data-theme="dark"] .theme-toggle{background:#111a31;border-color:#2a3556;color:#eef3ff}
html[data-theme="dark"] .theme-toggle:hover{background:#17213b}
html[data-theme="dark"] .eyebrow{color:#9f91ff}
html[data-theme="dark"] .accent{color:#8d79ff}

html[data-theme="dark"] .hero,
html[data-theme="dark"] .subhero{background:linear-gradient(180deg,#0b1224 0%,#0e162c 100%)}
html[data-theme="dark"] .hero p,
html[data-theme="dark"] .subhero p,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .infra p,
html[data-theme="dark"] .why-head p,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .review blockquote,
html[data-theme="dark"] .product-detail p,
html[data-theme="dark"] .country-section p,
html[data-theme="dark"] .story p,
html[data-theme="dark"] .footer-brand p,
html[data-theme="dark"] .footer-col a,
html[data-theme="dark"] .footer-col small,
html[data-theme="dark"] .contact-page>div>div>p,
html[data-theme="dark"] .contact-points span,
html[data-theme="dark"] .product-stat span,
html[data-theme="dark"] .metric span,
html[data-theme="dark"] .feature span,
html[data-theme="dark"] .proof,
html[data-theme="dark"] .checks,
html[data-theme="dark"] .product-checks{color:#97a3c2}
html[data-theme="dark"] .proof-avatars span{border-color:#0a1020}
html[data-theme="dark"] .hero-visual img,
html[data-theme="dark"] .subhero-media img,
html[data-theme="dark"] .service-img img{filter:saturate(.94) brightness(.92)}

html[data-theme="dark"] .features,
html[data-theme="dark"] .product-summary{background:#0d1528;border-block-color:#1e2741}
html[data-theme="dark"] .feature{border-right-color:#1e2741}
html[data-theme="dark"] .ficon{background:rgba(100,76,255,.12);color:#9d8fff}

html[data-theme="dark"] .services,
html[data-theme="dark"] .why,
html[data-theme="dark"] .faq,
html[data-theme="dark"] .network-values{background:linear-gradient(180deg,#0c1326 0%,#0f172c 100%)}
html[data-theme="dark"] .infra,
html[data-theme="dark"] .reviews,
html[data-theme="dark"] .country-section,
html[data-theme="dark"] .story,
html[data-theme="dark"] .product-detail{background:linear-gradient(180deg,#0b1223 0%,#0f172a 100%);border-color:#1a2238}
html[data-theme="dark"] .reviews{border-top-color:#1a2238}

html[data-theme="dark"] .service-card,
html[data-theme="dark"] .why-card,
html[data-theme="dark"] .review,
html[data-theme="dark"] .metrics,
html[data-theme="dark"] .product-stats,
html[data-theme="dark"] .product-panel,
html[data-theme="dark"] .faq details,
html[data-theme="dark"] .country-grid article,
html[data-theme="dark"] .story-cards>div,
html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .product-stat{background:#11192e;border-color:#222c47;box-shadow:0 18px 40px rgba(0,0,0,.18)}
html[data-theme="dark"] .service-card:hover{border-color:#5045a9;box-shadow:0 22px 46px rgba(0,0,0,.28)}
html[data-theme="dark"] .service-img{background:#0d1527;border-color:#1f2943}
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .why-card strong,
html[data-theme="dark"] .review-meta strong,
html[data-theme="dark"] .feature strong,
html[data-theme="dark"] .product-panel h3,
html[data-theme="dark"] .footer-col h4,
html[data-theme="dark"] .product-stat strong,
html[data-theme="dark"] .metric strong,
html[data-theme="dark"] .country-grid h2,
html[data-theme="dark"] .contact-points strong,
html[data-theme="dark"] .faq summary{color:#f2f5ff}
html[data-theme="dark"] .checks,
html[data-theme="dark"] .product-checks{color:#cfd8f4}

html[data-theme="dark"] .infra-map{border-color:#222c46;background:linear-gradient(180deg,#111a30 0%,#0d1527 100%)}
html[data-theme="dark"] .infra-panel-image{filter:brightness(.72) saturate(.86)}
html[data-theme="dark"] .metrics-label{background:#11192e;color:#9f91ff}
html[data-theme="dark"] .metric{border-left-color:#222c47}
html[data-theme="dark"] .reviews-all{color:#9f91ff}
html[data-theme="dark"] .reviews-actions button{background:#10192d;border-color:#26304a;color:#d9e2ff}
html[data-theme="dark"] .stars{color:#f7c14b}

html[data-theme="dark"] .cta{background:#0d1326}
html[data-theme="dark"] .cta-card{border-color:rgba(123,109,255,.34);box-shadow:0 20px 48px rgba(0,0,0,.3)}
html[data-theme="dark"] .btn-ghost{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.54);color:#fff}
html[data-theme="dark"] .btn-ghost:hover{background:rgba(255,255,255,.08)}

html[data-theme="dark"] footer{background:#0b1121;border-top-color:#1f2842}
html[data-theme="dark"] .footer-col{border-left-color:#1d2640}
html[data-theme="dark"] .footer-socials a{color:#eef2ff}
html[data-theme="dark"] .newsletter input,
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form select,
html[data-theme="dark"] .contact-form textarea,
html[data-theme="dark"] .auth-card input{background:#0d1528;border-color:#27324f;color:#eef2ff}
html[data-theme="dark"] .newsletter input::placeholder,
html[data-theme="dark"] .contact-form input::placeholder,
html[data-theme="dark"] .contact-form textarea::placeholder,
html[data-theme="dark"] .auth-card input::placeholder{color:#8490ad}
html[data-theme="dark"] .footer-bottom{border-top-color:#1f2842;color:#7f8aaa}
html[data-theme="dark"] .footer-legal a{color:#97a3c2}

html[data-theme="dark"] .nav-links.mobile-open{background:#11192e;border-color:#26314d;box-shadow:0 20px 40px rgba(0,0,0,.35)}
html[data-theme="dark"] .nav-links.mobile-open a:hover{background:#18223a}
html[data-theme="dark"] .about-visual{background:radial-gradient(circle at 35% 30%,#8066ff,#5043d4 36%,#0b1121 86%)}
html[data-theme="dark"] .auth-page{background:radial-gradient(circle at 50% 0%,#1a2040,#0e152a 38%,#0a1020 78%)}
html[data-theme="dark"] .contact-page{background:linear-gradient(180deg,#0c1326,#0f172c)}
html[data-theme="dark"] .contact-points>div{border-left-color:#4d43a8}
html[data-theme="dark"] .subhero-media{border-color:#222c47;background:#11192e}
html[data-theme="dark"] .product-detail h2,
html[data-theme="dark"] .country-section h2,
html[data-theme="dark"] .story h2,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .why-head h2,
html[data-theme="dark"] .reviews-head h2,
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .subhero h1,
html[data-theme="dark"] .contact-page h1,
html[data-theme="dark"] .auth-card h1,
html[data-theme="dark"] .infra h2,
html[data-theme="dark"] .cta-card h2{color:#f4f7ff}

@media(max-width:720px){
  .theme-toggle{width:40px;height:40px}
}


/* Typography refinements */
h1,h2,h3,h4,.eyebrow{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif}
strong{font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;font-weight:600}
.hero h1,.subhero h1,.contact-page h1{font-weight:800}
.section-head h2,.why-head h2,.infra h2,.cta-card h2{font-weight:800}

/* Typography refinement — Rackoryn V33 */
.nav-links a,.nav-actions,.feature,.checks,.card-link,.review,.footer-col,.footer-bottom,.newsletter,.contact-form,.auth-card,.product-stat,.metric{font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif}
.nav-links a{font-variation-settings:normal}
.nav-actions .btn{font-weight:600}
.footer-col h4{font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;font-weight:600}


/* V36 — service visuals: cleaner and more editorial */
.service-grid-clean{gap:18px}
.service-card-clean{border-radius:16px;padding:12px;box-shadow:0 10px 24px rgba(18,31,67,.045);display:flex;flex-direction:column}
.service-card-clean:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(18,31,67,.075)}
.service-card-clean .service-inner{padding:16px 4px 6px;display:flex;flex-direction:column;flex:1}
.service-card-clean h3{margin-bottom:10px;font-size:1.12rem}
.service-card-clean p{min-height:72px;font-size:.92rem;line-height:1.56}
.service-card-clean .checks{margin:14px 0 16px;gap:9px}
.service-card-clean .card-link{margin-top:auto}
.service-photo{height:136px;border-radius:12px;background:#f4f6fa;border:1px solid #e6ebf4;padding:10px}
.service-photo img{width:100%;height:100%;object-fit:cover;border-radius:8px;filter:saturate(.78) contrast(1.02)}
.service-network img{object-position:center 45%}
.service-visual{height:136px;border-radius:12px;border:1px solid #e6ebf4;overflow:hidden;position:relative;background:#f8f9fc}

.service-visual-compute{padding:14px;background:linear-gradient(180deg,#10182f 0%,#0b1222 100%);border-color:#1d2944;color:#eaf0ff;font-family:'IBM Plex Sans',sans-serif}
.compute-top{display:flex;align-items:center;justify-content:space-between;font-size:.69rem;font-weight:600;color:#98a6c9;margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em}
.compute-status{color:#71dcc0}.compute-status:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#71dcc0;margin-right:6px;vertical-align:1px}
.compute-body{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.compute-stat{border:1px solid #23304b;background:#111b31;border-radius:10px;padding:10px 9px}
.compute-stat span{display:block;font-size:.58rem;color:#7f8daf;text-transform:uppercase;letter-spacing:.08em}
.compute-stat strong{display:block;font-size:1rem;margin-top:4px;color:#f2f6ff}
.compute-chart{display:flex;align-items:flex-end;gap:6px;height:32px;margin-top:2px}
.compute-chart i{display:block;flex:1;background:linear-gradient(180deg,#7a6aff,#5c54ea);border-radius:3px 3px 0 0;opacity:.95}
.compute-chart i:nth-child(1){height:28%}.compute-chart i:nth-child(2){height:46%}.compute-chart i:nth-child(3){height:35%}.compute-chart i:nth-child(4){height:62%}.compute-chart i:nth-child(5){height:52%}.compute-chart i:nth-child(6){height:76%}.compute-chart i:nth-child(7){height:58%}.compute-chart i:nth-child(8){height:44%}
.compute-footer{display:flex;justify-content:space-between;margin-top:10px;font-size:.64rem;color:#93a0c0}

.service-visual-web{background:#ffffff;border-color:#e6ebf4;padding:8px;font-family:'IBM Plex Sans',sans-serif}
.web-browser{height:22px;background:#f3f6fb;border:1px solid #e5ebf5;border-radius:8px;padding:0 8px;display:flex;align-items:center;gap:5px;color:#73809f;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}
.web-browser span{width:6px;height:6px;border-radius:50%;background:#c1cada}.web-browser span:first-child{background:#7c69ff}.web-browser em{font-style:normal;margin-left:6px}
.web-layout{display:grid;grid-template-columns:86px 1fr;gap:10px;margin-top:10px;height:88px}
.web-sidebar{background:#f4f6fb;border:1px solid #e7edf6;border-radius:10px;padding:10px;display:grid;align-content:start;gap:8px}
.web-sidebar b{display:block;height:8px;border-radius:4px;background:#d6dff0}
.web-sidebar b:first-child{background:#5f57eb;width:70%}
.web-main{background:#fbfcff;border:1px solid #e7edf6;border-radius:10px;padding:10px;display:flex;flex-direction:column}
.web-line{height:6px;background:#dce3f0;border-radius:4px;margin-bottom:7px;width:52%}.web-line.long{width:78%;background:#6058ed}.web-line.mid{width:66%}
.web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 8px}.web-cards i{height:24px;border:1px solid #e3e8f1;border-radius:6px;background:#ffffff}
.web-table{display:flex;justify-content:space-between;font-size:.62rem;color:#6c7896;margin-top:4px}.web-table span:last-child{color:#16a27b}
.web-table:last-child span:last-child{color:#5f57eb}

html[data-theme='dark'] .service-card-clean{box-shadow:0 10px 22px rgba(0,0,0,.18)}
html[data-theme='dark'] .service-card-clean:hover{border-color:#324262;box-shadow:0 18px 34px rgba(0,0,0,.24)}
html[data-theme='dark'] .service-photo{background:#10192d;border-color:#27324e}
html[data-theme='dark'] .service-photo img{filter:saturate(.72) brightness(.84) contrast(1.05)}
html[data-theme='dark'] .service-visual{border-color:#27324e}
html[data-theme='dark'] .service-visual-web{background:#10192d;border-color:#27324e}
html[data-theme='dark'] .web-browser{background:#131d34;border-color:#27324e;color:#93a0c0}
html[data-theme='dark'] .web-browser span{background:#4a5878}
html[data-theme='dark'] .web-browser span:first-child{background:#7a6aff}
html[data-theme='dark'] .web-sidebar{background:#121c32;border-color:#27324e}
html[data-theme='dark'] .web-sidebar b{background:#30405f}
html[data-theme='dark'] .web-sidebar b:first-child{background:#6b5df5}
html[data-theme='dark'] .web-main{background:#121c32;border-color:#27324e}
html[data-theme='dark'] .web-line{background:#33425f}
html[data-theme='dark'] .web-line.long{background:#6b5df5}
html[data-theme='dark'] .web-cards i{background:#18233c;border-color:#2a3552}
html[data-theme='dark'] .web-table{color:#93a0c0}



/* ==================== V39 VPS CATALOG ==================== */
.vps-catalog-body{background:#07111f}
.vps-catalog{--vps-bg:#07111f;--vps-bg-2:#091729;--vps-panel:#0c1b30;--vps-panel-2:#0f213a;--vps-line:#223958;--vps-line-soft:#172e4b;--vps-text:#f3f6ff;--vps-muted:#9bb0ce;--vps-violet:#6d59ff;--vps-cyan:#58d5cb;--vps-orange:#f6b63f;--vps-red:#ff5365;background:radial-gradient(circle at 72% 2%,rgba(33,72,127,.23),transparent 24%),linear-gradient(180deg,var(--vps-bg) 0%,#06101d 100%);color:var(--vps-text);min-height:100vh;padding-bottom:20px}
.vps-catalog .container{width:min(1380px,calc(100% - 56px))}
.vps-catalog-body header{background:rgba(7,17,31,.94);border-bottom:1px solid #17304f}.vps-catalog-body .nav-links{color:#d8e4f8}.vps-catalog-body .nav-links a{position:relative}.vps-catalog-body .nav-links .active{color:#fff}.vps-catalog-body .nav-links .active:after{content:"";position:absolute;left:15%;right:15%;bottom:-24px;height:2px;background:#6d59ff}.vps-catalog-body .btn-secondary{background:#0d1d31;border-color:#38516f;color:#fff}
.vps-hero{padding:54px 0 28px;background:radial-gradient(circle at 73% 25%,rgba(38,78,140,.28),transparent 28%),linear-gradient(180deg,#07111f,#081728)}
.vps-hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:center}
.vps-hero-copy h1{font-family:"Manrope",sans-serif;font-size:clamp(3.1rem,5vw,5.2rem);line-height:.97;letter-spacing:-.058em;margin:15px 0 16px;max-width:620px}.vps-hero-copy h1 span{color:#7360ff}.vps-hero-copy p{font-size:1.03rem;line-height:1.6;color:#aabbd4;max-width:590px;margin:0}.vps-hero-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.vps-catalog .btn-outline{background:transparent;border:1px solid #4b6584;color:#f0f5ff}.vps-catalog .btn-outline:hover{border-color:#7765ff;background:rgba(109,89,255,.08)}.vps-hero-actions svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}
.vps-hero-stage{position:relative;min-height:370px;border-radius:26px;overflow:hidden}.vps-rack-bg{position:absolute;inset:35px 0 0 28%;background:linear-gradient(90deg,rgba(7,17,31,.05),rgba(7,17,31,.1)),url('../assets/hero-panel.png') center/cover no-repeat;filter:brightness(.72) saturate(1.1);border-radius:22px}.vps-dashboard{position:absolute;left:2%;top:7%;width:65%;height:78%;border:1px solid #3e5681;border-radius:14px;background:rgba(7,18,34,.92);box-shadow:0 24px 60px rgba(0,0,0,.38);display:grid;grid-template-columns:148px 1fr;overflow:hidden;transform:perspective(900px) rotateY(-2deg)}.dash-side{padding:20px 15px;background:#081528;border-right:1px solid #1c3352;display:flex;flex-direction:column;gap:10px;color:#7e93b5;font-size:.72rem}.dash-logo{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#684fff;color:#fff;font-weight:900;margin-bottom:8px}.dash-side span{padding:8px 10px;border-radius:8px}.dash-side span.active{background:#2c1e66;color:#cfc7ff}.dash-main{padding:22px}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title strong{font-size:1.18rem}.dash-title span{font-size:.64rem;color:#75d8bf;background:#113c38;border-radius:99px;padding:6px 9px}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.dash-metrics>div{background:#0e213a;border:1px solid #203754;border-radius:10px;padding:14px}.dash-metrics small,.dash-bottom small{display:block;color:#8296b6;font-size:.66rem}.dash-metrics strong{display:block;font-size:1.2rem;margin-top:4px}.dash-metrics i{display:block;height:24px;margin-top:12px;border-bottom:2px solid #6d59ff;border-radius:50%}.dash-metrics div:nth-child(2) i{border-color:#55d4c4}.dash-bottom{display:grid;grid-template-columns:1.4fr .8fr;gap:10px;margin-top:12px}.dash-bottom>div{background:#0e213a;border:1px solid #203754;border-radius:10px;padding:12px}.dash-bottom strong{display:block;margin-top:4px;font-size:.86rem}.hero-note{position:absolute;right:2%;top:6%;font-family:cursive;color:#c1b8ff;font-size:1.05rem;transform:rotate(-7deg);line-height:1.1}
.vps-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.vps-trust>div{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:15px 16px;border:1px solid #263d5d;background:rgba(9,27,48,.75);border-radius:12px}.trust-ico{grid-row:1/3;width:48px;height:48px;border-radius:12px;background:#152a49;display:grid;place-items:center;color:#7865ff;font-size:1.5rem}.vps-trust strong{font-size:.9rem}.vps-trust small{color:#8fa5c3;margin-top:2px}
.vps-family{margin:24px 0;border:1px solid #244268;border-radius:18px;background:linear-gradient(180deg,rgba(8,23,42,.94),rgba(7,18,34,.98));overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.22);scroll-margin-top:90px}
.vps-family-head{padding:22px 24px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;border-bottom:1px solid #1d3553;align-items:start}
.vps-family-title{display:flex;gap:16px;align-items:flex-start}
.vps-family-icon{width:52px;height:52px;flex:0 0 52px;border:2px solid #725fff;border-radius:14px;display:grid;place-items:center;color:#8a79ff;background:linear-gradient(180deg,#101f39,#0b1830);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.vps-family-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2}
.vps-family-name-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vps-family-name-line h2{font-family:"Manrope",sans-serif;font-size:1.55rem;line-height:1.05;margin:0;letter-spacing:-.04em}
.vps-family-label{font-size:.70rem;color:#c9c0ff;border:1px solid #5b4cc0;background:#1a214d;border-radius:999px;padding:6px 10px;font-weight:700}
.vps-family-title p{color:#96aac7;margin:8px 0 0;font-size:.92rem;max-width:760px}
.vps-family-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px;align-content:center;font-size:.9rem;color:#d2def0;min-width:270px}
.vps-family-checks li{display:flex;align-items:flex-start;gap:10px}
.vps-family-checks li:before{content:"✓";color:#7a66ff;font-weight:900;line-height:1.2}
.vps-family-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:stretch}
.vps-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 18px 18px 18px}
.vps-plans.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.vps-plan{position:relative;display:flex;flex-direction:column;min-width:0;min-height:222px;border:1px solid #294667;border-radius:14px;background:linear-gradient(180deg,#0d2038,#0b1c31);padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.vps-plan.is-featured{border-color:#745fff;box-shadow:0 0 0 1px rgba(116,95,255,.28),0 16px 34px rgba(67,52,164,.18)}
.vps-plan-badge{position:absolute;right:10px;top:10px;border-radius:999px;background:#6754ff;color:#fff;font-size:.62rem;padding:6px 9px;font-weight:800;line-height:1}
.vps-plan-name{font-size:1rem;font-weight:800;color:#edf4ff;padding-right:88px;line-height:1.15;min-height:2.3em}
.vps-plan-price{font-family:"Manrope",sans-serif;font-size:1.95rem;font-weight:800;letter-spacing:-.05em;margin:12px 0 14px;color:#fff}
.vps-plan-price small{font-family:"IBM Plex Sans",sans-serif;font-size:.82rem;font-weight:500;letter-spacing:0;color:#8fa5c3;margin-left:4px}
.vps-plan-specs{display:grid;gap:9px;margin-bottom:16px}
.vps-plan-specs>div{display:flex;align-items:center;gap:8px;color:#d5e1f5;font-size:.88rem}
.vps-plan-specs svg{width:15px;height:15px;stroke:#9caee0;fill:none;stroke-width:1.8;flex:0 0 15px}
.vps-plan-cta{margin-top:auto;min-height:40px;width:100%;font-size:.82rem;border-radius:9px;font-weight:700}
.vps-family-art{position:relative;border-left:1px solid #1d3553;display:grid;place-items:center;overflow:hidden;padding:18px;background:radial-gradient(circle at 50% 45%,rgba(93,75,255,.16),transparent 56%),linear-gradient(145deg,#0b1a2e,#081423)}
.chip-board{position:relative;width:142px;height:142px;transform:rotate(-10deg);background:repeating-linear-gradient(45deg,#142340 0 2px,#0b1729 2px 9px);border:1px solid #334763;box-shadow:0 18px 30px rgba(0,0,0,.35);display:grid;place-items:center;border-radius:2px}
.chip-board:before{content:"";position:absolute;width:96px;height:96px;background:linear-gradient(145deg,#d9d9d2,#898b88);border:5px solid #555e68;box-shadow:inset 0 0 0 4px #b5b5ae,0 0 24px rgba(95,77,255,.16)}
.chip-mark{position:relative;z-index:1;text-align:center;white-space:pre-line;font-weight:900;font-size:1rem;line-height:1;color:#171b25}
.hand-note{position:absolute;right:14px;top:16px;color:#bab0ff;font-family:cursive;font-size:1rem;white-space:pre-line;transform:rotate(-8deg);text-align:right;line-height:1.05}
.gold .vps-family-icon{border-color:#ffb72d;color:#ffbd36}
.gold .vps-family-label{color:#ffd27a;border-color:#70561d;background:#322b12}
.gold .vps-plan.is-featured{border-color:#8e70ff}
.gold .chip-board:before{background:linear-gradient(145deg,#e7b73d,#8f6410);border-color:#7b580f;box-shadow:inset 0 0 0 4px #d8a734,0 0 28px rgba(248,170,25,.2)}
.ryzen .vps-family-icon{border-color:#ff5365;color:#ff6372}
.ryzen .vps-family-label{color:#ffacb4;border-color:#73313a;background:#32151e}
.ryzen .chip-board:before{background:linear-gradient(145deg,#292b31,#121319);border-color:#6f3037;box-shadow:inset 0 0 0 4px #3a171b,0 0 34px rgba(255,76,91,.32)}
.ryzen .chip-mark{color:#f4f4f6}
.ryzen .vps-family-art{background:radial-gradient(circle at 55% 45%,rgba(255,65,85,.23),transparent 50%),linear-gradient(145deg,#111627,#080f1c)}
html[data-theme="light"] .vps-catalog-body{background:#f5f7fb}html[data-theme="light"] .vps-catalog{--vps-bg:#f8f9fc;--vps-bg-2:#fff;--vps-panel:#fff;--vps-panel-2:#f7f9fd;--vps-line:#dce3ee;--vps-line-soft:#e9edf4;--vps-text:#11192d;--vps-muted:#68758f;background:#f7f9fc;color:#11192d}html[data-theme="light"] .vps-catalog-body header{background:rgba(255,255,255,.96);border-color:#e4e9f2}html[data-theme="light"] .vps-catalog-body .nav-links{color:#27314a}html[data-theme="light"] .vps-catalog-body .btn-secondary{background:#fff;color:#11192d;border-color:#ccd5e4}html[data-theme="light"] .vps-hero{background:linear-gradient(180deg,#fff,#f5f7fc)}html[data-theme="light"] .vps-hero-copy p,html[data-theme="light"] .vps-family-title p,html[data-theme="light"] .vps-section-title p{color:#67748f}html[data-theme="light"] .vps-trust>div,html[data-theme="light"] .vps-family,html[data-theme="light"] .vps-why-grid article,html[data-theme="light"] .vps-faq-row details{background:#fff;border-color:#dde4ef}html[data-theme="light"] .vps-family-head{border-color:#e7ebf2}html[data-theme="light"] .vps-plan{background:#f9fafc;border-color:#dce3ee}html[data-theme="light"] .vps-plan-name,html[data-theme="light"] .vps-plan-specs>div{color:#516078}html[data-theme="light"] .vps-plan-price,html[data-theme="light"] .vps-family-name-line h2,html[data-theme="light"] .vps-section-title h2{color:#11192d}html[data-theme="light"] .vps-family-art{border-color:#e7ebf2;background:radial-gradient(circle at 50% 45%,rgba(93,75,255,.12),transparent 56%),linear-gradient(145deg,#edf2fb,#e4e9f4)}html[data-theme="light"] .vps-why-grid p,html[data-theme="light"] .vps-faq-row details p{color:#6b7891}html[data-theme="light"] .vps-catalog-body footer{background:#fff;border-color:#e8edf4;color:#11192d}html[data-theme="light"] .vps-catalog-body footer .footer-col h4{color:#11192d}html[data-theme="light"] .vps-catalog-body footer .footer-col a,html[data-theme="light"] .vps-catalog-body footer .footer-brand p,html[data-theme="light"] .vps-catalog-body footer .footer-col small{color:#6e7891}
@media(max-width:1180px){.vps-hero-grid{grid-template-columns:1fr}.vps-hero-stage{min-height:340px}.vps-family-head{grid-template-columns:1fr}.vps-family-body{grid-template-columns:1fr}.vps-family-art{display:none}.vps-plans.six{grid-template-columns:repeat(3,minmax(0,1fr))}.vps-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.vps-catalog .container{width:min(100% - 28px,1380px)}.vps-hero{padding-top:34px}.vps-hero-copy h1{font-size:3rem}.vps-hero-grid{gap:22px}.vps-dashboard{left:0;width:92%;height:82%;grid-template-columns:102px 1fr}.dash-side{padding:14px 10px}.dash-side span{font-size:.58rem;padding:6px}.dash-main{padding:14px}.dash-title span{display:none}.dash-metrics{gap:6px}.dash-metrics>div{padding:8px}.dash-bottom{grid-template-columns:1fr}.dash-bottom>div:last-child{display:none}.hero-note{display:none}.vps-trust{grid-template-columns:1fr}.vps-family-head{grid-template-columns:1fr}.vps-family-checks{min-width:0}.vps-plans,.vps-plans.six{grid-template-columns:1fr}.vps-plan{padding:16px;min-height:unset}.vps-family-name-line h2{font-size:1.25rem}.vps-why-grid,.vps-faq-row{grid-template-columns:1fr}.vps-section-title{display:block}.vps-section-title>a{display:inline-block;margin-top:8px}}

/* ==================== V42 — VPS hero aligned to approved mockup ==================== */
.vps-hero{
  padding:56px 0 32px;
  background:
    radial-gradient(circle at 74% 24%,rgba(54,87,172,.22),transparent 27%),
    radial-gradient(circle at 20% 82%,rgba(63,55,151,.13),transparent 34%),
    linear-gradient(180deg,#06111f 0%,#071526 100%);
  overflow:hidden;
}
.vps-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:46px;
  align-items:center;
}
.vps-hero-copy{position:relative;z-index:4;padding:8px 0 14px}
.vps-hero-copy .eyebrow{color:#8774ff;font-size:.8rem;letter-spacing:.2em}
.vps-hero-copy h1{
  margin:18px 0 20px;
  max-width:660px;
  font-family:"Manrope",sans-serif;
  font-size:clamp(3.45rem,5vw,5.15rem);
  line-height:.98;
  letter-spacing:-.058em;
  font-weight:800;
  color:#f7f9ff;
}
.vps-hero-copy h1 span{
  display:inline-block;
  color:#6f5cff;
  text-shadow:0 0 24px rgba(105,82,255,.14);
}
.vps-hero-copy p{
  max-width:625px;
  margin:0;
  color:#b7c4da;
  font-size:1.08rem;
  line-height:1.62;
}
.vps-hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.vps-hero-actions .btn{min-height:52px;padding:0 28px;border-radius:11px;font-size:.95rem}
.vps-hero-actions .btn-primary{box-shadow:0 14px 30px rgba(96,74,255,.27)}
.vps-catalog .vps-hero-actions .btn-outline{border-color:#6b55d8;color:#f4f2ff;background:rgba(8,18,34,.5)}
.vps-catalog .vps-hero-actions .btn-outline:hover{background:rgba(97,76,255,.12);border-color:#8e7cff}

.v42-stage{
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(57,90,147,.42);
  background:
    radial-gradient(circle at 18% 18%, rgba(55,118,255,.15), transparent 32%),
    radial-gradient(circle at 82% 18%, rgba(121,86,255,.14), transparent 28%),
    linear-gradient(135deg,#081427,#0a1730 45%,#091626 100%);
  box-shadow:0 28px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03);
}
.v42-rack-scene{
  position:absolute;
  inset:0;
  border-radius:0;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(6,17,31,.88) 0%,rgba(6,17,31,.60) 24%,rgba(6,17,31,.22) 52%,rgba(6,17,31,.12) 100%),
    linear-gradient(180deg,rgba(1,9,21,.02),rgba(1,9,21,.30)),
    url('../assets/vps-racks-bg.png') 72% 56%/cover no-repeat;
  filter:saturate(1.13) contrast(1.03);
  box-shadow:inset 0 0 90px rgba(3,12,28,.52);
}
.v42-rack-scene:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 70% 40%,rgba(55,89,222,.22),transparent 34%);
}
.v42-dashboard{
  position:absolute;
  left:31%;
  top:68px;
  width:46%;
  min-width:420px;
  height:252px;
  border:1px solid rgba(88,123,194,.75);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,20,39,.975),rgba(8,19,36,.965));
  box-shadow:
    0 28px 64px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.025),
    0 0 0 1px rgba(46,92,179,.11);
  overflow:hidden;
  transform:perspective(1300px) rotateY(-8deg) rotateX(2deg);
  transform-origin:center;
  z-index:3;
}
.v42-dashboard:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(118deg,rgba(104,84,255,.025),transparent 38%,rgba(65,160,255,.025));
  pointer-events:none;
}
.v42-dash-top{
  height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  border-bottom:1px solid #152b49;
  background:#07162b;
  position:relative;
  z-index:2;
}
.v42-dash-brand{display:flex;align-items:center;gap:10px;color:#fff}
.v42-dash-brand strong{font-family:"Manrope",sans-serif;font-size:1rem;font-weight:800;letter-spacing:-.02em}
.v42-dash-logo{
  width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  color:#fff;font-family:"Manrope",sans-serif;font-weight:900;
  background:linear-gradient(135deg,#805eff,#5b45f2);
  box-shadow:0 8px 20px rgba(95,71,255,.25);
}
.v42-dash-tools{display:flex;gap:8px;color:#7188ad;font-size:1.1rem}
.v42-dash-tools span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #1d3352;border-radius:8px;background:#0b1a30}
.v42-dash-body{height:calc(100% - 54px);display:grid;grid-template-columns:132px minmax(0,1fr);position:relative;z-index:2}
.v42-dash-side{
  padding:12px 10px;
  display:flex;
  flex-direction:column;
  gap:4px;
  background:#071529;
  border-right:1px solid #16304f;
  color:#8ea2c1;
  font-size:.73rem;
}
.v42-dash-side span{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;white-space:nowrap}
.v42-dash-side span.active{color:#e8e2ff;background:linear-gradient(90deg,#33216d,#2d1f64)}
.v42-dash-side i{font-style:normal;width:16px;text-align:center;color:#9e91ff;font-size:.88rem}
.v42-dash-main{padding:15px 16px 13px;min-width:0}
.v42-dash-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v42-dash-heading>div{display:flex;align-items:center;gap:10px;min-width:0}
.v42-dash-heading strong{font-family:"Manrope",sans-serif;font-size:1.28rem;color:#f6f8ff;letter-spacing:-.03em}
.v42-dash-heading small{display:inline-flex;align-items:center;gap:6px;color:#6fe0bf;background:#0c3a35;border:1px solid rgba(69,207,172,.15);padding:6px 9px;border-radius:999px;font-size:.62rem;white-space:nowrap}
.v42-dash-heading small b{display:block;width:6px;height:6px;border-radius:50%;background:#43ddb1;box-shadow:0 0 10px rgba(67,221,177,.55)}
.v42-dash-heading button{height:34px;padding:0 12px;border-radius:9px;border:1px solid #29425f;background:#0b1a31;color:#e9eefc;font:600 .72rem "IBM Plex Sans",sans-serif}
.v42-dash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}
.v42-dash-metrics article{
  min-width:0;
  height:92px;
  border:1px solid #203a5c;
  border-radius:11px;
  background:linear-gradient(180deg,#0e213b,#0c1d35);
  padding:12px 12px 8px;
  overflow:hidden;
}
.v42-dash-metrics span,.v42-dash-bottom span{display:block;color:#8297b8;font-size:.66rem}
.v42-dash-metrics strong{display:block;color:#f4f7ff;font-family:"Manrope",sans-serif;font-size:1.22rem;margin-top:5px;letter-spacing:-.03em}
.v42-dash-metrics svg{width:100%;height:34px;margin-top:5px;overflow:visible}
.v42-dash-metrics path{fill:none;stroke:#725cff;stroke-width:2.3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(114,92,255,.18))}
.v42-dash-metrics svg.cyan path{stroke:#4dd5c7}
.v42-dash-bottom{display:grid;grid-template-columns:1.24fr .76fr;gap:10px;margin-top:10px}
.v42-dash-bottom article{height:58px;border:1px solid #203a5c;border-radius:10px;background:#0d2039;padding:9px 11px}
.v42-dash-bottom strong{display:flex;align-items:center;gap:8px;color:#f3f6ff;font-size:.84rem;margin-top:6px}
.v42-flag-de{width:22px;height:15px;border-radius:2px;background:linear-gradient(180deg,#111 0 33.333%,#dd1f26 33.333% 66.666%,#f6c833 66.666% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.v42-flag-fr{width:22px;height:15px;border-radius:2px;background:linear-gradient(90deg,#214fb0 0 33.333%,#f6f7fb 33.333% 66.666%,#e43c45 66.666% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.v42-online{width:7px;height:7px;border-radius:50%;background:#48dbb4;box-shadow:0 0 8px rgba(72,219,180,.48)}
.v42-stage-note{
  position:absolute;
  right:4%;
  top:54px;
  z-index:4;
  color:#b9adff;
  font-family:"Segoe Print","Comic Sans MS",cursive;
  font-size:1.05rem;
  line-height:1.15;
  text-align:center;
  transform:rotate(-8deg);
  text-shadow:0 0 20px rgba(113,91,255,.25);
}
.v42-stage-note span{display:block;font-size:1.6rem;line-height:1;margin-top:4px}

.vps-trust{margin-top:18px;gap:16px}
.vps-trust>div{
  min-height:78px;
  grid-template-columns:56px 1fr;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid #28415f;
  background:linear-gradient(180deg,rgba(10,28,49,.78),rgba(8,24,43,.8));
}
.trust-ico{width:46px;height:46px;border-radius:12px;background:linear-gradient(145deg,#182e52,#162646);color:#7b65ff}
.vps-trust strong{font-size:.92rem;color:#f2f5ff;align-self:end}
.vps-trust small{font-size:.74rem;color:#91a5c3;align-self:start}

@media(max-width:1180px){
  .vps-hero-grid{grid-template-columns:1fr;gap:18px}
  .v42-stage{min-height:390px}
  .v42-rack-scene{background-position:68% 56%}
  .v42-dashboard{left:6%;top:72px;width:min(74%,520px);min-width:0;height:246px;transform:perspective(1100px) rotateY(-6deg) rotateX(1deg)}
  .v42-stage-note{right:5%;top:32px}
}
@media(max-width:760px){
  .vps-hero{padding-top:34px}
  .vps-hero-copy h1{font-size:3rem}
  .vps-hero-actions{display:grid}
  .vps-hero-actions .btn{width:100%}
  .v42-stage{min-height:330px;border-radius:22px}
  .v42-rack-scene{background-position:72% 52%;opacity:.88}
  .v42-dashboard{left:0;top:22px;width:94%;min-width:0;height:274px;transform:none}
  .v42-dash-top{height:48px;padding:0 12px}
  .v42-dash-body{height:calc(100% - 48px);grid-template-columns:96px 1fr}
  .v42-dash-side{padding:10px 7px;font-size:.54rem}
  .v42-dash-side span{padding:7px 5px;gap:4px}
  .v42-dash-side i{display:none}
  .v42-dash-main{padding:12px 10px}
  .v42-dash-heading strong{font-size:1rem}
  .v42-dash-heading small,.v42-dash-heading button{display:none}
  .v42-dash-metrics{gap:6px;margin-top:11px}
  .v42-dash-metrics article{height:92px;padding:8px}
  .v42-dash-metrics span{font-size:.54rem}
  .v42-dash-metrics strong{font-size:.95rem}
  .v42-dash-bottom{grid-template-columns:1fr;margin-top:6px}
  .v42-dash-bottom article{height:54px;padding:8px}
  .v42-dash-bottom article:last-child{display:none}
  .v42-stage-note{display:none}
  .vps-trust{grid-template-columns:1fr}
}

html[data-theme="light"] .v42-dashboard{background:rgba(7,18,34,.96)}
html[data-theme="light"] .v42-stage-note{color:#765eff}

/* v44 hero simplifié et robuste */
.vps-hero-shot-card{
  position:relative;
  min-height:430px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(57,90,147,.45);
  background:
    radial-gradient(circle at 18% 18%, rgba(55,118,255,.18), transparent 32%),
    radial-gradient(circle at 80% 18%, rgba(121,86,255,.16), transparent 28%),
    linear-gradient(135deg,#081427,#0a1730 45%,#091626 100%);
  box-shadow:0 28px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03);
}
.vps-hero-shot-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(5,15,28,.18), rgba(5,15,28,0) 24%, rgba(5,15,28,0) 76%, rgba(5,15,28,.1));
}
.vps-hero-shot-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:1180px){
  .vps-hero-shot-card{min-height:360px;}
}
@media(max-width:760px){
  .vps-hero-shot-card{min-height:250px;border-radius:22px;}
}

/* ==================== V52 — offers rebuilt from scratch ==================== */
.vps-offers-section{
  padding:30px 0 18px;
  background:linear-gradient(180deg,#07111f 0%,#06101d 100%);
}
.vps-offers-container{width:min(1400px,calc(100% - 56px));margin:auto}
.vps-offers-heading{text-align:center;margin:0 auto 22px;max-width:760px}
.vps-offers-heading .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;letter-spacing:.18em;color:#9a86ff}
.vps-offers-heading .eyebrow:before,.vps-offers-heading .eyebrow:after{content:"";width:26px;height:1px;background:#725fff}
.vps-offers-heading h2{font-family:"Manrope",sans-serif;font-size:2.35rem;line-height:1.04;margin:10px 0 7px;letter-spacing:-.045em;color:#f7f9ff}
.vps-offers-heading h2 span{color:#7b66ff}
.vps-offers-heading p{margin:0;color:#98abc6;font-size:.95rem}

.vps-tier{
  --tier-accent:#765fff;
  --tier-accent-soft:#1a1e4b;
  --chip-a:#d7dad7;
  --chip-b:#8a8f94;
  margin:20px 0;
  border:1px solid #26496f;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(8,23,42,.97),rgba(6,18,34,.99));
  box-shadow:0 18px 44px rgba(0,0,0,.20);
}
.vps-tier--gold{--tier-accent:#f2ad23;--tier-accent-soft:#332812;--chip-a:#e8c24f;--chip-b:#8d6312}
.vps-tier--ryzen{--tier-accent:#ff4f68;--tier-accent-soft:#321821;--chip-a:#33343b;--chip-b:#101116}
.vps-tier-head{
  min-height:100px;
  padding:20px 22px 17px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:26px;
  align-items:start;
  border-bottom:1px solid #1c3655;
}
.vps-tier-title-wrap{display:flex;align-items:flex-start;gap:15px;min-width:0}
.vps-tier-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:2px solid var(--tier-accent);border-radius:12px;color:var(--tier-accent);background:#0d1d34}
.vps-tier-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2}
.vps-tier-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:1px}
.vps-tier-title-row h2{margin:0;font-family:"Manrope",sans-serif;font-size:1.42rem;line-height:1.1;letter-spacing:-.035em;color:#f5f8ff}
.vps-tier-label{font-size:.68rem;font-weight:700;color:var(--tier-accent);border:1px solid color-mix(in srgb,var(--tier-accent) 55%,transparent);background:var(--tier-accent-soft);border-radius:999px;padding:5px 10px;white-space:nowrap}
.vps-tier-title-wrap p{margin:7px 0 0;max-width:760px;color:#91a7c6;font-size:.86rem;line-height:1.45}
.vps-tier-benefits{list-style:none;margin:0;padding:3px 0 0;display:grid;gap:7px;color:#d4def0;font-size:.82rem;align-content:start}
.vps-tier-benefits li{display:flex;align-items:center;gap:9px}
.vps-tier-benefits li:before{content:"✓";font-size:1rem;line-height:1;color:#7965ff;font-weight:900}

.vps-tier-body{display:grid;grid-template-columns:minmax(0,1fr) 210px;min-height:218px}
.vps-offer-grid{display:grid;gap:12px;padding:14px;border-right:1px solid #1d3655;align-items:stretch}
.vps-offer-grid.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.vps-offer-grid.is-six{grid-template-columns:repeat(6,minmax(0,1fr))}
.vps-offer-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:188px;padding:14px;border:1px solid #2a4668;border-radius:11px;background:linear-gradient(180deg,#0d2038,#0a1a2f);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.vps-offer-card.is-featured{border-color:#765fff;box-shadow:0 0 0 1px rgba(118,95,255,.28),0 12px 28px rgba(78,57,194,.18)}
.vps-offer-badge{position:absolute;right:8px;top:8px;border-radius:999px;background:#6853ff;color:#fff;font-size:.55rem;font-weight:800;padding:5px 8px;white-space:nowrap}
.vps-offer-name{font-size:.82rem;line-height:1.15;font-weight:800;color:#dbe7fa;padding-right:70px;min-height:1.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vps-offer-price{display:flex;align-items:baseline;gap:5px;margin:7px 0 10px;white-space:nowrap}
.vps-offer-price strong{font-family:"Manrope",sans-serif;font-size:1.65rem;line-height:1;font-weight:800;letter-spacing:-.045em;color:#fff}
.vps-offer-price span{font-size:.64rem;color:#8fa6c6}
.vps-offer-specs{display:grid;gap:6px;margin:0 0 11px}
.vps-offer-specs>div{display:flex;align-items:center;gap:7px;color:#c6d5e9;font-size:.70rem;line-height:1.2}
.vps-offer-specs svg{width:13px;height:13px;flex:0 0 13px;stroke:#9fb0dc;fill:none;stroke-width:1.8}
.vps-offer-btn{display:flex;align-items:center;justify-content:center;margin-top:auto;min-height:34px;padding:0 9px;border:1px solid #416184;border-radius:7px;color:#fff;font-size:.68rem;font-weight:700;text-decoration:none;background:rgba(4,15,27,.25);transition:.18s ease}
.vps-offer-btn:hover{border-color:#7765ff;background:rgba(104,83,255,.10)}
.vps-offer-card.is-featured .vps-offer-btn{background:#6550ff;border-color:#6550ff;box-shadow:0 8px 20px rgba(92,70,255,.24)}

.vps-chip-panel{position:relative;min-height:218px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:42px 12px 12px;background:radial-gradient(circle at 50% 55%,rgba(102,84,255,.15),transparent 50%),linear-gradient(145deg,#0a192d,#071322);overflow:hidden}
.vps-tier--gold .vps-chip-panel{background:radial-gradient(circle at 50% 55%,rgba(246,172,35,.16),transparent 50%),linear-gradient(145deg,#121a27,#09131e)}
.vps-tier--ryzen .vps-chip-panel{background:radial-gradient(circle at 50% 55%,rgba(255,70,92,.20),transparent 50%),linear-gradient(145deg,#151625,#08101d)}
.vps-chip-note{position:absolute;top:13px;right:11px;font-family:"Segoe Print","Comic Sans MS",cursive;color:#bcb1ff;font-size:.85rem;line-height:1.05;text-align:right;transform:rotate(-7deg);white-space:pre-line}
.vps-tier--gold .vps-chip-note{color:#c7bcff}.vps-tier--ryzen .vps-chip-note{color:#ff9daf}
.vps-chip-board{position:relative;width:122px;height:122px;display:grid;place-items:center;transform:rotate(-9deg);border:1px solid #334a69;background:repeating-linear-gradient(45deg,#14243f 0 2px,#0b1729 2px 9px);box-shadow:0 16px 30px rgba(0,0,0,.36)}
.vps-chip-board:before{content:"";position:absolute;inset:19px;background:linear-gradient(145deg,var(--chip-a),var(--chip-b));border:5px solid rgba(58,65,75,.85);box-shadow:inset 0 0 0 4px rgba(255,255,255,.28),0 0 25px color-mix(in srgb,var(--tier-accent) 35%,transparent)}
.vps-chip-core{position:relative;z-index:1;white-space:pre-line;text-align:center;font-family:"Manrope",sans-serif;font-weight:900;font-size:.92rem;line-height:1.02;color:#171c26}
.vps-tier--ryzen .vps-chip-core{color:#f4f5f8}
.vps-chip-caption{margin-top:7px;text-align:center;font-size:.45rem;letter-spacing:.18em;line-height:1.45;color:#617da8}

@media(max-width:1300px){
  .vps-tier-head{grid-template-columns:1fr}
  .vps-tier-benefits{display:flex;flex-wrap:wrap;gap:8px 18px}
  .vps-tier-body{grid-template-columns:1fr}
  .vps-offer-grid{border-right:0;border-bottom:1px solid #1d3655}
  .vps-chip-panel{min-height:145px;flex-direction:row;justify-content:flex-end;gap:16px;padding:14px 24px}
  .vps-chip-board{width:100px;height:100px}.vps-chip-note{left:24px;right:auto;top:22px;text-align:left}.vps-chip-caption{max-width:160px}
}
@media(max-width:1050px){.vps-offer-grid.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}.vps-offer-grid.is-six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
  .vps-offers-container{width:min(100% - 26px,1400px)}
  .vps-offers-heading h2{font-size:1.9rem}
  .vps-tier-head{padding:17px 15px 13px}.vps-tier-title-wrap{gap:11px}.vps-tier-icon{width:42px;height:42px;flex-basis:42px}.vps-tier-title-row h2{font-size:1.15rem}
  .vps-offer-grid.is-four,.vps-offer-grid.is-six{grid-template-columns:1fr}.vps-offer-grid{padding:11px}.vps-offer-card{min-height:176px}
  .vps-chip-panel{display:none}
}

html[data-theme="light"] .vps-offers-section{background:#f6f8fc}
html[data-theme="light"] .vps-offers-heading h2,html[data-theme="light"] .vps-tier-title-row h2,html[data-theme="light"] .vps-offer-price strong{color:#11192d}
html[data-theme="light"] .vps-offers-heading p,html[data-theme="light"] .vps-tier-title-wrap p,html[data-theme="light"] .vps-offer-specs>div{color:#66748f}
html[data-theme="light"] .vps-tier{background:#fff;border-color:#dce4ef;box-shadow:0 12px 28px rgba(25,38,70,.06)}
html[data-theme="light"] .vps-tier-head,html[data-theme="light"] .vps-offer-grid{border-color:#e5eaf2}
html[data-theme="light"] .vps-tier-icon{background:#f7f8fc}
html[data-theme="light"] .vps-tier-benefits{color:#36415b}
html[data-theme="light"] .vps-offer-card{background:#fbfcfe;border-color:#dfe6ef}
html[data-theme="light"] .vps-offer-name{color:#2d3852}
html[data-theme="light"] .vps-offer-price span{color:#7a859d}
html[data-theme="light"] .vps-offer-btn{color:#1c2842;background:#fff;border-color:#cfd9e7}


/* ==================== V53 — VPS OFFERS rebuilt from scratch ==================== */
.rvps-section{padding:36px 0 24px;background:linear-gradient(180deg,#07111f 0%,#06101d 100%);overflow:hidden}
.rvps-wrap{width:min(1220px,calc(100% - 40px));margin:0 auto}
.rvps-heading{text-align:center;margin:0 auto 26px;max-width:760px}
.rvps-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#9a85ff;font-weight:800;font-size:.75rem;letter-spacing:.18em}
.rvps-eyebrow:before,.rvps-eyebrow:after{content:"";width:26px;height:1px;background:#6d59ff}
.rvps-heading h2{font-family:"Manrope",sans-serif;margin:10px 0 7px;font-size:2.3rem;line-height:1.03;letter-spacing:-.045em;color:#f7f9ff}
.rvps-heading h2 span{color:#7a65ff}.rvps-heading p{margin:0;color:#93a7c5;font-size:.94rem}
.rvps-tier{--accent:#775fff;--soft:#1a1e4b;--chip1:#d8d9d2;--chip2:#8b8c88;margin:0 0 22px;border:1px solid #27476b;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#091a2f,#071526);box-shadow:0 18px 44px rgba(0,0,0,.2)}
.rvps-gold{--accent:#f2ad23;--soft:#332812;--chip1:#e8bd42;--chip2:#8e6511}.rvps-ryzen{--accent:#ff4f68;--soft:#321821;--chip1:#33343b;--chip2:#101116}
.rvps-tier-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start;padding:20px 22px 16px;border-bottom:1px solid #1b3453}
.rvps-tier-title{display:flex;gap:14px;min-width:0}.rvps-tier-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:12px;color:var(--accent);background:#0d1d34;font-size:1.35rem}
.rvps-tier-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rvps-tier-title h3{font-family:"Manrope",sans-serif;margin:0;font-size:1.42rem;line-height:1.1;letter-spacing:-.035em;color:#f5f8ff}.rvps-tier-badge{font-size:.67rem;font-weight:700;color:var(--accent);border:1px solid var(--accent);background:var(--soft);border-radius:999px;padding:5px 10px}.rvps-tier-title p{margin:7px 0 0;color:#91a7c6;font-size:.86rem;line-height:1.45}
.rvps-benefits{list-style:none;margin:0;padding:4px 0 0;display:grid;gap:7px;color:#d7e1f1;font-size:.82rem}.rvps-benefits li{display:flex;align-items:center;gap:9px}.rvps-benefits li:before{content:"✓";color:#7c67ff;font-weight:900;font-size:1rem}
.rvps-tier-bottom{display:grid;grid-template-columns:minmax(0,1fr) 168px;align-items:stretch}.rvps-tier-bottom>*{min-width:0}
.rvps-grid{display:grid;gap:12px;padding:14px;border-right:1px solid #1d3554;min-width:0;align-items:stretch}.rvps-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.rvps-grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.rvps-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:190px;padding:14px;border:1px solid #2a4566;border-radius:11px;background:linear-gradient(180deg,#0d2038,#0a1a2f);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);overflow:hidden}.rvps-card.is-featured{border-color:#775fff;box-shadow:0 0 0 1px rgba(119,95,255,.27),0 12px 28px rgba(76,58,190,.18)}
.rvps-badge{position:absolute;top:8px;right:8px;border-radius:999px;background:#6853ff;color:#fff;font-size:.55rem;font-weight:800;padding:5px 8px;white-space:nowrap}.rvps-card-name{font-size:.82rem;font-weight:800;color:#dce8fa;padding-right:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.8em}.rvps-price{display:flex;align-items:baseline;gap:5px;margin:7px 0 10px;white-space:nowrap}.rvps-price strong{font-family:"Manrope",sans-serif;font-size:1.62rem;line-height:1;color:#fff;letter-spacing:-.045em}.rvps-price span{font-size:.64rem;color:#8fa6c6}.rvps-specs{display:grid;gap:6px;margin:0 0 11px}.rvps-specs>div{display:flex;align-items:center;gap:7px;color:#cbd8eb;font-size:.70rem}.rvps-spec-ico{width:13px;display:inline-grid;place-items:center;color:#9fb0dc;font-size:.68rem}.rvps-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:34px;padding:0 8px;border:1px solid #416184;border-radius:7px;color:#fff;text-decoration:none;font-size:.68rem;font-weight:700;background:rgba(4,15,27,.25)}.rvps-card.is-featured .rvps-cta{background:#6550ff;border-color:#6550ff;box-shadow:0 8px 20px rgba(92,70,255,.24)}
.rvps-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:42px 12px 12px;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(103,84,255,.15),transparent 50%),linear-gradient(145deg,#0a192d,#071322)}.rvps-gold .rvps-visual{background:radial-gradient(circle at 50% 55%,rgba(246,172,35,.16),transparent 50%),linear-gradient(145deg,#121a27,#09131e)}.rvps-ryzen .rvps-visual{background:radial-gradient(circle at 50% 55%,rgba(255,70,92,.20),transparent 50%),linear-gradient(145deg,#151625,#08101d)}
.rvps-note{position:absolute;top:13px;right:11px;font-family:"Segoe Print","Comic Sans MS",cursive;color:#bcb1ff;font-size:.82rem;line-height:1.05;text-align:right;transform:rotate(-7deg)}.rvps-ryzen .rvps-note{color:#ff9daf}.rvps-chip{position:relative;width:104px;height:104px;display:grid;place-items:center;transform:rotate(-9deg);border:1px solid #334a69;background:repeating-linear-gradient(45deg,#14243f 0 2px,#0b1729 2px 9px);box-shadow:0 16px 30px rgba(0,0,0,.36)}.rvps-chip:before{content:"";position:absolute;inset:16px;background:linear-gradient(145deg,var(--chip1),var(--chip2));border:5px solid rgba(58,65,75,.85);box-shadow:inset 0 0 0 4px rgba(255,255,255,.28),0 0 25px var(--accent)}.rvps-chip-core{position:relative;z-index:1;white-space:pre-line;text-align:center;font-family:"Manrope",sans-serif;font-weight:900;font-size:.86rem;line-height:1.02;color:#171c26}.rvps-ryzen .rvps-chip-core{color:#f3f4f7}.rvps-caption{margin-top:7px;text-align:center;font-size:.42rem;letter-spacing:.16em;line-height:1.45;color:#617da8}
@media(max-width:1300px){.rvps-tier-top{grid-template-columns:1fr}.rvps-benefits{display:flex;flex-wrap:wrap;gap:8px 18px}.rvps-tier-bottom{grid-template-columns:1fr}.rvps-grid{border-right:0;border-bottom:1px solid #1d3554}.rvps-visual{min-height:140px;flex-direction:row;justify-content:flex-end;gap:16px;padding:14px 24px}.rvps-chip{width:100px;height:100px}.rvps-note{left:24px;right:auto;top:22px;text-align:left}.rvps-caption{max-width:160px}}
@media(max-width:1180px){.rvps-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.rvps-grid.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.rvps-wrap{width:min(100% - 26px,1280px)}.rvps-heading h2{font-size:1.85rem}.rvps-tier-top{padding:17px 15px 13px}.rvps-tier-title{gap:11px}.rvps-tier-icon{width:42px;height:42px;flex-basis:42px}.rvps-tier-title h3{font-size:1.15rem}.rvps-grid.cols-4,.rvps-grid.cols-6{grid-template-columns:1fr}.rvps-grid{padding:11px}.rvps-card{min-height:176px}.rvps-visual{display:none}}
html[data-theme="light"] .rvps-section{background:#f6f8fc}html[data-theme="light"] .rvps-heading h2,html[data-theme="light"] .rvps-tier-title h3,html[data-theme="light"] .rvps-price strong{color:#11192d}html[data-theme="light"] .rvps-heading p,html[data-theme="light"] .rvps-tier-title p,html[data-theme="light"] .rvps-specs>div{color:#66748f}html[data-theme="light"] .rvps-tier{background:#fff;border-color:#dce4ef;box-shadow:0 12px 28px rgba(25,38,70,.06)}html[data-theme="light"] .rvps-tier-top,html[data-theme="light"] .rvps-grid{border-color:#e5eaf2}html[data-theme="light"] .rvps-tier-icon{background:#f7f8fc}html[data-theme="light"] .rvps-benefits{color:#36415b}html[data-theme="light"] .rvps-card{background:#fbfcfe;border-color:#dfe6ef}html[data-theme="light"] .rvps-card-name{color:#2d3852}html[data-theme="light"] .rvps-price span{color:#7a859d}html[data-theme="light"] .rvps-cta{color:#1c2842;background:#fff;border-color:#cfd9e7}

.vps-catalog-body{overflow-x:hidden}.vps-catalog{overflow-x:hidden}

/* ==================== V56 — HERO VPS fidèle à la maquette ==================== */
.vps-hero{
  position:relative;
  overflow:hidden;
  padding:64px 0 32px;
  background:
    radial-gradient(circle at 78% 18%,rgba(31,90,195,.26),transparent 26%),
    radial-gradient(circle at 69% 60%,rgba(30,83,181,.18),transparent 32%),
    linear-gradient(180deg,#06111f 0%,#071426 66%,#06111f 100%);
}
.vps-hero::before{
  content:"";
  position:absolute;
  inset:0 0 0 42%;
  background:
    linear-gradient(90deg,#06111f 0%,rgba(6,17,31,.92) 8%,rgba(6,17,31,.58) 30%,rgba(6,17,31,.12) 70%,rgba(6,17,31,.04) 100%),
    linear-gradient(180deg,rgba(4,13,27,.15),rgba(4,13,27,.28)),
    url('../assets/vps-racks-bg.png') 72% 55%/cover no-repeat;
  opacity:.98;
  pointer-events:none;
  z-index:0;
}
.vps-hero::after{
  content:"";
  position:absolute;
  left:43%;right:-8%;bottom:-120px;height:330px;
  background:radial-gradient(ellipse at center,rgba(31,91,255,.24),transparent 68%);
  filter:blur(18px);
  pointer-events:none;
  z-index:0;
}
.vps-hero .container{position:relative;z-index:2}
.vps-hero-grid{
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:42px;
  align-items:center;
}
.vps-hero-copy{padding:10px 0 16px}
.vps-hero-copy .eyebrow{font-size:.78rem;letter-spacing:.20em}
.vps-hero-copy h1{
  max-width:650px;
  font-size:clamp(3.7rem,5.3vw,5.55rem);
  line-height:.98;
  margin:19px 0 22px;
}
.vps-hero-copy p{max-width:610px;font-size:1.06rem;line-height:1.62}
.vps-hero-actions{margin-top:30px;gap:14px}
.vps-hero-actions .btn{min-height:52px;padding:0 28px;border-radius:11px}

/* La scène n'est plus une carte : elle se fond dans le hero */
.v42-stage{
  position:relative;
  min-height:475px;
  overflow:visible;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.v42-rack-scene{
  display:none!important;
}
.v42-dashboard{
  left:5%;
  top:54px;
  width:76%;
  min-width:0;
  height:338px;
  border:1px solid rgba(76,119,255,.88);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(7,20,40,.985),rgba(5,17,34,.985));
  box-shadow:
    0 32px 75px rgba(0,0,0,.48),
    0 0 0 1px rgba(59,112,255,.16),
    0 0 38px rgba(54,104,255,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
  transform:perspective(1400px) rotateY(-4.5deg) rotateX(1deg);
  transform-origin:center;
  overflow:hidden;
}
.v42-dashboard::after{
  background:linear-gradient(115deg,rgba(95,75,255,.045),transparent 35%,rgba(46,141,255,.06));
}
.v42-dash-top{height:60px;padding:0 18px;background:rgba(6,19,38,.96);border-bottom:1px solid #173353}
.v42-dash-logo{width:31px;height:31px;border-radius:8px}
.v42-dash-brand strong{font-size:1rem}
.v42-dash-tools span{width:30px;height:30px;border-color:#213b5c;background:#09192f}
.v42-dash-body{height:calc(100% - 60px);grid-template-columns:145px minmax(0,1fr)}
.v42-dash-side{padding:13px 11px;font-size:.70rem;background:#07172c;border-right:1px solid #173554}
.v42-dash-side span{padding:8px 9px;gap:8px}
.v42-dash-side span.active{background:linear-gradient(90deg,#33216e,#3b257b);box-shadow:inset 0 0 0 1px rgba(127,105,255,.08)}
.v42-dash-main{padding:16px 16px 13px}
.v42-dash-heading strong{font-size:1.25rem}
.v42-dash-heading small{font-size:.62rem;padding:6px 9px;background:#0e423a}
.v42-dash-heading button{height:34px;padding:0 11px}
.v42-dash-metrics{gap:10px;margin-top:14px}
.v42-dash-metrics article{height:108px;padding:11px 11px 7px;background:linear-gradient(180deg,#0d213d,#0b1b34)}
.v42-dash-metrics svg{height:32px;margin-top:5px}
.v42-dash-bottom{gap:10px;margin-top:10px}
.v42-dash-bottom article{height:64px;padding:9px 11px;background:#0d213a}
.v42-stage-note{
  right:1%;
  top:42px;
  color:#c0b5ff;
  font-size:1.07rem;
  transform:rotate(-8deg);
  text-shadow:0 0 18px rgba(124,100,255,.35);
}
.v42-stage-note span{font-size:1.8rem;margin-top:5px}

/* Blocs plateformes comme sur la maquette */
.vps-trust{
  position:relative;
  z-index:3;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
}
.vps-trust>div{
  min-height:86px;
  grid-template-columns:52px 1fr;
  padding:15px 17px;
  border-color:#294563;
  background:linear-gradient(180deg,rgba(8,25,46,.92),rgba(6,20,38,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.trust-ico{width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#1c2e55,#1b2751);font-size:1.45rem}
.vps-trust strong{font-size:.92rem}
.vps-trust small{font-size:.75rem}

/* Harmonisation des offres avec le hero */
.rvps-section{
  padding:44px 0 30px;
  background:
    radial-gradient(circle at 83% 8%,rgba(34,74,144,.12),transparent 26%),
    linear-gradient(180deg,#06111f 0%,#06101d 100%);
}
.rvps-wrap{width:min(1280px,calc(100% - 48px))}
.rvps-heading{margin-bottom:30px}
.rvps-heading h2{font-size:2.45rem}
.rvps-tier{
  border-color:#27486d;
  background:linear-gradient(180deg,rgba(8,25,47,.98),rgba(6,19,36,.99));
  box-shadow:0 20px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.02);
}
.rvps-tier-top{padding:20px 22px 16px}
.rvps-tier-bottom{grid-template-columns:minmax(0,1fr) 196px}
.rvps-grid{padding:14px;gap:12px}
.rvps-card{
  min-height:192px;
  border-color:#2c486a;
  background:linear-gradient(180deg,#0d2038,#0a1a30);
}
.rvps-card.is-featured{box-shadow:0 0 0 1px rgba(119,95,255,.32),0 14px 32px rgba(74,54,184,.22)}
.rvps-visual{
  background:radial-gradient(circle at 52% 55%,rgba(104,86,255,.18),transparent 48%),linear-gradient(145deg,#0b1a2f,#071322);
}
.rvps-chip{box-shadow:0 16px 34px rgba(0,0,0,.40),0 0 28px color-mix(in srgb,var(--accent) 28%,transparent)}

@media(max-width:1180px){
  .vps-hero::before{inset:36% -18% 0 18%;opacity:.84;background-position:72% 55%}
  .vps-hero-grid{grid-template-columns:1fr;gap:20px}
  .v42-stage{min-height:400px}
  .v42-dashboard{left:5%;top:58px;width:min(76%,560px);height:300px;transform:perspective(1200px) rotateY(-3deg) rotateX(.5deg)}
  .v42-stage-note{right:5%;top:36px}
  .vps-trust{margin-top:20px}
}
@media(max-width:760px){
  .vps-hero{padding-top:38px}
  .vps-hero::before{inset:48% -35% 0 0;background-position:72% 54%;opacity:.65}
  .vps-hero-copy h1{font-size:3rem}
  .v42-stage{min-height:315px}
  .v42-dashboard{left:0;top:20px;width:96%;height:276px;transform:none}
  .v42-stage-note{display:none}
  .vps-trust{grid-template-columns:1fr}
  .rvps-wrap{width:min(100% - 26px,1280px)}
}


/* ==================== V57 — HERO FINAL, fidèle à la maquette ==================== */
.vps-hero{
  position:relative;
  overflow:hidden;
  min-height:760px;
  padding:76px 0 34px;
  background:
    radial-gradient(circle at 78% 25%,rgba(31,96,255,.22),transparent 28%),
    radial-gradient(circle at 68% 82%,rgba(22,75,190,.24),transparent 35%),
    linear-gradient(180deg,#06111f 0%,#071729 72%,#06111f 100%);
}
.vps-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#06111f 0%,#06111f 31%,rgba(6,17,31,.92) 39%,rgba(6,17,31,.44) 62%,rgba(6,17,31,.12) 100%),
    linear-gradient(180deg,rgba(3,11,24,.12),rgba(3,11,24,.28)),
    url('../assets/vps-racks-bg.png') 78% 56%/cover no-repeat;
  filter:saturate(1.22) contrast(1.04) brightness(.92);
  pointer-events:none;
  z-index:0;
}
.vps-hero::after{
  content:"";
  position:absolute;
  left:43%; right:-10%; bottom:-75px; height:340px;
  background:radial-gradient(ellipse at center,rgba(30,93,255,.36),transparent 66%);
  filter:blur(28px);
  pointer-events:none;
  z-index:0;
}
.vps-hero .container{position:relative;z-index:2}
.vps-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:34px;
  align-items:center;
}
.vps-hero-copy{padding:6px 0 12px}
.vps-hero-copy .eyebrow{font-size:.82rem;letter-spacing:.20em;color:#9884ff}
.vps-hero-copy h1{
  max-width:700px;
  margin:18px 0 24px;
  font-family:"Manrope",sans-serif;
  font-size:clamp(3.6rem,4.75vw,5.15rem);
  line-height:.98;
  letter-spacing:-.058em;
  color:#f7f9ff;
}
.vps-hero-copy h1 span{display:block;color:#765cff;text-shadow:0 0 30px rgba(110,87,255,.18)}
.vps-hero-copy p{max-width:640px;font-size:1.08rem;line-height:1.63;color:#c0cde1}
.vps-hero-actions{margin-top:30px;gap:14px}
.vps-hero-actions .btn{min-height:54px;padding:0 30px;border-radius:11px}

/* scène visuelle : racks + seul dashboard flottant */
.v42-stage{
  position:relative;
  min-height:500px;
  overflow:visible;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.v42-rack-scene{display:none!important}
.v42-stage::before{
  content:"";
  position:absolute;
  left:2%; right:3%; bottom:6%; height:115px;
  background:radial-gradient(ellipse at center,rgba(48,104,255,.25),transparent 68%);
  filter:blur(16px);
  pointer-events:none;
}
.v42-dashboard{
  position:absolute;
  left:4%;
  top:68px;
  width:78%;
  min-width:0;
  height:350px;
  border:1px solid rgba(70,119,255,.92);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(8,21,42,.985),rgba(5,16,33,.985));
  box-shadow:
    0 36px 78px rgba(0,0,0,.52),
    0 0 0 1px rgba(66,116,255,.18),
    0 0 40px rgba(59,110,255,.22),
    inset 0 1px 0 rgba(255,255,255,.04);
  transform:perspective(1500px) rotateY(-5deg) rotateX(1.3deg);
  transform-origin:center;
  overflow:hidden;
  z-index:3;
}
.v42-dashboard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(111,83,255,.055),transparent 36%,rgba(43,144,255,.055));
  z-index:3;
}
.v42-dash-top{height:62px;padding:0 19px;background:rgba(6,18,38,.98);border-bottom:1px solid #173552}
.v42-dash-logo{width:32px;height:32px;border-radius:9px}
.v42-dash-tools span{width:31px;height:31px;border-color:#23405f;background:#091a31}
.v42-dash-body{height:calc(100% - 62px);grid-template-columns:148px minmax(0,1fr)}
.v42-dash-side{padding:13px 11px;font-size:.70rem;background:#07172b;border-right:1px solid #173553}
.v42-dash-side span{padding:8px 9px;gap:8px}
.v42-dash-side span.active{background:linear-gradient(90deg,#342171,#432889);color:#ece7ff;box-shadow:inset 0 0 0 1px rgba(132,108,255,.08)}
.v42-dash-main{padding:17px 17px 14px}
.v42-dash-heading strong{font-size:1.28rem}
.v42-dash-heading small{font-size:.62rem;padding:6px 9px;background:#0e463c;color:#7ce5c6}
.v42-dash-heading button{height:35px;padding:0 12px;border-color:#2a4666}
.v42-dash-metrics{gap:10px;margin-top:15px}
.v42-dash-metrics article{height:112px;padding:12px 11px 8px;background:linear-gradient(180deg,#0e233f,#0b1c34)}
.v42-dash-metrics svg{height:34px;margin-top:5px}
.v42-dash-bottom{gap:10px;margin-top:10px}
.v42-dash-bottom article{height:66px;padding:10px 12px;background:#0d213b}
.v42-stage-note{
  position:absolute;
  right:-1%;
  top:50px;
  z-index:4;
  color:#c6baff;
  font-family:"Segoe Print","Comic Sans MS",cursive;
  font-size:1.08rem;
  line-height:1.12;
  text-align:center;
  transform:rotate(-8deg);
  text-shadow:0 0 18px rgba(124,100,255,.38);
}
.v42-stage-note span{font-size:1.8rem;margin-top:5px}

/* cartes plateformes : même langage visuel que le hero */
.vps-trust{
  position:relative;
  z-index:3;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.vps-trust>div{
  min-height:92px;
  grid-template-columns:54px 1fr;
  padding:16px 18px;
  border:1px solid #294867;
  border-radius:13px;
  background:linear-gradient(180deg,rgba(8,25,46,.94),rgba(6,19,37,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.trust-ico{width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#1e3159,#1c2853);font-size:1.45rem}
.vps-trust strong{font-size:.94rem;color:#f4f7ff}
.vps-trust small{font-size:.76rem;color:#92a7c5}

/* offres harmonisées */
.rvps-section{
  padding:48px 0 34px;
  background:
    radial-gradient(circle at 84% 6%,rgba(35,83,158,.13),transparent 25%),
    linear-gradient(180deg,#06111f 0%,#06101d 100%);
}
.rvps-wrap{width:min(1280px,calc(100% - 48px))}
.rvps-heading{margin-bottom:30px}
.rvps-heading h2{font-size:2.45rem}
.rvps-tier{border-color:#2a4a70;background:linear-gradient(180deg,rgba(8,25,47,.985),rgba(6,19,36,.995));box-shadow:0 20px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)}
.rvps-tier-bottom{grid-template-columns:minmax(0,1fr) 196px}
.rvps-card{border-color:#2d4b6d;background:linear-gradient(180deg,#0e223b,#0a1b31)}
.rvps-card.is-featured{box-shadow:0 0 0 1px rgba(119,95,255,.34),0 14px 34px rgba(74,54,184,.24)}
.rvps-visual{background:radial-gradient(circle at 52% 55%,rgba(104,86,255,.20),transparent 48%),linear-gradient(145deg,#0b1a2f,#071322)}

@media(max-width:1180px){
  .vps-hero{min-height:auto;padding-top:56px}
  .vps-hero::before{background-position:72% 52%;opacity:.82}
  .vps-hero-grid{grid-template-columns:1fr;gap:18px}
  .vps-hero-copy h1{max-width:700px}
  .v42-stage{min-height:410px}
  .v42-dashboard{left:5%;top:58px;width:min(76%,580px);height:310px;transform:perspective(1200px) rotateY(-3deg) rotateX(.5deg)}
  .v42-stage-note{right:5%;top:36px}
  .vps-trust{margin-top:18px}
}
@media(max-width:760px){
  .vps-hero{padding-top:38px}
  .vps-hero::before{background-position:74% 52%;opacity:.62}
  .vps-hero-copy h1{font-size:3rem}
  .v42-stage{min-height:315px}
  .v42-dashboard{left:0;top:20px;width:96%;height:276px;transform:none}
  .v42-stage-note{display:none}
  .vps-trust{grid-template-columns:1fr}
  .rvps-wrap{width:min(100% - 26px,1280px)}
}

/* ==================== V61 — reliable VPS carousel rebuilt from V58 ==================== */
.rvps-tier-aside{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:13px;
  min-width:0;
}
.rvps-carousel-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  min-width:0;
}
.rvps-carousel-status{
  color:#8298b9;
  font-size:.67rem;
  letter-spacing:.01em;
  white-space:nowrap;
}
.rvps-arrow{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #35557b;
  border-radius:9px;
  background:#0c2038;
  color:#eef4ff;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,opacity .18s ease,transform .18s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.rvps-arrow span{font:700 1.35rem/1 "Manrope",sans-serif;transform:translateY(-1px)}
.rvps-arrow:hover:not(:disabled){border-color:#7662ff;background:#1b2450;transform:translateY(-1px)}
.rvps-arrow:disabled{opacity:.28;cursor:default;transform:none}

/* The visual CPU panel stays in its own fixed column. */
.rvps-tier-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) 168px;
  align-items:stretch;
}
.rvps-tier-bottom>*{min-width:0}

/* Viewport owns the padding. Track itself has zero padding: this is what prevents a fifth card peeking out. */
.rvps-carousel-viewport{
  min-width:0;
  overflow:hidden;
  padding:14px;
  border-right:1px solid #1d3554;
  box-sizing:border-box;
}
.rvps-carousel-track{
  display:flex!important;
  gap:12px!important;
  width:100%;
  min-width:0;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:visible!important;
  transform:translate3d(0,0,0);
  transition:transform .34s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.rvps-carousel-track .rvps-card{
  flex:0 0 calc((100% - 36px)/4)!important;
  min-width:0!important;
  box-sizing:border-box;
  height:auto;
}
.rvps-specs svg,
.rvps-spec-svg{
  display:block!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  max-width:14px!important;
  flex:0 0 14px!important;
  fill:none!important;
  stroke:#9fb0dc!important;
  stroke-width:1.8!important;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.rvps-specs>div{display:flex!important;align-items:center!important;gap:7px!important}
.rvps-card[data-memory="64"]{border-color:#385576}

html[data-theme="light"] .rvps-arrow{background:#fff;color:#1a2740;border-color:#ccd7e7}
html[data-theme="light"] .rvps-carousel-status{color:#73809a}
html[data-theme="light"] .rvps-carousel-viewport{border-color:#e5eaf2}
html[data-theme="light"] .rvps-specs svg{stroke:#74819b!important}

@media(max-width:1300px){
  .rvps-tier-aside{align-items:flex-start}
  .rvps-carousel-controls{justify-content:flex-start}
  .rvps-tier-bottom{grid-template-columns:1fr}
  .rvps-carousel-viewport{border-right:0;border-bottom:1px solid #1d3554}
  .rvps-carousel-track .rvps-card{flex-basis:calc((100% - 24px)/3)!important}
}
@media(max-width:980px){
  .rvps-carousel-track .rvps-card{flex-basis:calc((100% - 12px)/2)!important}
}
@media(max-width:640px){
  .rvps-carousel-status{display:none}
  .rvps-carousel-track .rvps-card{flex-basis:100%!important}
  .rvps-carousel-viewport{padding:11px}
  .rvps-arrow{width:38px;height:38px;flex-basis:38px}
}

/* ==================== VPS pricing — V74 ==================== */
.v63-pricing{
  padding:44px 0 28px;
  background:linear-gradient(180deg,#06111f 0%,#06101d 100%);
  overflow:hidden;
}
.v63-wrap{width:min(1280px,calc(100% - 48px));margin:0 auto}
.v63-pricing-head{text-align:center;max-width:780px;margin:0 auto 30px}
.v63-eyebrow{color:#9b86ff;font-size:.74rem;font-weight:800;letter-spacing:.18em}
.v63-pricing-head h2,.v63-section-head h2{font-family:"Manrope",sans-serif;color:#f6f8ff;letter-spacing:-.045em}
.v63-pricing-head h2{font-size:2.45rem;line-height:1.05;margin:10px 0 8px}
.v63-pricing-head h2 span{color:#7c66ff}
.v63-pricing-head p,.v63-section-head p{color:#91a6c6;line-height:1.55}

.v63-tier{
  --accent:#775fff;
  --soft:#191f4c;
  --chip1:#d8d9d2;
  --chip2:#878986;
  padding:0!important;
  margin:0 0 22px;
  border:1px solid #27486d;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg,#091a2f,#071526);
  box-shadow:0 18px 44px rgba(0,0,0,.20);
}
.v63-gold{--accent:#f2ad23;--soft:#342911;--chip1:#e9bc3d;--chip2:#8d6412}
.v63-ryzen{--accent:#ff506a;--soft:#321821;--chip1:#33343c;--chip2:#111217}

.v63-tier-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:20px;
  align-items:center;
  padding:16px 18px 14px;
  border-bottom:1px solid #1b3453;
}
.v63-title-block{display:flex;align-items:center;gap:12px;min-width:0}
.v63-tier-icon{
  width:44px;height:44px;flex:0 0 44px;
  display:grid;place-items:center;
  border:2px solid var(--accent);border-radius:12px;
  color:var(--accent);background:#0d1d34;
}
.v63-tier-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.v63-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v63-title-row h3{font-family:"Manrope",sans-serif;color:#f6f8ff;font-size:1.28rem;line-height:1.1;letter-spacing:-.035em;margin:0}
.v63-tier-label{font-size:.62rem;font-weight:700;color:var(--accent);border:1px solid var(--accent);background:var(--soft);border-radius:999px;padding:4px 9px}
.v63-title-block p{color:#91a7c6;font-size:.81rem;line-height:1.35;margin:5px 0 0}
.v63-head-right{display:grid;gap:8px;justify-items:end;align-self:center}
.v63-benefits{list-style:none;margin:0;padding:0;display:grid;gap:4px;color:#d9e2f1;font-size:.76rem}
.v63-benefits li:before{content:"✓";color:#7c67ff;font-weight:900;margin-right:9px}
.v63-controls{display:flex;align-items:center;gap:8px}
.v63-status{min-width:150px;text-align:center;color:#8fa6c6;font-size:.67rem;white-space:nowrap}
.v63-arrow{width:34px;height:34px;border-radius:9px;border:1px solid #315070;background:#0b2038;color:#fff;font-size:1rem;display:grid;place-items:center;cursor:pointer;transition:.18s}
.v63-arrow:hover:not(:disabled){border-color:#7964ff;background:#16294a}
.v63-arrow:disabled{opacity:.28;cursor:not-allowed}

/* One body grid, one spacing system. No inherited section padding. */
.v63-tier-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 154px;
  gap:10px;
  align-items:stretch;
  padding:12px;
  background:transparent;
}
/* Only the viewport clips horizontally. Its 2 px inner safety area keeps
   anti-aliased card borders intact at fractional browser zoom levels.
   Card/button emphasis is inset: no outer glow cut off at the viewport edge. */
.v63-carousel-main{min-width:0;overflow:visible;padding:0;margin:0;border:0;display:flex}
.v63-viewport{width:100%;min-width:0;overflow:hidden;padding:2px;margin:0;touch-action:pan-y pinch-zoom}
.v63-track{display:flex;gap:10px;align-items:stretch;margin:0;padding:0;transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.v63-card{
  position:relative;
  flex:0 0 auto;
  box-sizing:border-box;
  display:flex;flex-direction:column;
  min-width:0;
  min-height:196px;
  padding:13px;
  margin:0;
  border:1px solid #2b4869;
  border-radius:12px;
  background:linear-gradient(180deg,#0d2038,#0a1a30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
.v63-card.is-featured{border-color:#8875ff;box-shadow:inset 0 0 0 1px rgba(119,95,255,.16);background:linear-gradient(180deg,#141f3b,#0a1a30)}
.v63-badge{position:absolute;right:8px;top:8px;border-radius:999px;background:#6853ff;color:#fff;padding:5px 8px;font-size:.55rem;font-weight:800;white-space:nowrap}
.v63-card-name{color:#dfe9fa;font-weight:800;font-size:.82rem;padding-right:76px;min-height:1.8em}
.v63-price{display:flex;align-items:baseline;gap:5px;margin:8px 0 12px}
.v63-price strong{font-family:"Manrope",sans-serif;font-size:1.62rem;letter-spacing:-.045em;color:#fff}
.v63-price span{font-size:.64rem;color:#8fa6c6}
.v63-specs{display:grid;gap:7px;margin-bottom:12px}
.v63-specs>div{display:flex;align-items:center;gap:7px;color:#cbd8eb;font-size:.72rem}
.v63-specs svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:#9fb0dc;stroke-width:1.8}
.v63-cta{margin-top:auto;min-height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #426184;border-radius:8px;color:#fff;text-decoration:none;font-size:.69rem;font-weight:700;background:rgba(4,15,27,.25)}
.v63-card.is-featured .v63-cta{background:#6550ff;border-color:#7866ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.10);color:#fff}
.v63-cta:hover{border-color:#9281ff;background:#152642}
.v63-card.is-featured .v63-cta:hover{background:#735fff}
.v63-cta:focus-visible,.v63-arrow:focus-visible{outline:2px solid #b1a5ff;outline-offset:-4px}

.v63-visual{
  position:relative;
  min-height:196px;
  display:flex;align-items:stretch;justify-content:stretch;
  padding:0;
  margin:2px;
  border:1px solid #1d3554;
  border-radius:12px;
  background:#081322;
  overflow:hidden;
}
.v63-processor-img{display:block;width:100%;height:100%;object-fit:cover}

.v63-why,.v63-faq{padding:42px 0;background:#06101d}
.v63-faq{padding-top:18px;padding-bottom:58px}
.v63-section-head{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:end;margin-bottom:18px}
.v63-section-head h2{font-size:2rem;margin:7px 0 0}
.v63-section-head p{margin:0}
.v63-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v63-why-grid article{border:1px solid #243e5e;border-radius:14px;background:#0a1a2f;padding:17px}
.v63-why-grid strong{display:block;color:#f4f7ff;margin-bottom:7px}
.v63-why-grid span{color:#8fa5c4;font-size:.82rem;line-height:1.45}
.v63-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v63-faq details{border:1px solid #243e5e;border-radius:12px;background:#091a2f;color:#e7eef9;padding:0 16px}
.v63-faq summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:700;cursor:pointer;list-style:none}
.v63-faq summary::-webkit-details-marker{display:none}
.v63-faq summary span{color:#7762ff;font-size:1.25rem;transition:.2s}
.v63-faq details[open] summary span{transform:rotate(45deg)}
.v63-faq details p{margin:0 0 15px;color:#92a6c4;font-size:.84rem;line-height:1.55}

html[data-theme="light"] .v63-pricing,html[data-theme="light"] .v63-why,html[data-theme="light"] .v63-faq{background:#f6f8fc}
html[data-theme="light"] .v63-pricing-head h2,html[data-theme="light"] .v63-title-row h3,html[data-theme="light"] .v63-price strong,html[data-theme="light"] .v63-section-head h2,html[data-theme="light"] .v63-why-grid strong{color:#11192d}
html[data-theme="light"] .v63-tier,html[data-theme="light"] .v63-card,html[data-theme="light"] .v63-why-grid article,html[data-theme="light"] .v63-faq details{background:#fff;border-color:#dce4ef}
html[data-theme="light"] .v63-title-block p,html[data-theme="light"] .v63-specs>div,html[data-theme="light"] .v63-pricing-head p,html[data-theme="light"] .v63-section-head p,html[data-theme="light"] .v63-why-grid span,html[data-theme="light"] .v63-faq details p{color:#66748f}
html[data-theme="light"] .v63-benefits{color:#36415b}
html[data-theme="light"] .v63-cta{color:#17233b;background:#fff;border-color:#cfd9e7}
html[data-theme="light"] .v63-card-name,html[data-theme="light"] .v63-faq summary,html[data-theme="light"] .v63-why-grid strong{color:#17233b}
html[data-theme="light"] .v63-card.is-featured{background:#f5f3ff;border-color:#7965ec;box-shadow:inset 0 0 0 1px rgba(119,95,255,.12)}
html[data-theme="light"] .v63-card.is-featured .v63-cta{background:#6550ff;border-color:#6550ff;color:#fff}
html[data-theme="light"] .v63-cta:hover{background:#efedff;border-color:#7965ec}
html[data-theme="light"] .v63-card.is-featured .v63-cta:hover{background:#5641eb}
@media(prefers-reduced-motion:reduce){.v63-track{transition:none}}

@media(max-width:1180px){
  .v63-tier-head{grid-template-columns:1fr;align-items:start}
  .v63-head-right{justify-items:start;align-self:auto}
  .v63-benefits{display:flex;flex-wrap:wrap;gap:6px 16px}
  .v63-controls{justify-content:flex-start}
  .v63-tier-body{grid-template-columns:minmax(0,1fr) 142px}
  .v63-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .v63-tier-body{grid-template-columns:1fr;padding:10px}
  .v63-visual{min-height:126px;padding:0}
  .v63-section-head{grid-template-columns:1fr}
  .v63-faq-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .v63-wrap{width:min(100% - 26px,1280px)}
  .v63-pricing-head h2{font-size:1.9rem}
  .v63-title-block{gap:11px}
  .v63-tier-icon{width:42px;height:42px;flex-basis:42px}
  .v63-title-row h3{font-size:1.15rem}
  .v63-controls{width:100%;justify-content:space-between}
  .v63-visual{display:none}
  .v63-why-grid{grid-template-columns:1fr}
}

/* V77 — polished why / FAQ / footer sections on VPS page */
.v63-why{
  padding:58px 0 24px;
  background:linear-gradient(180deg,#06101d 0%,#07111f 100%);
}
.v63-faq{
  padding:24px 0 68px;
  background:linear-gradient(180deg,#07111f 0%,#06101d 100%);
}
.v63-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:28px;
  align-items:end;
  margin-bottom:24px;
}
.v63-section-head h2{
  font-size:clamp(1.9rem,3.2vw,2.35rem);
  margin:8px 0 0;
}
.v63-section-head p{
  margin:0;
  max-width:560px;
}
.v63-why-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.v63-why-card{
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-height:150px;
  padding:20px 18px;
  border:1px solid #203756;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(12,26,46,.98),rgba(9,22,40,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.02);
}
.v63-why-icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(123,97,255,.55);
  background:radial-gradient(circle at 30% 25%,rgba(123,97,255,.22),rgba(123,97,255,.08) 55%,rgba(8,18,32,.92) 100%);
  box-shadow:0 10px 30px rgba(59,44,150,.2);
  color:#8d7cff;
}
.v63-why-icon svg{
  width:22px;
  height:22px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.v63-why-card strong{
  display:block;
  color:#f4f7ff;
  margin:2px 0 8px;
  font-size:1.02rem;
}
.v63-why-card span:last-child{
  display:block;
  color:#92a7c5;
  font-size:.88rem;
  line-height:1.58;
}
.v63-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.v63-faq-item{
  border:1px solid #203756;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(10,26,47,.96),rgba(8,20,36,.96));
  color:#eaf0ff;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(0,0,0,.16);
  padding:0 18px;
}
.v63-faq-item summary{
  min-height:unset;
  padding:18px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-weight:700;
  cursor:pointer;
  list-style:none;
}
.v63-faq-item summary span:first-child{
  flex:1;
}
.v63-faq-item summary::-webkit-details-marker{display:none}
.v63-faq-plus{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(119,98,255,.35);
  background:rgba(119,98,255,.08);
  color:#8b74ff;
  font-size:1.2rem;
  line-height:1;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease;
}
.v63-faq-item[open] .v63-faq-plus{
  transform:rotate(45deg);
  background:rgba(119,98,255,.14);
  border-color:rgba(119,98,255,.55);
}
.v63-faq-item[open] summary{
  padding-bottom:12px;
}
.v63-faq-item p{
  margin:0;
  padding:0 0 18px;
  color:#96abc8;
  font-size:.88rem;
  line-height:1.62;
}
.v63-footer{
  padding:0 0 18px;
  background:#06101d;
}
.v63-footer .container{
  border-top:1px solid #1b2e49;
  padding-top:20px;
}
.v63-footer-top{
  display:grid;
  grid-template-columns:1.45fr .8fr .8fr .82fr 1.12fr;
  gap:0;
  align-items:start;
  padding:8px 0 10px;
}
.v63-footer .footer-brand{
  padding-right:28px;
}
.v63-footer .footer-brand .brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.v63-footer .footer-brand .brand svg{
  width:34px;
  height:34px;
}
.v63-footer .footer-brand .brand span{
  font-size:1.05rem;
  font-weight:800;
  color:#f6f8ff;
  letter-spacing:-.02em;
}
.v63-footer .footer-brand p{
  margin:10px 0 14px;
  max-width:320px;
  color:#8ea3c2;
  font-size:.84rem;
  line-height:1.65;
}
.v63-footer-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.v63-footer-points span{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid #24395a;
  background:rgba(13,25,44,.9);
  color:#c4d4ef;
  font-size:.74rem;
}
.v63-footer .footer-col{
  min-height:128px;
  border-left:1px solid #1b2e49;
  padding:0 22px;
}
.v63-footer .footer-col h4{
  font-size:.85rem;
  margin:2px 0 10px;
  color:#f2f6ff;
}
.v63-footer .footer-col a{
  display:block;
  margin:7px 0;
  font-size:.8rem;
  color:#8ea2c0;
}
.v63-footer .footer-col a:hover{
  color:#ffffff;
}
.v63-footer .footer-news small{
  display:block;
  margin-bottom:12px;
  color:#8ea3c2;
  font-size:.78rem;
  line-height:1.55;
}
.v63-footer .newsletter{
  display:flex;
  align-items:center;
  gap:0;
  margin-top:0;
}
.v63-footer .newsletter input{
  height:42px;
  flex:1;
  min-width:0;
  padding:0 14px;
  border-radius:12px 0 0 12px;
  border:1px solid #273d5f;
  border-right:0;
  background:#0b1830;
  color:#eef3ff;
  font-size:.8rem;
}
.v63-footer .newsletter input::placeholder{color:#7f93b3}
.v63-footer .newsletter button{
  width:46px;
  height:42px;
  border:0;
  border-radius:0 12px 12px 0;
  background:linear-gradient(135deg,#8b5cf6,#5b4cff);
  color:#fff;
  font-size:1rem;
  font-weight:800;
  box-shadow:0 12px 28px rgba(91,76,255,.28);
}
.v63-footer .footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:8px;
  padding-top:16px;
  border-top:1px solid #1b2e49;
  color:#7284a3;
  font-size:.75rem;
}
.v63-footer .footer-legal{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.v63-footer .footer-legal a{color:#8fa1c0}
.v63-footer .footer-legal a:hover{color:#fff}

html[data-theme="light"] .v63-why,
html[data-theme="light"] .v63-faq,
html[data-theme="light"] .v63-footer{background:#f6f8fc}
html[data-theme="light"] .v63-why-card,
html[data-theme="light"] .v63-faq-item{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border-color:#dde4ef;
  box-shadow:0 16px 38px rgba(19,31,59,.06);
}
html[data-theme="light"] .v63-why-icon{
  background:radial-gradient(circle at 30% 25%,rgba(123,97,255,.14),rgba(123,97,255,.06) 55%,#ffffff 100%);
  border-color:rgba(123,97,255,.35);
}
html[data-theme="light"] .v63-why-card strong,
html[data-theme="light"] .v63-faq-item summary,
html[data-theme="light"] .v63-footer .footer-col h4,
html[data-theme="light"] .v63-footer .footer-brand .brand span{color:#11192d}
html[data-theme="light"] .v63-why-card span:last-child,
html[data-theme="light"] .v63-faq-item p,
html[data-theme="light"] .v63-footer .footer-brand p,
html[data-theme="light"] .v63-footer .footer-col a,
html[data-theme="light"] .v63-footer .footer-news small,
html[data-theme="light"] .v63-footer .footer-bottom,
html[data-theme="light"] .v63-footer .footer-legal a{color:#6b7891}
html[data-theme="light"] .v63-footer .container,
html[data-theme="light"] .v63-footer .footer-col,
html[data-theme="light"] .v63-footer .footer-bottom{border-color:#e0e7f1}
html[data-theme="light"] .v63-footer .newsletter input{
  background:#fff;
  color:#11192d;
  border-color:#d6dfec;
}
html[data-theme="light"] .v63-footer .newsletter input::placeholder{color:#8b97ad}
html[data-theme="light"] .v63-footer-points span{
  background:#fff;
  border-color:#dbe3ee;
  color:#495973;
}

@media (max-width: 1100px){
  .v63-footer-top{grid-template-columns:1.4fr repeat(2,1fr);gap:18px 0}
  .v63-footer .footer-brand{grid-column:1 / -1;padding-right:0;padding-bottom:6px}
  .v63-footer .footer-col:nth-child(2){border-left:0;padding-left:0}
  .v63-footer .footer-news{grid-column:1 / -1;border-left:0;padding-left:0;padding-top:6px}
}
@media (max-width: 920px){
  .v63-section-head{grid-template-columns:1fr;gap:14px;align-items:start}
  .v63-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v63-faq-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .v63-why{padding:44px 0 18px}
  .v63-faq{padding:18px 0 48px}
  .v63-why-grid{grid-template-columns:1fr}
  .v63-why-card{min-height:0;padding:18px 16px}
  .v63-footer-top{grid-template-columns:1fr;gap:14px}
  .v63-footer .footer-col,
  .v63-footer .footer-news{border-left:0;padding:0;min-height:0}
  .v63-footer .footer-brand{padding-right:0}
  .v63-footer .footer-bottom{display:block;line-height:1.8}
  .v63-footer .footer-legal{margin-top:8px;gap:12px}
}


/* V78 — premium FAQ redesign */
.v63-faq{
  padding: 34px 0 78px;
  background:
    radial-gradient(circle at 20% 0%, rgba(98,72,255,.08), transparent 32%),
    radial-gradient(circle at 100% 20%, rgba(0,140,255,.06), transparent 28%),
    linear-gradient(180deg,#07111f 0%,#06101d 100%);
}
.v63-faq-head{
  align-items: start;
  gap: 34px;
  margin-bottom: 24px;
}
.v63-faq-head > div:first-child{max-width: 650px;}
.v63-faq-head .v63-faq-intro{
  margin-top: 14px;
  color: #95a9c8;
  max-width: 620px;
}
.v63-faq-sidecopy{
  justify-self: end;
  max-width: 470px;
  padding: 18px 20px;
  border: 1px solid rgba(54,84,120,.6);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(9,21,37,.72), rgba(8,18,33,.46));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.v63-faq-kicker{
  display: inline-flex;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(123,97,255,.4);
  background: rgba(123,97,255,.08);
  color: #9d8cff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.v63-faq-sidecopy p{
  margin: 0;
  color: #a4b4cf;
  line-height: 1.66;
}
.v63-faq-grid{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px 16px;
  align-items: start;
}
.v63-faq-item{
  position: relative;
  border: 1px solid rgba(38,62,92,.95);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(11,25,44,.98), rgba(8,19,34,.98));
  color: #edf3ff;
  overflow: hidden;
  padding: 0;
  box-shadow: 0 18px 38px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.02);
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.v63-faq-item::before{
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(123,97,255,.05), rgba(123,97,255,.35), rgba(56,189,248,.15));
  opacity: .35;
}
.v63-faq-item:hover{
  border-color: rgba(99,130,179,.58);
  box-shadow: 0 20px 44px rgba(0,0,0,.2);
}
.v63-faq-item[open]{
  border-color: rgba(123,97,255,.56);
  box-shadow: 0 22px 50px rgba(10,14,28,.32), 0 0 0 1px rgba(123,97,255,.08) inset;
}
.v63-faq-item[open]::before{
  opacity: 1;
  background: linear-gradient(180deg, #7b61ff, #a178ff 55%, #37c8ff);
}
.v63-faq-item summary{
  min-height: 0;
  padding: 20px 20px 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  list-style: none;
  cursor: pointer;
}
.v63-faq-item summary::-webkit-details-marker{display:none}
.v63-faq-item summary span:first-child{
  flex: 1;
  color: #f4f8ff;
  font-size: 1rem;
  line-height: 1.42;
  font-weight: 700;
}
.v63-faq-plus{
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(123,97,255,.28);
  background: rgba(123,97,255,.08);
  color: #9f8eff;
  font-size: 1.25rem;
  line-height: 1;
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease;
}
.v63-faq-item[open] .v63-faq-plus{
  transform: rotate(45deg);
  background: rgba(123,97,255,.14);
  border-color: rgba(123,97,255,.48);
  color: #ffffff;
}
.v63-faq-item p{
  margin: 0;
  padding: 0 22px 20px 24px;
  color: #9eb1ca;
  font-size: .92rem;
  line-height: 1.7;
}
.v63-faq-item[open] p{
  border-top: 1px solid rgba(255,255,255,.04);
  padding-top: 14px;
}
html[data-theme="light"] .v63-faq{
  background:
    radial-gradient(circle at 20% 0%, rgba(123,97,255,.07), transparent 34%),
    linear-gradient(180deg,#f7f9fd 0%,#f4f7fc 100%);
}
html[data-theme="light"] .v63-faq-sidecopy{
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(247,249,252,.94));
  border-color: #dce4ef;
}
html[data-theme="light"] .v63-faq-kicker{
  background: rgba(123,97,255,.1);
  color: #6a58ea;
  border-color: rgba(123,97,255,.28);
}
html[data-theme="light"] .v63-faq-sidecopy p,
html[data-theme="light"] .v63-faq-head .v63-faq-intro,
html[data-theme="light"] .v63-faq-item p{
  color: #64748b;
}
html[data-theme="light"] .v63-faq-item{
  background: linear-gradient(180deg, #ffffff, #fbfcff);
  border-color: #d9e2ef;
  box-shadow: 0 14px 34px rgba(16,24,40,.06);
}
html[data-theme="light"] .v63-faq-item summary span:first-child{
  color: #142036;
}
html[data-theme="light"] .v63-faq-item[open]{
  border-color: rgba(123,97,255,.42);
  box-shadow: 0 16px 36px rgba(16,24,40,.08), 0 0 0 1px rgba(123,97,255,.08) inset;
}
@media (max-width: 1120px){
  .v63-faq-head{grid-template-columns:1fr;gap:18px;}
  .v63-faq-sidecopy{justify-self:start;max-width:unset;}
}
@media (max-width: 820px){
  .v63-faq-grid{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .v63-faq{padding:28px 0 54px;}
  .v63-faq-item summary{padding:18px 16px 18px 20px;}
  .v63-faq-item p{padding:0 16px 18px 20px;}
  .v63-faq-item[open] p{padding-top:12px;}
  .v63-faq-plus{width:30px;height:30px;flex-basis:30px;border-radius:10px;}
}