@charset "UTF-8";
/* Volyte V2 design system — shared by redesigned pages. Built as plain CSS because css/style.css is a precompiled Tailwind file. */
/* ===== V2 design (custom CSS — the precompiled Tailwind file lacks these utilities) ===== */
:root { --v2-orange:#f1722f; --v2-orange-dark:#d95d1c; --v2-navy:#0f172a; --v2-slate:#475569; --v2-line:#e2e8f0; }
.v2-hero { position:relative; overflow:hidden; background:#fff; padding:72px 0 88px; }
.v2-hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(#f1f5f9 1px,transparent 1px),linear-gradient(90deg,#f1f5f9 1px,transparent 1px); background-size:44px 44px; mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%); -webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%); }
.v2-hero::after { content:""; position:absolute; width:620px; height:620px; right:-120px; top:-160px; background:radial-gradient(circle,rgba(241,114,47,.18),transparent 65%); pointer-events:none; }
.v2-wrap { position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.v2-pill { display:inline-flex; align-items:center; gap:8px; background:#fff7f2; border:1px solid #fde0cf; color:var(--v2-orange-dark); font-weight:600; font-size:13px; padding:6px 14px; border-radius:999px; }
.v2-pill .dot { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 4px rgba(34,197,94,.18); }
.v2-h1 { font-size:54px; line-height:1.05; letter-spacing:-.03em; font-weight:800; color:var(--v2-navy); margin:20px 0 0; }
.v2-h1 span { color:var(--v2-orange); }
.v2-sub { margin-top:20px; font-size:19px; line-height:1.6; color:var(--v2-slate); max-width:540px; }
.v2-ctas { margin-top:32px; display:flex; gap:14px; flex-wrap:wrap; }
.v2-btn { display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:16px; padding:14px 28px; border-radius:12px; transition:transform .15s, box-shadow .15s, background .15s; white-space:nowrap; }
.v2-btn-primary { background:var(--v2-orange); color:#fff; box-shadow:0 10px 24px -8px rgba(241,114,47,.6); }
.v2-btn-primary:hover { background:var(--v2-orange-dark); transform:translateY(-2px); }
.v2-btn-ghost { background:#fff; color:var(--v2-navy); border:1px solid var(--v2-line); }
.v2-btn-ghost:hover { border-color:var(--v2-orange); color:var(--v2-orange-dark); }
.v2-trust { margin-top:36px; display:flex; gap:28px; flex-wrap:wrap; align-items:center; color:var(--v2-slate); font-size:14px; }
.v2-trust b { color:var(--v2-navy); }
.v2-stars { color:#00b67a; letter-spacing:2px; font-size:16px; }
/* product visual */
.v2-panel { background:#fff; border:1px solid var(--v2-line); border-radius:20px; box-shadow:0 30px 60px -20px rgba(15,23,42,.25),0 0 0 8px rgba(255,255,255,.6); overflow:hidden; }
.v2-panel-bar { display:flex; align-items:center; gap:7px; padding:12px 16px; border-bottom:1px solid #f1f5f9; background:#fafafa; }
.v2-panel-bar i { width:11px; height:11px; border-radius:50%; display:block; }
.v2-panel-bar small { margin-left:10px; color:#94a3b8; font-size:12px; font-weight:500; }
.v2-panel-body { padding:22px; }
.v2-srv { display:flex; justify-content:space-between; align-items:center; }
.v2-srv h4 { font-weight:700; color:var(--v2-navy); font-size:17px; }
.v2-srv p { color:#94a3b8; font-size:13px; margin-top:2px; }
.v2-online { font-size:12px; font-weight:700; color:#15803d; background:#dcfce7; padding:4px 10px; border-radius:999px; }
.v2-metric { margin-top:18px; }
.v2-metric-top { display:flex; justify-content:space-between; font-size:13px; color:var(--v2-slate); font-weight:500; }
.v2-bar { margin-top:6px; height:8px; background:#f1f5f9; border-radius:99px; overflow:hidden; }
.v2-bar span { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#f1722f,#fb923c); animation:v2grow 1.4s ease-out both; }
@keyframes v2grow { from { width:0 !important; } }
.v2-panel-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px; }
.v2-panel-actions span { text-align:center; font-size:13px; font-weight:600; padding:10px; border-radius:10px; border:1px solid var(--v2-line); color:var(--v2-navy); }
.v2-panel-actions .up { background:var(--v2-navy); color:#fff; border-color:var(--v2-navy); }
.v2-term { background:#0f172a; color:#cbd5e1; font-family:ui-monospace,Consolas,monospace; font-size:12.5px; padding:16px 22px; line-height:1.8; }
.v2-term .g { color:#4ade80; } .v2-term .o { color:#fb923c; }
.v2-float { position:absolute; background:#fff; border:1px solid var(--v2-line); border-radius:14px; padding:10px 14px; box-shadow:0 14px 30px -12px rgba(15,23,42,.3); font-size:13px; font-weight:600; color:var(--v2-navy); display:flex; align-items:center; gap:8px; animation:v2float 4s ease-in-out infinite; }
@keyframes v2float { 50% { transform:translateY(-8px); } }
.v2-visual { position:relative; }
/* pricing */
.v2-pricing { background:#f8fafc; padding:88px 0; }
.v2-head { text-align:center; max-width:760px; margin:0 auto 48px; padding:0 20px; }
.v2-eyebrow { color:var(--v2-orange-dark); font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.v2-head h2 { text-wrap:balance; font-size:40px; font-weight:800; letter-spacing:-.02em; color:var(--v2-navy); margin-top:8px; }
.v2-head p { color:var(--v2-slate); font-size:17px; margin-top:10px; }
.v2-cards { max-width:1200px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }
.v2-card { position:relative; background:#fff; border:1px solid var(--v2-line); border-radius:20px; padding:32px; display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s, border-color .2s; }
.v2-card:hover { transform:translateY(-4px); box-shadow:0 24px 48px -20px rgba(15,23,42,.25); border-color:#fdba8c; }
.v2-card.pop { background:linear-gradient(180deg,#0f172a,#1e293b); border-color:#0f172a; color:#fff; box-shadow:0 30px 60px -24px rgba(15,23,42,.6); }
.v2-card .tag { position:absolute; top:-13px; left:32px; background:var(--v2-orange); color:#fff; font-size:12px; font-weight:700; padding:5px 12px; border-radius:999px; }
.v2-card .ic { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#fff7f2; color:var(--v2-orange); }
.v2-card.pop .ic { background:rgba(241,114,47,.15); }
.v2-card h3 { font-size:22px; font-weight:800; margin-top:18px; }
.v2-card .desc { color:#64748b; font-size:14px; margin-top:4px; }
.v2-card.pop .desc { color:#94a3b8; }
.v2-price { margin-top:22px; display:flex; align-items:baseline; gap:6px; }
.v2-price small { font-size:14px; color:#64748b; font-weight:500; }
.v2-price b { font-size:46px; font-weight:800; letter-spacing:-.03em; line-height:1; }
.v2-card.pop .v2-price small { color:#94a3b8; }
.v2-renew { margin-top:10px; display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#15803d; background:#dcfce7; padding:4px 10px; border-radius:999px; align-self:flex-start; }
.v2-feats { margin:24px 0 28px; padding-top:22px; border-top:1px solid #f1f5f9; display:grid; gap:12px; flex-grow:1; font-size:15px; }
.v2-card.pop .v2-feats { border-color:rgba(255,255,255,.1); }
.v2-feats li { display:flex; align-items:center; gap:10px; }
.v2-feats li::before { content:"✓"; width:20px; height:20px; flex-shrink:0; border-radius:50%; background:#dcfce7; color:#15803d; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.v2-card.pop .v2-feats li::before { background:rgba(74,222,128,.15); color:#4ade80; }
.v2-card .v2-btn { justify-content:center; width:100%; }
.v2-card:not(.pop) .v2-btn { background:#fff7f2; color:var(--v2-orange-dark); }
.v2-card:not(.pop) .v2-btn:hover { background:var(--v2-orange); color:#fff; }
@media (max-width:1024px) { .v2-wrap { grid-template-columns:1fr; gap:48px; } .v2-visual { max-width:520px; margin:0 auto; width:100%; } .v2-cards { grid-template-columns:1fr; max-width:480px; } }
@media (max-width:640px) { .v2-hero { padding:44px 0 56px; } .v2-h1 { font-size:38px; } .v2-sub { font-size:17px; } .v2-float { display:none; } .v2-head h2 { font-size:30px; } .v2-ctas .v2-btn { flex:1; justify-content:center; } }
/* features */
.v2-sec { padding:88px 0; }
.v2-feat-grid { max-width:1200px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.v2-feat { background:#fff; border:1px solid var(--v2-line); border-radius:18px; padding:28px; transition:transform .2s, box-shadow .2s, border-color .2s; }
.v2-feat:hover { transform:translateY(-3px); border-color:#fdba8c; box-shadow:0 20px 40px -22px rgba(15,23,42,.3); }
.v2-feat .ic { width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#fff1e8,#ffe0cc); color:var(--v2-orange-dark); }
.v2-feat h3 { font-size:18px; font-weight:700; color:var(--v2-navy); margin-top:18px; }
.v2-feat p { color:#64748b; font-size:14.5px; line-height:1.65; margin-top:6px; }
/* stats band */
.v2-stats { max-width:1200px; margin:56px auto 0; padding:0 20px; }
.v2-stats-in { background:linear-gradient(120deg,#0f172a,#1e293b); border-radius:22px; padding:36px 24px; display:grid; grid-template-columns:repeat(4,1fr); text-align:center; position:relative; overflow:hidden; }
.v2-stats-in::after { content:""; position:absolute; width:380px; height:380px; right:-100px; top:-200px; background:radial-gradient(circle,rgba(241,114,47,.35),transparent 65%); }
.v2-stats b { display:block; font-size:34px; font-weight:800; color:#fff; letter-spacing:-.02em; }
.v2-stats span { color:#94a3b8; font-size:14px; }
.v2-stats-in > div + div { border-left:1px solid rgba(255,255,255,.08); }
/* domains */
.v2-domain { background:#fff; }
.v2-domain-box { max-width:900px; margin:0 auto; padding:0 20px; text-align:center; }
.v2-search { margin-top:28px; display:flex; gap:8px; background:#fff; border:1px solid var(--v2-line); border-radius:16px; padding:8px; box-shadow:0 20px 40px -24px rgba(15,23,42,.35); }
.v2-search input { flex:1; min-width:0; border:0; outline:none; font-size:17px; padding:12px 16px; border-radius:10px; color:var(--v2-navy); }
.v2-search input:focus { box-shadow:0 0 0 2px #fdba8c inset; }
.v2-tlds { margin-top:22px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.v2-tlds span { background:#f8fafc; border:1px solid var(--v2-line); border-radius:12px; padding:10px 16px; font-weight:700; color:var(--v2-navy); font-size:15px; }
.v2-tlds em { font-style:normal; color:#15803d; margin-left:6px; }
.v2-tlds small { color:#94a3b8; font-weight:500; font-size:12px; }
/* reviews */
.v2-reviews { background:#f8fafc; }
.v2-rev-grid { max-width:1200px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; }
.v2-rev { background:#fff; border:1px solid var(--v2-line); border-radius:18px; padding:28px; display:flex; flex-direction:column; }
.v2-rev .stars { color:#00b67a; letter-spacing:3px; font-size:18px; }
.v2-rev blockquote { margin:14px 0 22px; color:#334155; font-size:15.5px; line-height:1.7; }
.v2-rev .who { min-height:90px; margin-top:auto; padding-top:18px; border-top:1px solid #f1f5f9; display:flex; align-items:center; gap:12px; }
.v2-rev .av { width:44px; height:44px; border-radius:50%; flex-shrink:0; background:#fff1e8; color:var(--v2-orange-dark); font-weight:800; display:flex; align-items:center; justify-content:center; object-fit:cover; }
.v2-rev .who b { display:block; color:var(--v2-navy); font-size:15px; }
.v2-rev .who small { color:#64748b; font-size:12.5px; }
.v2-rev .tp { margin-left:auto; color:#94a3b8; }
.v2-rev .tp:hover { color:#00b67a; }
/* faq restyle */
.v2-faq-sec { background:#fff !important; }
.v2-faq-sec .faq-item { border:1px solid var(--v2-line); box-shadow:none !important; border-radius:14px !important; transition:border-color .2s; }
.v2-faq-sec .faq-item:hover { border-color:#fdba8c; }
.v2-faq-sec .faq-answer { font-size:15px !important; line-height:1.7; padding-top:4px; }
.v2-faq-sec h2 { letter-spacing:-.02em; }
/* closing CTA */
.v2-cta { max-width:1200px; margin:0 auto 88px; padding:0 20px; }
.v2-cta-in { background:linear-gradient(120deg,#f1722f,#fb923c); border-radius:24px; padding:56px 40px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; color:#fff; position:relative; overflow:hidden; }
.v2-cta-in::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px); background-size:18px 18px; }
.v2-cta-in > * { position:relative; }
.v2-cta h2 { font-size:34px; font-weight:800; letter-spacing:-.02em; line-height:1.15; }
.v2-cta p { margin-top:8px; font-size:17px; color:#fff7ed; }
.v2-cta .v2-btn-white { background:#fff; color:var(--v2-orange-dark); box-shadow:0 12px 26px -10px rgba(0,0,0,.35); }
.v2-cta .v2-btn-white:hover { transform:translateY(-2px); }
.v2-cta .v2-btn-line { border:1px solid rgba(255,255,255,.6); color:#fff; }
.v2-cta .v2-btn-line:hover { background:rgba(255,255,255,.12); }
/* scroll reveal */
.v2-reveal { opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.v2-reveal.in { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) { .v2-reveal { opacity:1; transform:none; transition:none; } .v2-float, .v2-bar span { animation:none; } }
@media (max-width:1024px) { .v2-feat-grid, .v2-rev-grid { grid-template-columns:1fr 1fr; } .v2-stats-in { grid-template-columns:1fr 1fr; row-gap:24px; } .v2-stats-in > div:nth-child(3) { border-left:0; } }
@media (max-width:640px) { .v2-sec { padding:60px 0; } .v2-feat-grid, .v2-rev-grid { grid-template-columns:1fr; } .v2-cta-in { padding:40px 24px; } .v2-cta h2 { font-size:27px; } .v2-search input { font-size:16px; } }
/* ===== Product pages (VPS / hosting / dedicated) ===== */
.v2-chips { margin-top:26px; display:flex; flex-wrap:wrap; gap:10px; }
.v2-chips span { display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--v2-line); border-radius:999px; padding:7px 14px; font-size:13.5px; font-weight:600; color:var(--v2-navy); }
.v2-chips svg { color:var(--v2-orange); }
/* location toggle */
.v2-toggle { margin:26px auto 0; display:inline-flex; background:#fff; border:1px solid var(--v2-line); border-radius:14px; padding:5px; gap:4px; box-shadow:0 8px 20px -14px rgba(15,23,42,.3); }
.v2-toggle button { padding:10px 20px; border-radius:10px; font-weight:700; font-size:14.5px; color:var(--v2-slate); display:inline-flex; align-items:center; gap:8px; transition:background .15s, color .15s; }
.v2-toggle button.active { background:var(--v2-navy); color:#fff; }
.v2-toggle img { width:18px; height:13px; border-radius:2px; object-fit:cover; }
/* 4-column plan grid */
.v2-cards.four { grid-template-columns:repeat(4,1fr); max-width:1280px; gap:20px; }
.v2-card.compact { padding:26px; }
.v2-card .v2-was { margin-top:16px; display:flex; align-items:center; gap:8px; font-size:13px; }
.v2-card .v2-was s { color:#94a3b8; }
.v2-card .v2-was em { font-style:normal; font-weight:700; color:#15803d; background:#dcfce7; padding:2px 8px; border-radius:6px; }
.v2-card.pop .v2-was em { background:rgba(74,222,128,.15); color:#4ade80; }
.v2-card .v2-was + .v2-price { margin-top:6px; }
.v2-card .v2-addon { display:block; margin-top:4px; font-size:12px; color:var(--v2-orange-dark); }
.v2-card.pop .v2-addon { color:#fdba8c; }
.v2-card .v2-feats li { align-items:flex-start; }
.v2-card .v2-feats li::before { margin-top:2px; }
/* OS + data centers */
.v2-os-grid { max-width:900px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.v2-os { background:#fff; border:1px solid var(--v2-line); border-radius:18px; padding:26px 16px; text-align:center; transition:transform .2s, border-color .2s; }
.v2-os:hover { transform:translateY(-3px); border-color:#fdba8c; }
.v2-os .logo { width:64px; height:64px; border-radius:18px; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; }
.v2-os h3 { font-weight:700; color:var(--v2-navy); }
.v2-dc-grid { max-width:1100px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.v2-dc { background:#fff; border:1px solid var(--v2-line); border-radius:18px; padding:26px; display:flex; gap:16px; align-items:flex-start; }
.v2-dc img { width:46px; height:34px; object-fit:cover; border-radius:6px; box-shadow:0 4px 10px -4px rgba(15,23,42,.4); flex-shrink:0; }
.v2-dc h3 { font-weight:700; color:var(--v2-navy); font-size:17px; }
.v2-dc p { color:#64748b; font-size:14px; line-height:1.6; margin-top:4px; }
/* accordion (product pages) */
.v2-faq-sec .accordion-item { border:1px solid var(--v2-line); box-shadow:none !important; border-radius:14px !important; transition:border-color .2s; }
.v2-faq-sec .accordion-item:hover, .v2-faq-sec .accordion-item.is-open { border-color:#fdba8c; }
.v2-faq-sec .accordion-header { font-size:17px !important; color:var(--v2-navy); }
.v2-faq-sec .accordion-header .icon, .v2-faq-sec .accordion-header svg { color:var(--v2-orange); flex-shrink:0; margin-left:16px; }
.v2-faq-sec .accordion-content { font-size:15px; line-height:1.7; }
/* dark upsell banner */
.v2-cta.dark .v2-cta-in { background:linear-gradient(120deg,#0f172a,#1e293b); }
.v2-cta.dark .v2-cta-in::before { background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px); }
.v2-cta.dark p { color:#94a3b8; }
.v2-cta.dark .v2-btn-white { color:var(--v2-navy); }
@media (max-width:1180px) { .v2-cards.four { grid-template-columns:repeat(2,1fr); max-width:820px; } }
@media (max-width:1024px) { .v2-dc-grid { grid-template-columns:1fr; max-width:560px; } }
@media (max-width:640px) { .v2-cards.four { grid-template-columns:1fr; max-width:480px; } .v2-os-grid { grid-template-columns:1fr 1fr; } .v2-toggle button { padding:9px 14px; font-size:13.5px; } }

/* Client-area mockup: real actions + plan resources */
.v2-specs { margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.v2-specs div { background:#f8fafc; border:1px solid #f1f5f9; border-radius:12px; padding:12px 10px; text-align:center; }
.v2-specs b { display:block; font-size:18px; font-weight:800; color:var(--v2-navy); }
.v2-specs span { font-size:12px; color:#64748b; }
.v2-actions4 { margin-top:16px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.v2-actions4 span { text-align:center; font-size:12.5px; font-weight:600; padding:9px 4px; border-radius:10px; border:1px solid var(--v2-line); color:var(--v2-navy); white-space:nowrap; }
.v2-upgrade { margin-top:10px; display:block; text-align:center; font-size:13.5px; font-weight:700; padding:11px; border-radius:10px; background:var(--v2-navy); color:#fff; }
@media (max-width:640px) { .v2-actions4 { grid-template-columns:1fr 1fr; } }

/* Linux page visual: SSH terminal */
.v2-shell { background:#0b1220; border:1px solid #1e293b; border-radius:18px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(15,23,42,.55),0 0 0 8px rgba(255,255,255,.6); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.v2-shell-bar { display:flex; align-items:center; gap:7px; padding:12px 16px; background:#111a2e; border-bottom:1px solid #1e293b; }
.v2-shell-bar i { width:11px; height:11px; border-radius:50%; display:block; }
.v2-shell-bar small { margin-left:10px; color:#64748b; font-size:12px; }
.v2-shell-body { padding:20px 22px 22px; font-size:13.5px; line-height:1.75; color:#cbd5e1; }
.v2-shell-body .p { color:#fb923c; } .v2-shell-body .g { color:#4ade80; } .v2-shell-body .m { color:#64748b; } .v2-shell-body .c { color:#7dd3fc; }
.v2-neo { display:grid; grid-template-columns:auto 1fr; gap:4px 18px; margin:10px 0 12px; padding:12px 14px; border:1px solid #1e293b; border-radius:12px; background:rgba(255,255,255,.02); }
.v2-neo b { color:#fb923c; font-weight:600; }
.v2-cursor { display:inline-block; width:8px; height:15px; background:#fb923c; vertical-align:-2px; animation:v2blink 1s steps(1) infinite; }
@keyframes v2blink { 50% { opacity:0; } }
.v2-distros { display:flex; gap:6px; align-items:center; }
.v2-distros i { width:18px; height:18px; border-radius:6px; display:block; }

/* Windows page visual: Remote Desktop window */
.v2-rdp { border-radius:16px; overflow:hidden; border:1px solid #cbd5e1; box-shadow:0 30px 60px -20px rgba(15,23,42,.45),0 0 0 8px rgba(255,255,255,.6); background:#fff; }
.v2-rdp-bar { display:flex; align-items:center; justify-content:space-between; padding:9px 14px; background:#f1f5f9; border-bottom:1px solid #e2e8f0; font-size:12px; color:#475569; font-weight:600; }
.v2-rdp-bar .ctl { display:flex; gap:14px; color:#94a3b8; font-weight:700; }
.v2-desk { position:relative; height:300px; background:radial-gradient(ellipse at 30% 20%,#3b82f6 0%,#1d4ed8 35%,#0b2a6b 80%); overflow:hidden; }
.v2-desk::after { content:""; position:absolute; width:420px; height:420px; right:-140px; bottom:-200px; border-radius:50%; background:radial-gradient(circle,rgba(125,211,252,.35),transparent 60%); }
.v2-icons { position:absolute; left:14px; top:14px; display:grid; gap:12px; z-index:1; }
.v2-icons div { width:62px; text-align:center; color:#fff; font-size:10.5px; font-family:'Segoe UI',Inter,sans-serif; text-shadow:0 1px 2px rgba(0,0,0,.6); }
.v2-icons span { display:flex; width:34px; height:34px; margin:0 auto 4px; border-radius:8px; align-items:center; justify-content:center; background:rgba(255,255,255,.18); font-size:17px; }
.v2-win { position:absolute; left:96px; right:18px; top:20px; background:#fff; border-radius:10px; box-shadow:0 18px 40px -12px rgba(0,0,0,.55); overflow:hidden; z-index:2; font-family:'Segoe UI',Inter,sans-serif; }
.v2-win-title { display:flex; justify-content:space-between; padding:8px 12px; font-size:12px; font-weight:600; color:#0f172a; border-bottom:1px solid #f1f5f9; }
.v2-win-title i { font-style:normal; color:#94a3b8; letter-spacing:8px; }
.v2-win-body { display:grid; grid-template-columns:96px 1fr; min-height:170px; }
.v2-win-side { background:#f8fafc; border-right:1px solid #f1f5f9; padding:10px 0; font-size:11px; color:#475569; }
.v2-win-side div { padding:6px 12px; } .v2-win-side .on { background:#e0edff; color:#1d4ed8; font-weight:700; border-left:3px solid #2563eb; }
.v2-win-main { padding:12px 14px; font-size:12px; color:#334155; }
.v2-win-main h5 { font-size:13px; font-weight:700; color:#0f172a; margin-bottom:8px; }
.v2-kv { display:grid; grid-template-columns:auto 1fr; gap:5px 14px; }
.v2-kv b { color:#64748b; font-weight:600; }
.v2-roles { margin-top:10px; display:flex; gap:6px; flex-wrap:wrap; }
.v2-roles span { background:#ecfdf5; color:#047857; border-radius:6px; padding:3px 8px; font-size:11px; font-weight:700; }
.v2-taskbar { position:absolute; left:0; right:0; bottom:0; height:38px; background:rgba(15,23,42,.85); backdrop-filter:blur(6px); display:flex; align-items:center; gap:10px; padding:0 12px; z-index:3; }
.v2-taskbar .start { width:24px; height:24px; display:flex; align-items:center; justify-content:center; }
.v2-taskbar .app { width:24px; height:24px; border-radius:6px; background:rgba(255,255,255,.15); }
.v2-taskbar .app.on { background:rgba(255,255,255,.3); box-shadow:inset 0 -2px 0 #60a5fa; }
.v2-taskbar .clock { margin-left:auto; color:#e2e8f0; font-size:11px; font-family:'Segoe UI',Inter,sans-serif; text-align:right; line-height:1.2; }
@media (max-width:640px) { .v2-icons { display:none; } .v2-win { left:12px; right:12px; } .v2-win-body { grid-template-columns:1fr; } .v2-win-side { display:none; } }

.v2-os-grid.three { grid-template-columns:repeat(3,1fr); max-width:760px; }
@media (max-width:640px) { .v2-os-grid.three { grid-template-columns:1fr; max-width:320px; } }

/* Windows page visual v2: realistic Windows Server 2022 RDP session */
.wsr { border-radius:12px; overflow:hidden; border:1px solid #1e293b; box-shadow:0 30px 60px -20px rgba(15,23,42,.55),0 0 0 8px rgba(255,255,255,.6); font-family:'Segoe UI','Segoe UI Variable',system-ui,sans-serif; }
.wsr-desk { position:relative; height:360px; background:linear-gradient(160deg,#04122e 0%,#06204d 45%,#0a2f6e 70%,#041530 100%); overflow:hidden; }
.wsr-desk::before { content:""; position:absolute; left:38%; top:-30%; width:70%; height:160%; background:linear-gradient(100deg,transparent 30%,rgba(96,165,250,.22) 48%,rgba(147,197,253,.35) 50%,rgba(96,165,250,.18) 53%,transparent 70%); transform:rotate(-8deg); }
.wsr-desk::after { content:""; position:absolute; left:52%; top:-20%; width:40%; height:150%; background:linear-gradient(100deg,transparent 40%,rgba(191,219,254,.18) 50%,transparent 60%); transform:rotate(-14deg); }
.wsr-rdpbar { position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:5; background:#e5e7eb; border:1px solid #9ca3af; border-top:0; border-radius:0 0 6px 6px; padding:3px 10px; display:flex; align-items:center; gap:14px; font-size:10.5px; color:#111827; box-shadow:0 2px 6px rgba(0,0,0,.35); white-space:nowrap; }
.wsr-rdpbar b { font-weight:600; }
.wsr-rdpbar span { color:#374151; letter-spacing:6px; }
.wsr-icons { position:absolute; left:10px; top:22px; z-index:1; display:grid; gap:14px; }
.wsr-icon { width:62px; text-align:center; color:#fff; font-size:10.5px; text-shadow:0 1px 2px rgba(0,0,0,.8); }
.wsr-icon svg { display:block; margin:0 auto 3px; }
.wsr-win { position:absolute; left:84px; right:14px; top:24px; bottom:52px; z-index:2; background:#fff; border:1px solid #2563eb; box-shadow:0 12px 32px rgba(0,0,0,.55); display:flex; flex-direction:column; font-size:11px; color:#1f2937; }
.wsr-title { display:flex; align-items:center; justify-content:space-between; height:26px; padding-left:8px; font-size:11px; color:#111; }
.wsr-title .t { display:flex; align-items:center; gap:6px; }
.wsr-title .ctl { display:flex; height:100%; }
.wsr-title .ctl i { width:34px; display:flex; align-items:center; justify-content:center; font-style:normal; color:#333; font-size:11px; }
.wsr-title .ctl i:last-child:hover { background:#e81123; color:#fff; }
.wsr-tool { display:flex; align-items:center; justify-content:space-between; padding:6px 10px 8px; border-bottom:1px solid #e5e7eb; }
.wsr-crumb { font-size:13.5px; font-weight:300; color:#1f2937; display:flex; align-items:center; gap:6px; white-space:nowrap; }
.wsr-crumb .nav { color:#9ca3af; font-size:12px; letter-spacing:4px; }
.wsr-crumb b { font-weight:600; }
.wsr-menu { display:flex; gap:10px; font-size:10.5px; color:#1f2937; white-space:nowrap; }
.wsr-body { flex:1; display:grid; grid-template-columns:118px 1fr; min-height:0; }
.wsr-nav { background:#f3f4f6; border-right:1px solid #e5e7eb; padding:6px 0; }
.wsr-nav div { display:flex; align-items:center; gap:6px; padding:5px 8px; font-size:10.5px; color:#374151; white-space:nowrap; }
.wsr-nav div i { width:12px; height:12px; border-radius:2px; display:block; flex-shrink:0; }
.wsr-nav .on { background:#cce4f7; color:#000; }
.wsr-main { padding:8px 12px; overflow:hidden; }
.wsr-h { font-size:10px; letter-spacing:.06em; color:#6b7280; text-transform:uppercase; border-bottom:1px solid #e5e7eb; padding-bottom:4px; margin-bottom:6px; }
.wsr-h b { color:#111827; font-weight:600; letter-spacing:0; text-transform:none; font-size:11px; }
.wsr-props { display:grid; grid-template-columns:auto 1fr; gap:3px 14px; }
.wsr-props dt { color:#4b5563; white-space:nowrap; }
.wsr-props dd { color:#0b63c4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wsr-task { position:absolute; left:0; right:0; bottom:0; height:40px; z-index:4; background:rgba(16,16,20,.94); display:flex; align-items:center; }
.wsr-task .b { width:44px; height:40px; display:flex; align-items:center; justify-content:center; }
.wsr-task .b.on { background:rgba(255,255,255,.1); box-shadow:inset 0 -2px 0 #60a5fa; }
.wsr-tray { margin-left:auto; display:flex; align-items:center; gap:10px; padding-right:10px; color:#e5e7eb; }
.wsr-clock { text-align:center; font-size:10.5px; line-height:1.3; }
@media (max-width:640px) { .wsr-desk { height:330px; } .wsr-icons { display:none; } .wsr-win { left:10px; right:10px; } .wsr-body { grid-template-columns:1fr; } .wsr-nav, .wsr-menu { display:none; } .wsr-task .b:nth-child(n+5) { display:none; } }

.v2-float { z-index:10; }

/* Storage page visual: capacity dashboard */
.v2-stor { background:#fff; border:1px solid var(--v2-line); border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(15,23,42,.25),0 0 0 8px rgba(255,255,255,.6); }
.v2-stor-body { padding:22px; }
.v2-stor-top { display:flex; justify-content:space-between; align-items:flex-end; }
.v2-stor-top h4 { font-weight:700; color:var(--v2-navy); font-size:16px; }
.v2-stor-top p { color:#94a3b8; font-size:12.5px; margin-top:2px; }
.v2-stor-top .big { text-align:right; } .v2-stor-top .big b { font-size:26px; font-weight:800; color:var(--v2-navy); letter-spacing:-.02em; } .v2-stor-top .big span { color:#94a3b8; font-size:13px; }
.v2-cap { margin-top:14px; height:14px; border-radius:99px; background:#f1f5f9; display:flex; overflow:hidden; }
.v2-cap i { display:block; height:100%; }
.v2-legend { margin-top:10px; display:flex; flex-wrap:wrap; gap:14px; font-size:12px; color:#475569; }
.v2-legend span { display:inline-flex; align-items:center; gap:6px; } .v2-legend i { width:9px; height:9px; border-radius:3px; display:block; }
.v2-files { margin-top:16px; border:1px solid #f1f5f9; border-radius:12px; overflow:hidden; }
.v2-files div { display:flex; align-items:center; gap:10px; padding:9px 12px; font-size:13px; color:var(--v2-navy); }
.v2-files div + div { border-top:1px solid #f1f5f9; }
.v2-files em { font-style:normal; margin-left:auto; color:#64748b; font-size:12.5px; font-variant-numeric:tabular-nums; }
.v2-files .fi { width:26px; height:26px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:13px; }
.v2-prog { height:4px; border-radius:99px; background:#1e293b; margin-top:6px; overflow:hidden; } .v2-prog span { display:block; height:100%; width:100%; background:linear-gradient(90deg,#4ade80,#22c55e); animation:v2grow 1.6s ease-out both; }

/* Windows Storage visual: File Explorer "This PC" inside the RDP desktop */
.wex-addr { display:flex; align-items:center; gap:8px; padding:6px 10px; border-bottom:1px solid #e5e7eb; font-size:11px; color:#374151; }
.wex-addr .box { flex:1; border:1px solid #d1d5db; padding:3px 8px; color:#111827; }
.wex-addr .nav { color:#9ca3af; letter-spacing:4px; }
.wex-sec { font-size:11px; color:#1e3a8a; font-weight:600; margin:2px 0 8px; }
.wex-drives { display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; }
.wex-drive { display:flex; gap:8px; align-items:flex-start; }
.wex-drive svg { flex-shrink:0; }
.wex-drive b { display:block; font-weight:400; color:#111827; font-size:11px; white-space:nowrap; }
.wex-bar { margin:3px 0 2px; height:12px; border:1px solid #bcbcbc; background:#e6e6e6; }
.wex-bar span { display:block; height:100%; background:#26a0da; }
.wex-drive small { color:#6b7280; font-size:10px; white-space:nowrap; }
.wex-folders { margin-top:12px; display:flex; gap:14px; }
.wex-folders div { text-align:center; font-size:10px; color:#111827; }
@media (max-width:640px) { .wex-drives { grid-template-columns:1fr; } }

.v2-h1.v2-h1-long { font-size:46px; }
@media (max-width:640px) { .v2-h1.v2-h1-long { font-size:34px; } }

/* Web hosting visual: cPanel-style dashboard */
.cp { border-radius:16px; overflow:hidden; border:1px solid var(--v2-line); box-shadow:0 30px 60px -20px rgba(15,23,42,.3),0 0 0 8px rgba(255,255,255,.6); background:#f4f6f9; display:grid; grid-template-columns:46px 1fr; font-size:11.5px; }
.cp-side { background:#1f2a44; display:flex; flex-direction:column; align-items:center; gap:14px; padding:12px 0; }
.cp-side i { width:20px; height:20px; border-radius:5px; background:rgba(255,255,255,.14); display:block; }
.cp-side i.logo { background:#ff6c2c; border-radius:6px; }
.cp-side i.on { background:#5aa1ff; }
.cp-top { display:flex; align-items:center; gap:10px; padding:10px 12px; background:#fff; border-bottom:1px solid #e5e7eb; }
.cp-top b { color:#1f2a44; font-size:13px; }
.cp-search { flex:1; border:1px solid #d1d5db; border-radius:6px; padding:5px 9px; color:#9ca3af; }
.cp-user { color:#475569; white-space:nowrap; }
.cp-main { display:grid; grid-template-columns:1fr 132px; gap:10px; padding:12px; }
.cp-group { background:#fff; border:1px solid #e5e7eb; border-radius:8px; margin-bottom:8px; }
.cp-group h6 { font-size:11px; font-weight:700; color:#1f2a44; padding:7px 10px; border-bottom:1px solid #f1f5f9; }
.cp-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:8px 10px; }
.cp-tools span { display:flex; align-items:center; gap:6px; color:#1d4ed8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:10.5px; }
.cp-tools span i { width:16px; height:16px; border-radius:4px; flex-shrink:0; display:block; }
.cp-stats { background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:9px; }
.cp-stats h6 { font-size:11px; font-weight:700; color:#1f2a44; margin-bottom:6px; }
.cp-stat { margin-bottom:8px; color:#475569; font-size:10.5px; }
.cp-stat b { display:block; color:#111827; font-size:11px; }
.cp-stat .bar { height:6px; background:#e5e7eb; border-radius:4px; margin-top:3px; overflow:hidden; } .cp-stat .bar span { display:block; height:100%; background:#2bb673; }
/* comparison table */
.v2-table-wrap { max-width:980px; margin:0 auto; padding:0 20px; overflow-x:auto; }
.v2-table { width:100%; border-collapse:separate; border-spacing:0; background:#fff; border:1px solid var(--v2-line); border-radius:18px; overflow:hidden; font-size:15px; min-width:560px; }
.v2-table th, .v2-table td { padding:14px 18px; text-align:center; border-bottom:1px solid #f1f5f9; }
.v2-table th { font-weight:800; color:var(--v2-navy); background:#f8fafc; }
.v2-table td:first-child, .v2-table th:first-child { text-align:left; color:#475569; font-weight:600; }
.v2-table .hl { background:#fff7f2; color:var(--v2-navy); font-weight:700; }
.v2-table th.hl { background:var(--v2-navy); color:#fff; }
.v2-table tr:last-child td { border-bottom:0; }
.v2-table .yes { color:#16a34a; font-weight:800; } .v2-table .no { color:#cbd5e1; }
@media (max-width:640px) { .cp-main { grid-template-columns:1fr; } .cp-stats { display:none; } .cp-tools { grid-template-columns:1fr 1fr; } .cp-user { display:none; } }

/* WordPress page visual: WP Toolkit site card */
.wpt { background:#fff; border:1px solid var(--v2-line); border-radius:18px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(15,23,42,.28),0 0 0 8px rgba(255,255,255,.6); font-size:12.5px; }
.wpt-head { display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid #f1f5f9; }
.wpt-head .wp { width:26px; height:26px; border-radius:50%; background:#2271b1; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-family:Georgia,serif; font-size:15px; }
.wpt-head b { color:var(--v2-navy); font-size:14px; } .wpt-head small { display:block; color:#64748b; font-size:11.5px; }
.wpt-head .ok { margin-left:auto; font-size:11px; font-weight:700; color:#15803d; background:#dcfce7; padding:4px 10px; border-radius:999px; }
.wpt-body { display:grid; grid-template-columns:150px 1fr; gap:14px; padding:14px 16px; }
.wpt-shot { border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; background:#f8fafc; }
.wpt-shot .bar { height:10px; background:#e5e7eb; } .wpt-shot .hero { height:46px; background:linear-gradient(120deg,#1e293b,#334155); } .wpt-shot .l { height:6px; margin:7px 8px 0; border-radius:3px; background:#e2e8f0; } .wpt-shot .l.s { width:55%; }
.wpt-info { display:grid; gap:7px; }
.wpt-row { display:flex; justify-content:space-between; align-items:center; color:#475569; }
.wpt-row b { color:var(--v2-navy); font-weight:600; }
.wpt-pill { font-size:11px; font-weight:700; padding:2px 9px; border-radius:999px; }
.wpt-pill.g { background:#dcfce7; color:#15803d; } .wpt-pill.b { background:#dbeafe; color:#1d4ed8; }
.wpt-tg { display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; padding:12px 16px; border-top:1px solid #f1f5f9; }
.wpt-tg div { display:flex; justify-content:space-between; align-items:center; color:#334155; }
.wpt-sw { width:30px; height:17px; border-radius:99px; background:#cbd5e1; position:relative; flex-shrink:0; }
.wpt-sw::after { content:""; position:absolute; top:2px; left:2px; width:13px; height:13px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); }
.wpt-sw.on { background:#2271b1; } .wpt-sw.on::after { left:15px; }
.wpt-actions { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:0 16px 14px; }
.wpt-actions span { text-align:center; padding:8px 4px; border-radius:9px; border:1px solid var(--v2-line); font-weight:600; color:var(--v2-navy); font-size:12px; white-space:nowrap; }
.wpt-actions span.p { background:#2271b1; border-color:#2271b1; color:#fff; }
@media (max-width:640px) { .wpt-body { grid-template-columns:1fr; } .wpt-shot { display:none; } .wpt-tg { grid-template-columns:1fr; } .wpt-actions { grid-template-columns:1fr 1fr; } }

/* Dedicated page visual: bare-metal 1U server + hardware panel */
.bm { background:#fff; border:1px solid var(--v2-line); border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(15,23,42,.3),0 0 0 8px rgba(255,255,255,.6); }
.bm-rack { background:linear-gradient(180deg,#0f172a,#1e293b); padding:22px 20px 18px; }
.bm-unit { position:relative; height:58px; border-radius:6px; background:linear-gradient(180deg,#334155,#1f2937); border:1px solid #475569; box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 6px 14px rgba(0,0,0,.45); display:flex; align-items:center; padding:0 12px; gap:10px; }
.bm-unit + .bm-unit { margin-top:8px; opacity:.55; }
.bm-ear { width:10px; height:40px; border-radius:2px; background:#64748b; display:flex; flex-direction:column; justify-content:space-around; align-items:center; }
.bm-ear i { width:4px; height:4px; border-radius:50%; background:#0f172a; display:block; }
.bm-bays { flex:1; display:grid; grid-template-columns:repeat(8,1fr); gap:4px; }
.bm-bays span { height:36px; border-radius:3px; background:linear-gradient(180deg,#111827,#1f2937); border:1px solid #374151; position:relative; }
.bm-bays span::after { content:""; position:absolute; right:4px; top:5px; width:4px; height:4px; border-radius:50%; background:#22c55e; box-shadow:0 0 6px #22c55e; animation:v2blink 1.6s steps(1) infinite; }
.bm-bays span:nth-child(3n)::after { animation-delay:.5s; } .bm-bays span:nth-child(4n)::after { background:#38bdf8; box-shadow:0 0 6px #38bdf8; animation-delay:.9s; }
.bm-bays span.empty::after { display:none; }
.bm-leds { display:flex; flex-direction:column; gap:5px; align-items:center; }
.bm-leds i { width:7px; height:7px; border-radius:50%; display:block; }
.bm-label { margin-top:12px; display:flex; justify-content:space-between; color:#94a3b8; font-size:11.5px; font-family:ui-monospace,Consolas,monospace; }
.bm-label b { color:#e2e8f0; font-weight:600; }
.bm-body { padding:18px 20px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.bm-stat { border:1px solid #f1f5f9; background:#f8fafc; border-radius:12px; padding:10px 12px; }
.bm-stat small { display:block; color:#64748b; font-size:11.5px; }
.bm-stat b { color:var(--v2-navy); font-size:13.5px; font-weight:700; }
.bm-stat.ok b { color:#15803d; }
@media (max-width:640px) { .bm-bays { grid-template-columns:repeat(6,1fr); } .bm-bays span:nth-child(n+7) { display:none; } .bm-body { grid-template-columns:1fr; } }

/* About page visual: company profile card */
.v2-co { background:#fff; border:1px solid var(--v2-line); border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(15,23,42,.28),0 0 0 8px rgba(255,255,255,.6); }
.v2-co-top { background:linear-gradient(120deg,#0f172a,#1e293b); color:#fff; padding:20px 22px; display:flex; align-items:center; gap:14px; }
.v2-co-top .lg { width:46px; height:46px; border-radius:12px; background:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.v2-co-top b { font-size:16px; } .v2-co-top small { display:block; color:#94a3b8; font-size:12.5px; margin-top:2px; }
.v2-co-facts { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #f1f5f9; }
.v2-co-facts div { padding:14px 12px; text-align:center; } .v2-co-facts div + div { border-left:1px solid #f1f5f9; }
.v2-co-facts b { display:block; font-size:18px; font-weight:800; color:var(--v2-navy); } .v2-co-facts span { font-size:12px; color:#64748b; }
.v2-founder { padding:18px 22px; display:flex; gap:14px; align-items:flex-start; }
.v2-founder .av { width:48px; height:48px; border-radius:50%; background:#fff1e8; color:var(--v2-orange-dark); font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:16px; }
.v2-founder b { color:var(--v2-navy); font-size:15px; } .v2-founder small { display:block; color:#64748b; font-size:12.5px; }
.v2-certs { margin-top:10px; display:flex; flex-wrap:wrap; gap:6px; }
.v2-certs span { background:#fff7f2; color:var(--v2-orange-dark); border:1px solid #fde0cf; font-size:11.5px; font-weight:700; padding:3px 9px; border-radius:999px; }
/* split content section */
.v2-split { max-width:1200px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.v2-split h2 { font-size:36px; font-weight:800; letter-spacing:-.02em; color:var(--v2-navy); line-height:1.15; }
.v2-split p { color:#475569; font-size:16.5px; line-height:1.75; margin-top:16px; }
.v2-split p a { color:var(--v2-orange-dark); font-weight:600; }
.v2-photo { border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -24px rgba(15,23,42,.35); }
.v2-photo img { width:100%; display:block; }
.v2-checks { margin-top:20px; display:grid; gap:12px; }
.v2-checks li { display:flex; gap:10px; align-items:flex-start; color:#334155; font-size:15.5px; }
.v2-checks li::before { content:"✓"; width:22px; height:22px; flex-shrink:0; border-radius:50%; background:#fff1e8; color:var(--v2-orange-dark); font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; margin-top:1px; }
/* contact */
.v2-chat { background:#fff; border:1px solid var(--v2-line); border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(15,23,42,.28),0 0 0 8px rgba(255,255,255,.6); }
.v2-chat-head { display:flex; align-items:center; gap:10px; padding:14px 18px; background:var(--v2-orange); color:#fff; }
.v2-chat-head .av { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.25); display:flex; align-items:center; justify-content:center; font-weight:800; }
.v2-chat-head b { font-size:14.5px; } .v2-chat-head small { display:block; font-size:12px; color:#ffedd5; }
.v2-chat-body { padding:18px; display:grid; gap:10px; background:#f8fafc; }
.v2-msg { max-width:82%; padding:10px 14px; border-radius:16px; font-size:13.5px; line-height:1.5; }
.v2-msg.them { background:#fff; border:1px solid var(--v2-line); color:#334155; border-bottom-left-radius:4px; }
.v2-msg.me { background:var(--v2-navy); color:#fff; justify-self:end; border-bottom-right-radius:4px; }
.v2-msg small { display:block; font-size:10.5px; opacity:.6; margin-top:4px; }
.v2-chat-input { display:flex; gap:8px; padding:12px 14px; border-top:1px solid #f1f5f9; background:#fff; }
.v2-chat-input span { flex:1; border:1px solid var(--v2-line); border-radius:10px; padding:9px 12px; color:#94a3b8; font-size:13px; }
.v2-chat-input i { width:38px; border-radius:10px; background:var(--v2-orange); display:flex; align-items:center; justify-content:center; color:#fff; font-style:normal; }
.v2-ways { max-width:1200px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.v2-way { background:#fff; border:1px solid var(--v2-line); border-radius:18px; padding:24px; display:flex; flex-direction:column; transition:transform .2s, border-color .2s; }
.v2-way:hover { transform:translateY(-3px); border-color:#fdba8c; }
.v2-way .ic { width:44px; height:44px; border-radius:12px; background:#fff1e8; color:var(--v2-orange-dark); display:flex; align-items:center; justify-content:center; }
.v2-way h3 { margin-top:14px; font-weight:700; color:var(--v2-navy); font-size:17px; }
.v2-way p { color:#64748b; font-size:14px; line-height:1.6; margin-top:4px; flex:1; }
.v2-way a { color:var(--v2-orange-dark); font-weight:700; font-size:14.5px; margin-top:12px; word-break:break-word; }
.v2-way .lines { margin-top:8px; display:grid; gap:4px; font-size:14px; color:#475569; } .v2-way .lines a { margin-top:0; font-size:14px; }
.v2-form-wrap { max-width:1100px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:start; }
.v2-form { background:#fff; border:1px solid var(--v2-line); border-radius:20px; padding:30px; box-shadow:0 24px 48px -28px rgba(15,23,42,.3); }
.v2-form label { display:block; font-size:13.5px; font-weight:600; color:#334155; margin-bottom:6px; }
.v2-form input, .v2-form textarea { width:100%; border:1px solid #d7dde6; border-radius:12px; padding:12px 14px; font-size:15px; color:var(--v2-navy); background:#fff; outline:none; transition:border-color .15s, box-shadow .15s; }
.v2-form input:focus, .v2-form textarea:focus { border-color:var(--v2-orange); box-shadow:0 0 0 3px rgba(241,114,47,.15); }
.v2-form .row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.v2-form .full { margin-bottom:16px; }
.v2-form button { width:100%; justify-content:center; border:0; cursor:pointer; }
.v2-alert { padding:12px 14px; border-radius:12px; font-size:14px; margin-bottom:16px; }
.v2-alert.ok { background:#dcfce7; color:#166534; border:1px solid #86efac; } .v2-alert.err { background:#fee2e2; color:#991b1b; border:1px solid #fca5a5; }
.v2-map { max-width:1200px; margin:0 auto; padding:0 20px; }
.v2-map iframe { width:100%; height:380px; border:0; border-radius:20px; display:block; }
@media (max-width:1024px) { .v2-split, .v2-form-wrap { grid-template-columns:1fr; gap:36px; } .v2-ways { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) { .v2-ways { grid-template-columns:1fr; } .v2-form .row { grid-template-columns:1fr; } .v2-split h2 { font-size:28px; } .v2-co-facts b { font-size:15px; } }

/* Domain pages */
.v2-hero .v2-search { max-width:560px; margin-top:28px; }
.v2-hero .v2-tlds { justify-content:flex-start; }
.v2-dres { background:#fff; border:1px solid var(--v2-line); border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(15,23,42,.28),0 0 0 8px rgba(255,255,255,.6); }
.v2-dres-q { padding:14px 18px; border-bottom:1px solid #f1f5f9; display:flex; align-items:center; gap:10px; color:#64748b; font-size:13.5px; }
.v2-dres-q b { color:var(--v2-navy); }
.v2-drow { display:flex; align-items:center; gap:12px; padding:13px 18px; font-size:14.5px; }
.v2-drow + .v2-drow { border-top:1px solid #f1f5f9; }
.v2-drow .nm { font-weight:700; color:var(--v2-navy); flex:1; }
.v2-drow .st { font-size:12px; font-weight:700; padding:3px 9px; border-radius:999px; }
.v2-drow .st.ok { background:#dcfce7; color:#15803d; } .v2-drow .st.no { background:#fee2e2; color:#b91c1c; }
.v2-drow .pr { min-width:86px; text-align:right; font-weight:700; color:var(--v2-navy); } .v2-drow .pr small { color:#94a3b8; font-weight:500; }
.v2-drow .add { font-size:12.5px; font-weight:700; padding:7px 12px; border-radius:9px; background:var(--v2-orange); color:#fff; white-space:nowrap; }
.v2-drow .add.off { background:#f1f5f9; color:#94a3b8; }
.v2-drow.best { background:#fff7f2; }
/* transfer tracker */
.v2-trk { background:#fff; border:1px solid var(--v2-line); border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(15,23,42,.28),0 0 0 8px rgba(255,255,255,.6); }
.v2-trk-top { padding:18px 20px; background:linear-gradient(120deg,#0f172a,#1e293b); color:#fff; display:flex; align-items:center; gap:12px; }
.v2-trk-top b { font-size:16px; } .v2-trk-top small { display:block; color:#94a3b8; font-size:12.5px; }
.v2-trk-top .arrow { margin-left:auto; display:flex; align-items:center; gap:8px; font-size:12.5px; color:#cbd5e1; }
.v2-trk-top .arrow em { font-style:normal; background:var(--v2-orange); color:#fff; padding:3px 9px; border-radius:999px; font-weight:700; }
.v2-steps { padding:18px 20px 6px; }
.v2-step { display:flex; gap:12px; position:relative; padding-bottom:16px; }
.v2-step:not(:last-child)::before { content:""; position:absolute; left:13px; top:28px; bottom:0; width:2px; background:#e2e8f0; }
.v2-step.done:not(:last-child)::before { background:#86efac; }
.v2-step .n { width:28px; height:28px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; background:#f1f5f9; color:#64748b; position:relative; z-index:1; }
.v2-step.done .n { background:#dcfce7; color:#15803d; } .v2-step.now .n { background:var(--v2-orange); color:#fff; box-shadow:0 0 0 5px rgba(241,114,47,.18); }
.v2-step b { display:block; color:var(--v2-navy); font-size:14.5px; } .v2-step small { color:#64748b; font-size:12.5px; }
.v2-trk-bar { margin:0 20px 18px; } .v2-trk-bar .t { display:flex; justify-content:space-between; font-size:12.5px; color:#475569; font-weight:600; }
.v2-trk-bar .b { margin-top:6px; height:8px; border-radius:99px; background:#f1f5f9; overflow:hidden; } .v2-trk-bar .b span { display:block; height:100%; width:75%; border-radius:99px; background:linear-gradient(90deg,#f1722f,#fb923c); }
/* numbered step cards */
.v2-howto { max-width:1100px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.v2-how { background:#fff; border:1px solid var(--v2-line); border-radius:18px; padding:26px; position:relative; }
.v2-how .num { width:44px; height:44px; border-radius:12px; background:var(--v2-navy); color:#fff; font-weight:800; font-size:18px; display:flex; align-items:center; justify-content:center; }
.v2-how h3 { margin-top:14px; font-weight:700; color:var(--v2-navy); font-size:17px; }
.v2-how p { color:#64748b; font-size:14.5px; line-height:1.6; margin-top:4px; }
.v2-feat-grid.four { grid-template-columns:repeat(4,1fr); }
@media (max-width:1024px) { .v2-howto { grid-template-columns:1fr; max-width:560px; } .v2-feat-grid.four { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) { .v2-feat-grid.four { grid-template-columns:1fr; } .v2-drow { flex-wrap:wrap; row-gap:8px; } .v2-drow .nm { flex-basis:100%; } .v2-drow .pr { margin-left:auto; } .v2-hero .v2-search { flex-direction:row; } }

/* let hero columns shrink below their content's natural width (fixes clipped search box on phones) */
.v2-wrap > * { min-width:0; }
.v2-search input { width:100%; }

/* Register button is a small form that posts the domain into the WHMCS cart */
.v2-drow form { margin:0; }
.v2-drow button.add { border:0; cursor:pointer; font-family:inherit; line-height:inherit; }
.v2-drow button.add:hover { background:var(--v2-orange-dark); }