:root {
    --ink: #111b38;
    --graphite: #263454;
    --muted: #64748b;
    --canvas: #f3f6fc;
    --panel: #ffffff;
    --line: #dce3ef;
    --line-dark: rgba(255, 254, 250, .14);
    --emerald: #6155d8;
    --emerald-bright: #a5b4fc;
    --amber: #c88419;
    --coral: #d95f45;
    --violet: #6654d9;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    background: var(--canvas);
    color: var(--ink);
    font-family: Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1,
h2,
h3,
.display-font {
    font-family: Sora, Manrope, ui-sans-serif, system-ui, sans-serif;
    letter-spacing: 0;
}

a,
button,
summary,
input,
textarea {
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, opacity .2s ease, transform .2s ease;
}

button,
input,
textarea,
select {
    font: inherit;
}

input,
textarea {
    border-radius: .85rem;
}

input:focus,
textarea:focus {
    border-color: var(--emerald);
    box-shadow: 0 0 0 4px rgba(17, 136, 91, .14);
    outline: none;
}

::selection {
    background: rgba(85, 216, 142, .3);
}

.site-shell {
    min-height: 100vh;
    background:
        linear-gradient(90deg, rgba(17, 136, 91, .04) 1px, transparent 1px),
        linear-gradient(180deg, rgba(17, 136, 91, .04) 1px, transparent 1px),
        var(--canvas);
    background-size: 44px 44px;
}

.brand-mark {
    display: grid;
    height: 2.35rem;
    width: 2.35rem;
    place-items: center;
    border-radius: .8rem;
    color: #ffffff;
    background:
        linear-gradient(135deg, rgba(85, 216, 142, .28), transparent 42%),
        #111b38;
    box-shadow: inset 0 0 0 1px rgba(255, 254, 250, .12), 0 14px 26px rgba(17, 21, 19, .16);
}

.nav-link {
    position: relative;
    color: #4c554f;
}

.nav-link:hover,
.nav-link.is-active {
    color: var(--ink);
}

.nav-link.is-active::after,
.nav-link:hover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.55rem;
    height: 2px;
    border-radius: 999px;
    background: var(--emerald);
}

.hamburger-btn {
    display: inline-flex;
    height: 2.6rem;
    width: 2.6rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid var(--line);
    border-radius: .8rem;
    background: rgba(255, 254, 250, .82);
}

.hamburger-btn span {
    display: block;
    height: 2px;
    width: 1.15rem;
    border-radius: 999px;
    background: var(--ink);
    transform-origin: center;
}

.hamburger-btn[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.hamburger-btn[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.hamburger-btn[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.mobile-menu a {
    border-radius: .8rem;
    padding: .75rem .9rem;
}

.page-band {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(17, 21, 19, .08);
    background:
        radial-gradient(circle at 78% 12%, rgba(85, 216, 142, .18), transparent 32%),
        radial-gradient(circle at 6% 20%, rgba(200, 132, 25, .16), transparent 28%),
        linear-gradient(135deg, #ffffff, #efeadc);
}

.hero-slider {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(125deg, rgba(17, 21, 19, .96), rgba(29, 35, 31, .94) 52%, rgba(61, 50, 26, .9)),
        url("images/cyberviro-security-suite.svg") right center / min(760px, 70vw) no-repeat;
}

.hero-slider::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(255, 254, 250, .06) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 254, 250, .05) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.hero-slide {
    display: none;
    animation: fadeSlide .55s ease both;
}

.hero-slide.is-active {
    display: block;
}

.slider-dot {
    height: 10px;
    width: 10px;
    border-radius: 999px;
    background: rgba(255, 254, 250, .38);
}

.slider-dot.is-active {
    width: 36px;
    background: var(--emerald-bright);
}

.hero-visual {
    position: relative;
    min-height: 430px;
}

.scan-card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line-dark);
    border-radius: 1.4rem;
    background: linear-gradient(180deg, rgba(255, 254, 250, .12), rgba(255, 254, 250, .05));
    box-shadow: 0 30px 80px rgba(0, 0, 0, .34);
    backdrop-filter: blur(18px);
}

.scan-card::after {
    content: "";
    position: absolute;
    inset: -45% 0 auto;
    height: 65%;
    background: linear-gradient(180deg, transparent, rgba(85, 216, 142, .16), transparent);
    animation: scan 4.6s linear infinite;
}

.signal-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid rgba(255, 254, 250, .1);
    border-radius: 1rem;
    background: rgba(255, 254, 250, .08);
    padding: .85rem;
}

.signal-bars span {
    display: block;
    height: .45rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--emerald-bright), var(--amber));
}

.eyebrow,
.page-kicker {
    color: var(--emerald);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.page-title {
    color: var(--ink);
    font-size: clamp(2.45rem, 5vw, 4.6rem);
    font-weight: 800;
    line-height: 1.02;
}

.accent {
    color: var(--emerald);
}

.section-heading {
    margin-inline: auto;
    max-width: 760px;
    text-align: center;
}

.section-heading h2 {
    margin-top: .8rem;
    color: var(--ink);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    line-height: 1.08;
}

.section-heading span {
    display: block;
    margin-top: 1rem;
    color: var(--muted);
    line-height: 1.75;
}

.section-heading-dark .eyebrow,
.section-heading-dark p {
    color: var(--emerald-bright);
}

.section-heading-dark h2 {
    color: #ffffff;
}

.section-heading-dark span {
    color: rgba(255, 254, 250, .72);
}

.soft-section {
    background: linear-gradient(180deg, rgba(255, 254, 250, .74), rgba(239, 234, 220, .78));
}

.dark-section {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(255, 254, 250, .05) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 254, 250, .04) 1px, transparent 1px),
        #111b38;
    background-size: 48px 48px;
    color: #ffffff;
}

.glass-card,
.product-card,
.feature-card,
.step-card,
.testimonial-card,
.review-panel,
.review-list-card,
.faq-item,
.policy-card {
    border: 1px solid rgba(17, 21, 19, .1);
    border-radius: 1.15rem;
    background: rgba(255, 254, 250, .9);
    box-shadow: 0 18px 45px rgba(44, 38, 23, .08);
}

.product-card,
.feature-card,
.step-card,
.testimonial-card,
.policy-card {
    padding: 1.35rem;
}

.product-card {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.product-card:hover,
.feature-card:hover,
.step-card:hover,
.testimonial-card:hover,
.review-list-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 55px rgba(44, 38, 23, .12);
}

.product-card.is-featured {
    border-color: rgba(17, 136, 91, .36);
    box-shadow: 0 24px 60px rgba(17, 136, 91, .16);
}

.badge-pill,
.ribbon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(17, 136, 91, .22);
    border-radius: 999px;
    background: rgba(85, 216, 142, .14);
    color: #4338a5;
    padding: .38rem .72rem;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ribbon {
    position: absolute;
    right: 1.1rem;
    top: 1rem;
}

.icon-tile,
.review-list-card strong,
.feature-card span,
.support-row span {
    display: grid;
    height: 2.55rem;
    width: 2.55rem;
    flex: 0 0 2.55rem;
    place-items: center;
    border-radius: .9rem;
    background: #111b38;
    color: var(--emerald-bright);
    font-weight: 800;
}

.feature-card h2,
.feature-card h3,
.step-card h3,
.testimonial-card figcaption {
    margin-top: 1rem;
    color: var(--ink);
    font-size: 1.04rem;
    font-weight: 800;
}

.feature-card p,
.step-card p,
.testimonial-card blockquote,
.review-list-card p,
.policy-card p {
    margin-top: .55rem;
    color: var(--muted);
    font-size: .92rem;
    line-height: 1.68;
}

.review-list-card {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.05rem;
}

.review-list-card > div {
    min-width: 0;
}

.review-list-card a,
.review-list-card div {
    overflow-wrap: anywhere;
}

.metric-tile {
    border: 1px solid rgba(255, 254, 250, .14);
    border-radius: 1rem;
    background: rgba(255, 254, 250, .08);
    padding: 1rem;
    backdrop-filter: blur(12px);
}

.metric-tile strong {
    display: block;
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 800;
}

.metric-tile span {
    display: block;
    margin-top: .25rem;
    color: rgba(255, 254, 250, .68);
    font-size: .76rem;
    font-weight: 700;
}

.btn-primary,
.btn-secondary,
.outline-blue-btn,
.visit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    border-radius: .9rem;
    padding: .82rem 1.15rem;
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.2;
}

.btn-primary,
.visit-btn-red {
    border: 1px solid #111b38;
    background: #111b38;
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(17, 21, 19, .18);
}

.btn-primary:hover,
.visit-btn-red:hover {
    background: #23315a;
    transform: translateY(-2px);
}

.btn-secondary,
.outline-blue-btn,
.visit-btn {
    border: 1px solid var(--line);
    background: rgba(255, 254, 250, .86);
    color: var(--ink);
}

.btn-secondary:hover,
.outline-blue-btn:hover,
.visit-btn:hover {
    border-color: rgba(17, 136, 91, .4);
    background: rgba(85, 216, 142, .14);
    transform: translateY(-2px);
}

.product-image-panel {
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(17, 21, 19, .08);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 28% 18%, rgba(85, 216, 142, .18), transparent 34%),
        radial-gradient(circle at 82% 70%, rgba(200, 132, 25, .13), transparent 32%),
        #f8f5e9;
}

.product-image {
    width: auto;
    max-width: 90%;
    height: auto;
    max-height: 96%;
    object-fit: contain;
    filter: drop-shadow(0 18px 22px rgba(17, 21, 19, .18));
}

.product-image-card {
    height: 210px;
    max-width: 96%;
}

.product-image-detail {
    width: 100%;
    height: 320px;
    max-width: 100%;
}

.product-image-cart {
    height: 76px;
    max-width: 96%;
}

.form-shell input,
.form-shell textarea {
    border: 1px solid var(--line);
    background: #ffffff;
}

.form-shell label {
    color: var(--graphite);
}

.faq-item {
    padding: 1.25rem;
}

.faq-item summary {
    cursor: pointer;
    color: var(--ink);
    font-weight: 800;
}

.faq-item p {
    margin-top: .75rem;
    color: var(--muted);
    line-height: 1.7;
}

.policy-card.prose h2,
.review-panel.prose h2 {
    margin-top: 1.75rem;
    color: var(--ink);
    font-family: Sora, Manrope, sans-serif;
    font-size: 1.18rem;
    font-weight: 800;
}

.policy-card.prose p,
.review-panel.prose p {
    margin-top: .85rem;
    line-height: 1.78;
}

.service-visual {
    min-height: 360px;
    background:
        linear-gradient(120deg, rgba(17, 21, 19, .94), rgba(17, 21, 19, .78)),
        url("images/cyberviro-antivirus-services.png") center / cover no-repeat;
}

.service-visual-mobile {
    min-height: 300px;
    background:
        linear-gradient(120deg, rgba(17, 21, 19, .9), rgba(17, 21, 19, .66)),
        url("images/cyberviro-mobile-antivirus.png") center / cover no-repeat;
}

.fade-up {
    animation: fadeUp .7s ease both;
}

@keyframes fadeSlide {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scan {
    from {
        transform: translateY(-20%);
    }
    to {
        transform: translateY(190%);
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}

@media (max-width: 767px) {
    .hero-slider {
        background:
            linear-gradient(125deg, rgba(17, 21, 19, .97), rgba(29, 35, 31, .94)),
            url("images/cyberviro-security-suite.svg") right bottom / 560px no-repeat;
    }

    .hero-visual {
        min-height: 320px;
    }

    .page-title {
        font-size: clamp(2.2rem, 12vw, 3.25rem);
    }

    .product-image-card {
        height: 185px;
    }

    .product-image-detail {
        height: 260px;
    }
}

/* Unified Cyberviro layout. Shared components retain their original flow. */
:root { --canvas:#f3f6fc; --panel:#fff; --line:#dce3ef; --emerald:#6155d8; --emerald-bright:#a5b4fc; --amber:#638ee8; }
.site-shell { background:#f3f6fc; margin:0; padding:0; }
main { min-width:0; }
main section > div { min-width:0; }
.grid > *, .flex > * { min-width:0; }
img { max-width:100%; }
h1,h2,h3,.display-font { font-family:system-ui,-apple-system,'Segoe UI',sans-serif; letter-spacing:-.035em; }
body { font-family:system-ui,-apple-system,'Segoe UI',sans-serif; }
.site-navigation { position:sticky; top:0; width:100%; background:#fff; }
.site-navigation > div { min-height:88px; }
.site-navigation > div > a { flex-shrink:0; }
.brand-mark { width:38px; height:38px; flex-shrink:0; background:#6155d8; border-radius:10px; }
.nav-link.is-active { color:#6155d8; }
.page-band { background:linear-gradient(120deg,#edf2ff,#fff 75%); border-bottom:1px solid #dce3ef; }
.page-title { line-height:1.12; overflow-wrap:break-word; }
.soft-section { background:#f3f6fc; }
.dark-section { background:#111b38; }
.section-heading { max-width:780px; }
.section-heading h2 { line-height:1.2; }
.glass-card,.product-card,.feature-card,.step-card,.testimonial-card,.review-panel,.review-list-card,.faq-item,.policy-card { border-radius:16px; border-color:#dce3ef; box-shadow:0 8px 28px #111b3806; background:#fff; }
.product-card { display:flex; flex-direction:column; }
.product-card.is-featured { border-color:#a5b4fc; box-shadow:0 8px 28px #6155d810; }
.product-image-panel { background:#eef2ff; border:0; border-radius:10px; }
.badge-pill,.ribbon { color:#4338a5; background:#eef2ff; border-color:#c7d2fe; }
.btn-primary,.btn-secondary,.visit-btn,.outline-blue-btn { border-radius:8px; min-height:46px; box-shadow:none; }
.btn-primary,.visit-btn-red { background:#6155d8; border-color:#6155d8; color:#fff; }
.visit-btn-red:hover { background:#4338a5; color:#fff; }
input:focus,textarea:focus { box-shadow:0 0 0 3px #e0e7ff; }
:focus-visible { outline:3px solid #818cf8; outline-offset:4px; }
.feature-card span,.review-list-card strong { background:#eef2ff; color:#6155d8; }
.contact-address { border-left:3px solid #6155d8; padding:20px 24px; background:#eef2ff; border-radius:0 12px 12px 0; }
.social-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.social-links span { flex-basis:100%; color:#c7d2fe; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.social-links a { padding:9px 12px; border:1px solid #ffffff30; font-size:12px; border-radius:6px; }
.social-links a:hover { background:#6155d8; }
.cyber-hero { background:linear-gradient(130deg,#111b38,#26366b); color:#fff; }
.cyber-hero::before { background:radial-gradient(ellipse at 85% 40%,#6155d840,transparent 65%); mask-image:none; }
.cyber-hero h1 { color:#fff; font-size:clamp(2.5rem,4.6vw,4.5rem); line-height:1.08; }
.cyber-hero > div { min-height:580px; }
.cyber-hero .hero-visual { min-height:0; }
.scan-card { background:#ffffff09; box-shadow:none; border-color:#ffffff25; }
.scan-card::after { display:none; }
.signal-bars span { background:linear-gradient(90deg,#818cf8,#93c5fd); }
footer { background:#111b38; }
/* Wide comparison tables scroll inside their own panel. */
main .overflow-hidden:has(> .min-w-\[760px\]) { overflow-x:auto; }
@media(min-width:1024px) {
 main .grid:has(> .product-card) { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(min-width:768px) and (max-width:1100px) {
 main .grid:has(> .product-card) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 form.lg\:grid-cols-\[1fr_370px\] { grid-template-columns:1fr; }
}
@media(max-width:767px) {
 .site-navigation > div { min-height:76px; }
 .site-navigation .display-font { font-size:19px; }
 .site-navigation > div > a > span:last-child > span:last-child { font-size:9px; letter-spacing:.12em; }
 .cyber-hero > div { min-height:0; padding-top:44px; padding-bottom:44px; }
 .cyber-hero h1 { font-size:clamp(2.4rem,8vw,3.5rem); }
 .hero-slide p { font-size:16px; line-height:1.8; }
 .page-title { font-size:clamp(2rem,7vw,3rem); }
 .section-heading h2 { font-size:clamp(1.8rem,6vw,2.5rem); }
 .product-card { min-height:0; }
 .product-image-detail { height:240px; }
 .contact-address { padding:16px; }
}
@media(prefers-reduced-motion:reduce) { * { animation:none !important; transition:none !important; } }
.cyber-hero .btn-secondary { color:#fff; background:#ffffff12; border-color:#ffffff40; }
.cyber-hero .btn-secondary:hover { background:#ffffff25; }
.site-navigation .hamburger-btn { flex:0 0 42px; }
.site-navigation > div > div { flex-shrink:0; }
@media(max-width:359px) {
 .site-navigation > div { gap:8px; padding-left:12px; padding-right:12px; }
 .site-navigation > div > a { gap:8px; }
 .site-navigation > div > a > span:last-child > span:last-child { display:none; }
 .site-navigation .brand-mark { height:32px; width:32px; }
 .site-navigation .display-font { font-size:18px; }
}
/* Homepage: airy editorial layout, scoped to avoid changing inner pages. */
.cv-home { background:#fff; color:#111b38; }
.cv-container { width:min(1240px,100% - 64px); margin-inline:auto; }
.cv-home h1,.cv-home h2,.cv-home h3 { letter-spacing:-.045em; font-weight:750; }
.cv-home h2 { font-size:clamp(2rem,3.8vw,3.3rem); line-height:1.12; }
.cv-home h3 { font-size:1.35rem; line-height:1.3; }
.cv-kicker { font-size:11px; font-weight:800; letter-spacing:.14em; color:#6155d8; margin-bottom:20px; }
.cv-status { display:inline-block; height:7px; width:7px; border-radius:50%; background:#6155d8; margin-right:7px; }
.cv-hero { padding:72px 0 64px; background:linear-gradient(180deg,#fafaff,#fff); }
.cv-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:64px; }
.cv-hero-copy { min-width:0; }
.cv-home h1 { font-size:clamp(3rem,5.1vw,4.7rem); line-height:1.04; max-width:620px; margin:0; }
.cv-hero .hero-slide { min-height:335px; }
.cv-intro { max-width:510px; margin:24px 0 30px; font-size:17px; line-height:1.8; color:#64748b; }
.cv-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.cv-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; background:#6155d8; color:#fff; border:1px solid #6155d8; padding:15px 22px; border-radius:8px; font-size:14px; font-weight:750; }
.cv-button:hover { background:#4338a5; transform:translateY(-2px); }
.cv-text-link { display:inline-flex; align-items:center; gap:12px; color:#111b38; font-weight:750; font-size:14px; }
.cv-text-link:hover { color:#6155d8; }
.cv-slider-controls { display:flex; gap:8px; margin:24px 0; }
.cv-slider-controls .slider-dot { width:8px; height:8px; background:#cbd5e1; }
.cv-slider-controls .slider-dot.is-active { width:28px; background:#6155d8; }
.cv-hero-notes { display:flex; flex-wrap:wrap; gap:16px; font-size:12px; color:#64748b; }
.cv-hero-art { position:relative; padding:28px 28px 26px; background:#eef0ff; border:1px solid #e1e4ff; border-radius:28px 28px 100px 28px; overflow:hidden; }
.cv-art-label { font-size:10px; font-weight:800; letter-spacing:.12em; color:#52607a; }
.cv-hero-art > img { display:block; width:100%; height:310px; object-fit:contain; margin:18px auto; }
.cv-floating-note { display:flex; align-items:center; gap:14px; background:#fff; padding:18px; border:1px solid #e1e4ff; border-radius:12px; box-shadow:0 12px 28px #111b3808; max-width:320px; }
.cv-floating-note strong { display:block; font-size:14px; }
.cv-floating-note small { display:block; color:#64748b; font-size:11px; margin-top:3px; }
.cv-note-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#eef0ff; color:#6155d8; }
.cv-art-caption { display:block; margin-top:22px; color:#64748b; font-size:11px; }
.cv-proof { border-block:1px solid #e8ecf4; }
.cv-proof > div { display:grid; grid-template-columns:1.3fr repeat(3,1fr); padding-block:30px; gap:24px; align-items:center; }
.cv-proof p { color:#64748b; font-size:14px; line-height:1.7; }
.cv-proof strong { color:#111b38; }
.cv-proof > div > div { border-left:1px solid #e1e4ed; padding-left:28px; }
.cv-proof > div > div strong { display:block; font-size:20px; letter-spacing:-.03em; }
.cv-proof span { font-size:12px; color:#64748b; }
.cv-section { padding:80px 0; }
.cv-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:36px; }
.cv-section-head .cv-text-link { padding-bottom:5px; flex-shrink:0; }
.cv-plan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.cv-plan { border:1px solid #e1e4ed; border-radius:16px; padding:22px; display:flex; flex-direction:column; background:#fff; }
.cv-plan-highlight { border-color:#a5a0ef; background:#faf9ff; }
.cv-plan-top { display:flex; justify-content:space-between; color:#6155d8; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.cv-plan-top span:last-child { color:#94a3b8; }
.cv-plan-image { height:180px; margin-block:16px; }
.cv-plan-image img { width:100%; height:100%; object-fit:contain; }
.cv-plan h3 { font-size:19px; letter-spacing:-.03em; }
.cv-plan-duration { font-size:12px; color:#64748b; margin-top:8px; }
.cv-plan ul { padding:20px 0; display:grid; gap:10px; font-size:12px; line-height:1.6; color:#52607a; }
.cv-plan li span { color:#6155d8; }
.cv-plan-bottom { margin-top:auto; display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; padding-top:20px; border-top:1px solid #e1e4ed; }
.cv-plan-bottom strong { font-size:25px; letter-spacing:-.04em; }
.cv-plan-bottom a { font-size:12px; font-weight:800; color:#6155d8; }
.cv-benefits { background:#f6f7fc; }
.cv-benefit-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:24px; }
.cv-benefit-lead { padding:16px 28px 16px 0; }
.cv-benefit-lead > p:not(.cv-kicker) { color:#64748b; line-height:1.8; font-size:15px; margin:24px 0; }
.cv-benefit { background:#fff; border:1px solid #e1e4ed; padding:32px; border-radius:20px; display:flex; flex-direction:column; }
.cv-large-icon { font-size:40px; color:#6155d8; margin-bottom:36px; }
.cv-benefit p { color:#64748b; font-size:14px; line-height:1.8; margin:18px 0 30px; }
.cv-benefit .cv-text-link { margin-top:auto; }
.cv-benefit-dark { background:#111b38; color:#fff; border-color:#111b38; }
.cv-benefit-dark p { color:#bcc5df; }
.cv-benefit-dark .cv-large-icon,.cv-benefit-dark .cv-text-link { color:#b5b2ff; }
.cv-process-grid,.cv-faq-grid { display:grid; grid-template-columns:1fr 1.25fr; gap:100px; }
.cv-muted { color:#64748b; margin-top:24px; line-height:1.8; max-width:330px; }
.cv-process { display:flex; gap:24px; padding:26px 0; border-bottom:1px solid #e1e4ed; }
.cv-process:first-child { padding-top:0; }
.cv-process > span { color:#6155d8; font-size:16px; font-weight:800; padding-top:4px; }
.cv-process p { color:#64748b; line-height:1.8; margin-top:10px; font-size:14px; }
.cv-faq { background:#f6f7fc; }
.cv-faq-grid > div:first-child .cv-text-link { margin-top:30px; }
.cv-faq-item { padding:24px 0; border-bottom:1px solid #dce3ef; }
.cv-faq-item:first-child { padding-top:0; }
.cv-faq-item summary { font-size:17px; font-weight:700; cursor:pointer; }
.cv-faq-item p { color:#64748b; line-height:1.8; margin-top:18px; font-size:14px; }
.cv-tip-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.cv-tip { border-top:2px solid #dce3ef; padding:24px 4px; }
.cv-tip:hover { border-color:#6155d8; }
.cv-tip > span { color:#6155d8; font-size:10px; font-weight:800; letter-spacing:.1em; }
.cv-tip h3 { margin-top:24px; }
.cv-tip p { font-size:14px; line-height:1.8; color:#64748b; margin:16px 0 24px; }
.cv-tip strong { font-size:12px; color:#6155d8; }
.cv-closing { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; background:#eeecff; border-radius:24px; padding:48px; margin-bottom:72px; }
.cv-closing > div > p:not(.cv-kicker) { color:#52607a; line-height:1.8; margin-bottom:24px; }
@media(max-width:1100px) {
 .cv-hero-grid { gap:32px; }
 .cv-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cv-benefit-grid { grid-template-columns:1fr 1fr; }
 .cv-benefit-lead { grid-column:1 / -1; max-width:650px; }
 .cv-process-grid,.cv-faq-grid { gap:48px; }
}
@media(max-width:767px) {
 .cv-container { width:calc(100% - 40px); }
 .cv-hero { padding:40px 0; }
 .cv-hero-grid { grid-template-columns:1fr; gap:32px; }
 .cv-home h1 { font-size:clamp(2.8rem,10vw,4rem); }
 .cv-hero .hero-slide { min-height:0; }
 .cv-intro { font-size:16px; }
 .cv-hero-art { border-radius:22px 22px 64px 22px; padding:22px; }
 .cv-hero-art > img { height:240px; }
 .cv-proof > div { grid-template-columns:1fr 1fr; gap:22px; padding-block:24px; }
 .cv-proof > div > div { padding-left:16px; }
 .cv-proof > div > div strong { font-size:18px; }
 .cv-section { padding:48px 0; }
 .cv-section-head { align-items:flex-start; flex-direction:column; gap:20px; }
 .cv-benefit-grid,.cv-process-grid,.cv-faq-grid,.cv-tip-grid,.cv-closing { grid-template-columns:1fr; gap:28px; }
 .cv-plan-grid { grid-template-columns:1fr; }
 .cv-plan-image { height:190px; }
 .cv-benefit-lead { padding:0; }
 .cv-benefit { padding:28px; }
 .cv-large-icon { margin-bottom:24px; }
 .cv-closing { padding:28px; margin-bottom:40px; }
 .cv-actions { gap:18px; }
 .cv-hero-notes { gap:10px; font-size:11px; }
}
@media(min-width:520px) and (max-width:767px) { .cv-plan-grid { grid-template-columns:1fr 1fr; } }