/* GA4 traffic landing body based on the supplied v2 reference. */
body.traffic-service-v6 {
    --traffic-ink:#0f1826;
    --traffic-copy:#5b6675;
    --traffic-muted:#9aa4b4;
    --traffic-line:rgba(15,24,38,.08);
    --traffic-bg:#f4f6fb;
    --traffic-panel:#f7f9fd;
    --traffic-brand:#2b5fd9;
    --traffic-brand-light:#5b8def;
    --traffic-soft:rgba(43,95,217,.1);
    --v6-ink:var(--traffic-ink);
    --v6-copy:var(--traffic-copy);
    --v6-muted:var(--traffic-muted);
    --v6-line:var(--traffic-line);
    --v6-bg:var(--traffic-bg);
    --v6-section-alt:var(--traffic-panel);
    --v6-card:#fff;
    --v6-brand:var(--traffic-brand);
    --v6-soft:var(--traffic-soft);
}

body.traffic-service-v6 .v6-site-header { background:rgba(255,255,255,.92); }
body.traffic-service-v6 .v6-main-nav a { color:#465363; }
body.traffic-service-v6 .v6-main-nav a:first-child { background:transparent; color:#465363; padding-inline:10px; }
body.traffic-service-v6 .v6-main-nav a:nth-child(2),
body.traffic-service-v6 .v6-header-button { background:var(--traffic-brand); color:#fff; }
body.traffic-service-v6 .v6-main-nav a:hover { background:var(--traffic-panel); color:var(--traffic-ink); }
body.traffic-service-v6 .v6-main-nav a:nth-child(2):hover,
body.traffic-service-v6 .v6-header-button:hover { background:#204fb9; color:#fff; }
body.traffic-service-v6 .v6-main-nav i { color:var(--traffic-muted); }
body.traffic-service-v6 .v6-mobile-menu-panel { box-shadow:0 16px 36px rgba(15,24,38,.12); }

body.traffic-service-v6 .v6-cta-card {
    background:linear-gradient(135deg,var(--traffic-brand-light),var(--traffic-brand));
    box-shadow:0 28px 60px -34px rgba(43,95,217,.5);
}
body.traffic-service-v6 .v6-cta-copy>p,
body.traffic-service-v6 .v6-cta-actions>span { color:rgba(255,255,255,.82); }
body.traffic-service-v6 .v6-point-card li { background:rgba(43,95,217,.06); color:#33404f; }
body.traffic-service-v6 .v6-point-card>div a { background:var(--traffic-panel); color:var(--traffic-copy); }
body.traffic-service-v6 .v6-point-card>div a:hover { background:var(--traffic-soft); color:var(--traffic-brand); }

body.traffic-service-v6 .v6-footer-bottom { color:var(--traffic-muted); }
body.traffic-service-v6 .v6-footer-bottom a { color:var(--traffic-copy); }

body.traffic-service-v6 main { overflow:hidden; }
body.traffic-service-v6 main>section { position:relative; }
body.traffic-service-v6 .traffic-button:focus-visible,
body.traffic-service-v6 .traffic-card-link:focus-visible,
body.traffic-service-v6 .traffic-custom-actions a:focus-visible,
body.traffic-service-v6 .traffic-faq summary:focus-visible {
    box-shadow:0 0 0 2px #fff,0 0 0 5px var(--traffic-brand);
    outline:none;
}

body.traffic-service-v6 main .v6-section-head { margin:0 auto 52px; max-width:760px; text-align:center; }
body.traffic-service-v6 main .v6-section-head>span {
    background:transparent;
    border:0;
    border-radius:0;
    color:var(--traffic-brand);
    display:block;
    font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
    margin-bottom:14px;
    padding:0;
}
body.traffic-service-v6 main .v6-section-head>span::before { content:"// "; }
body.traffic-service-v6 main .v6-section-head h2 {
    color:var(--traffic-ink);
    font-size:clamp(30px,3.2vw,38px);
    font-weight:850;
    letter-spacing:-.04em;
    line-height:1.2;
    margin:0;
}
body.traffic-service-v6 main .v6-section-head p {
    color:var(--traffic-copy);
    font-size:16px;
    line-height:1.7;
    margin:14px auto 0;
    max-width:620px;
}

.traffic-hero { background:#fff; border-bottom:1px solid var(--traffic-line); padding:92px 0 100px!important; }
.traffic-hero::before {
    background:radial-gradient(650px 420px at 80% 0%,rgba(43,95,217,.1),rgba(43,95,217,0) 70%);
    content:"";
    inset:0;
    pointer-events:none;
    position:absolute;
}
.traffic-hero::after {
    background-image:linear-gradient(rgba(15,24,38,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,24,38,.03) 1px,transparent 1px);
    background-size:56px 56px;
    content:"";
    inset:0;
    -webkit-mask-image:radial-gradient(900px 600px at 60% 10%,#000,transparent 75%);
    mask-image:radial-gradient(900px 600px at 60% 10%,#000,transparent 75%);
    pointer-events:none;
    position:absolute;
}
.traffic-hero__inner {
    align-items:center;
    display:grid;
    gap:60px;
    grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
    position:relative;
    z-index:1;
}
.traffic-hero__copy { max-width:660px; }
.traffic-kicker {
    align-items:center;
    background:rgba(43,95,217,.06);
    border:1px solid rgba(43,95,217,.25);
    border-radius:999px;
    color:var(--traffic-brand);
    display:inline-flex;
    font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:12px;
    font-weight:800;
    gap:8px;
    letter-spacing:.12em;
    padding:7px 13px;
    text-transform:uppercase;
}
.traffic-kicker i { font-size:11px; }
.traffic-hero h1 {
    color:var(--traffic-ink);
    font-size:clamp(52px,5.2vw,62px);
    font-weight:850;
    letter-spacing:-.055em;
    line-height:1.06;
    margin:26px 0 0;
}
.traffic-hero h1 span {
    background:linear-gradient(120deg,var(--traffic-brand-light),var(--traffic-brand));
    background-clip:text;
    color:transparent;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.traffic-hero__copy>p:not(.traffic-hero__note) {
    color:var(--traffic-copy);
    font-size:17px;
    line-height:1.7;
    margin:24px 0 0;
    max-width:520px;
}
.traffic-hero__actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.traffic-button {
    align-items:center;
    border-radius:12px;
    display:inline-flex;
    font-size:15px;
    font-weight:750;
    gap:9px;
    justify-content:center;
    min-height:50px;
    padding:14px 26px;
    transition:box-shadow .2s ease,transform .2s ease;
}
.traffic-button:hover { box-shadow:0 14px 28px -17px rgba(15,24,38,.45); transform:translateY(-2px); }
.traffic-button--primary {
    background:linear-gradient(135deg,var(--traffic-brand-light),var(--traffic-brand));
    box-shadow:0 14px 30px -12px rgba(43,95,217,.6);
    color:#fff;
}
.traffic-button--secondary { background:#fff; border:1px solid rgba(15,24,38,.14); color:var(--traffic-ink); }
.traffic-hero__note {
    align-items:center;
    color:var(--traffic-copy);
    display:flex;
    font-size:14px;
    gap:8px;
    margin:24px 0 0;
}
.traffic-hero__note i { color:var(--traffic-brand); }

.traffic-summary-card {
    background:#fff;
    border:1px solid var(--traffic-line);
    border-radius:20px;
    box-shadow:0 40px 80px -40px rgba(15,24,38,.28);
    padding:28px;
}
.traffic-summary-card__top {
    align-items:center;
    color:var(--traffic-muted);
    display:flex;
    font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:11px;
    font-weight:800;
    justify-content:space-between;
    letter-spacing:.12em;
}
.traffic-live { align-items:center; color:#168a42; display:inline-flex; font-size:11px; gap:6px; }
.traffic-live i { background:#22c55e; border-radius:50%; box-shadow:0 0 8px rgba(34,197,94,.8); height:7px; width:7px; }
.traffic-summary-card>strong {
    color:var(--traffic-ink);
    display:block;
    font-size:26px;
    font-weight:850;
    letter-spacing:-.025em;
    line-height:1.2;
    margin-top:20px;
}
.traffic-summary-card>p { color:var(--traffic-copy); font-size:14px; line-height:1.6; margin:6px 0 0; }
.traffic-chart { align-items:flex-end; display:flex; gap:5px; height:64px; margin:18px 0 22px; }
.traffic-chart i {
    background:rgba(43,95,217,.25);
    border-radius:3px 3px 0 0;
    flex:1;
    height:var(--bar-height);
}
.traffic-chart i:nth-child(2),.traffic-chart i:nth-child(5) { background:rgba(43,95,217,.34); }
.traffic-chart i:nth-child(4),.traffic-chart i:nth-child(7) { background:rgba(43,95,217,.44); }
.traffic-chart i:nth-child(6) { background:linear-gradient(180deg,var(--traffic-brand-light),var(--traffic-brand)); }
.traffic-summary-card ul {
    border-bottom:1px solid var(--traffic-line);
    border-top:1px solid var(--traffic-line);
    display:grid;
    gap:13px;
    list-style:none;
    margin:0;
    padding:18px 0;
}
.traffic-summary-card li { align-items:center; color:#33404f; display:flex; font-size:14px; gap:11px; }
.traffic-summary-card li i {
    align-items:center;
    background:var(--traffic-soft);
    border-radius:6px;
    color:var(--traffic-brand);
    display:flex;
    flex:0 0 20px;
    font-size:10px;
    height:20px;
    justify-content:center;
    width:20px;
}
.traffic-summary-card>a {
    align-items:center;
    color:var(--traffic-brand);
    display:inline-flex;
    font-size:14px;
    font-weight:750;
    gap:8px;
    margin-top:14px;
    min-height:44px;
}

.traffic-order-types { background:var(--traffic-bg); border-bottom:1px solid var(--traffic-line); padding:96px 0!important; }
.traffic-plan-grid { display:grid; gap:24px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.traffic-plan-card {
    background:#fff;
    border:1px solid var(--traffic-line);
    border-radius:20px;
    box-shadow:0 20px 44px -32px rgba(15,24,38,.2);
    display:flex;
    flex-direction:column;
    padding:36px;
}
.traffic-plan-card--featured { border-color:rgba(43,95,217,.4); box-shadow:0 24px 50px -34px rgba(43,95,217,.45); }
.traffic-plan-card__head { align-items:flex-start; display:flex; justify-content:space-between; }
.traffic-icon-badge {
    align-items:center;
    background:var(--traffic-soft);
    border-radius:13px;
    color:var(--traffic-brand);
    display:flex;
    font-size:21px;
    height:46px;
    justify-content:center;
    width:46px;
}
.traffic-plan-label {
    background:var(--traffic-soft);
    border-radius:999px;
    color:var(--traffic-brand);
    font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:11px;
    font-weight:800;
    padding:6px 12px;
}
.traffic-plan-card--featured .traffic-plan-label { background:var(--traffic-brand); color:#fff; }
.traffic-plan-card h3 { color:var(--traffic-ink); font-size:24px; font-weight:850; letter-spacing:-.025em; margin:22px 0 12px; }
.traffic-plan-card>p { color:var(--traffic-copy); font-size:15px; line-height:1.68; margin:0; min-height:76px; }
.traffic-plan-card dl { border-top:1px solid var(--traffic-line); margin:26px 0 15px; padding:7px 0; }
.traffic-plan-card dl>div { align-items:center; display:flex; justify-content:space-between; min-height:42px; }
.traffic-plan-card dt { color:var(--traffic-copy); font-size:14px; }
.traffic-plan-card dd { color:var(--traffic-ink); font-size:14px; font-weight:750; margin:0; }
.traffic-card-link {
    align-items:center;
    color:var(--traffic-brand);
    display:inline-flex;
    font-size:15px;
    font-weight:800;
    gap:8px;
    margin-top:auto;
    min-height:44px;
}
.traffic-card-link i { transition:transform .2s ease; }
.traffic-card-link:hover i { transform:translateX(3px); }
.traffic-price-note {
    align-items:center;
    color:var(--traffic-copy);
    display:flex;
    font-size:14px;
    gap:8px;
    justify-content:center;
    line-height:1.6;
    margin:28px 0 0;
}
.traffic-price-note i { color:var(--traffic-brand); }

.traffic-features { background:#fff; border-bottom:1px solid var(--traffic-line); padding:100px 0!important; }
.traffic-feature-grid { display:grid; gap:20px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.traffic-feature-grid article {
    background:var(--traffic-panel);
    border:1px solid var(--traffic-line);
    border-radius:18px;
    min-height:190px;
    padding:30px;
    position:relative;
}
.traffic-feature-grid article>i {
    align-items:center;
    background:var(--traffic-soft);
    border-radius:12px;
    color:var(--traffic-brand);
    display:flex;
    font-size:20px;
    height:44px;
    justify-content:center;
    width:44px;
}
.traffic-feature-number {
    color:#c2cbd8;
    font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    position:absolute;
    right:30px;
    top:31px;
}
.traffic-feature-grid h3 { color:var(--traffic-ink); font-size:18px; font-weight:850; margin:20px 0 10px; }
.traffic-feature-grid p { color:var(--traffic-copy); font-size:14px; line-height:1.68; margin:0; max-width:58ch; }

.traffic-process { background:var(--traffic-bg); padding:100px 0 48px!important; }
.traffic-process-list { display:grid; gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0; padding:0; }
.traffic-process-list li {
    background:#fff;
    border:1px solid var(--traffic-line);
    border-radius:18px;
    min-height:232px;
    padding:32px;
}
.traffic-process-list li>span {
    color:var(--traffic-brand);
    display:block;
    font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
}
.traffic-process-list li>i {
    align-items:center;
    background:var(--traffic-soft);
    border-radius:14px;
    color:var(--traffic-brand);
    display:flex;
    font-size:21px;
    height:48px;
    justify-content:center;
    margin:22px 0 20px;
    width:48px;
}
.traffic-process-list h3 { color:var(--traffic-ink); font-size:19px; font-weight:850; margin:0 0 10px; }
.traffic-process-list p { color:var(--traffic-copy); font-size:14px; line-height:1.65; margin:0; }

.traffic-custom { background:var(--traffic-bg); border-bottom:1px solid var(--traffic-line); padding:0 0 100px!important; }
.traffic-custom-card {
    align-items:center;
    background:linear-gradient(120deg,#101a30,#0c1220);
    border-radius:24px;
    display:grid;
    gap:48px;
    grid-template-columns:1.5fr 1fr;
    overflow:hidden;
    padding:48px 56px;
    position:relative;
}
.traffic-custom-card::after {
    background:radial-gradient(circle,rgba(91,141,239,.28),transparent 70%);
    border-radius:50%;
    content:"";
    height:360px;
    pointer-events:none;
    position:absolute;
    right:-40px;
    top:-100px;
    width:360px;
}
.traffic-custom-card>div { position:relative; z-index:1; }
.traffic-custom-card span {
    color:#7ba5f5;
    font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:12px;
    font-weight:800;
    letter-spacing:.11em;
}
.traffic-custom-card h2 { color:#fff; font-size:28px; font-weight:850; letter-spacing:-.03em; line-height:1.3; margin:14px 0; }
.traffic-custom-card p { color:#a9b4c6; font-size:15px; line-height:1.7; margin:0; max-width:640px; }
.traffic-custom-actions { display:grid; gap:12px; }
.traffic-custom-actions a {
    align-items:center;
    background:#fff;
    border-radius:12px;
    color:var(--traffic-ink);
    display:flex;
    font-size:15px;
    font-weight:750;
    gap:9px;
    justify-content:center;
    min-height:50px;
    padding:14px 18px;
}
.traffic-custom-actions a:last-child { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#fff; }

.traffic-faq { background:#fff!important; border-bottom:1px solid var(--traffic-line); padding:100px 0!important; }
.traffic-faq .container { max-width:800px!important; }
.traffic-faq .v6-section-head { margin-bottom:48px!important; }
.traffic-faq .v6-faq-list { display:grid; gap:12px; margin-top:0; }
.traffic-faq .v6-faq-list details {
    background:var(--traffic-panel);
    border:1px solid var(--traffic-line);
    border-radius:14px;
    box-shadow:none;
    overflow:hidden;
}
.traffic-faq .v6-faq-list details:hover { border-color:rgba(43,95,217,.24); }
.traffic-faq .v6-faq-list summary {
    color:var(--traffic-ink);
    font-size:16px;
    font-weight:750;
    min-height:68px;
    padding:18px 24px;
}
.traffic-faq .v6-faq-list summary i {
    align-items:center;
    background:var(--traffic-soft);
    border-radius:8px;
    color:var(--traffic-brand);
    display:flex;
    flex:0 0 26px;
    height:26px;
    justify-content:center;
    width:26px;
}
.traffic-faq .v6-faq-list details[open] { border-color:rgba(43,95,217,.3); }
.traffic-faq .v6-faq-list details[open] summary { color:var(--traffic-brand); }
.traffic-faq .v6-faq-list p { color:var(--traffic-copy); font-size:15px; line-height:1.72; padding:0 24px 22px; }

@media (max-width:900px) {
    .traffic-hero__inner { gap:44px; grid-template-columns:1fr; }
    .traffic-hero__copy { max-width:760px; }
    .traffic-summary-card { max-width:620px; width:100%; }
    .traffic-custom-card { grid-template-columns:1fr; }
    .traffic-custom-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:680px) {
    body.traffic-service-v6 main .v6-section-head { margin-bottom:36px; }
    body.traffic-service-v6 main .v6-section-head h2 { font-size:30px; }
    body.traffic-service-v6 main .v6-section-head p { font-size:15px; }
    .traffic-hero { padding:64px 0 68px!important; }
    .traffic-hero h1 { font-size:clamp(40px,12vw,50px); }
    .traffic-hero__copy>p:not(.traffic-hero__note) { font-size:16px; }
    .traffic-hero__actions { display:grid; }
    .traffic-button { width:100%; }
    .traffic-hero__note { align-items:flex-start; font-size:13px; }
    .traffic-summary-card { border-radius:18px; padding:24px; }
    .traffic-order-types,.traffic-features,.traffic-faq { padding:68px 0!important; }
    .traffic-process { padding:68px 0 32px!important; }
    .traffic-plan-grid,.traffic-feature-grid,.traffic-process-list { grid-template-columns:1fr; }
    .traffic-plan-card { padding:26px; }
    .traffic-plan-card>p { min-height:0; }
    .traffic-price-note { align-items:flex-start; justify-content:flex-start; }
    .traffic-feature-grid article,.traffic-process-list li { min-height:0; padding:26px; }
    .traffic-custom { padding:0 0 68px!important; }
    .traffic-custom-card { border-radius:20px; gap:28px; padding:34px 24px; }
    .traffic-custom-card h2 { font-size:24px; }
    .traffic-custom-actions { grid-template-columns:1fr; }
    .traffic-faq .v6-faq-list summary { font-size:15px; padding:17px 18px; }
    .traffic-faq .v6-faq-list p { padding:0 18px 20px; }
}

@media (prefers-reduced-motion:reduce) {
    .traffic-button,.traffic-card-link i { transition:none; }
}