:root {
    --bg:#faf6f6;
    --surface:#fff;
    --ink:#383838;
    --muted:#6a6465;
    --line:#eadcdd;
    --brand:#d50f2e;
    --brand-ink:#fff;
    --sun:#d50f2e;
    --tint:#fbe3e7;
    --ok:#12805c;
    --logotext:#383838;
    --hd:"Space Grotesk",system-ui,sans-serif;
    --bd:"Space Grotesk",system-ui,sans-serif;
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
    color-scheme:light;
}
@media (prefers-color-scheme:dark) {
    :root:not([data-theme="light"]) {
        --bg:#1d1b1c;
        --surface:#292627;
        --ink:#f6efef;
        --muted:#b9aeb0;
        --line:#413b3c;
        --brand:#f2384f;
        --brand-ink:#fff;
        --tint:#3b2227;
        --ok:#4cd3a3;
        --logotext:#f6efef;
        color-scheme:dark;
    }
}
:root[data-theme="dark"] {
    --bg:#1d1b1c;
    --surface:#292627;
    --ink:#f6efef;
    --muted:#b9aeb0;
    --line:#413b3c;
    --brand:#f2384f;
    --brand-ink:#fff;
    --tint:#3b2227;
    --ok:#4cd3a3;
    --logotext:#f6efef;
    color-scheme:dark;
}
html {
    height:100%;
    scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px);
    scroll-behavior:smooth;
}
*,*::before,*::after {
    box-sizing:border-box;
}
body {
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font:400 17px/1.6 var(--bd);
}
a {
    color:inherit;
}
:focus-visible {
    outline:3px solid var(--brand);
    outline-offset:3px;
    border-radius:6px;
}
.wrap {
    width:min(1160px,100% - 40px);
    margin-inline:auto;
}
h1,h2,h3 {
    font-family:var(--hd);
    line-height:1.08;
    margin:0;
    letter-spacing:-.02em;
}
h2 {
    font-size:clamp(1.9rem,4vw,2.9rem);
    font-weight:800;
}
h3 {
    font-size:1.25rem;
    font-weight:700;
}
p {
    margin:0;
}
.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 24px;
    border-radius:999px;
    font:600 1rem var(--bd);
    text-decoration:none;
    border:2px solid var(--brand);
    background:var(--brand);
    color:var(--brand-ink);
    cursor:pointer;
    transition:transform .15s;
}
.btn:hover {
    transform:translateY(-2px);
}
.btn.ghost {
    background:transparent;
    color:var(--ink);
    border-color:var(--line);
}
.btn.sm {
    padding:9px 18px;
    font-size:.95rem;
}
section {
    padding:88px 0;
}
.sub {
    color:var(--muted);
    max-width:60ch;
    margin-top:14px;
}
/* header */
.top {
    background:#d50f2e !important;
    color:#fff !important;
    font-size:.9rem;
}
.top .wrap {
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:8px 0;
    flex-wrap:wrap;
}
.top a {
    text-decoration:none;
}
header.nav {
    position:sticky;
    top:0;
    z-index:20;
    background:color-mix(in srgb,var(--bg) 88%,transparent);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);
    padding-top:env(safe-area-inset-top,0px);
}
.nav .wrap {
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:68px;
    gap:16px;
}
.logo {
    font:800 1.5rem var(--hd);
    text-decoration:none;
    letter-spacing:-.03em;
    display:flex;
    align-items:center;
    gap:8px;
}
.logo i {
    width:14px;
    height:14px;
    border-radius:50%;
    background:var(--sun);
}
.links {
    display:flex;
    gap:26px;
    align-items:center;
}
.links a {
    text-decoration:none;
    font-weight:500;
    color:var(--muted);
}
.links a:hover {
    color:var(--ink);
}
@media(max-width:860px) {
    .links a:not(.btn) {
        display:none;
    }
}
/* hero (two columns: copy left, scrolling service cards right) */
:root {
    --amber:#d50f2e;
}
@media(prefers-color-scheme:dark) {
    :root:not([data-theme="light"]) {
        --amber:#ff7a8c;
    }
}
:root[data-theme="dark"] {
    --amber:#ff7a8c;
}
.top {
    background:var(--bg);
    color:var(--ink);
    border-bottom:1px solid var(--line);
}
.top .l {
    display:flex;
    gap:26px;
}
.top .wrap {
    padding:11px 0;
}
.theme {
    width:40px;
    height:40px;
    border-radius:5px;
    border:0;
    background:var(--surface);
    color:var(--ink);
    cursor:pointer;
    display:grid;
    place-items:center;
}
.hero {
    position:relative;
    padding:76px 0 0;
}
.hero-grid {
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:40px;
    align-items:center;
}
.rate {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:28px;
}
.rate a {
    display:inline-flex;
    gap:10px;
    align-items:center;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:999px;
    padding:7px 16px;
    font-weight:600;
    font-size:.95rem;
    text-decoration:none;
}
.rate .st {
    color:#e0a100;
    letter-spacing:1px;
}
.rate em {
    font-style:normal;
    color:var(--muted);
    font-weight:500;
    border-left:1px solid var(--line);
    padding-left:10px;
}
.hero h1 {
    font-size:clamp(2.4rem,5vw,3.9rem);
    font-weight:700;
    max-width:16ch;
}
.acc {
    color:var(--brand);
}
.hero .lead {
    font-size:1.2rem;
    color:var(--muted);
    max-width:52ch;
    margin:26px 0 34px;
}
.btn.out {
    background:transparent;
    color:var(--amber);
    border-color:var(--amber);
    border-radius:6px;
}
.hero .btn:not(.out) {
    border-radius:6px;
}
.vwrap {
    height:470px;
    overflow:hidden;
    mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);
}
.vtrack {
    display:flex;
    flex-direction:column;
    gap:16px;
    animation:up 28s linear infinite;
}
@keyframes up {
    to {
        transform:translateY(calc(-50% - 8px));
    }
}
.svc {
    display:flex;
    gap:18px;
    align-items:center;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:16px;
    padding:22px 24px;
    text-decoration:none;
}
.svc .ic {
    flex:none;
    width:48px;
    height:48px;
    border-radius:50%;
    background:var(--tint);
    color:var(--brand);
    display:grid;
    place-items:center;
}
.svc b {
    display:block;
    font-size:1rem;
}
.svc span {
    color:var(--muted);
    font-size:.88rem;
}
.stats {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:56px;
    background:var(--surface);
    border:1px solid var(--line);
    border-bottom:0;
    border-radius:22px 22px 0 0;
    padding:30px 34px;
}
.stats div {
    border-left:3px solid var(--sun);
    padding-left:16px;
}
.stats strong {
    display:block;
    font:800 clamp(1.7rem,3.4vw,2.5rem)/1 var(--hd);
}
.stats span {
    color:var(--muted);
    font-size:.95rem;
}
@media(max-width:900px) {
    .hero-grid {
        grid-template-columns:1fr;
    }
    .vwrap {
        height:330px;
    }
}
@media(max-width:700px) {
    .stats {
        grid-template-columns:1fr 1fr;
    }
    .top .l:first-child a:nth-child(n+2) {
        display:none;
    }
}
@media(prefers-reduced-motion:reduce) {
    .vtrack {
        animation:none;
    }
}
/* domain */
.domain {
    background:#383838;
    color:#fff;
    border-radius:28px;
    padding:44px;
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:32px;
    align-items:center;
}
:root {
    --on-ink:#f1efff;
}
.domain h2 {
    color:#f1efff;
}
.domain p {
    color:#bdb9e6;
    margin-top:10px;
}
.dform {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.dform input {
    flex:1 1 220px;
    padding:16px 20px;
    border-radius:999px;
    border:2px solid transparent;
    font:500 1.05rem var(--bd);
    background:#fff;
    color:#383838;
}
.dform .btn {
    background:var(--sun);
    border-color:var(--sun);
    color:#fff;
}
.tlds {
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:14px;
    color:#bdb9e6;
    font-size:.92rem;
}
.tlds span {
    background:#ffffff1a;
    padding:3px 12px;
    border-radius:999px;
}
@media(max-width:820px) {
    .domain {
        grid-template-columns:1fr;
        padding:30px;
    }
}
/* plans */
.tabs {
    display:inline-flex;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:999px;
    padding:5px;
    margin:26px 0 30px;
}
.tabs button {
    border:0;
    background:none;
    color:var(--muted);
    padding:10px 22px;
    border-radius:999px;
    font:600 1rem var(--bd);
    cursor:pointer;
}
.tabs button[aria-selected="true"] {
    background:var(--brand);
    color:var(--brand-ink);
}
.plans {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.plan {
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:5px;
    padding:30px;
    display:flex;
    flex-direction:column;
    position:relative;
}
.plan.pop {
    border:2px solid var(--brand);
}
.plan .tag {
    position:absolute;
    top:-13px;
    right:22px;
    background:var(--sun);
    color:#fff;
    font-weight:600;
    font-size:.85rem;
    padding:3px 14px;
    border-radius:999px;
}
.price {
    font:800 2.3rem/1 var(--hd);
    margin:14px 0 4px;
}
.price small {
    font:500 .95rem var(--bd);
    color:var(--muted);
}
.plan ul {
    list-style:none;
    padding:0;
    margin:20px 0 26px;
    display:grid;
    gap:9px;
    flex:1;
}
.plan li {
    display:flex;
    gap:10px;
}
.plan li::before {
    content:"";
    flex:none;
    width:18px;
    height:18px;
    margin-top:4px;
    border-radius:50%;
    background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") center/12px no-repeat;
}
.plan .btn {
    width:100%;
}
.note {
    color:var(--muted);
    margin-top:22px;
    font-size:.95rem;
}
@media(max-width:900px) {
    .plans {
        grid-template-columns:1fr;
    }
}
/* why */
.why {
    background:var(--surface);
    border-block:1px solid var(--line);
}
.grid3 {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:36px 28px;
    margin-top:44px;
}
.grid3 p {
    color:var(--muted);
    margin-top:8px;
}
@media(max-width:860px) {
    .grid3 {
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:560px) {
    .grid3 {
        grid-template-columns:1fr;
    }
}
/* products */
.duo {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:40px;
}
.card {
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:24px;
    padding:36px;
}
.card ul {
    padding-left:20px;
    color:var(--muted);
    margin:14px 0 24px;
}
@media(max-width:800px) {
    .duo {
        grid-template-columns:1fr;
    }
}
/* steps */
.steps {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:44px;
    counter-reset:s;
    padding:0;
    list-style:none;
}
.steps li {
    counter-increment:s;
    border-top:3px solid var(--brand);
    padding-top:16px;
}
.steps li::before {
    content:"Step " counter(s);
    display:block;
    color:var(--brand);
    font-weight:600;
    margin-bottom:4px;
}
.steps p {
    color:var(--muted);
    margin-top:6px;
}
@media(max-width:860px) {
    .steps {
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:520px) {
    .steps {
        grid-template-columns:1fr;
    }
}
.tech {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:44px;
}
.tech span {
    border:1px solid var(--line);
    background:var(--surface);
    padding:8px 18px;
    border-radius:999px;
    font-weight:600;
}
/* faq */
.faq {
    max-width:780px;
    margin-top:36px;
}
details {
    border-bottom:1px solid var(--line);
    padding:18px 0;
}
summary {
    cursor:pointer;
    font:700 1.12rem var(--hd);
    list-style:none;
    display:flex;
    justify-content:space-between;
    gap:16px;
}
summary::after {
    content:"+";
    color:var(--brand);
    font-size:1.5rem;
    line-height:1;
}
details[open] summary::after {
    content:"–";
}
details p {
    color:var(--muted);
    margin-top:10px;
}
/* final */
.final {
    background:var(--brand);
    color:var(--brand-ink);
    border-radius:28px;
    padding:56px 40px;
    text-align:center;
}
.final p {
    margin:12px auto 26px;
    max-width:50ch;
    opacity:.92;
}
.final .btn {
    background:var(--sun);
    border-color:var(--sun);
    color:#fff;
}
.final .btn.ghost {
    background:transparent;
    color:inherit;
    border-color:currentColor;
}
footer {
    padding:40px 0 48px;
    color:var(--muted);
    font-size:.95rem;
}
footer .wrap {
    display:flex;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}
footer nav {
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}
footer a {
    text-decoration:none;
}
@media(prefers-reduced-motion:reduce) {
    .track {
        animation:none;
    }
    html {
        scroll-behavior:auto;
    }
    .btn {
        transition:none;
    }
}
[hidden] {
    display:none!important;
}
.page {
    padding:72px 0 88px;
}
.page h1 {
    font-size:clamp(2.2rem,5vw,3.5rem);
    font-weight:700;
    max-width:18ch;
}
.page .sub {
    font-size:1.15rem;
}
.cols {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:40px;
}
.cols.c3 {
    grid-template-columns:repeat(3,1fr);
}
.cols .card p {
    color:var(--muted);
    margin-top:8px;
}
.reach {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:40px;
}
.reach .card {
    padding:28px;
}
.reach p {
    color:var(--muted);
    margin:8px 0 16px;
}
.reach a {
    font-weight:600;
    color:var(--brand);
}
.radio {
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:20px;
    margin-top:36px;
}
.radio .plan {
    padding:36px;
}
.radio .price {
    font-size:1.9rem;
}
form.cf {
    display:grid;
    gap:14px;
}
.cf label {
    font-weight:600;
    display:grid;
    gap:6px;
}
.cf input,.cf select,.cf textarea {
    font:400 1rem var(--bd);
    padding:13px 16px;
    border-radius:12px;
    border:1px solid var(--line);
    background:var(--bg);
    color:var(--ink);
}
.cf textarea {
    min-height:130px;
    resize:vertical;
}
@media(max-width:900px) {
    .reach {
        grid-template-columns:1fr 1fr;
    }
    .radio,.cols,.cols.c3 {
        grid-template-columns:1fr;
    }
}
@media(max-width:560px) {
    .reach {
        grid-template-columns:1fr;
    }
}
.lg {
    height:36px;
    width:auto;
    display:block;
}
.lg .st0 {
    fill:#d50f2e;
}
.lg .st1 {
    fill:var(--logotext);
}
.logo {
    gap:0;
}
.dform select {
    padding:16px 18px;
    border-radius:999px;
    border:2px solid transparent;
    font:500 1.05rem var(--bd);
    background:#fff;
    color:#383838;
}
.dres {
    margin-top:14px;
    min-height:1.6em;
    color:#fff;
}
.dres a {
    color:#fff;
    font-weight:600;
}
.final .btn {
    background:#fff;
    border-color:#fff;
    color:#d50f2e;
}
.dash {
    border-radius:18px;
    overflow:hidden;
    border:1px solid var(--line);
    background:var(--tint);
}
.dh {
    background:#383838;
    color:#fff;
    padding:14px 20px;
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    border-bottom:4px solid var(--brand);
}
.dh span {
    font-size:.85rem;
    opacity:.8;
}
.db {
    padding:16px;
    display:grid;
    gap:12px;
}
.dc {
    background:var(--surface);
    border-radius:10px;
    overflow:hidden;
}
.dt {
    background:#111;
    color:#fff;
    padding:10px 16px;
    font-weight:600;
    display:flex;
    justify-content:space-between;
}
.dt em {
    font-style:normal;
    font-size:.8rem;
    background:#12805c;
    padding:2px 10px;
    border-radius:999px;
    align-self:center;
}
.dp {
    padding:10px 16px;
    font-size:.95rem;
}
.dp small {
    display:block;
    color:var(--muted);
}
.ft {
    background:#383838;
    color:#d9d3d4;
    padding:64px 0 28px;
}
.ft .st1 {
    fill:#fff;
}
.ft a {
    text-decoration:none;
}
.ft a:hover {
    color:#fff;
    text-decoration:underline;
}
.fgrid {
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1fr;
    gap:36px;
}
.fgrid p {
    margin:14px 0;
    max-width:42ch;
}
.fgrid nav {
    display:grid;
    gap:10px;
    align-content:start;
}
.fgrid h4 {
    margin:0 0 6px;
    color:#fff;
    font:700 1.05rem var(--hd);
}
.fbot {
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    border-top:1px solid #ffffff26;
    margin-top:44px;
    padding-top:22px;
    font-size:.9rem;
}
@media(max-width:860px) {
    .fgrid {
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:520px) {
    .fgrid {
        grid-template-columns:1fr;
    }
}
.whys {
    background:var(--bg);
}
.wgrid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:44px;
}
.wc {
    background:color-mix(in srgb,var(--c) 9%,var(--surface));
    border:1px solid color-mix(in srgb,var(--c) 28%,var(--line));
    border-top:5px solid var(--c);
    border-radius:5px;
    padding:30px;
    transition:transform .2s;
}
.wc:hover {
    transform:translateY(-4px);
}
.wi {
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border-radius:16px;
    background:var(--c);
    margin-bottom:18px;
}
.wc p {
    color:var(--muted);
    margin-top:8px;
}
.tech {
    margin-top:36px;
}
@media(max-width:860px) {
    .wgrid {
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:560px) {
    .wgrid {
        grid-template-columns:1fr;
    }
}
.sgrid {
    display:grid;
    grid-template-columns:1.05fr 1fr 1fr;
    gap:24px;
}
.sintro {
    grid-row:span 2;
    padding-right:12px;
}
.slabel {
    color:var(--brand);
    letter-spacing:.12em;
    font-weight:700;
    font-size:.85rem;
    text-transform:uppercase;
    margin-bottom:14px;
}
.sintro h2 {
    font-size:clamp(1.8rem,3vw,2.5rem);
}
.acc {
    color:var(--brand);
}
.sbar {
    width:70px;
    height:3px;
    background:var(--brand);
    margin:22px 0 4px;
}
.btn.wide {
    width:100%;
    margin-top:26px;
}
.sc {
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:5px;
    padding:30px;
    display:flex;
    flex-direction:column;
    gap:18px;
}
.sch {
    display:flex;
    gap:14px;
    align-items:center;
}
.sch h3 {
    font-size:1.02rem;
}
.sci {
    flex:none;
    width:42px;
    height:42px;
    border-radius:50%;
    background:var(--tint);
    color:var(--brand);
    display:grid;
    place-items:center;
}
.sc p {
    color:var(--muted);
    font-size:.95rem;
}
.sc .ex {
    margin-top:auto;
    color:var(--brand);
    font-weight:600;
    text-decoration:none;
}
@media(max-width:1000px) {
    .sgrid {
        grid-template-columns:1fr 1fr;
    }
    .sintro {
        grid-column:1/-1;
        grid-row:auto;
    }
}
@media(max-width:640px) {
    .sgrid {
        grid-template-columns:1fr;
    }
}
.mig {
    background:var(--surface);
    border-block:1px solid var(--line);
}
.mgrid {
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:56px;
    align-items:center;
}
.mpts {
    list-style:none;
    padding:0;
    margin:26px 0 30px;
    display:grid;
    gap:12px;
    font-weight:500;
}
.mpts li {
    display:flex;
    gap:12px;
    align-items:center;
}
.mpts li::before {
    content:"✓";
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border-radius:50%;
    background:var(--ok);
    color:#fff;
    font-size:.85rem;
}
.tcard {
    background:var(--bg);
    border:1px solid var(--line);
    border-radius:24px;
    padding:28px;
}
.th {
    display:flex;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}
.live {
    display:inline-flex;
    gap:8px;
    align-items:center;
    font-size:.9rem;
    font-weight:600;
    color:var(--ok);
}
.live i {
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--ok);
}
.overall {
    display:flex;
    gap:14px;
    align-items:center;
    margin:20px 0 8px;
}
.bar,.sb {
    flex:1;
    height:10px;
    border-radius:99px;
    background:var(--line);
    overflow:hidden;
}
.sb {
    height:6px;
    margin-top:6px;
}
.bar i,.sb i {
    display:block;
    height:100%;
    width:0;
    background:var(--brand);
    border-radius:99px;
}
.tsteps {
    list-style:none;
    padding:0;
    margin:14px 0 0;
    display:grid;
    gap:14px;
}
.tsteps li {
    display:grid;
    grid-template-columns:28px 1fr auto;
    gap:12px;
    align-items:center;
    opacity:.55;
}
.tsteps .dot {
    width:26px;
    height:26px;
    border-radius:50%;
    border:2px solid var(--line);
    display:grid;
    place-items:center;
    font-size:.8rem;
    color:#fff;
}
.tsteps li.act {
    opacity:1;
}
.tsteps li.act .dot {
    border-color:var(--brand);
}
.tsteps li.done {
    opacity:1;
}
.tsteps li.done .dot {
    background:var(--ok);
    border-color:var(--ok);
}
.tsteps li.done .dot::after {
    content:"✓";
}
.tsteps li.done .sb i {
    background:var(--ok);
}
.tsteps em {
    font-style:normal;
    font-size:.85rem;
    color:var(--muted);
    min-width:60px;
    text-align:right;
}
.tnote {
    margin-top:18px;
    font-size:.85rem;
    color:var(--muted);
}
@media(max-width:860px) {
    .mgrid {
        grid-template-columns:1fr;
        gap:36px;
    }
}
.modal {
    border:0;
    border-radius:22px;
    padding:30px;
    max-width:520px;
    width:calc(100% - 28px);
    background:var(--surface);
    color:var(--ink);
    max-height:92vh;
}
.modal::backdrop {
    background:#000a;
}
.mh {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.x {
    border:0;
    background:var(--tint);
    color:var(--brand);
    width:36px;
    height:36px;
    border-radius:50%;
    font-size:1.4rem;
    cursor:pointer;
}
.fb {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.fmsg {
    color:var(--muted);
    font-size:.92rem;
    min-height:1.2em;
}
.faqs {
    background:var(--surface);
    border-block:1px solid var(--line);
}
.fg {
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:56px;
    align-items:start;
}
.fl {
    position:sticky;
    top:96px;
}
.faqs details {
    background:var(--bg);
    border:1px solid var(--line);
    border-radius:16px;
    padding:0;
    margin-bottom:12px;
    transition:background .2s;
}
.faqs summary {
    padding:20px 24px;
    align-items:center;
}
.faqs summary::after {
    content:"+";
    flex:none;
    width:32px;
    height:32px;
    border-radius:50%;
    background:var(--tint);
    color:var(--brand);
    display:grid;
    place-items:center;
    font-size:1.3rem;
}
.faqs details[open] {
    border-color:var(--brand);
    background:var(--tint);
}
.faqs details[open] summary::after {
    content:"–";
    background:var(--brand);
    color:#fff;
}
.faqs details p {
    padding:0 24px 22px;
    margin:0;
}
@media(max-width:860px) {
    .fg {
        grid-template-columns:1fr;
        gap:28px;
    }
    .fl {
        position:static;
    }
}
.radio2 {
    background:#383838;
    color:#fff;
}
.radio2 .sub {
    color:#d9d3d4;
}
.rgrid {
    display:grid;
    grid-template-columns:1.3fr .7fr;
    gap:48px;
    align-items:center;
}
.rfeat {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 28px;
    margin-top:38px;
}
.rf {
    display:flex;
    gap:14px;
    align-items:flex-start;
}
.rf span {
    flex:none;
    width:46px;
    height:46px;
    border-radius:14px;
    background:var(--brand);
    color:#fff;
    display:grid;
    place-items:center;
}
.rf b {
    display:block;
}
.rf small {
    color:#bdb5b6;
    font-size:.9rem;
}
.rprice {
    background:#fff;
    color:#383838;
    border-radius:24px;
    padding:34px;
    text-align:center;
}
.rprice small {
    color:#6a6465;
    font-weight:600;
}
.rprice .big {
    font:700 2.8rem/1.1 var(--hd);
    margin:10px 0;
    color:#d50f2e;
}
.rprice .big span {
    display:block;
    font-size:1rem;
    color:#6a6465;
    font-weight:500;
}
.rprice p {
    color:#6a6465;
}
.rprice .btn.ghost {
    color:#383838;
    border-color:#d9cfd0;
    margin-top:12px;
}
@media(max-width:900px) {
    .rgrid {
        grid-template-columns:1fr;
    }
}
@media(max-width:520px) {
    .rfeat {
        grid-template-columns:1fr;
    }
}
.links {
    gap:20px;
}
.links a {
    font-size:.97rem;
}
.vwrap {
    padding:10px 14px;
}
.vtrack:hover {
    animation-play-state:paused;
}
.svc {
    transition:transform .22s ease,box-shadow .22s ease;
}
.svc:hover,.svc:focus-visible {
    transform:scale(1.045);
}
.sc {
    transition:background .22s,border-color .22s,transform .22s;
}
.sc:hover,.sc:focus-within {
    background:var(--brand);
    border-color:var(--brand);
    transform:translateY(-3px);
}
.sc:hover h3,.sc:hover p,.sc:hover .ex,.sc:focus-within h3,.sc:focus-within p,.sc:focus-within .ex {
    color:#fff;
}
.sc:hover .sci,.sc:focus-within .sci {
    background:#fff;
    color:var(--brand);
}
.hp {
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    opacity:0;
}
.khero {
    padding:72px 0 56px;
    border-bottom:1px solid var(--line);
    text-align: center;
}
.khero h1 {
    font-size:clamp(2.4rem,5vw,3.8rem);
    font-weight:700;
    text-align: center;
}
.ksearch {
    display:flex;
    gap:10px;
    max-width:660px;
    margin-top:28px;
    margin: auto;
}
.ksearch input {
    flex:1;
    min-width:0;
    padding:17px 22px;
    border-radius:999px;
    border:2px solid var(--line);
    background:var(--surface);
    color:var(--ink);
    font:500 1.05rem var(--bd);
}
.ksearch input:focus {
    border-color:var(--brand);
    outline:0;
}
.kchips {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    margin-top:18px;
    color:var(--muted);
    text-align: center;
}
.kchips a {
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:999px;
    padding:4px 14px;
    text-decoration:none;
    font-size:.92rem;
}
.kchips a:hover {
    border-color:var(--brand);
    color:var(--brand);
}
.page2 {
    padding:56px 0 88px;
}
.qgrid {
    grid-template-columns:repeat(4,1fr);
    margin-top:0;
}
.qa {
    display:block;
    text-decoration:none;
    color:inherit;
}
.tgrid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:28px;
}
.tp {
    display:flex;
    gap:16px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:16px;
    padding:26px;
    text-decoration:none;
    color:inherit;
    transition:border-color .2s,transform .2s;
}
.tp:hover {
    border-color:var(--brand);
    transform:translateY(-3px);
}
.tp h3 {
    font-size:1.05rem;
}
.tp p {
    color:var(--muted);
    font-size:.93rem;
    margin:6px 0 12px;
}
.tp b {
    color:var(--brand);
    font-size:.93rem;
}
.cgrid {
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:24px;
    margin-top:72px;
    align-items:start;
}
.side {
    display:grid;
    gap:20px;
}
.sl {
    list-style:none;
    padding:0;
    margin:16px 0 0;
    display:grid;
    gap:14px;
}
.sl b {
    display:block;
    font-size:.9rem;
    color:var(--muted);
    font-weight:500;
}
.sl a {
    color:var(--brand);
    font-weight:600;
    text-decoration:none;
}
@media(max-width:1000px) {
    .qgrid {
        grid-template-columns:1fr 1fr;
    }
    .tgrid {
        grid-template-columns:1fr 1fr;
    }
    .cgrid {
        grid-template-columns:1fr;
    }
}
@media(max-width:600px) {
    .qgrid,.tgrid {
        grid-template-columns:1fr;
    }
    .ksearch {
        flex-direction:column;
    }
}
.hero {
    padding-bottom:72px;
}
.dsec {
    text-align:center;
    background:var(--surface);
    border-block:1px solid var(--line);
    padding:72px 0;
}
.dsec .sub {
    margin-inline:auto;
}
.dbar {
    display:flex;
    gap:6px;
    max-width:760px;
    margin:30px auto 0;
    background:var(--bg);
    border:2px solid var(--line);
    border-radius:999px;
    padding:6px;
}
.dbar:focus-within {
    border-color:var(--brand);
}
.dbar input {
    flex:1;
    min-width:0;
    border:0;
    background:none;
    color:var(--ink);
    font:500 1.1rem var(--bd);
    padding:12px 20px;
}
.dbar input:focus {
    outline:0;
}
.dbar select {
    border:0;
    border-left:1px solid var(--line);
    background:none;
    color:var(--ink);
    font:500 1.05rem var(--bd);
    padding:0 14px;
    cursor:pointer;
}
.dsec .dres {
    color:var(--ink);
    margin-top:16px;
}
.dsec .dres a {
    color:var(--brand);
    font-weight:600;
}
@media(max-width:560px) {
    .dbar {
        flex-direction:column;
        border-radius:24px;
    }
    .dbar select {
        border-left:0;
        border-top:1px solid var(--line);
        padding:12px;
    }
}
.wc {
    background:var(--surface);
    border:1px solid var(--line);
    transition:background .2s,border-color .2s,transform .2s;
}
.wc:hover,.wc:focus-visible {
    background:var(--brand);
    border-color:var(--brand);
}
.wc:hover h3,.wc:hover p,.wc:focus-visible h3,.wc:focus-visible p {
    color:#fff;
}
.wc:hover .wi,.wc:focus-visible .wi {
    background:#fff;
}
.wc:hover .wi svg,.wc:focus-visible .wi svg {
    stroke:var(--brand);
}
.fbot {
    display:block;
    text-align:center;
    border-top:1px solid #ffffff2e;
    margin-top:44px;
    padding:24px 0 0;
}
.fbot p {
    margin:4px 0;
}
.modal {
    padding:0;
    overflow:hidden;
    border-radius:24px;
}
.modal .mbody {
    padding:30px;
    max-height:90vh;
    overflow:auto;
    display:grid;
    gap:14px;
}
.two {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.opts {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.cf label.opt {
    display:flex;
    gap:10px;
    align-items:center;
    border:1px solid var(--line);
    border-radius:12px;
    padding:12px 14px;
    font-weight:500;
    cursor:pointer;
}
.cf label.opt:has(input:checked) {
    border-color:var(--brand);
    background:var(--tint);
}
.cf .opt input {
    padding:0;
    width:18px;
    height:18px;
    border:0;
    accent-color:var(--brand);
}
@media(max-width:480px) {
    .two {
        grid-template-columns:1fr;
    }
}
.absplit {
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:56px;
    align-items:center;
}
.absplit .sub {
    margin-bottom:12px;
}
.prs {
    display:grid;
    gap:16px;
}
.pr {
    display:flex;
    gap:18px;
    align-items:center;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius: 5px;
    padding:22px;
}
.pr .wi {
    margin:0;
    flex:none;
    background:var(--brand);
}
.pr p {
    color:var(--muted);
}
.abtech {
    text-align:center;
    margin-top:80px;
}
.abtech .sub {
    margin-inline:auto;
}
.ctac {
    margin-top:80px;
    text-align:center;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:24px;
    padding:48px 24px;
}
.credit {
    text-align:center;
    color:var(--muted);
    margin-top:48px;
}
@media(max-width:860px) {
    .absplit {
        grid-template-columns:1fr;
    }
}
*,*::before,*::after {
    box-shadow:none!important;
    text-shadow:none!important;
}
.hero .cta {
    gap:16px;
}
.hero .cta .btn {
    border-radius:999px;
}
.tabs {
    margin:26px 0 30px;
}
.plans .agency {
    grid-column:1/-1;
}
.plans .agency .mpts {
    margin:0 0 24px;
}
.cf fieldset {
    border:0;
    padding:0;
    margin:0;
    display:grid;
    gap:8px;
    min-width:0;
}
.cf legend {
    font-weight:600;
    padding:0;
    margin-bottom:8px;
}
.plans.four {
    grid-template-columns:repeat(4,1fr);
}
@media(max-width:1100px) {
    .plans.four {
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:600px) {
    .plans.four {
        grid-template-columns:1fr;
    }
}


@media screen and (max-width: 768px) {
  .hero-img {
    display: none !important;
  }
}


@media screen and (max-width: 768px) {
  .nav-sec {
    display: none !important;
  }
}