/*
Theme Name: Runevel
Theme URI: https://runevel.ru/
Version: 0.3.0
Author: Runevel
Author URI: https://runevel.ru/
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: runevel-site
Requires PHP: 8.3
*/
@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--navy:#0b1739;--navy-soft:#172747;--blue:#2563eb;--blue-hover:#1d4ed8;--cyan:#32b5f2;--violet:#7c3aed;--page:#f6f8fc;--card:#fff;--text:#17223b;--muted:#526078;--border:#dce3ef;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;font-size:16px;line-height:1.625}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}body>main{flex:1 0 auto}body>.nv-header,body>.nv-footer{flex:0 0 auto}a{color:var(--blue);text-underline-offset:3px}img,video,iframe{max-width:100%}img,video{height:auto}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin:0 0 16px}h1{font-size:36px;line-height:44px;letter-spacing:-.025em}h2{font-size:28px;line-height:36px;letter-spacing:-.02em}h3{font-size:20px;line-height:28px;font-weight:600}p{overflow-wrap:anywhere}main{min-height:60vh}article{overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--blue-hover);outline-offset:2px}.nv-container{width:min(100%,1248px);margin-inline:auto;padding-inline:24px}.nv-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.nv-skip{position:fixed;z-index:9999;top:8px;left:16px;transform:translateY(-180%);padding:12px 18px;background:white;border:2px solid var(--blue);border-radius:8px}.nv-skip:focus{transform:none}
.nv-header{background:#fff;border-bottom:1px solid var(--border)}.nv-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.nv-brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-size:25px;line-height:32px;font-weight:750;letter-spacing:.02em;flex-shrink:0}.nv-brand-symbol{width:42px;height:42px;flex-shrink:0}.nv-primary-navigation ul{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;list-style:none;padding:0;margin:0}.nv-primary-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:8px 2px;color:var(--text);text-decoration:none;font-size:14px;font-weight:550}.nv-primary-navigation a:hover{color:var(--blue)}.nv-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--navy)}
.nv-plain-page,.nv-document{padding-block:48px 64px}.nv-section{padding-block:64px}.nv-section:nth-of-type(even){background:var(--page)}.nv-section .nv-prose{max-width:72ch}.nv-section .nv-prose:last-child{margin-bottom:0}.nv-hero{color:#f8faff;background:radial-gradient(ellipse at 75% 30%,rgba(37,99,235,.3),transparent 60%),linear-gradient(130deg,#061126,var(--navy) 55%,var(--navy-soft));padding-block:64px}.nv-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:48px}.nv-hero h1{font-size:48px;line-height:56px;font-weight:700;max-width:none;text-wrap:balance}.nv-hero .nv-prose{color:#c5d1e8;max-width:55ch}.nv-hero a:focus-visible,.nv-footer a:focus-visible{outline-color:var(--cyan)}.nv-eyebrow{font-size:14px;font-weight:600;letter-spacing:.04em;color:#a9d7ff;margin-bottom:16px}.nv-hero-visual{perspective:1100px;min-width:0}.nv-device-screen{aspect-ratio:1.45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;max-width:450px;margin:auto;border:8px solid #263652;border-radius:18px 18px 10px 10px;background:radial-gradient(ellipse at 55% 25%,rgba(37,99,235,.5),transparent 58%),radial-gradient(ellipse at 30% 100%,rgba(124,58,237,.4),transparent 60%),#020a1e;box-shadow:0 0 70px rgba(37,99,235,.22),inset 0 0 32px #0007;transform:rotateY(-12deg) rotateX(4deg);font-size:30px;font-weight:650;letter-spacing:.05em}.nv-device-screen .nv-brand-symbol{width:72px;height:72px}.nv-device-base{height:17px;max-width:480px;margin:-2px auto 0;border-radius:3px 3px 45% 45%;background:linear-gradient(#7184a6,#273550);box-shadow:0 22px 30px #0005}.nv-hero-visual>img{display:block;max-height:380px;width:100%;object-fit:contain}
.nv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.nv-actions:empty{display:none}.nv-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border:1px solid transparent;border-radius:8px;text-decoration:none;font-size:16px;line-height:24px;font-weight:600;text-align:center}.nv-button-primary{background:var(--blue);color:#fff}.nv-button-primary:hover{background:var(--blue-hover);color:white}.nv-button-secondary{background:transparent;border-color:var(--border);color:var(--blue)}.nv-hero .nv-button-secondary{border-color:#b9c8e2;color:#f8faff}.nv-button[aria-disabled=true]{background:#e5eaf3;color:var(--muted);pointer-events:none}.nv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin-top:24px}.nv-grid.nv-grid-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.nv-card{padding:24px;background:white;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px rgba(11,23,57,.06);min-width:0}.nv-card p{color:var(--muted)}.nv-card p:last-child{margin-bottom:0}.nv-card summary{font-size:18px;font-weight:600;cursor:pointer;min-height:44px}.nv-card details p{margin-top:16px}details.nv-card[open]>summary{margin-bottom:16px}.nv-step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:16px;border-radius:10px;background:#eaf0ff;color:var(--blue);font-weight:700}.nv-image-text .nv-image-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px}.nv-image-layout img{width:100%;border-radius:16px}.nv-call_to_action .nv-container{border:1px solid var(--border);border-radius:16px;padding:32px;background:white}.nv-call_to_action{padding-inline:24px}
.nv-prose h2,.nv-prose h3{margin-top:32px}.nv-prose ul,.nv-prose ol{padding-left:24px}.nv-prose pre{max-width:100%;overflow:auto;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--page);font-size:14px;line-height:1.6}.nv-prose code{overflow-wrap:anywhere}.nv-table-scroll{max-width:100%;overflow:auto}.nv-table-scroll:focus-visible{outline-offset:-3px}table{width:100%;border-collapse:collapse}th,td{text-align:start;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--border)}th{font-weight:600;background:var(--page)}.nv-footer{padding-block:40px;background:var(--navy);color:#c5d1e8}.nv-footer .nv-brand{color:#f8faff;margin-bottom:16px}.nv-footer p{max-width:60ch}.nv-footer ul{display:flex;flex-wrap:wrap;gap:4px 24px;list-style:none;padding:0;margin:24px 0 0}.nv-footer a{color:#d6e6ff}.nv-footer nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1050px){.nv-header-inner{flex-wrap:wrap;gap:8px}.nv-primary-navigation ul{gap:0 12px}.nv-hero-grid{grid-template-columns:1fr}.nv-hero-visual{display:none}.nv-hero h1{max-width:23ch}.nv-grid.nv-grid-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.nv-container{padding-inline:16px}.nv-header-inner{min-height:64px;gap:0}.nv-header-inner>.nv-brand{min-height:64px}.nv-brand{font-size:22px}.nv-brand-symbol{width:36px;height:36px}.nv-menu-toggle{display:inline-flex}.nv-primary-navigation{display:none;flex-basis:100%;padding-bottom:16px}.nv-primary-navigation.is-open{display:block}.nv-primary-navigation ul{display:block}.nv-primary-navigation a{font-size:16px;width:100%;padding:10px 4px}.nv-section{padding-block:40px}.nv-hero{padding-block:40px}.nv-hero h1{font-size:32px;line-height:40px;max-width:20ch}.nv-plain-page,.nv-document{padding-block:32px 40px}h1{font-size:28px;line-height:36px}h2{font-size:24px;line-height:32px}.nv-grid,.nv-grid.nv-grid-steps{grid-template-columns:1fr;gap:16px}.nv-card{padding:20px}.nv-image-text .nv-image-layout{grid-template-columns:1fr;gap:24px}.nv-call_to_action{padding-inline:16px}.nv-call_to_action .nv-container{padding:24px 16px}.nv-actions .nv-button{flex:1 1 220px}.nv-footer{padding-block:32px}.nv-footer ul{display:grid;grid-template-columns:1fr;gap:0}.nv-hero-grid{gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

.nv-card h2{font-size:20px;line-height:28px}

.nv-card>a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}

.nv-table-scroll table{min-width:600px;overflow-wrap:normal}.nv-table-scroll th[scope=row]{min-width:260px}

.nv-doc-search{margin:24px 0 32px}.nv-doc-search label{display:block;font-weight:600;margin-bottom:8px}.nv-doc-search>div{display:flex;gap:12px;flex-wrap:wrap}.nv-doc-search input{min-height:48px;flex:1 1 240px;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.nv-toc{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--page);margin:24px 0 40px}.nv-toc ul{padding-left:24px}.nv-toc-h3{margin-left:20px}.nv-toc a{display:block;padding-block:5px}.nv-pagination{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.nv-pagination a,.nv-pagination span{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--border);border-radius:8px}.nv-document>details+details,.nv-document>article+article{margin-top:16px}

@media(min-width:768px) and (max-width:1050px){.nv-header-inner{min-height:72px;gap:0}.nv-header-inner>.nv-brand{min-height:72px}.nv-menu-toggle{display:inline-flex}.nv-primary-navigation{display:none;flex-basis:100%;padding-bottom:16px}.nv-primary-navigation.is-open{display:block}.nv-primary-navigation ul{display:block}.nv-primary-navigation a{font-size:16px;width:100%;padding:10px 4px}}
.nv-legal-document .nv-table-scroll{margin-block:16px}.nv-legal-document th,.nv-legal-document td{overflow-wrap:anywhere}@media(max-width:700px){.nv-legal-document .nv-table-scroll table:has(>thead>tr>th:nth-child(2):last-child){min-width:0;table-layout:fixed}.nv-legal-document .nv-table-scroll table:has(>thead>tr>th:nth-child(2):last-child)>thead>tr>th:first-child{width:45%}}

@media(max-width:700px){.nv-legal-document .nv-table-scroll table:has(>thead>tr>th:nth-child(3):last-child){table-layout:fixed}.nv-legal-document .nv-table-scroll table:has(>thead>tr>th:nth-child(3):last-child)>thead>tr>th:first-child{width:25%}.nv-legal-document .nv-table-scroll table:has(>thead>tr>th:nth-child(3):last-child)>tbody>tr>th[scope=row]{min-width:0}}

.nv-doc-search .nv-search-clear{display:inline-flex;align-items:center;min-height:44px;min-width:44px}

/* Вступление уже содержит основной вертикальный интервал перед секцией. */
.nv-document+.nv-section{padding-top:0}

.nv-video-player{max-width:1080px;margin-block:24px}.nv-video-player video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;background:var(--navy);border-radius:8px}.nv-video-error{color:#b91c1c}
.nv-changelog-requirement{white-space:nowrap}
.nv-table-scroll:has(>table.nv-editorial-table){margin-bottom:16px}
.nv-table-scroll>table.nv-rankmath-table{min-width:1100px}
.nv-rankmath-table td:nth-last-child(2) a{white-space:nowrap}

.nv-project-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    max-width: 420px;
}

.nv-project-card p,
.nv-project-card h2 {
    margin: 0;
}

.nv-project-card img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 12px;
}

.nv-showcase {
    --showcase-ink: #101d38;
    --showcase-soft: #f1f5fb;
    color: var(--showcase-ink);
}
.nv-showcase .nv-container { width: min(100%, 1248px); }
.nv-showcase h1, .nv-showcase h2 { text-wrap: balance; }
.nv-showcase-hero {
    isolation: isolate;
    overflow: hidden;
    padding-block: clamp(56px, 7vw, 104px);
    color: #f8faff;
    background: radial-gradient(ellipse at 78% 0%, #193c78 0, transparent 49%),
        radial-gradient(ellipse at 79% 95%, #322063 0, transparent 41%),
        linear-gradient(115deg, #070f22 6%, #0c1835 59%, #101a39);
}
.nv-showcase-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);
    align-items: center;
    gap: clamp(32px, 6vw, 82px);
}
.nv-showcase-intro h1 {
    margin-bottom: 20px;
    font-size: clamp(43px, 4.3vw, 63px);
    line-height: 1.04;
    letter-spacing: -.055em;
    font-weight: 770;
    text-wrap: initial;
}
.nv-plugin-hero h1 { font-size: clamp(40px, 3.9vw, 56px); }
.nv-showcase-intro h1 span {
    display: block;
    color: #9ccaff;
    background: linear-gradient(100deg, #6ad5ff, #97b9ff 49%, #c0a7ff 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nv-showcase-intro p { max-width: 47ch; color: #d3dff3; font-size: 17px; }
.nv-showcase-intro .nv-showcase-kicker { color: #a4d6ff; font-size: 14px; font-weight: 650; margin-bottom: 15px; }
.nv-showcase .nv-button { gap: 9px; }
.nv-showcase-hero .nv-button-primary, .nv-showcase-support .nv-button-primary {
    background: linear-gradient(115deg, #1759d9, #126dc7);
    box-shadow: 0 9px 24px #071e5a40;
}
.nv-showcase-hero .nv-button-primary:hover, .nv-showcase-support .nv-button-primary:hover { background: #174fc0; }
.nv-showcase-hero .nv-button-secondary { color: #f8faff; border-color: #8e9fc0; }
.nv-showcase-hero .nv-button-secondary:hover { background: #ffffff12; }
.nv-showcase-hero a:focus-visible, .nv-showcase-support a:focus-visible { outline-color: #7bdcff; }
.nv-showcase-device { margin: 0; min-width: 0; perspective: 1300px; }
.nv-showcase-screen {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 280px;
    aspect-ratio: 1.58;
    overflow: hidden;
    border: 7px solid #263654;
    border-radius: 19px 19px 10px 10px;
    background: radial-gradient(ellipse at 78% 52%, #522ba0 0, #271761 34%, #0c1532 67%, #080d1c 100%);
    box-shadow: 0 0 0 1px #607897, 0 28px 62px #0008;
    transform: rotateY(-9deg) rotateX(3deg);
}
.nv-showcase-screen::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, #0a1127 3%, #101737f2 23%, #15153b6b 44%, transparent 72%);
    content: "";
}
.nv-showcase-screen img {
    position: absolute;
    inset: 0 0 0 auto;
    width: 72%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
}
.nv-showcase-screen-copy { position: relative; z-index: 2; display: grid; gap: 5px; padding-inline: 26px; }
.nv-showcase-screen-copy strong { font-size: clamp(27px, 3vw, 45px); line-height: 1.1; letter-spacing: -.04em; }
.nv-showcase-screen-copy span { color: #d6dfff; font-size: 14px; }
.nv-showcase-device-base {
    height: 15px;
    margin: 3px -3% 0;
    border-radius: 4px 4px 70% 70%;
    background: linear-gradient(#899bb9, #374863 48%, #101a2f);
    box-shadow: 0 18px 32px #0008;
}
.nv-showcase-section { padding-block: clamp(34px, 5vw, 68px); }
.nv-showcase-section h2 { font-size: clamp(27px, 3vw, 40px); line-height: 1.15; letter-spacing: -.035em; }
.nv-showcase-section h3 { line-height: 1.25; letter-spacing: -.018em; }
.nv-showcase-centered { text-align: center; }
.nv-showcase-light { background: var(--showcase-soft); }
.nv-showcase-directions { display: grid; gap: 24px; }
.nv-showcase-direction {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
    align-items: center;
    gap: 34px;
    padding: clamp(24px, 4vw, 46px);
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: linear-gradient(120deg, #f9fbff, #eef5ff 78%, #e9eeff);
}
.nv-showcase-direction h3 { margin-top: 14px; font-size: clamp(23px, 2.7vw, 33px); }
.nv-showcase-direction p { color: var(--muted); max-width: 43ch; }
.nv-showcase-mark {
    display: grid;
    place-items: center;
    width: 51px;
    height: 51px;
    border: 1px solid #d4e1f9;
    border-radius: 13px;
    background: white;
}
.nv-showcase-mark svg { width: 35px; height: 35px; }
.nv-showcase-product-image, .nv-showcase-demo {
    display: block;
    overflow: hidden;
    border: 1px solid #9cb1d1;
    border-radius: 14px;
    box-shadow: 0 12px 30px #142e552b;
}
.nv-showcase-product-image img, .nv-showcase-demo img { display: block; width: 100%; height: auto; }
.nv-showcase-demo { color: #f8faff; background: #0e1d3d; text-decoration: none; }
.nv-showcase-demo:hover { color: white; border-color: #b6ddff; }
.nv-showcase-demo span { display: flex; justify-content: space-between; gap: 10px; padding: 12px 16px; font-size: 14px; }
.nv-showcase-links, .nv-showcase-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}
.nv-showcase-links a, .nv-showcase-benefits article {
    position: relative;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: #fff;
    color: var(--showcase-ink);
    text-decoration: none;
}
.nv-showcase-links a { padding-right: 46px; }
.nv-showcase-links a:hover { border-color: #7c9ee6; }
.nv-showcase-links span, .nv-showcase-benefits p { color: var(--muted); }
.nv-showcase-links b { position: absolute; top: 20px; right: 20px; color: #1e56c5; }
.nv-showcase-benefits h3, .nv-showcase-benefits p { margin: 0; }
.nv-showcase-lead { max-width: 72ch; color: var(--muted); }
.nv-showcase-support {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding: clamp(24px, 4vw, 42px);
    border-radius: 16px;
    color: #f8faff;
    background: radial-gradient(ellipse at 96% 0, #294375, transparent 64%), #101d38;
}
.nv-showcase-support h2 { font-size: clamp(23px, 3vw, 32px); margin-bottom: 7px; }
.nv-showcase-support p { color: #d5e1f3; margin: 0; max-width: 60ch; }
.nv-showcase-support .nv-button { flex-shrink: 0; }
.nv-showcase-editions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.nv-showcase-edition { padding: clamp(22px, 4vw, 34px); border: 1px solid var(--border); border-radius: 16px; }
.nv-showcase-edition-pro { background: #f4f8ff; border-color: #a7bdec; }
.nv-showcase-edition h3 { font-size: 25px; margin-bottom: 7px; }
.nv-showcase-edition ul { padding-left: 22px; margin: 0 0 20px; }
.nv-showcase-edition li + li { margin-top: 5px; }
.nv-showcase-edition-note { margin: 8px 0 0; font-size: 14px; color: var(--muted); }
.nv-showcase-switch { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; gap: 30px; }
.nv-showcase-comparison { margin: 0; }
.nv-showcase-comparison dt { font-weight: 680; margin-top: 12px; }
.nv-showcase-comparison dd { margin: 4px 0 0; }
.nv-showcase-benefits a { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; }
.nv-showcase-switch-plan { padding: 24px; border: 1px solid var(--border); border-radius: 16px; background: white; }
.nv-showcase-switch-plan ol { padding-left: 23px; margin: 0; }
.nv-showcase-switch-plan li + li { margin-top: 9px; }
.nv-showcase-sources { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 13px 0 0; font-size: 14px; }
.nv-showcase-sources a { display: inline-flex; align-items: center; min-height: 44px; }
.nv-showcase [id] { scroll-margin-top: 16px; }

@media (max-width: 900px) {
    .nv-showcase-screen { min-height: 0; }
    .nv-showcase-screen-copy { padding-inline: 15px; }
    .nv-showcase-intro h1 { font-size: clamp(37px, 4.8vw, 52px); }
}
@media (max-width: 767px) {
    .nv-showcase-hero { padding-block: 36px 40px; }
    .nv-showcase-split, .nv-showcase-direction, .nv-showcase-switch, .nv-showcase-editions,
    .nv-showcase-links, .nv-showcase-benefits { grid-template-columns: 1fr; gap: 18px; }
    .nv-showcase-split { gap: 27px; }
    .nv-showcase-intro h1 { font-size: clamp(32px, 8vw, 49px); margin-bottom: 14px; }
    .nv-showcase-intro p { font-size: 16px; }
    .nv-showcase-intro .nv-actions { margin-top: 17px; }
    .nv-showcase-device { width: calc(100% - 8px); margin-inline: auto; }
    .nv-showcase-screen { transform: none; border-width: 5px; border-radius: 13px 13px 8px 8px; }
    .nv-showcase-device-base { height: 9px; margin-inline: -1%; }
    .nv-showcase-support { align-items: flex-start; flex-direction: column; gap: 16px; }
}

/* Runevel studio: public home and the WordPress product section. */
.nv-studio{--studio-ink:#101d36;--studio-muted:#475c79;--studio-blue:#1259df;--studio-fog:#eaf2ff;color:var(--studio-ink);background:#f2f6fd}
.nv-studio .nv-button{min-height:48px;border-radius:10px;font-size:15px;font-weight:680;padding:10px 18px}
.nv-studio .nv-button-primary{background:#1558de;color:white;box-shadow:0 6px 18px #1558de35}
.nv-studio .nv-button-primary:hover{background:#1045b3}
.nv-studio .nv-button-secondary{background:#ffffff60;border-color:#b3c3de;color:#164785}
.nv-studio .nv-button-secondary:hover{background:#fff}
.nv-studio .nv-actions{gap:10px}
.nv-studio h1,.nv-studio h2,.nv-studio h3{overflow-wrap:normal}
.nv-studio h1 em{display:block;font-style:normal}
.nv-studio-hero{position:relative;isolation:isolate;overflow:hidden;color:#f9fbff;background:radial-gradient(ellipse at 73% 42%,#123c83 0,transparent 52%),radial-gradient(ellipse at 83% 100%,#45226a 0,transparent 42%),linear-gradient(120deg,#050e22 8%,#0a1934 66%,#121b49)}
.nv-studio-grid{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.85%,#9ed5ff24 50%,transparent 50.15%),repeating-linear-gradient(0deg,transparent 0 35px,#8dbdff15 36px 37px),repeating-linear-gradient(90deg,transparent 0 35px,#8dbdff15 36px 37px);mask-image:radial-gradient(ellipse at 82% 59%,black,transparent 58%)}
.nv-studio-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;column-gap:clamp(22px,4vw,62px);row-gap:36px;padding-top:clamp(56px,7vw,104px);padding-bottom:28px}
.nv-studio-kicker{display:inline-flex;align-items:center;gap:9px;padding:6px 11px;margin-bottom:18px;border:1px solid #7db4ff46;border-radius:99px;background:#6eafff10;color:#d2e6ff;font-size:13px;font-weight:620}
.nv-studio-kicker i{display:block;width:7px;height:7px;border-radius:50%;background:#66dcff;box-shadow:0 0 12px #69dcff}
.nv-studio-intro h1{font-size:clamp(46px,5.7vw,80px);line-height:.98;font-weight:790;letter-spacing:-.055em;margin:0 0 22px;text-wrap:initial}
.nv-studio-intro h1 em{padding-bottom:.07em;color:#83cbff;background:linear-gradient(95deg,#55dcff,#89b6ff 50%,#c8a0ff);background-clip:text;-webkit-text-fill-color:transparent}
.nv-studio-intro p{max-width:44ch;margin-bottom:0;color:#d7e3fa;font-size:clamp(16px,1.4vw,18px)}
.nv-studio-hero .nv-button-primary{background:linear-gradient(115deg,#0752d8,#066acb)}
.nv-studio-hero .nv-button-primary:hover{background:#124db9}
.nv-studio-hero .nv-button-secondary{background:#06122b60;border-color:#8dabda90;color:#f3f8ff}
.nv-studio-hero .nv-button-secondary:hover{background:#263f68}
.nv-studio-hero a:focus-visible{outline-color:#68dcff}
.nv-studio-laptop{position:relative;min-width:0;margin:0;perspective:1150px;isolation:isolate}
.nv-studio-laptop::before{content:"";position:absolute;inset:14% -7% -8%;z-index:-1;background:radial-gradient(ellipse,#1b6cfd55 0%,#5736d050 40%,transparent 70%);filter:blur(22px)}
.nv-studio-lid{width:92%;margin-inline:auto;padding:clamp(6px,1vw,12px);border:1px solid #6e8bb9;border-radius:clamp(11px,1.4vw,22px);background:linear-gradient(145deg,#324a6b,#090f20 28%,#111f39 75%,#49658e);box-shadow:0 20px 45px #030819a0,0 0 28px #74b6ff27,inset 0 0 0 1px #101a30;transform:rotateY(-13deg) rotateX(4deg);transform-origin:50% 100%}
.nv-studio-screen{overflow:hidden;border-radius:clamp(6px,.85vw,12px);background:#121b52}
.nv-studio-screen img{display:block;width:100%;height:auto}
.nv-studio-deck{position:relative;height:clamp(24px,4vw,57px);width:100%;margin:-2px auto 0;clip-path:polygon(7% 0,92% 0,100% 89%,97% 100%,2% 100%,0 85%);background:linear-gradient(167deg,#7389ac 0,#1f314e 39%,#425a85 61%,#7d8fb6 84%,#b3bad1);transform:skewX(-8deg);box-shadow:inset 0 1px #95b4dd}
.nv-studio-deck i{position:absolute;inset:13% 16% 42% 17%;border-radius:3px;background:repeating-linear-gradient(90deg,#13203c 0 4%,#546885 4.4% 5.5%),repeating-linear-gradient(0deg,#0e192d 0 5px,#344863 6px 7px);background-blend-mode:multiply;transform:perspective(160px) rotateX(21deg)}
.nv-studio-deck b{position:absolute;inset:61% 42% 9%;border:1px solid #aebcdc88;border-radius:3px;background:#9aaac72b}
.nv-studio-edge{height:clamp(5px,.9vw,11px);margin-top:-2px;border-radius:0 0 50% 50%;background:linear-gradient(#a5b3d0,#3d4d6e 44%,#152138);box-shadow:0 19px 27px #030618}
.nv-studio-proof{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}
.nv-studio-proof li{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 12px;border-top:1px solid #a3baff42;color:#e4efff;font-size:14px}
.nv-studio-proof li>span{font-size:12px;font-weight:700;color:#7cd8ff;letter-spacing:.08em}
.nv-studio-proof a{display:flex;min-height:44px;align-items:center;color:inherit;text-decoration:none}
.nv-studio-proof a:hover{text-decoration:underline}
.nv-studio-shelf,.nv-studio-paths,.nv-studio-last{padding-block:clamp(30px,4vw,52px)}
.nv-studio-shelf{background:linear-gradient(130deg,#ebf2ff,#e5effe 55%,#f1ecff)}
.nv-studio-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:20px}
.nv-studio-heading h2{font-size:clamp(27px,3.3vw,42px);letter-spacing:-.04em;line-height:1.1;margin:0}
.nv-studio-eyebrow{color:#234b91;font-size:13px;font-weight:730;margin:0 0 6px}
.nv-studio-link{display:inline-flex;min-height:44px;align-items:center;gap:8px;font-weight:670;text-decoration:none}
.nv-studio-link:hover{text-decoration:underline}
.nv-studio-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.12fr);gap:clamp(22px,4vw,54px);align-items:center;padding:clamp(20px,3.5vw,40px);border:1px solid #c8d7ef;border-radius:20px;background:radial-gradient(ellipse at 92% 3%,#c9dfff 0,transparent 65%),#f5f9ff;box-shadow:0 16px 36px #24467712}
.nv-studio-feature-copy h3{font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.045em;margin:14px 0}
.nv-studio-feature-copy p{color:var(--studio-muted);margin:0 0 17px}
.nv-studio-label{display:flex;gap:9px;align-items:center;color:#213c68;font-size:14px;font-weight:690}
.nv-studio-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid #d8e5fa}
.nv-studio-icon svg{width:28px;height:28px}
.nv-studio-media{display:block;min-width:0;overflow:hidden;border:1px solid #5b79ad;border-radius:14px;background:#101d39;color:white;text-decoration:none;box-shadow:0 14px 34px #09285d39}
.nv-studio-media img{display:block;width:100%;height:auto}
.nv-studio-media>span{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 13px;font-size:13px;font-weight:600}
.nv-studio-media b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#c4dcff28}
.nv-studio-media i{margin-left:auto;font-style:normal}
.nv-studio-media:hover{background:#193259;color:white}
.nv-studio-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}
.nv-studio-tags span{padding:2px 8px;border-radius:6px;background:#dce9ff;color:#234269;font-size:12px;font-weight:650}
.nv-studio-extra:not(:empty){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px;margin-top:16px}
.nv-studio-extra>.nv-section{padding-block:20px;border:1px solid #c8d7ef;border-radius:16px;background:#f5f9ff}
.nv-studio-paths{background:#f2f6fd}
.nv-studio-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.nv-studio-path-grid>a{position:relative;min-width:0;display:grid;gap:6px;padding:17px 34px 16px 17px;border:1px solid #d0ddf0;border-radius:14px;background:linear-gradient(145deg,#e5efff,#f8fbff);color:var(--studio-ink);text-decoration:none}
.nv-studio-path-grid>a:nth-child(2){background:linear-gradient(145deg,#ebe7ff,#faf8ff)}
.nv-studio-path-grid>a:nth-child(3){background:linear-gradient(145deg,#dff3f6,#f5fbff)}
.nv-studio-path-grid>a:hover{border-color:#688dc8}
.nv-studio-path-grid>a>span:not(.nv-studio-path-index){font-size:14px;color:var(--studio-muted)}
.nv-studio-path-index{font-size:12px;color:#264e96;font-weight:700;letter-spacing:.08em}
.nv-studio-path-grid b{position:absolute;right:13px;top:16px;color:#234f9a}
.nv-studio-last{padding-top:0;background:#f2f6fd}
.nv-studio .nv-showcase-support{background:radial-gradient(ellipse at 90% 0%,#254689,transparent 68%),#0a1734;padding:clamp(20px,3.5vw,38px)}
.nv-studio-product-hero{padding:17px 0 clamp(30px,4vw,56px);background:radial-gradient(ellipse at 92% 15%,#b9d4ff,transparent 54%),linear-gradient(118deg,#edf4ff,#e0eaff 55%,#ece2ff)}
.nv-studio-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:clamp(12px,2vw,25px);font-size:13px;color:#405679}
.nv-studio-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:#1e4f9f}
.nv-studio-product-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(18px,5vw,68px)}
.nv-studio-product-copy h1{margin:13px 0 17px;font-size:clamp(34px,4.5vw,61px);font-weight:770;letter-spacing:-.055em;line-height:1.01;text-wrap:initial}
.nv-studio-product-copy h1 em{color:#2158ad}
.nv-studio-product-copy p{margin:0;color:var(--studio-muted);max-width:46ch}
.nv-studio-product-media{box-shadow:0 20px 50px #193a8040}
.nv-studio-product-nav{background:#0a1936;color:white}
.nv-studio-product-nav>.nv-container{display:flex;gap:8px 25px;flex-wrap:wrap}
.nv-studio-product-nav a{display:inline-flex;align-items:center;gap:6px;min-height:49px;color:#e6efff;font-size:14px;font-weight:620;text-decoration:none}
.nv-studio-product-nav a:hover{text-decoration:underline}
.nv-studio-product-nav a:focus-visible{outline-color:#89d5ff}
.nv-studio-plugin .nv-showcase-section{padding-block:clamp(30px,4vw,52px)}
.nv-studio-plugin .nv-showcase-light{background:linear-gradient(125deg,#e9f1ff,#e8eeff 60%,#f0ebff)}
.nv-studio-plugin .nv-showcase-benefits{counter-reset:workflow}
.nv-studio-plugin .nv-showcase-benefits article{counter-increment:workflow;align-content:start;border-color:#cad9f2;background:#f5f9ff}
.nv-studio-plugin .nv-showcase-benefits article::before{content:"0" counter(workflow);font-size:13px;font-weight:730;letter-spacing:.08em;color:#234c93}
.nv-studio-plugin .nv-showcase-edition{background:#f9fbff;border-color:#cddaf1}
.nv-studio-plugin .nv-showcase-edition-pro{background:linear-gradient(140deg,#e1ebff,#eee6ff);border-color:#90a9e3;box-shadow:0 12px 25px #24397918}
.nv-studio-plugin .nv-showcase-switch-plan{background:#f7faff;border-color:#c7d7f0}
@media(max-width:767px){
 .nv-studio-hero-inner,.nv-studio-feature,.nv-studio-product-grid,.nv-studio-path-grid{grid-template-columns:1fr}
 .nv-studio-hero-inner{padding-top:34px;padding-bottom:16px;row-gap:24px}
 .nv-studio-intro h1{font-size:clamp(43px,11vw,62px);margin-bottom:14px}
 .nv-studio-kicker{margin-bottom:13px}
 .nv-studio .nv-actions{margin-top:17px}
 .nv-studio .nv-actions .nv-button{flex:1 1 100%}
 .nv-studio-laptop{margin-inline:6px}
 .nv-studio-lid{transform:rotateY(-8deg) rotateX(3deg)}
 .nv-studio-proof{gap:0;grid-template-columns:1fr}
 .nv-studio-proof li{padding-inline:3px}
 .nv-studio-heading{align-items:start;flex-direction:column;gap:2px;margin-bottom:13px}
 .nv-studio-feature,.nv-studio-product-grid{gap:17px}
 .nv-studio-product-nav>.nv-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
 .nv-studio-product-nav a{font-size:13px;line-height:1.25}
}

/* Continue the public visual system into documents and service pages. */
.nv-studio-document{--studio-doc-ink:#101d36;--studio-doc-muted:#405577;color:var(--studio-doc-ink);background:#eef4fd}
.nv-studio-document>article{margin:0}
.nv-studio-document .nv-document,.nv-studio-document .nv-plain-page{padding-block:clamp(30px,4.5vw,58px)}
.nv-studio-document>article>.nv-document:first-child,.nv-studio-document>article>.nv-plain-page:first-child{position:relative;isolation:isolate}
.nv-studio-document>article>.nv-document:first-child::before,.nv-studio-document>article>.nv-plain-page:first-child::before{position:absolute;z-index:-1;inset:0;box-shadow:0 0 0 100vmax #e5efff;clip-path:inset(0 -100vmax);content:"";background:radial-gradient(ellipse at 91% 5%,#c2d8ff,transparent 60%),linear-gradient(118deg,#e5efff,#e1eaff 64%,#eee4ff)}
.nv-studio-document h1,.nv-support.nv-document h1{font-size:clamp(29px,4vw,49px);letter-spacing:-.045em;line-height:1.1;text-wrap:balance}
.nv-studio-document h2{font-size:clamp(24px,2.7vw,35px);letter-spacing:-.032em;line-height:1.16;text-wrap:balance}
.nv-studio-document .nv-prose{color:var(--studio-doc-muted)}
.nv-studio-document .nv-document>.nv-prose{max-width:76ch}
.nv-studio-document .nv-section{padding-block:clamp(28px,4vw,49px);background:#edf4ff}
.nv-studio-document .nv-section:nth-of-type(even){background:linear-gradient(120deg,#e7efff,#eff0fd)}
.nv-studio-document .nv-section.nv-hero{background:radial-gradient(ellipse at 79% 25%,#224781,transparent 58%),#0b1837}
.nv-studio-document .nv-hero .nv-prose{color:#d0dff6}
.nv-studio-document .nv-card,.nv-studio-document .nv-toc,.nv-studio-document .nv-call_to_action .nv-container{background:#f9fbff;border-color:#c9d9f3}
.nv-studio-document .nv-button-primary,.nv-support.nv-document .nv-button-primary{background:#1558de}
.nv-studio-document .nv-button-primary:hover,.nv-support.nv-document .nv-button-primary:hover{background:#1045b3}
.nv-studio-document .nv-table-scroll{border:1px solid #c6d6ed;border-radius:12px;background:#f9fbff}
.nv-studio-document th{background:#e2edff}
.nv-studio-document tbody tr:nth-child(even){background:#f1f6ff}
.nv-studio-document .nv-table-scroll tr:last-child>td{border-bottom:0}
.nv-studio-document .nv-edition_comparison .nv-prose,.nv-studio-document .nv-video .nv-prose{max-width:none}
.nv-studio-document .nv-edition_comparison .nv-prose>p,.nv-studio-document .nv-video .nv-prose>p{max-width:72ch}
.nv-studio-document .nv-video-player video{border:1px solid #5b79ad;border-radius:12px;box-shadow:0 12px 30px #193a8029}
.nv-studio-document .nv-doc-search input,.nv-studio-document .nv-pagination a{background:#f9fbff}
.nv-studio-document :is(.nv-document,.nv-plain-page)>:last-child{margin-bottom:0}
body:has(>main.nv-support.nv-document){background:#edf4ff}
.nv-support.nv-document{padding-block:clamp(32px,5vw,64px)}
.nv-support.nv-document>p{max-width:72ch}
@media(max-width:767px){
 .nv-studio-document .nv-document>.nv-prose{max-width:100%}
}

@media(max-width:767px){
 .nv-studio-document .nv-edition_comparison .nv-table-scroll table{min-width:0;table-layout:fixed}
 .nv-studio-document .nv-edition_comparison .nv-table-scroll tr>:first-child{width:46%}
 .nv-studio-document .nv-edition_comparison .nv-table-scroll th,
 .nv-studio-document .nv-edition_comparison .nv-table-scroll td{min-width:0;padding:9px 6px;font-size:clamp(11px,3.4vw,14px);line-height:1.32;overflow-wrap:anywhere}
}

.nv-studio-case{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:18px 0 20px;padding:clamp(18px,3vw,29px);border-radius:16px;background:radial-gradient(ellipse at 95% 0%,#294b8b,transparent 60%),#101f40;color:#f7faff}
.nv-studio-case .nv-studio-case-label{font-size:13px;font-weight:720;color:#a8d3ff;margin:0 0 5px}
.nv-studio-case h3{font-size:clamp(22px,2.6vw,30px);margin:0 0 8px}
.nv-studio-case p:last-child{max-width:63ch;margin:0;color:#d2e0fa}
.nv-studio .nv-studio-case .nv-button-secondary{color:#f8faff;background:#162c55;border-color:#819dc8}
.nv-studio .nv-studio-case .nv-button-secondary:hover{background:#254578}
.nv-studio .nv-studio-case a:focus-visible{outline-color:#8fdcff}
@media(max-width:767px){.nv-studio-case{grid-template-columns:1fr;gap:12px}.nv-studio-case a{justify-self:start}}