:root{--tz-bg:#f6f7fb;--tz-surface:#fff;--tz-surface-soft:#f9faff;--tz-border:#e7eaf3;--tz-text:#20263a;--tz-muted:#7c859f;--tz-primary:#5b5cf0;--tz-primary-soft:#ecebff;--tz-success:#28c76f;--tz-success-soft:#e8f9f0;--tz-danger:#ff5b5c;--tz-danger-soft:#ffecec;--tz-warning:#ffb020;--tz-warning-soft:#fff6df;--tz-info:#2f80ff;--tz-info-soft:#eaf2ff;--tz-shadow:0 10px 30px rgba(36,45,82,.06);--tz-radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--tz-bg);color:var(--tz-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .25s,color .25s;min-height:100vh}body[data-theme=dark]{--tz-bg:#0f1422;--tz-surface:#171d2d;--tz-surface-soft:#1c2335;--tz-border:#283149;--tz-text:#eef3ff;--tz-muted:#9ea8c4;--tz-primary-soft:rgba(91,92,240,.18);--tz-success-soft:rgba(40,199,111,.16);--tz-danger-soft:rgba(255,91,92,.15);--tz-warning-soft:rgba(255,176,32,.15);--tz-info-soft:rgba(47,128,255,.16);--tz-shadow:0 18px 45px rgba(0,0,0,.28)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(91,92,240,.11),transparent 28%),radial-gradient(circle at 92% 12%,rgba(47,128,255,.09),transparent 25%);z-index:-1}.navbar{background:color-mix(in srgb,var(--tz-surface) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--tz-border);box-shadow:var(--tz-shadow)}.navbar-brand{color:var(--tz-text)!important;display:flex;align-items:center;gap:10px;font-weight:800!important;font-size:1.35rem;letter-spacing:-.03em}.logo-dot{width:38px;height:38px;border-radius:12px;display:inline-block;box-shadow:0 8px 18px rgba(91,92,240,.22);margin:0;object-fit:cover;flex:0 0 38px}.navbar-brand .accent,.brand .accent{color:var(--tz-primary)}.nav-link{color:#5d6785!important;display:flex;align-items:center;gap:12px;padding:11px 14px!important;border-radius:16px;font-weight:700}.nav-link:hover,.nav-link.active{background:var(--tz-primary-soft);color:var(--tz-primary)!important}body[data-theme=dark] .nav-link{color:var(--tz-muted)!important}body[data-theme=dark] .nav-link:hover,body[data-theme=dark] .nav-link.active{color:#bfc4ff!important}.navbar-toggler,.profile-btn,.mobile-menu-btn,.theme-toggle{width:48px;height:48px;border-radius:16px;border:1px solid var(--tz-border);background:var(--tz-surface);color:var(--tz-primary);display:grid;place-items:center;box-shadow:var(--tz-shadow);font-size:1.1rem}.navbar-toggler-icon{filter:none}.btn-primary-custom{background:linear-gradient(135deg,#7d4dff,var(--tz-primary));color:#fff;border:0;font-weight:800;box-shadow:0 10px 24px rgba(91,92,240,.2)}.btn-primary-custom:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 28px rgba(91,92,240,.24)}.btn-outline-light-custom{background:color-mix(in srgb,var(--tz-surface) 86%,transparent);border:1px solid var(--tz-border);border-radius:14px;color:var(--tz-text);box-shadow:var(--tz-shadow);font-weight:800}.btn-outline-light-custom:hover{background:var(--tz-primary-soft);border-color:transparent;color:var(--tz-primary)}.language-switcher{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--tz-border);border-radius:999px;background:var(--tz-surface);box-shadow:var(--tz-shadow)}.lang-btn{border:0;border-radius:999px;padding:.45rem .72rem;background:transparent;color:var(--tz-muted);font-weight:800;font-size:.82rem}.lang-btn.active,.lang-btn:hover{background:var(--tz-primary-soft);color:var(--tz-primary)}.offcanvas,.mobile-offcanvas{background:var(--tz-surface);color:var(--tz-text);border-color:var(--tz-border)}body[data-theme=dark] .btn-close,body[data-theme=dark] .navbar-toggler-icon{filter:invert(1) grayscale(100%) brightness(200%)}.mobile-nav-link{font-size:1.08rem;padding:1rem;border:1px solid var(--tz-border);border-radius:16px;margin-bottom:10px;text-decoration:none;display:block;color:var(--tz-muted);font-weight:800}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--tz-primary-soft);color:var(--tz-primary)}.hero{padding:8.8rem 0 5rem}.subhero{padding:8.2rem 0 3.6rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--tz-border);background:var(--tz-surface);color:var(--tz-primary);padding:.7rem 1rem;border-radius:999px;margin-bottom:1.25rem;box-shadow:var(--tz-shadow);font-weight:800}.eyebrow:before{content:"⚡"}.display-title{font-size:clamp(2.45rem,6vw,4.6rem);line-height:1.02;font-weight:800;letter-spacing:-.05em;color:var(--tz-text)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;color:var(--tz-text)}.lead-muted,.muted,.text-secondary,.metric-meta,.metric-label,.headline p{color:var(--tz-muted)!important}.highlight{background:linear-gradient(135deg,#7d4dff,var(--tz-primary) 50%,var(--tz-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section{padding:5.3rem 0}.cardx,.glass,.pricing-card,.card-soft,.plan-box{background:var(--tz-surface);border:1px solid var(--tz-border);border-radius:var(--tz-radius);box-shadow:var(--tz-shadow);height:100%;padding:1.5rem;color:var(--tz-text)}.glass{padding:1.25rem}.cardx h2,.cardx h3,.cardx h4,.cardx h5,.pricing-card h2,.pricing-card h3,.pricing-card h4,.pricing-card h5{font-weight:800;letter-spacing:-.025em}.icon,.mini-icon,.metric-icon,.summary-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.5rem;flex-shrink:0;background:var(--tz-primary-soft);color:var(--tz-primary);margin-bottom:1rem}.feature-image{border-radius:18px;width:100%;object-fit:cover;border:1px solid var(--tz-border);box-shadow:var(--tz-shadow)}.metric{background:var(--tz-surface-soft);border:1px solid var(--tz-border);border-radius:18px;padding:1.1rem;height:100%}.metric strong,.metric-value{font-size:2.1rem;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--tz-text);display:block;margin-bottom:.45rem}.footer{border-top:1px solid var(--tz-border);color:var(--tz-muted);background:color-mix(in srgb,var(--tz-surface) 70%,transparent)}.footer a{color:var(--tz-muted)!important}.form-control,.form-select,.input-group-text{background:var(--tz-surface)!important;border:1px solid var(--tz-border)!important;color:var(--tz-text)!important;border-radius:14px;min-height:48px;box-shadow:var(--tz-shadow)}.form-control::placeholder{color:var(--tz-muted)}.form-select option{color:#20263a}.badge-soft,.badge-soft-success,.badge-soft-danger,.badge-soft-warning,.badge-soft-info,.badge-soft-primary{padding:8px 12px;border-radius:999px;font-weight:800;font-size:.85rem;border:0}.badge-soft,.badge-soft-primary{background:var(--tz-primary-soft);color:var(--tz-primary)}.badge-soft-success{background:var(--tz-success-soft);color:var(--tz-success)}.badge-soft-danger{background:var(--tz-danger-soft);color:var(--tz-danger)}.badge-soft-warning{background:var(--tz-warning-soft);color:var(--tz-warning)}.badge-soft-info{background:var(--tz-info-soft);color:var(--tz-info)}.bg-primary-soft{background:var(--tz-primary-soft);color:var(--tz-primary)}.bg-success-soft{background:var(--tz-success-soft);color:var(--tz-success)}.bg-danger-soft{background:var(--tz-danger-soft);color:var(--tz-danger)}.bg-warning-soft{background:var(--tz-warning-soft);color:var(--tz-warning)}.bg-info-soft{background:var(--tz-info-soft);color:var(--tz-info)}.table>:not(caption)>*>*{color:var(--tz-text)!important;background-color:transparent!important;border-color:var(--tz-border)!important}.table thead th{color:var(--tz-muted)!important;font-size:.85rem;font-weight:800}.sticky-mobile-cta{display:none}.trust-strip{background:var(--tz-surface);border:1px solid var(--tz-border);border-radius:var(--tz-radius);box-shadow:var(--tz-shadow);padding:18px}.dashboard-preview{background:var(--tz-surface);border:1px solid var(--tz-border);border-radius:28px;box-shadow:var(--tz-shadow);overflow:hidden}.dashboard-preview-bar{background:var(--tz-surface-soft);border-bottom:1px solid var(--tz-border);padding:16px 18px}.soft-row{padding:16px;border:1px solid var(--tz-border);border-radius:18px;background:var(--tz-surface-soft)}@media(max-width:991.98px){.hero{padding-top:7.4rem}.section{padding:4.25rem 0}.hero .btn{width:100%}.display-title{font-size:clamp(2.25rem,12vw,3.6rem)}.sticky-mobile-cta{display:block;position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1030}.desktop-cta{display:none}.navbar .container{gap:.75rem}.metric{padding:1rem}.cardx,.glass,.pricing-card{padding:1.15rem}}


/* Interactive ROI Calculator */
.roi-calculator{overflow:hidden}
.roi-input-grid{display:grid;gap:16px}
.roi-field label{color:var(--tz-muted);font-weight:700;font-size:.9rem;margin-bottom:8px}
.roi-field input{min-height:52px;border-radius:16px;border:1px solid var(--tz-border);background:var(--tz-surface-soft);color:var(--tz-text);font-weight:700;box-shadow:none}
.roi-field input:focus{border-color:var(--tz-primary);box-shadow:0 0 0 .25rem var(--tz-primary-soft);background:var(--tz-surface);color:var(--tz-text)}
.roi-result-card{background:radial-gradient(circle at top right,var(--tz-primary-soft),transparent 38%),var(--tz-surface);border:1px solid var(--tz-border);border-radius:var(--tz-radius);box-shadow:var(--tz-shadow);padding:22px}
.roi-big-number{font-size:clamp(2.1rem,5vw,3.4rem);line-height:.95;letter-spacing:-.06em;font-weight:900}
.roi-result-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--tz-border)}
.roi-result-row:last-child{border-bottom:0}
.roi-result-row span:first-child{color:var(--tz-muted);font-weight:700}
.roi-result-row span:last-child{font-weight:900;text-align:right}
.roi-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 13px;background:var(--tz-success-soft);color:var(--tz-success);font-weight:800}
.roi-bar{height:12px;border-radius:999px;background:var(--tz-border);overflow:hidden}
.roi-bar span{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--tz-primary),var(--tz-success));transition:width .25s ease}
body[data-theme=dark] .roi-field input{background:var(--tz-surface)}


/* FIX: Accordion Button Text (Light + Dark Mode) */
.accordion-button {
  background: var(--tz-surface) !important;
  color: var(--tz-text) !important;
  font-weight: 700;
}

.accordion-button:not(.collapsed) {
  background: var(--tz-primary-soft) !important;
  color: var(--tz-primary) !important;
}

/* Pfeil (Icon) */
.accordion-button::after {
  filter: none;
}

/* Dark Mode Anpassung */
body[data-theme="dark"] .accordion-button {
  color: var(--tz-text) !important;
}

body[data-theme="dark"] .accordion-button::after {
  filter: invert(1) brightness(200%);
}

.social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    width: 100%;
    padding: 12px 16px;
    margin-bottom: 10px;

    border-radius: 999px;
    border: 1px solid #ddd;
    background: #fff;
    color: #111;

    font-weight: 500;
    text-decoration: none;

    transition: all 0.2s ease;
}

.social-btn img {
    width: 20px;
    height: 20px;
}

.social-btn:hover {
    background: #f5f5f5;
    border-color: #ccc;
}

/* Apple Button (dark) */
.social-btn.apple {
    background: #000;
    color: #fff;
    border-color: #000;
}

.social-btn.apple:hover {
    background: #222;
}
/* Login: weniger Abstand zwischen Subhero (H1) und Formular */
.section--compact{padding-top:3rem}
@media(max-width:991.98px){.section--compact{padding-top:2.25rem}}

/* Public landingpage SEO content sections */
.section--seo .icon{font-weight:900;font-size:1.15rem}
.seo-list{list-style:none;padding-left:0;margin:1rem 0 0}
.seo-list li{position:relative;padding-left:2rem;margin-bottom:.9rem;font-weight:700}
.seo-list li:before{content:"✕";position:absolute;left:0;top:0;color:var(--tz-danger);font-weight:900}
.seo-list-positive li:before{content:"✓";color:var(--tz-success)}
.accordion-item.cardx{padding:0;overflow:hidden}
.accordion-item.cardx .accordion-button{border-radius:var(--tz-radius);box-shadow:none;padding:1.2rem 1.35rem;font-size:1.02rem}
.accordion-item.cardx .accordion-body{padding:0 1.35rem 1.35rem}

.brand-tagline-hero{font-weight:800;color:var(--tz-primary);letter-spacing:-.02em;font-size:1.08rem}.brand-tagline-subtle{font-weight:800;color:var(--tz-primary);letter-spacing:-.02em}.footer-brand-line{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.footer-brand-name{font-weight:900;color:var(--tz-text);letter-spacing:-.03em}.footer-brand-name .accent{color:var(--tz-primary)}.footer-tagline{font-weight:800;color:var(--tz-primary)}@media(max-width:991.98px){.footer-brand-line{gap:.35rem}.footer .d-flex.gap-3{gap:.75rem!important}}

/* Developer Hub */
.public-code-box{background:#0b1020;color:#eef2ff;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1rem;overflow:auto;min-height:190px;margin:0;font-size:.86rem;line-height:1.55;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.public-code-box code{color:inherit;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.copy-code-btn{border:1px solid var(--tz-border);background:var(--tz-surface-soft);color:var(--tz-text);border-radius:999px;padding:.45rem .8rem;font-weight:800;font-size:.82rem}
.copy-code-btn:hover,.copy-code-btn.copied{background:var(--tz-primary-soft);border-color:transparent;color:var(--tz-primary)}
.section-subtitle{color:var(--tz-muted);font-size:1.05rem;max-width:760px}

/* Privacy page */
.privacy-toc { top: 96px; }
.privacy-toc a { color: var(--muted); text-decoration: none; padding: .35rem 0; }
.privacy-toc a:hover { color: var(--text); }
.privacy-content section { scroll-margin-top: 110px; padding-bottom: 1.75rem; margin-bottom: 1.75rem; border-bottom: 1px solid var(--border); }
.privacy-content section:last-of-type { border-bottom: 0; margin-bottom: 0; }
.privacy-content h2 { font-size: 1.35rem; margin-bottom: .85rem; }
.privacy-content ul { padding-left: 1.25rem; }
.privacy-content li { margin-bottom: .45rem; }
.privacy-note { border: 1px solid var(--border); border-radius: 14px; padding: 1rem 1.1rem; background: var(--surface-2); color: var(--muted); font-size: .875rem; }

/* Theme-aware TestZombie AI wordmark */
.brand-logo{display:block;width:auto;height:38px;max-width:220px;object-fit:contain;object-position:left center}
.navbar-brand{min-width:0}
.footer-brand-logo{height:30px;max-width:176px}
.footer-brand-logo-link{display:inline-flex;align-items:center;text-decoration:none}
@media(max-width:575.98px){.brand-logo{height:32px;max-width:178px}.footer-brand-logo{height:27px;max-width:158px}}

/* Google reCAPTCHA in authentication forms */
.recaptcha-wrap {
    display: flex;
    justify-content: center;
    min-height: 78px;
    overflow: hidden;
}

@media (max-width: 380px) {
    .recaptcha-wrap .g-recaptcha {
        transform: scale(.88);
        transform-origin: center top;
    }
}

/* Branded application error page */
.error-page-body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.error-page-main {
    flex: 1;
    display: flex;
    align-items: center;
    padding-top: 92px;
}

.error-page-section {
    width: 100%;
    padding: clamp(3rem, 8vw, 7rem) 0;
    background:
        radial-gradient(circle at 18% 12%, rgba(39, 111, 255, .13), transparent 31rem),
        radial-gradient(circle at 84% 76%, rgba(65, 211, 255, .10), transparent 28rem);
}

.error-page-card {
    position: relative;
    max-width: 760px;
    padding: clamp(2rem, 6vw, 4.5rem);
    overflow: hidden;
    border: 1px solid var(--tz-border);
    border-radius: 32px;
    background: var(--tz-surface);
    box-shadow: 0 28px 80px rgba(18, 41, 78, .12);
}

.error-code {
    position: absolute;
    top: -1.8rem;
    right: 1rem;
    font-size: clamp(7rem, 19vw, 12rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.08em;
    color: rgba(39, 111, 255, .055);
    user-select: none;
}

.error-icon {
    position: relative;
    width: 76px;
    height: 76px;
    margin: 0 auto 1.5rem;
    display: grid;
    place-items: center;
    border-radius: 24px;
    color: #fff;
    font-size: 2rem;
    background: linear-gradient(135deg, #276fff, #42c9f5);
    box-shadow: 0 16px 36px rgba(39, 111, 255, .28);
}

.error-page-card h1 {
    position: relative;
    margin: .8rem 0 1rem;
    font-size: clamp(2rem, 5vw, 3.4rem);
    letter-spacing: -.04em;
}

.error-page-message {
    position: relative;
    max-width: 590px;
    margin: 0 auto;
    color: var(--tz-muted);
    font-size: 1.08rem;
    line-height: 1.75;
}

.error-page-actions {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .8rem;
    margin-top: 2rem;
}

.error-support-note {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .45rem;
    margin-top: 2rem;
    padding-top: 1.35rem;
    border-top: 1px solid var(--tz-border);
    color: var(--tz-muted);
    font-size: .9rem;
}

@media (max-width: 575.98px) {
    .error-page-actions .btn { width: 100%; }
    .error-page-card { border-radius: 24px; }
}

/* ROI calculator: maintenance-cost model */
.roi-field select{min-height:52px;border-radius:16px;border:1px solid var(--tz-border);background-color:var(--tz-surface-soft);color:var(--tz-text);font-weight:700;box-shadow:none}
.roi-field select:focus{border-color:var(--tz-primary);box-shadow:0 0 0 .25rem var(--tz-primary-soft);background-color:var(--tz-surface);color:var(--tz-text)}
.roi-input-suffix{position:relative}.roi-input-suffix .form-control{padding-right:48px}.roi-input-suffix>span{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-weight:900;color:var(--tz-muted);pointer-events:none}
.roi-formula-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--tz-border);border-radius:16px;background:var(--tz-surface-soft);color:var(--tz-muted);font-size:.9rem;font-weight:650;line-height:1.5}
.roi-formula-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 30px;background:var(--tz-primary-soft);color:var(--tz-primary);font-weight:900}
.roi-summary-caption{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tz-muted);font-weight:900;margin-bottom:2px}
.roi-result-row-highlight{margin:8px -10px 0;padding:14px 10px;border-radius:14px;background:var(--tz-success-soft);border-bottom:0}.roi-result-row-highlight span:first-child{color:var(--tz-text)}.roi-result-row-highlight span:last-child{color:var(--tz-success)}
body[data-theme=dark] .roi-field select{background-color:var(--tz-surface);color:var(--tz-text)}

/* Public live demo page */
.live-demo-hero{padding-bottom:3rem}
.live-hero-visual{display:flex;justify-content:flex-end}
.live-hero-screen{position:relative;width:min(100%,390px);aspect-ratio:16/10;border:1px solid var(--tz-border);border-radius:28px;background:linear-gradient(145deg,var(--tz-surface),var(--tz-surface-soft));box-shadow:0 28px 70px rgba(45,54,104,.14);overflow:hidden;padding:18px}
.live-hero-screen.live-hero-app{padding-bottom:76px}
.live-hero-dots{display:flex;gap:7px;margin-bottom:16px}.live-hero-dots span{width:8px;height:8px;border-radius:50%;background:var(--tz-border)}
.hero-browser-body{display:grid;grid-template-columns:72px 1fr;gap:14px;height:calc(100% - 18px)}
.hero-browser-sidebar{border-radius:18px;background:rgba(91,92,240,.05);border:1px solid rgba(91,92,240,.08);padding:16px 12px;display:grid;align-content:start;gap:12px}.hero-browser-sidebar i{display:block;height:10px;border-radius:999px;background:rgba(91,92,240,.18)}.hero-browser-sidebar i:nth-child(2){width:78%}.hero-browser-sidebar i:nth-child(3){width:65%}.hero-browser-sidebar i:nth-child(4){width:86%}
.hero-browser-main{display:grid;grid-template-rows:auto 92px 1fr;gap:14px}
.hero-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-stat-card{border-radius:18px;padding:14px 14px 12px;background:rgba(255,255,255,.92);border:1px solid rgba(90,99,140,.12)}body[data-theme=dark] .hero-stat-card{background:rgba(20,27,43,.88)}.hero-stat-card small{display:block;font-size:.72rem;color:var(--tz-muted);font-weight:700;margin-bottom:3px}.hero-stat-card strong{font-size:1.05rem}.hero-stat-card.primary strong{color:var(--tz-primary)}.hero-stat-card.success strong{color:var(--tz-success)}
.hero-chart-card{display:flex;align-items:flex-end;gap:10px;border-radius:18px;padding:16px;background:rgba(91,92,240,.05);border:1px solid rgba(91,92,240,.08)}.hero-chart-card span{display:block;flex:1;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,rgba(125,77,255,.85),rgba(91,92,240,.4))}.hero-chart-card span:nth-child(1){height:44%}.hero-chart-card span:nth-child(2){height:70%}.hero-chart-card span:nth-child(3){height:58%}.hero-chart-card span:nth-child(4){height:82%}
.hero-list-card{display:grid;gap:10px;border-radius:18px;padding:16px;background:rgba(255,255,255,.82);border:1px solid rgba(90,99,140,.1)}body[data-theme=dark] .hero-list-card{background:rgba(20,27,43,.88)}.hero-list-card div{height:12px;border-radius:999px;background:rgba(91,92,240,.12)}.hero-list-card div:nth-child(1){width:88%}.hero-list-card div:nth-child(2){width:72%}.hero-list-card div:nth-child(3){width:80%}
.hero-floating-note{position:absolute;left:18px;right:88px;bottom:18px;border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.95);border:1px solid rgba(90,99,140,.12);box-shadow:0 18px 40px rgba(36,45,82,.14)}body[data-theme=dark] .hero-floating-note{background:rgba(20,27,43,.94)}.hero-floating-note strong{display:block;font-size:.82rem;color:var(--tz-primary);margin-bottom:2px}.hero-floating-note span{display:block;font-size:.8rem;color:var(--tz-muted);font-weight:700}
.live-hero-play{position:absolute;right:22px;bottom:18px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:linear-gradient(135deg,#7d4dff,var(--tz-primary));color:#fff;box-shadow:0 14px 34px rgba(91,92,240,.28);z-index:2}
.live-streaming-note{display:inline-flex;align-items:center;gap:8px;padding:.65rem .95rem;border:1px solid var(--tz-border);border-radius:999px;background:var(--tz-surface);color:var(--tz-muted);font-size:.84rem;font-weight:800;white-space:nowrap}.live-streaming-note:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tz-success);box-shadow:0 0 0 5px var(--tz-success-soft)}
.live-demo-card{display:flex;flex-direction:column;background:var(--tz-surface);border:1px solid var(--tz-border);border-radius:24px;box-shadow:var(--tz-shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.live-demo-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(36,45,82,.11);border-color:color-mix(in srgb,var(--tz-primary) 28%,var(--tz-border))}
.live-demo-preview{position:relative;min-height:250px;overflow:hidden;background:linear-gradient(145deg,#eef0ff,#f7f8ff);border-bottom:1px solid var(--tz-border)}body[data-theme=dark] .live-demo-preview{background:linear-gradient(145deg,#1b2237,#121827)}
.live-demo-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.35rem 1.4rem 1.45rem}.live-demo-card-body h3{font-size:1.22rem;line-height:1.3;font-weight:800;letter-spacing:-.025em;margin:1rem 0 .65rem}.live-demo-card-body p{line-height:1.62;margin-bottom:1.2rem}
.live-demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:rgba(255,255,255,.94);color:var(--tz-primary);font-size:1.2rem;box-shadow:0 16px 38px rgba(36,45,82,.18);z-index:5}
.preview-browser-bar{height:44px;display:flex;align-items:center;gap:7px;padding:0 14px;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(90,99,140,.12)}body[data-theme=dark] .preview-browser-bar{background:rgba(20,27,43,.88)}.preview-browser-bar>span{width:8px;height:8px;border-radius:50%;background:#c7ccdc}.preview-address{margin-left:10px;height:22px;line-height:22px;padding:0 14px;border-radius:999px;background:rgba(91,92,240,.08);color:#858da7;font-size:.67rem;font-weight:700;min-width:132px}
.preview-content{display:grid;height:206px}.preview-content-web{grid-template-columns:30% 1fr}.preview-side{border-right:1px solid rgba(90,99,140,.1);background:rgba(255,255,255,.26);padding:18px 14px;display:grid;align-content:start;gap:11px}.preview-side i{display:block;height:9px;border-radius:999px;background:rgba(91,92,240,.16)}.preview-side i:nth-child(2){width:76%}.preview-side i:nth-child(3){width:62%}.preview-side i:nth-child(4){width:84%}
.preview-dashboard{padding:18px 18px 16px;position:relative;display:grid;grid-template-rows:auto 58px 1fr auto;gap:12px}
.preview-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-stat{border-radius:14px;padding:10px 10px 8px;background:rgba(255,255,255,.9);border:1px solid rgba(90,99,140,.1)}body[data-theme=dark] .preview-stat{background:rgba(20,27,43,.88)}.preview-stat small{display:block;font-size:.63rem;color:var(--tz-muted);font-weight:800;margin-bottom:2px}.preview-stat strong{font-size:.88rem}.preview-stat.success strong{color:var(--tz-success)}
.preview-chart{display:flex;align-items:flex-end;gap:7px;border-radius:14px;padding:10px 10px 8px;background:rgba(91,92,240,.05);border:1px solid rgba(91,92,240,.08)}.preview-chart span{display:block;flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,rgba(125,77,255,.78),rgba(91,92,240,.4))}.preview-chart span:nth-child(1){height:38%}.preview-chart span:nth-child(2){height:68%}.preview-chart span:nth-child(3){height:55%}.preview-chart span:nth-child(4){height:82%}
.preview-table{display:grid;gap:8px}.preview-table div{height:10px;border-radius:999px;background:rgba(91,92,240,.12)}.preview-table div:nth-child(1){width:95%}.preview-table div:nth-child(2){width:72%}.preview-table div:nth-child(3){width:84%}
.preview-heal{height:42px;border:1px solid rgba(40,199,111,.18);border-radius:12px;background:rgba(40,199,111,.08);display:flex;align-items:center;gap:12px;padding:0 13px}.preview-heal span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--tz-success);color:#fff;font-size:.63rem;font-weight:900}.preview-heal i{display:block;height:8px;width:58%;border-radius:999px;background:rgba(40,199,111,.24)}
.live-demo-preview-android,.live-demo-preview-ios{display:flex;align-items:center;justify-content:center}.live-demo-preview-android{background:radial-gradient(circle at 72% 25%,rgba(40,199,111,.18),transparent 32%),linear-gradient(145deg,#f1fbf6,#eef4ff)}.live-demo-preview-ios{background:radial-gradient(circle at 25% 18%,rgba(47,128,255,.18),transparent 32%),linear-gradient(145deg,#f1f6ff,#f7f1ff)}body[data-theme=dark] .live-demo-preview-android,body[data-theme=dark] .live-demo-preview-ios{background:linear-gradient(145deg,#182135,#111827)}
.phone-frame{position:relative;width:118px;height:212px;border-radius:24px;background:#20263a;padding:7px;box-shadow:0 18px 38px rgba(28,34,61,.22);transform:translateX(-22px)}.android-frame{border-radius:18px}.ios-frame{border-radius:28px}.phone-ui{height:100%;border-radius:18px;background:var(--tz-surface);padding:24px 10px 12px;overflow:hidden}.ios-frame .phone-ui{border-radius:22px}.phone-speaker{position:absolute;z-index:2;top:10px;left:50%;width:24px;height:3px;border-radius:999px;background:#697089;transform:translateX(-50%)}.ios-notch{position:absolute;z-index:2;top:7px;left:50%;width:42px;height:13px;border-radius:0 0 9px 9px;background:#20263a;transform:translateX(-50%)}
.phone-ui-app{display:grid;grid-template-rows:12px 48px 28px 24px 28px 22px;gap:10px}.phone-app-header{border-radius:999px;background:linear-gradient(90deg,rgba(91,92,240,.18),rgba(91,92,240,.08));width:62%}.phone-app-header.ios{width:55%}.phone-card{border-radius:11px;background:var(--tz-surface-soft);border:1px solid var(--tz-border)}.phone-card.large{height:48px}.phone-card.short{height:28px;width:84%}.phone-list-item{height:28px;border-radius:9px;background:rgba(91,92,240,.08);border:1px solid rgba(91,92,240,.08)}.phone-list-item.short{width:78%}.phone-action{height:22px;width:70%;margin-top:4px;border-radius:999px;background:linear-gradient(135deg,#7d4dff,var(--tz-primary))}
.mobile-heal-badge{position:absolute;right:22px;top:24px;padding:8px 11px;border-radius:999px;background:var(--tz-surface);border:1px solid var(--tz-border);color:var(--tz-success);font-weight:900;font-size:.7rem;letter-spacing:.05em;box-shadow:var(--tz-shadow)}
.mobile-floating-card{position:absolute;left:28px;bottom:24px;max-width:150px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid rgba(90,99,140,.12);box-shadow:0 16px 30px rgba(36,45,82,.12);font-size:.72rem;font-weight:800;color:var(--tz-success)}body[data-theme=dark] .mobile-floating-card{background:rgba(20,27,43,.92)}.mobile-floating-card.ios{color:var(--tz-info)}
.live-demo-cta{padding:clamp(2rem,5vw,4rem)!important;background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 36%,var(--tz-surface)))}
.live-video-modal .modal-content{background:var(--tz-surface);color:var(--tz-text);border:1px solid var(--tz-border);border-radius:24px;box-shadow:0 30px 90px rgba(20,27,55,.25);overflow:hidden}.live-video-modal .modal-header{padding:1.2rem 1.35rem .8rem}.live-video-modal .modal-body{padding:0 1.35rem 1.35rem}.live-modal-platform{display:inline-flex;padding:.35rem .65rem;border-radius:999px;background:var(--tz-primary-soft);color:var(--tz-primary);font-size:.75rem;font-weight:800}.live-video-shell{overflow:hidden;border-radius:18px;background:#05070c;border:1px solid rgba(255,255,255,.08);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.live-video-shell video{display:block;width:100%;height:100%;background:#05070c}.live-video-modal .btn-close{filter:none}body[data-theme=dark] .live-video-modal .btn-close{filter:invert(1) grayscale(100%) brightness(180%)}
@media(max-width:991.98px){.live-demo-preview{min-height:225px}.phone-frame{transform:translateX(-12px)}.hero-floating-note{right:78px}.live-hero-visual{justify-content:center}}
@media(max-width:575.98px){.live-demo-card-body{padding:1.15rem}.live-demo-preview{min-height:195px}.live-video-modal .modal-dialog{margin:.65rem}.live-video-modal .modal-header{padding:1rem 1rem .7rem}.live-video-modal .modal-body{padding:0 1rem 1rem}}

/* Live demo page thumbnail refinement */
.live-demo-hero{padding-bottom:3rem}
.live-hero-collage{position:relative;min-height:335px;max-width:420px;margin-left:auto;transform:scale(.92);transform-origin:top right}
.hero-thumb{position:absolute;border-radius:24px;overflow:hidden;border:1px solid var(--tz-border);box-shadow:0 22px 54px rgba(36,45,82,.16);background:var(--tz-surface)}
.hero-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.hero-thumb-main{right:0;top:8px;width:285px;height:214px;transform:rotate(1.5deg)}
.hero-thumb-secondary{width:150px;height:112px}
.hero-thumb-android{left:18px;top:134px;transform:rotate(-8deg)}
.hero-thumb-ios{right:18px;bottom:0;transform:rotate(7deg)}
.hero-floating-pill{position:absolute;left:92px;top:14px;display:inline-flex;align-items:center;padding:.58rem .9rem;border-radius:999px;background:rgba(255,255,255,.96);border:1px solid var(--tz-border);box-shadow:0 18px 40px rgba(36,45,82,.12);font-weight:800;color:var(--tz-primary);font-size:.95rem}
body[data-theme=dark] .hero-floating-pill{background:rgba(20,27,43,.94)}

.live-streaming-note{display:inline-flex;align-items:center;gap:8px;padding:.65rem .95rem;border:1px solid var(--tz-border);border-radius:999px;background:var(--tz-surface);color:var(--tz-muted);font-size:.84rem;font-weight:800;white-space:nowrap}
.live-streaming-note:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tz-success);box-shadow:0 0 0 5px var(--tz-success-soft)}

.live-demo-card{display:flex;flex-direction:column;background:var(--tz-surface);border:1px solid var(--tz-border);border-radius:24px;box-shadow:var(--tz-shadow);overflow:hidden;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.live-demo-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(36,45,82,.11);border-color:color-mix(in srgb,var(--tz-primary) 28%,var(--tz-border))}
.live-demo-preview{position:relative;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--tz-border);background:linear-gradient(145deg,#eef0ff,#f7f8ff)}
.live-demo-preview img{display:block;width:100%;height:100%;object-fit:cover}
.live-demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:rgba(255,255,255,.94);color:var(--tz-primary);font-size:1.35rem;box-shadow:0 16px 38px rgba(36,45,82,.18);z-index:4;transition:transform .2s ease}
.live-demo-card:hover .live-demo-play{transform:translate(-50%,-50%) scale(1.04)}
.live-demo-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.35rem 1.4rem 1.45rem}
.live-demo-card-body h3{font-size:1.22rem;line-height:1.3;font-weight:800;letter-spacing:-.025em;margin:1rem 0 .65rem}
.live-demo-card-body p{line-height:1.62;margin-bottom:1.2rem}
.live-card-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;flex-wrap:wrap}
.live-inline-cta{padding:0 !important;border:0 !important;text-decoration:none;font-weight:800;color:var(--tz-primary)}
.live-inline-cta:hover{text-decoration:underline;color:var(--tz-primary)}

.live-demo-cta{padding:clamp(2rem,5vw,4rem)!important;background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 36%,var(--tz-surface)))}
.live-video-modal .modal-content{background:var(--tz-surface);color:var(--tz-text);border:1px solid var(--tz-border);border-radius:24px;box-shadow:0 30px 90px rgba(20,27,55,.25);overflow:hidden}
.live-video-modal .modal-header{padding:1.2rem 1.35rem .8rem}
.live-video-modal .modal-body{padding:0 1.35rem 1.35rem}
.live-modal-platform{display:inline-flex;padding:.35rem .65rem;border-radius:999px;background:var(--tz-primary-soft);color:var(--tz-primary);font-size:.75rem;font-weight:800}
.live-video-shell{overflow:hidden;border-radius:18px;background:#05070c;border:1px solid rgba(255,255,255,.08);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.live-video-shell video{display:block;width:100%;height:100%;background:#05070c}
.live-video-modal .btn-close{filter:none}
body[data-theme=dark] .live-video-modal .btn-close{filter:invert(1) grayscale(100%) brightness(180%)}

@media(max-width:991.98px){
  .live-demo-preview{min-height:230px}
  .live-card-actions{flex-direction:column;align-items:stretch}
  .live-inline-cta{text-align:center}
}
@media(max-width:575.98px){
  .live-demo-card-body{padding:1.15rem}
  .live-demo-preview{min-height:200px}
  .live-video-modal .modal-dialog{margin:.65rem}
  .live-video-modal .modal-header{padding:1rem 1rem .7rem}
  .live-video-modal .modal-body{padding:0 1rem 1rem}
}

@media(max-width:1199.98px){.live-hero-collage{transform:scale(.82);max-width:380px;min-height:300px}}

/* Simplified live hero: intentionally no decorative hero image */
.live-demo-hero{padding-top:clamp(4.5rem,7vw,7rem);padding-bottom:clamp(3.5rem,6vw,5.5rem)}
.live-demo-hero .display-title{max-width:920px}
.live-demo-hero .lead-muted{max-width:780px}

/* Framework & Playwright support */
.framework-support-shell{padding:clamp(1.5rem,3vw,2.2rem)!important;background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 24%,var(--tz-surface)))}
.framework-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--tz-border);border-radius:18px;background:var(--tz-surface-soft)}
.framework-card-featured{border-color:color-mix(in srgb,var(--tz-primary) 38%,var(--tz-border));box-shadow:0 14px 34px rgba(91,92,240,.10)}
.framework-card strong{display:block;font-size:1.05rem;margin-bottom:4px}
.framework-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:0 0 46px;font-weight:900;letter-spacing:-.04em;border:1px solid var(--tz-border);background:var(--tz-surface)}
.selenium-mark{color:#11a861;background:rgba(17,168,97,.08);border-color:rgba(17,168,97,.18)}
.playwright-mark{color:#7a4dff;background:rgba(122,77,255,.09);border-color:rgba(122,77,255,.20)}
.appium-mark{color:#2f80ff;background:rgba(47,128,255,.09);border-color:rgba(47,128,255,.18);font-size:.8rem}
.framework-browser-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--tz-muted);font-size:.9rem}
.framework-browser-line strong{padding:.35rem .65rem;border-radius:999px;border:1px solid var(--tz-border);background:var(--tz-surface);color:var(--tz-text);font-size:.82rem}
.framework-feature-card{position:relative;overflow:hidden}
.framework-feature-card .framework-mark{margin-bottom:1rem}
.framework-feature-card-highlight{border-color:color-mix(in srgb,var(--tz-primary) 34%,var(--tz-border));background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 28%,var(--tz-surface)))}
.framework-mini-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:1rem}
.framework-mini-pills span{padding:.35rem .58rem;border-radius:999px;background:var(--tz-surface-soft);border:1px solid var(--tz-border);font-size:.75rem;font-weight:700;color:var(--tz-muted)}
.framework-card-link{display:inline-flex;margin-top:1rem;font-weight:800;color:var(--tz-primary);text-decoration:none}
.framework-card-link:hover{text-decoration:underline;color:var(--tz-primary)}
.developer-example-card{display:flex;flex-direction:column;align-items:flex-start}
.developer-example-card .btn{margin-top:auto}
.developer-example-playwright{border-color:color-mix(in srgb,var(--tz-primary) 28%,var(--tz-border));background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 20%,var(--tz-surface)))}
.docs-playwright-block{border-color:color-mix(in srgb,var(--tz-primary) 22%,var(--tz-border))!important}

.playwright-hero{padding-bottom:4rem}
.playwright-hero-card{padding:clamp(1.5rem,3vw,2.2rem)!important;background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 28%,var(--tz-surface)));border-color:color-mix(in srgb,var(--tz-primary) 20%,var(--tz-border))}
.browser-pills{display:flex;gap:8px;flex-wrap:wrap}
.browser-pills span{display:inline-flex;padding:.48rem .72rem;border-radius:999px;border:1px solid var(--tz-border);background:var(--tz-surface);font-size:.8rem;font-weight:800;color:var(--tz-muted)}
.playwright-checks{display:grid;gap:10px;margin-top:1.2rem}
.playwright-checks>div{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:14px;border:1px solid var(--tz-border);background:var(--tz-surface-soft);font-weight:650}
.playwright-checks>div>span:first-child{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tz-success-soft);color:var(--tz-success);font-weight:900;flex:0 0 22px}

@media(max-width:767.98px){
  .framework-card{padding:15px}
  .framework-support-shell{padding:1.25rem!important}
}


/* SEO solution landing pages */
.public-nav-dropdown{min-width:320px;padding:.65rem;border:1px solid var(--tz-border);border-radius:18px;background:var(--tz-surface);box-shadow:0 18px 45px rgba(36,45,82,.14)}
.public-nav-dropdown .dropdown-item{display:flex;flex-direction:column;gap:.15rem;padding:.75rem .85rem;border-radius:12px;color:var(--tz-text)}
.public-nav-dropdown .dropdown-item:hover{background:var(--tz-primary-soft);color:var(--tz-primary)}
.public-nav-dropdown small{color:var(--tz-muted);font-size:.76rem}.mobile-nav-section-label{padding:.65rem 1rem .35rem;color:var(--tz-muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.mobile-nav-link-sub{margin-left:.75rem;font-size:.96rem}
.seo-landing-hero{padding:8.8rem 0 4.8rem;overflow:hidden}.seo-landing-hero .display-title{max-width:930px}.seo-hero-copy{max-width:720px}.seo-chip-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}.seo-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-radius:999px;background:var(--tz-surface);border:1px solid var(--tz-border);box-shadow:var(--tz-shadow);color:var(--tz-muted);font-size:.85rem;font-weight:800}.seo-chip:before{content:'✓';color:var(--tz-success)}
.healing-flow-card{position:relative;padding:1.6rem;background:radial-gradient(circle at 100% 0%,var(--tz-primary-soft),transparent 42%),var(--tz-surface);border:1px solid var(--tz-border);border-radius:28px;box-shadow:0 24px 70px rgba(36,45,82,.12)}.healing-flow{display:grid;gap:.8rem}.healing-flow-step{display:grid;grid-template-columns:44px 1fr;gap:.85rem;align-items:center;padding:.9rem;border:1px solid var(--tz-border);border-radius:16px;background:color-mix(in srgb,var(--tz-surface) 82%,transparent)}.healing-flow-step span:first-child{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--tz-primary-soft);color:var(--tz-primary);font-weight:900}.healing-flow-step strong{display:block}.healing-flow-step small{display:block;color:var(--tz-muted);margin-top:.1rem}.healing-flow-arrow{text-align:center;color:var(--tz-primary);font-weight:900;line-height:1}
.solution-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;border-radius:20px;border:1px solid var(--tz-border);background:var(--tz-surface);box-shadow:var(--tz-shadow)}.solution-proof-item{padding:.65rem 1rem}.solution-proof-item strong{display:block;font-size:1rem}.solution-proof-item span{color:var(--tz-muted);font-size:.84rem}.solution-proof-item+.solution-proof-item{border-left:1px solid var(--tz-border)}
.solution-step-card{position:relative;padding-top:4.4rem}.solution-step-number{position:absolute;top:1.25rem;left:1.25rem;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;background:var(--tz-primary-soft);color:var(--tz-primary);font-weight:900}.solution-step-card p{margin-bottom:0}.solution-callout{border:1px solid color-mix(in srgb,var(--tz-primary) 28%,var(--tz-border));background:linear-gradient(135deg,var(--tz-primary-soft),var(--tz-surface));border-radius:28px;padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--tz-shadow)}
.solution-code-window{overflow:hidden;border:1px solid var(--tz-border);border-radius:22px;background:#111827;box-shadow:0 24px 60px rgba(15,23,42,.18)}.solution-code-window-bar{display:flex;align-items:center;gap:.4rem;padding:.8rem 1rem;background:#182133;border-bottom:1px solid rgba(255,255,255,.08)}.solution-code-window-bar i{width:10px;height:10px;border-radius:50%;background:#4b5563}.solution-code-window pre{margin:0;padding:1.35rem;color:#e5e7eb;white-space:pre-wrap;font-size:.86rem;line-height:1.7}.solution-code-window .code-old{color:#fca5a5}.solution-code-window .code-new{color:#86efac}.solution-code-window .code-comment{color:#94a3b8}
.problem-signal{display:flex;gap:1rem;align-items:flex-start}.problem-signal .signal-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:14px;background:var(--tz-danger-soft);color:var(--tz-danger);font-weight:900}.problem-signal p{margin:0;color:var(--tz-muted)}.faq-stack{display:grid;gap:.9rem}.faq-card{padding:1.25rem 1.4rem;border:1px solid var(--tz-border);border-radius:18px;background:var(--tz-surface);box-shadow:var(--tz-shadow)}.faq-card h3{font-size:1.05rem;margin-bottom:.45rem}.faq-card p{margin:0;color:var(--tz-muted)}
.solution-link-card{display:block;height:100%;padding:1.4rem;border:1px solid var(--tz-border);border-radius:20px;background:var(--tz-surface);box-shadow:var(--tz-shadow);text-decoration:none;color:var(--tz-text);transition:transform .18s ease,border-color .18s ease}.solution-link-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tz-primary) 45%,var(--tz-border));color:var(--tz-text)}.solution-link-card .arrow{color:var(--tz-primary);font-weight:900}.seo-section-kicker{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--tz-primary)}
@media(max-width:991.98px){.seo-landing-hero{padding-top:7.4rem}.solution-proof-strip{grid-template-columns:1fr}.solution-proof-item+.solution-proof-item{border-left:0;border-top:1px solid var(--tz-border)}.public-nav-dropdown{min-width:280px}}


/* Demo hub + stack-specific demo pages */
.public-demo-dropdown{min-width:300px}
.public-nav-dropdown .dropdown-divider{border-color:var(--tz-border);margin:.4rem .55rem}
.demo-stack-card{display:flex;flex-direction:column;height:100%;padding:1.6rem;border:1px solid var(--tz-border);border-radius:24px;background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 12%,var(--tz-surface)));box-shadow:var(--tz-shadow);text-decoration:none;color:var(--tz-text);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.demo-stack-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--tz-primary) 38%,var(--tz-border));box-shadow:0 22px 52px rgba(36,45,82,.13);color:var(--tz-text)}
.demo-stack-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.demo-stack-card h3{font-size:1.45rem;margin-bottom:.65rem}.demo-stack-card p{color:var(--tz-muted);line-height:1.7;flex:1}.demo-stack-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.8rem;color:var(--tz-primary);font-weight:900}.demo-stack-cta:after{content:'→'}
.demo-detail-preview{position:relative;overflow:hidden;border:1px solid var(--tz-border);border-radius:26px;box-shadow:0 24px 60px rgba(36,45,82,.14);background:var(--tz-surface)}.demo-detail-preview img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.demo-detail-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,15,30,.28));pointer-events:none}.demo-detail-preview .live-demo-play{z-index:2}
.demo-video-stage{border:1px solid var(--tz-border);border-radius:26px;background:var(--tz-surface);padding:1rem;box-shadow:0 24px 65px rgba(36,45,82,.11)}.demo-video-stage-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.2rem .25rem 1rem}.demo-video-stage .live-video-shell{border-radius:18px;overflow:hidden}.demo-video-stage video{display:block;width:100%;aspect-ratio:16/9;background:#05070c}
.roi-mini-equation{display:grid;gap:.2rem;padding:1rem 1.1rem;border-radius:16px;border:1px solid var(--tz-border);background:var(--tz-surface-soft)}.roi-mini-equation strong{font-size:1rem}.roi-mini-equation span{font-size:1.25rem;font-weight:900;color:var(--tz-success)}
@media(max-width:767.98px){.demo-video-stage-head{align-items:flex-start;flex-direction:column}.demo-stack-card{padding:1.25rem}}


/* V3 compact product/developer navigation */
.product-mega-wrap{position:relative}.product-mega-menu{width:min(760px,calc(100vw - 40px));padding:1rem;left:0}.product-mega-kicker{font-size:.69rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--tz-muted);padding:.15rem .3rem .65rem}.product-mega-grid{display:grid;gap:.7rem}.product-mega-stacks{grid-template-columns:repeat(3,minmax(0,1fr))}.product-mega-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.product-mega-card,.product-mega-link{display:flex;gap:.75rem;align-items:flex-start;text-decoration:none;color:var(--tz-text);border:1px solid var(--tz-border);border-radius:15px;background:var(--tz-surface-soft);padding:.85rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.product-mega-card:hover,.product-mega-link:hover{color:var(--tz-text);transform:translateY(-2px);border-color:color-mix(in srgb,var(--tz-primary) 38%,var(--tz-border));background:color-mix(in srgb,var(--tz-primary-soft) 25%,var(--tz-surface))}.product-mega-card-featured,.product-mega-link-accent{border-color:color-mix(in srgb,var(--tz-primary) 34%,var(--tz-border));background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 30%,var(--tz-surface)))}.product-mega-card .framework-mark{width:38px;height:38px;flex:0 0 38px;margin:0;font-size:.72rem}.product-mega-card strong,.product-mega-link strong{display:block;font-size:.88rem}.product-mega-card small,.product-mega-link small{display:block;margin-top:.16rem;color:var(--tz-muted);font-size:.72rem;line-height:1.35}.product-menu-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--tz-primary-soft);color:var(--tz-primary);font-weight:900}.nav-new-badge{font-style:normal;font-size:.55rem;letter-spacing:.06em;background:var(--tz-primary);color:#fff;padding:.18rem .34rem;border-radius:999px;vertical-align:middle;margin-left:.25rem}.product-mega-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.8rem;padding:.75rem .85rem;border-radius:12px;text-decoration:none;background:var(--tz-primary-soft);color:var(--tz-primary);font-size:.82rem;font-weight:900}.product-mega-footer:hover{color:var(--tz-primary)}.developer-nav-dropdown{min-width:340px}.stack-diff-band{border:1px solid color-mix(in srgb,var(--tz-primary) 25%,var(--tz-border));background:linear-gradient(135deg,var(--tz-primary-soft),var(--tz-surface));border-radius:28px;padding:clamp(1.4rem,3vw,2.4rem)}.stack-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stack-capability{padding:1.15rem;border:1px solid var(--tz-border);border-radius:18px;background:var(--tz-surface);text-decoration:none;color:var(--tz-text);height:100%}.stack-capability:hover{color:var(--tz-text);border-color:color-mix(in srgb,var(--tz-primary) 38%,var(--tz-border))}.stack-capability strong{display:block;margin:.65rem 0 .35rem}.stack-capability p{color:var(--tz-muted);font-size:.88rem;margin:0}.integration-hero-code{border:1px solid var(--tz-border);border-radius:24px;background:#111827;box-shadow:0 24px 60px rgba(15,23,42,.18);overflow:hidden}.integration-hero-code pre{margin:0;padding:1.35rem;color:#e5e7eb;white-space:pre-wrap;font-size:.84rem;line-height:1.7}.integration-stack-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.integration-stack-item{padding:1.1rem;border:1px solid var(--tz-border);border-radius:17px;background:var(--tz-surface);display:flex;gap:.8rem;align-items:center}.integration-stack-item .framework-mark{margin:0;flex:0 0 auto}.integration-stack-item strong{display:block}.integration-stack-item span:last-child{color:var(--tz-muted);font-size:.78rem}.code-update-timeline{display:grid;gap:.8rem}.code-update-timeline>div{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:1px solid var(--tz-border);border-radius:16px;background:var(--tz-surface)}.code-update-timeline b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--tz-primary-soft);color:var(--tz-primary)}
@media(max-width:1199.98px){.product-mega-menu{width:680px}.stack-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991.98px){.product-mega-stacks,.product-mega-capabilities,.integration-stack-strip{grid-template-columns:1fr}.stack-capability-grid{grid-template-columns:1fr}}


/* V4 pricing + ROI calculator */
.pricing-hero-plan-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;max-width:850px}.pricing-hero-plan-strip>span{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem;border:1px solid var(--tz-border);border-radius:14px;background:var(--tz-surface-soft)}.pricing-hero-plan-strip small{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tz-muted);font-weight:800}.pricing-hero-plan-strip strong{font-size:1.15rem}.pricing-hero-plan-strip em{font-size:.68rem;font-style:normal;font-weight:600;color:var(--tz-muted);margin-left:.18rem}.pricing-roi-cta{overflow:hidden;position:relative}.pricing-roi-cta:after{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(91,92,240,.18),transparent 68%);pointer-events:none}.pricing-roi-modes{display:flex;gap:.75rem;flex-wrap:wrap}.pricing-roi-modes>span{display:flex;align-items:center;gap:.55rem;padding:.6rem .8rem;border-radius:999px;border:1px solid var(--tz-border);background:var(--tz-surface-soft);font-weight:700}.pricing-roi-modes b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(91,92,240,.13);color:var(--tz-primary)}
.roi-page-hero{padding-bottom:2rem}.roi-hero-card{display:grid;gap:.85rem}.roi-hero-choice{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem;border-radius:15px;border:1px solid var(--tz-border);background:var(--tz-surface-soft)}.roi-hero-choice>b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:rgba(91,92,240,.13);color:var(--tz-primary)}.roi-hero-choice span{display:flex;flex-direction:column;gap:.2rem}.roi-hero-choice small{color:var(--tz-muted)}.roi-mode-shell{max-width:1180px;margin:0 auto}.roi-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}.roi-mode-button{appearance:none;text-align:left;border:1px solid var(--tz-border);background:var(--tz-surface-soft);color:inherit;border-radius:18px;padding:1rem 1.15rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.75rem;transition:.18s ease}.roi-mode-button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(91,92,240,.12);color:var(--tz-primary);font-weight:900}.roi-mode-button b{font-size:1rem}.roi-mode-button small{color:var(--tz-muted);margin-top:.15rem}.roi-mode-button:hover,.roi-mode-button.active{border-color:rgba(91,92,240,.55);transform:translateY(-1px)}.roi-mode-button.active{box-shadow:0 10px 28px rgba(34,35,80,.10);background:linear-gradient(135deg,rgba(91,92,240,.10),var(--tz-surface-soft))}.roi-field-wide{grid-column:1/-1}.roi-input-prefix{position:relative}.roi-input-prefix>span{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-weight:800;color:var(--tz-muted);z-index:2}.roi-input-prefix .form-control{padding-left:2.1rem}[data-roi-panel][hidden]{display:none!important}
@media(max-width:767.98px){.pricing-hero-plan-strip{grid-template-columns:1fr 1fr}.roi-mode-switch{grid-template-columns:1fr}.roi-field-wide{grid-column:auto}}
@media(max-width:480px){.pricing-hero-plan-strip{grid-template-columns:1fr}}

/* Public navigation resilience: keep Login/Dashboard reachable after mega-menu expansion. */
.nav-login-btn{font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;min-height:42px}
@media (min-width:1200px) and (max-width:1399.98px){.navbar .nav-link{padding:10px 10px!important}.navbar-nav{gap:.1rem!important}.desktop-cta .btn{padding-left:1rem!important;padding-right:1rem!important}.lang-btn{padding:.4rem .58rem}}

/* V5 SEO clusters */
.trust-decision-card,.comparison-summary-card{padding:1.45rem;border:1px solid var(--tz-border);border-radius:24px;background:var(--tz-surface);box-shadow:var(--tz-shadow)}
.trust-decision-card{display:grid;gap:.8rem}.trust-decision{display:grid;grid-template-columns:42px 1fr;gap:.8rem;align-items:center;padding:1rem;border:1px solid var(--tz-border);border-radius:16px;background:var(--tz-surface-soft)}.trust-decision>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-weight:900}.trust-decision strong,.trust-decision small{display:block}.trust-decision small{color:var(--tz-muted);margin-top:.15rem}.trust-heal>span{background:rgba(25,135,84,.12);color:#198754}.trust-review>span{background:rgba(255,193,7,.16);color:#997404}.trust-fail>span{background:rgba(220,53,69,.11);color:#b5475a}
.safe-boundary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.safe-boundary-grid>div{padding:1.3rem;border:1px solid var(--tz-border);border-radius:18px;background:var(--tz-surface)}.safe-boundary-grid strong{display:block;margin-bottom:.7rem}.safe-boundary-grid ul{margin:0;padding-left:1.1rem;color:var(--tz-muted)}.safe-boundary-grid li+li{margin-top:.55rem}
.comparison-featured{border-color:color-mix(in srgb,var(--tz-primary) 32%,var(--tz-border));background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 24%,var(--tz-surface)))}.comparison-list{margin:1rem 0 0;padding-left:1.1rem;color:var(--tz-muted)}.comparison-list li+li{margin-top:.55rem}.comparison-source-note{padding:.85rem 1rem;border:1px dashed var(--tz-border);border-radius:14px;color:var(--tz-muted);font-size:.82rem}.comparison-source-note a{color:var(--tz-primary);font-weight:700;text-decoration:none}
@media(max-width:767.98px){.safe-boundary-grid{grid-template-columns:1fr}}


/* V6 public visual storytelling */
.healing-hero-visual{position:relative;border:1px solid var(--tz-border);border-radius:30px;background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 28%,var(--tz-surface)));box-shadow:0 28px 80px rgba(36,45,82,.13);overflow:hidden;padding:0 1.15rem 1.15rem}.healing-hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 10%,rgba(91,92,240,.17),transparent 32%);pointer-events:none}.healing-window-bar{position:relative;display:flex;align-items:center;gap:.75rem;margin:0 -1.15rem 1rem;padding:.85rem 1.05rem;border-bottom:1px solid var(--tz-border);background:color-mix(in srgb,var(--tz-surface) 88%,transparent)}.healing-window-dots{display:flex;gap:5px}.healing-window-dots span{width:8px;height:8px;border-radius:50%;background:#cad0df}.healing-window-title{font-size:.72rem;font-weight:800;color:var(--tz-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.healing-live-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:900;letter-spacing:.08em;color:var(--tz-success)}.healing-live-pill i{width:7px;height:7px;border-radius:50%;background:var(--tz-success);box-shadow:0 0 0 5px var(--tz-success-soft);animation:tzPulse 2s infinite}.healing-stack-line{position:relative;display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.healing-stack-chip{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:.65rem;background:var(--tz-surface);border:1px solid var(--tz-border);color:var(--tz-muted)}.healing-stack-chip.active{color:#fff;background:linear-gradient(135deg,#7d4dff,var(--tz-primary));border-color:transparent;box-shadow:0 8px 20px rgba(91,92,240,.2)}.healing-stack-label{margin-left:.2rem;font-size:.76rem;font-weight:900;color:var(--tz-text)}.healing-flow-stage{position:relative;display:grid;gap:.58rem}.healing-flow-row{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:.75rem;align-items:center;padding:.78rem .85rem;border:1px solid var(--tz-border);border-radius:16px;background:color-mix(in srgb,var(--tz-surface) 92%,transparent);overflow:hidden}.healing-flow-row:after{content:"";position:absolute;inset:0 auto 0 -35%;width:30%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:tzShimmer 5s infinite}.healing-flow-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900}.healing-flow-row small,.healing-flow-row span:not(.healing-flow-icon){display:block;color:var(--tz-muted);font-size:.68rem;font-weight:750}.healing-flow-row code{display:block;margin-top:.12rem;color:var(--tz-text);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.healing-flow-row>strong{font-size:.62rem;letter-spacing:.06em}.healing-flow-broken .healing-flow-icon{background:var(--tz-danger-soft);color:var(--tz-danger)}.healing-flow-broken>strong{color:var(--tz-danger)}.healing-flow-analysis .healing-flow-icon{background:var(--tz-primary-soft);color:var(--tz-primary)}.healing-flow-analysis>strong{color:var(--tz-primary)}.healing-flow-healed .healing-flow-icon{background:var(--tz-success-soft);color:var(--tz-success)}.healing-flow-healed>strong{color:var(--tz-success)}.healing-scan-track{height:3px;border-radius:999px;background:var(--tz-border);overflow:hidden;margin:0 1.2rem}.healing-scan-track span{display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tz-primary),var(--tz-info));animation:tzScan 2.4s ease-in-out infinite}.healing-code-update-toast{display:flex;align-items:center;gap:.7rem;margin-top:.25rem;padding:.72rem .85rem;border-radius:15px;background:var(--tz-success-soft);border:1px solid color-mix(in srgb,var(--tz-success) 24%,var(--tz-border));animation:tzToast 5s ease-in-out infinite}.healing-code-update-toast>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--tz-success);color:white;font-weight:900}.healing-code-update-toast strong,.healing-code-update-toast small{display:block}.healing-code-update-toast strong{font-size:.78rem}.healing-code-update-toast small{font-size:.65rem;color:var(--tz-muted);margin-top:.1rem}.healing-hero-metrics{position:relative;margin-top:.15rem}.healing-hero-metrics .metric{padding:.78rem}.healing-hero-metrics .metric strong{font-size:1.35rem}

.stack-switcher{border:1px solid var(--tz-border);border-radius:24px;background:var(--tz-surface);overflow:hidden;box-shadow:var(--tz-shadow)}.stack-switcher-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--tz-border);background:var(--tz-surface-soft)}.stack-switcher-tab{position:relative;display:flex;align-items:center;gap:.75rem;text-align:left;padding:1rem 1.1rem;border:0;border-right:1px solid var(--tz-border);background:transparent;color:var(--tz-text);transition:.18s ease}.stack-switcher-tab:last-child{border-right:0}.stack-switcher-tab:hover,.stack-switcher-tab.active{background:var(--tz-surface)}.stack-switcher-tab.active:after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:3px;border-radius:999px;background:var(--tz-primary)}.stack-switcher-tab .framework-mark{width:40px;height:40px;flex:0 0 40px;margin:0}.stack-switcher-tab strong,.stack-switcher-tab small{display:block}.stack-switcher-tab small{font-size:.68rem;color:var(--tz-muted);margin-top:.1rem}.stack-switcher-tab em{margin-left:auto;border-radius:999px;padding:.2rem .38rem;background:var(--tz-primary);color:white;font-size:.53rem;font-style:normal;font-weight:900;letter-spacing:.06em}.stack-switcher-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.1rem;align-items:center;padding:2rem}.stack-switcher-panel[hidden]{display:none!important}.stack-switcher-copy h3{font-size:2rem;font-weight:900;letter-spacing:-.04em;margin:1rem 0 .65rem}.stack-switcher-copy .framework-mini-pills{margin:1rem 0 1.2rem}.stack-code-scene{border-radius:20px;background:#0b1020;border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 55px rgba(15,23,42,.18);overflow:hidden}.stack-code-featured{box-shadow:0 22px 65px rgba(91,92,240,.22)}.code-scene-top,.code-update-header{display:flex;align-items:center;justify-content:space-between;padding:.72rem .9rem;border-bottom:1px solid rgba(255,255,255,.1);background:#10172a;color:#aab4cc;font-size:.68rem;font-weight:800}.stack-code-scene pre{margin:0;padding:1.25rem;min-height:190px;color:#dbe3f4;font-size:.76rem;line-height:1.8;white-space:pre-wrap}.stack-code-scene code{color:inherit}.code-muted,.code-comment{color:#66738f}.code-old{color:#ff8c8d;text-decoration:line-through;text-decoration-thickness:1px}.code-new,.code-success{color:#6ce7a5}.code-status{font-size:.55rem;letter-spacing:.06em;border-radius:999px;padding:.25rem .45rem}.code-status.healed{background:rgba(40,199,111,.15);color:#6ce7a5}

.visual-code-update-shell{position:relative;padding:clamp(1.5rem,4vw,3.2rem);border:1px solid color-mix(in srgb,var(--tz-primary) 25%,var(--tz-border));border-radius:32px;background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 32%,var(--tz-surface)));overflow:hidden}.visual-code-update-shell:before{content:"";position:absolute;right:-130px;top:-150px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(91,92,240,.16),transparent 68%);pointer-events:none}.visual-code-steps{display:grid;gap:.65rem;margin-top:1.4rem}.visual-code-steps>div{display:flex;gap:.75rem;align-items:flex-start}.visual-code-steps b{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:var(--tz-primary-soft);color:var(--tz-primary)}.visual-code-steps strong,.visual-code-steps small{display:block}.visual-code-steps small{color:var(--tz-muted);font-size:.78rem;margin-top:.1rem}.animated-code-update{position:relative;border-radius:24px;background:#0b1020;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(15,23,42,.25);overflow:hidden}.code-update-run{display:flex;align-items:center;gap:.35rem}.code-update-run i{width:7px;height:7px;border-radius:50%;background:#6ce7a5;box-shadow:0 0 0 5px rgba(108,231,165,.1)}.code-update-editor{position:relative;display:grid;grid-template-columns:42px 1fr;min-height:245px}.code-gutter{padding:1.25rem .65rem;text-align:right;color:#394761;background:#080d19;border-right:1px solid rgba(255,255,255,.06);font:700 .72rem/1.9 ui-monospace,SFMono-Regular,Menlo,monospace}.code-update-editor pre{margin:0;padding:1.25rem;color:#dbe3f4;font-size:.76rem;line-height:1.9;white-space:pre-wrap}.code-normal{color:#dbe3f4}.code-update-old-line{display:inline-block;animation:tzOldLine 6s infinite}.code-update-new-line{display:inline-block;animation:tzNewLine 6s infinite}.code-healing-cursor{position:absolute;left:42px;right:0;top:91px;height:29px;border:1px solid rgba(91,92,240,.65);background:rgba(91,92,240,.09);animation:tzCursor 6s infinite;pointer-events:none}.code-update-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-top:1px solid rgba(255,255,255,.1);background:#10172a}.code-update-success{display:flex;align-items:center;gap:.7rem;color:#dbe3f4}.code-update-success>b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(40,199,111,.16);color:#6ce7a5}.code-update-success strong,.code-update-success small{display:block}.code-update-success strong{font-size:.75rem}.code-update-success small{font-size:.62rem;color:#7f8ca6;margin-top:.1rem}

.proof-gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:1rem}.proof-card{margin:0;border:1px solid var(--tz-border);border-radius:24px;background:var(--tz-surface);box-shadow:var(--tz-shadow);overflow:hidden}.proof-card-large{grid-row:1/3}.proof-image-wrap{position:relative;height:230px;overflow:hidden;background:var(--tz-surface-soft)}.proof-card-large .proof-image-wrap{height:100%;min-height:520px}.proof-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .5s ease}.proof-card:hover .proof-image-wrap img{transform:scale(1.025)}.proof-card figcaption{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.15rem}.proof-card-large figcaption{position:absolute;left:-9999px}.proof-card figcaption strong{font-size:.95rem}.proof-card figcaption span{font-size:.76rem;color:var(--tz-muted)}.proof-callout{position:absolute;display:flex;align-items:center;gap:.55rem;max-width:210px;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.5);border-radius:14px;background:rgba(17,24,39,.84);backdrop-filter:blur(8px);color:#fff;box-shadow:0 16px 32px rgba(15,23,42,.22);font-size:.68rem;font-weight:800}.proof-callout b{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:rgba(91,92,240,.85)}.proof-callout-one{left:5%;bottom:7%}.proof-callout-two{right:5%;top:8%}.proof-callout-three{left:5%;bottom:8%}

.visual-demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.visual-demo-card{display:flex;flex-direction:column;text-decoration:none;color:var(--tz-text);border:1px solid var(--tz-border);border-radius:22px;background:var(--tz-surface);box-shadow:var(--tz-shadow);overflow:hidden;transition:.2s ease}.visual-demo-card:hover{color:var(--tz-text);transform:translateY(-4px);border-color:color-mix(in srgb,var(--tz-primary) 34%,var(--tz-border));box-shadow:0 20px 48px rgba(36,45,82,.12)}.visual-demo-featured{border-color:color-mix(in srgb,var(--tz-primary) 32%,var(--tz-border));background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 24%,var(--tz-surface)))}.visual-demo-preview{position:relative;height:170px;overflow:hidden;background:var(--tz-surface-soft)}.visual-demo-preview>img{width:100%;height:100%;object-fit:cover;object-position:top}.demo-play-bubble{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:rgba(255,255,255,.94);color:var(--tz-primary);box-shadow:0 12px 30px rgba(15,23,42,.18);font-size:.85rem;z-index:3}.visual-demo-body{padding:1rem 1.05rem 1.1rem;display:flex;flex-direction:column;flex:1}.visual-demo-body>div{display:flex;align-items:center;justify-content:space-between}.visual-demo-body .framework-mark{width:34px;height:34px;margin:0;font-size:.62rem}.visual-demo-body h3{font-size:1.05rem;font-weight:900;margin:.8rem 0 .4rem}.visual-demo-body p{color:var(--tz-muted);font-size:.76rem;line-height:1.55;flex:1}.visual-demo-body .framework-card-link{font-size:.76rem}.visual-demo-code{background:linear-gradient(145deg,#0b1020,#121b32)}.mini-code-window{position:absolute;inset:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0b1020;overflow:hidden}.mini-code-window>div{height:31px;display:flex;align-items:center;gap:5px;padding:0 9px;background:#10172a;border-bottom:1px solid rgba(255,255,255,.08)}.mini-code-window>div i{width:6px;height:6px;border-radius:50%;background:#52617d}.mini-code-window>div span{margin-left:5px;color:#73809a;font-size:.55rem;font-weight:800}.mini-code-window pre{margin:0;padding:12px;color:#cdd7eb;font-size:.57rem;line-height:1.55;white-space:pre-wrap}.mini-code-window strong{color:#ff8c8d}.mini-code-window em{color:#8fa6ff;font-style:normal}.mini-code-window b{color:#6ce7a5}.visual-demo-code .demo-play-bubble{left:auto;right:12px;top:auto;bottom:12px;transform:none;width:40px;height:40px}

.playwright-visual-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.playwright-visual-pills span{padding:.45rem .7rem;border-radius:999px;background:var(--tz-surface);border:1px solid var(--tz-border);font-size:.72rem;font-weight:800;color:var(--tz-muted)}.playwright-heal-stage{position:relative;min-height:430px}.playwright-heal-browser{position:absolute;left:0;top:0;width:68%;height:240px;border:1px solid var(--tz-border);border-radius:22px;background:var(--tz-surface);box-shadow:0 22px 50px rgba(36,45,82,.12);overflow:hidden}.pw-browser-content{position:relative;height:calc(100% - 44px);display:grid;place-items:center;background:linear-gradient(145deg,var(--tz-surface-soft),var(--tz-surface))}.pw-browser-content button{border:0;border-radius:12px;background:linear-gradient(135deg,#7d4dff,var(--tz-primary));color:white;padding:.72rem 1.1rem;font-weight:800}.pw-target-ring{position:absolute;width:142px;height:52px;border:2px solid var(--tz-success);border-radius:16px;box-shadow:0 0 0 8px rgba(40,199,111,.1);animation:tzTarget 2.4s ease-in-out infinite}.playwright-heal-code{position:absolute;right:0;bottom:0;width:72%;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#0b1020;box-shadow:0 28px 65px rgba(15,23,42,.25);overflow:hidden}.playwright-heal-code pre{margin:0;padding:1.2rem;color:#dbe3f4;font-size:.7rem;line-height:1.75;white-space:pre-wrap}.pw-healing-badge{position:absolute;left:6%;bottom:9%;display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:15px;border:1px solid color-mix(in srgb,var(--tz-success) 28%,var(--tz-border));background:color-mix(in srgb,var(--tz-surface) 92%,transparent);backdrop-filter:blur(10px);box-shadow:0 18px 42px rgba(36,45,82,.14);z-index:3}.pw-healing-badge>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--tz-success-soft);color:var(--tz-success);font-weight:900}.pw-healing-badge strong,.pw-healing-badge small{display:block}.pw-healing-badge strong{font-size:.76rem}.pw-healing-badge small{color:var(--tz-muted);font-size:.62rem;margin-top:.12rem}

@keyframes tzPulse{0%,100%{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes tzScan{0%{transform:translateX(-105%)}50%{transform:translateX(190%)}100%{transform:translateX(-105%)}}@keyframes tzShimmer{0%,68%{left:-35%}82%,100%{left:135%}}@keyframes tzToast{0%,18%{opacity:.45;transform:translateY(5px)}28%,82%{opacity:1;transform:none}92%,100%{opacity:.45;transform:translateY(5px)}}@keyframes tzOldLine{0%,28%{opacity:1;text-decoration:none}38%,100%{opacity:.55;text-decoration:line-through}}@keyframes tzNewLine{0%,42%{opacity:.18;transform:translateX(-3px)}52%,100%{opacity:1;transform:none}}@keyframes tzCursor{0%,28%{top:91px;border-color:rgba(255,91,92,.7);background:rgba(255,91,92,.08)}42%,56%{top:120px;border-color:rgba(91,92,240,.7);background:rgba(91,92,240,.08)}68%,100%{top:120px;border-color:rgba(40,199,111,.7);background:rgba(40,199,111,.08)}}@keyframes tzTarget{0%,100%{transform:scale(.98);opacity:.72}50%{transform:scale(1.04);opacity:1}}

@media(max-width:1199.98px){.visual-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-card-large .proof-image-wrap{min-height:440px}}@media(max-width:991.98px){.healing-hero-visual{margin-top:.5rem}.stack-switcher-panel{grid-template-columns:1fr;gap:1.4rem}.proof-gallery{grid-template-columns:1fr;grid-template-rows:auto}.proof-card-large{grid-row:auto}.proof-card-large .proof-image-wrap{height:360px;min-height:0}.proof-card-large figcaption{position:static;left:auto}.playwright-heal-stage{min-height:390px}.visual-code-update-shell{border-radius:26px}}@media(max-width:767.98px){.stack-switcher-tabs{grid-template-columns:1fr}.stack-switcher-tab{border-right:0;border-bottom:1px solid var(--tz-border)}.stack-switcher-tab:last-child{border-bottom:0}.stack-switcher-tab.active:after{left:0;right:auto;top:18%;bottom:18%;width:3px;height:auto}.stack-switcher-panel{padding:1.2rem}.visual-demo-grid{grid-template-columns:1fr}.proof-image-wrap,.proof-card-large .proof-image-wrap{height:280px}.playwright-heal-browser{width:84%;height:210px}.playwright-heal-code{width:86%}.code-update-editor{grid-template-columns:34px 1fr}.code-gutter{padding-left:.35rem;padding-right:.35rem}.code-healing-cursor{left:34px}.healing-flow-row{grid-template-columns:34px minmax(0,1fr)}.healing-flow-row>strong{grid-column:2;justify-self:start}.healing-flow-icon{width:34px;height:34px}.healing-hero-metrics .metric strong{font-size:1rem}.healing-hero-metrics .metric{padding:.6rem}.healing-hero-metrics .small{font-size:.62rem!important}}
@media(prefers-reduced-motion:reduce){.healing-live-pill i,.healing-flow-row:after,.healing-scan-track span,.healing-code-update-toast,.code-update-old-line,.code-update-new-line,.code-healing-cursor,.pw-target-ring{animation:none!important}.proof-image-wrap img,.visual-demo-card,.stack-switcher-tab{transition:none!important}}

/* V6.1 clearer five-step hero healing sequence */
.healing-stepper{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin:.15rem 0 .9rem;padding:.15rem 0 .25rem}
.healing-step{position:relative;min-width:0;border:0;background:transparent;color:var(--tz-muted);padding:.25rem .08rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;font:inherit;cursor:pointer;transition:color .22s ease,transform .22s ease}
.healing-step:not(:last-child):after{content:"";position:absolute;left:calc(50% + 17px);right:calc(-50% + 17px);top:16px;height:2px;border-radius:999px;background:var(--tz-border);transition:background .25s ease}
.healing-step b{position:relative;z-index:2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tz-surface);border:2px solid var(--tz-border);font-size:.62rem;font-weight:900;transition:.22s ease}
.healing-step span{display:block;max-width:100%;font-size:.56rem;line-height:1.1;font-weight:850;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.healing-step.active{color:var(--tz-primary);transform:translateY(-1px)}
.healing-step.active b{color:#fff;border-color:var(--tz-primary);background:linear-gradient(135deg,#7d4dff,var(--tz-primary));box-shadow:0 0 0 5px var(--tz-primary-soft),0 8px 20px rgba(91,92,240,.18)}
.healing-step.complete{color:var(--tz-success)}
.healing-step.complete b{color:#fff;border-color:var(--tz-success);background:var(--tz-success)}
.healing-step.complete:not(:last-child):after{background:var(--tz-success)}
.healing-step:focus-visible{outline:2px solid var(--tz-primary);outline-offset:3px;border-radius:10px}

.healing-flow-stage{position:relative;display:block;min-height:218px;overflow:hidden}
.healing-flow-scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.72rem;opacity:0;transform:translateX(20px) scale(.985);pointer-events:none;transition:opacity .34s ease,transform .34s ease}
.healing-flow-scene.active{opacity:1;transform:none;pointer-events:auto;z-index:2}
.healing-flow-scene.leaving{opacity:0;transform:translateX(-18px) scale(.985)}
.healing-flow-scene:not(.active) .healing-flow-row:after{animation:none}
.healing-flow-row{padding:.92rem .9rem;border-width:1px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.healing-flow-scene.active .healing-flow-row{box-shadow:0 14px 30px rgba(36,45,82,.075)}
.healing-flow-broken{border-color:color-mix(in srgb,var(--tz-danger) 28%,var(--tz-border));background:color-mix(in srgb,var(--tz-danger-soft) 38%,var(--tz-surface))}
.healing-flow-analysis{border-color:color-mix(in srgb,var(--tz-primary) 30%,var(--tz-border));background:color-mix(in srgb,var(--tz-primary-soft) 38%,var(--tz-surface))}
.healing-flow-healed,.healing-flow-continue{border-color:color-mix(in srgb,var(--tz-success) 30%,var(--tz-border));background:color-mix(in srgb,var(--tz-success-soft) 42%,var(--tz-surface))}
.healing-flow-continue .healing-flow-icon{background:var(--tz-success-soft);color:var(--tz-success);font-size:.75rem}.healing-flow-continue>strong{color:var(--tz-success)}
.healing-scene-caption{display:flex;align-items:center;gap:.65rem;padding:.58rem .68rem;border-radius:13px;background:var(--tz-surface-soft);border:1px solid var(--tz-border)}
.healing-scene-caption>span{width:29px;height:29px;flex:0 0 29px;border-radius:9px;display:grid;place-items:center;font-size:.57rem;font-weight:900}.healing-scene-caption p{margin:0;color:var(--tz-muted);font-size:.68rem;font-weight:750}
.healing-scene-caption.danger>span{background:var(--tz-danger-soft);color:var(--tz-danger)}.healing-scene-caption.success>span{background:var(--tz-success-soft);color:var(--tz-success)}
.healing-analysis-chips{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap}.healing-analysis-chips span{padding:.4rem .65rem;border-radius:999px;background:var(--tz-surface);border:1px solid color-mix(in srgb,var(--tz-primary) 22%,var(--tz-border));color:var(--tz-primary);font-size:.62rem;font-weight:850}
.healing-target-match{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--tz-success) 24%,var(--tz-border));border-radius:14px;background:var(--tz-success-soft)}.healing-target-match>span{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;background:var(--tz-success);color:#fff;font-size:.73rem;font-weight:900}.healing-target-match strong,.healing-target-match small{display:block}.healing-target-match strong{font-size:.72rem}.healing-target-match small{color:var(--tz-muted);font-size:.62rem;margin-top:.12rem}
.healing-run-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;padding:0 .3rem}.healing-run-progress i{height:5px;border-radius:999px;background:var(--tz-border)}.healing-run-progress i.done{background:var(--tz-success)}.healing-run-progress i.active{background:linear-gradient(90deg,var(--tz-success),var(--tz-primary));box-shadow:0 0 0 3px var(--tz-success-soft);animation:tzRunProgress 1.25s ease-in-out infinite}
.healing-code-update-toast{margin-top:0;animation:none;opacity:1;transform:none}.healing-code-diff{overflow:hidden;border-radius:14px;background:#0b1020;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 26px rgba(15,23,42,.16)}.diff-line{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.35rem;align-items:center;padding:.5rem .68rem;font-size:.61rem}.diff-line+.diff-line{border-top:1px solid rgba(255,255,255,.07)}.diff-line b{font-size:.8rem}.diff-line code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dbe3f4}.diff-line.removed{background:rgba(255,91,92,.08)}.diff-line.removed b,.diff-line.removed code{color:#ff9a9b}.diff-line.removed code{text-decoration:line-through;text-decoration-thickness:1px}.diff-line.added{background:rgba(40,199,111,.09)}.diff-line.added b,.diff-line.added code{color:#7ce9ae}
.healing-hero-metrics{opacity:.62;transform:translateY(2px);transition:opacity .35s ease,transform .35s ease}.healing-hero-metrics.is-final{opacity:1;transform:none}.healing-hero-metrics.is-final .metric{border-color:color-mix(in srgb,var(--tz-success) 22%,var(--tz-border));box-shadow:0 9px 22px rgba(40,199,111,.06)}
.healing-hero-visual[data-current-step="5"] .healing-live-pill{color:var(--tz-success)}
@keyframes tzRunProgress{0%,100%{opacity:.55;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}

@media(max-width:767.98px){.healing-stepper{gap:.12rem}.healing-step span{font-size:.49rem}.healing-step b{width:26px;height:26px}.healing-step:not(:last-child):after{left:calc(50% + 14px);right:calc(-50% + 14px);top:14px}.healing-flow-stage{min-height:245px}.healing-flow-row{grid-template-columns:34px minmax(0,1fr)}.healing-flow-row>strong{grid-column:2;justify-self:start}.healing-code-diff .diff-line{font-size:.53rem}.healing-scene-caption p{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.healing-step,.healing-step b,.healing-step:not(:last-child):after,.healing-flow-scene,.healing-flow-row,.healing-hero-metrics{transition:none!important}.healing-run-progress i.active{animation:none!important}}

/* Demo heroes V6.2 */
.demo-detail-hero-modern{padding-bottom:clamp(3rem,7vw,5rem)}
.demo-tech-visual{position:relative;display:block;text-decoration:none;color:var(--tz-text);border:1px solid var(--tz-border);border-radius:28px;background:linear-gradient(145deg,var(--tz-surface),color-mix(in srgb,var(--tz-primary-soft) 25%,var(--tz-surface)));box-shadow:0 28px 70px rgba(36,45,82,.14);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.demo-tech-visual:hover{color:var(--tz-text);transform:translateY(-4px);box-shadow:0 34px 82px rgba(36,45,82,.17);border-color:color-mix(in srgb,var(--tz-primary) 35%,var(--tz-border))}
.demo-tech-playwright{--demo-accent:#7557ff;--demo-accent-2:#4b86ff}.demo-tech-selenium{--demo-accent:#18a875;--demo-accent-2:#3b82f6}
.demo-tech-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;border-bottom:1px solid var(--tz-border);background:color-mix(in srgb,var(--tz-surface) 90%,transparent)}
.demo-tech-brand{display:flex;align-items:center;gap:.7rem}.demo-tech-brand .framework-mark{width:38px;height:38px;flex:0 0 38px;margin:0;border-color:color-mix(in srgb,var(--demo-accent) 28%,var(--tz-border));background:color-mix(in srgb,var(--demo-accent) 10%,var(--tz-surface));color:var(--demo-accent)}.demo-tech-brand strong,.demo-tech-brand small{display:block}.demo-tech-brand strong{font-size:.88rem}.demo-tech-brand small{font-size:.64rem;color:var(--tz-muted);margin-top:.08rem}
.demo-tech-live{display:inline-flex;align-items:center;gap:.45rem;font-size:.58rem;font-weight:900;letter-spacing:.07em;color:var(--tz-success)}.demo-tech-live i{width:7px;height:7px;border-radius:50%;background:var(--tz-success);box-shadow:0 0 0 5px var(--tz-success-soft);animation:tzPulse 2s infinite}
.demo-tech-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:.85rem;padding:1rem}.demo-browser-card,.demo-code-card{border:1px solid var(--tz-border);border-radius:18px;overflow:hidden;background:var(--tz-surface)}
.demo-browser-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid var(--tz-border);background:var(--tz-surface-soft)}.demo-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c4cad9}.demo-browser-bar span{margin-left:5px;color:var(--tz-muted);font-size:.55rem;font-weight:800}
.demo-browser-content{min-height:170px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1rem;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--demo-accent) 12%,transparent),transparent 34%)}.demo-browser-content small{font-size:.62rem;color:var(--tz-muted);font-weight:800}.demo-browser-content strong{font-size:1.12rem;margin:.28rem 0 .6rem}.demo-break-pill{display:inline-flex;border-radius:999px;padding:.28rem .48rem;background:var(--tz-danger-soft);color:var(--tz-danger);font-size:.56rem;font-weight:900;letter-spacing:.03em}
.demo-code-card{background:#0b1020;border-color:rgba(255,255,255,.1)}.demo-code-head{display:flex;align-items:center;justify-content:space-between;padding:.72rem .82rem;background:#10172a;border-bottom:1px solid rgba(255,255,255,.08);color:#aab4cc;font-size:.61rem;font-weight:850}.demo-code-head b{border-radius:999px;padding:.18rem .34rem;background:rgba(117,87,255,.18);color:#a99bff;font-size:.5rem;letter-spacing:.06em}
.demo-code-card code{display:block;margin:.78rem .8rem 0;padding:.62rem .68rem;border-radius:11px;font-size:.58rem;line-height:1.5;white-space:normal;word-break:break-word}.demo-code-old{color:#ff9697;background:rgba(255,105,107,.08);text-decoration:line-through;text-decoration-thickness:1px}.demo-code-new{color:#6ce7a5;background:rgba(40,199,111,.08)}.demo-code-result{display:flex;flex-wrap:wrap;gap:.4rem;padding:.78rem .8rem .85rem}.demo-code-result>span{border-radius:999px;padding:.28rem .45rem;background:rgba(255,255,255,.06);color:#cbd5e8;font-size:.52rem;font-weight:800}.demo-code-result>span:last-child{color:#6ce7a5}
.demo-tech-play{display:flex;align-items:center;gap:.6rem;padding:.78rem 1rem;border-top:1px solid var(--tz-border);background:color-mix(in srgb,var(--demo-accent) 7%,var(--tz-surface));font-size:.72rem;color:var(--demo-accent)}.demo-tech-play>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:linear-gradient(135deg,var(--demo-accent),var(--demo-accent-2));color:white;box-shadow:0 8px 18px color-mix(in srgb,var(--demo-accent) 20%,transparent)}.demo-tech-play strong{font-weight:900}
.demo-video-stage-head strong{display:flex;align-items:center;gap:.5rem}.demo-video-stage-head strong:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tz-success);box-shadow:0 0 0 5px var(--tz-success-soft)}
@media(max-width:1199.98px){.demo-tech-body{grid-template-columns:1fr}.demo-browser-content{min-height:130px}}
@media(max-width:991.98px){.demo-tech-visual{max-width:650px;margin:0 auto}.demo-detail-hero-modern .col-lg-7{text-align:left}}
@media(max-width:575.98px){.demo-tech-topbar{align-items:flex-start}.demo-tech-live{margin-top:.35rem}.demo-code-card code{font-size:.52rem}.demo-tech-body{padding:.75rem}.demo-browser-content{min-height:120px}}
@media(prefers-reduced-motion:reduce){.demo-tech-visual,.demo-tech-live i{transition:none!important;animation:none!important}}


/* AI Test Designer · aligned with the TestZombie design tokens, both themes */
.designer-hero-teaser{display:inline-flex;align-items:center;gap:.7rem;color:var(--tz-text);text-decoration:none;font-size:.82rem;font-weight:800;border:1px solid var(--tz-border);border-radius:999px;padding:.5rem .9rem;background:var(--tz-surface);box-shadow:var(--tz-shadow);max-width:100%}
.designer-hero-teaser:hover,.designer-hero-teaser:focus-visible{color:var(--tz-primary);border-color:var(--tz-primary)}
.designer-teaser-star{color:var(--tz-primary);font-size:1.1rem}
.designer-home-panel,.designer-pricing-panel{border:1px solid var(--tz-border);border-radius:26px;background:radial-gradient(circle at 96% 0%,var(--tz-primary-soft),transparent 55%),var(--tz-surface);box-shadow:var(--tz-shadow);padding:clamp(1.35rem,3.5vw,3rem)}
.designer-benefit-list{display:grid;gap:.7rem;margin-top:1.1rem}
.designer-benefit-list>div{display:flex;align-items:flex-start;gap:.7rem;font-size:.91rem;font-weight:650;color:var(--tz-text)}
.designer-benefit-list>div>span:first-child{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--tz-success-soft);color:var(--tz-success);font-size:.74rem}
.designer-flow{background:var(--tz-surface);border:1px solid var(--tz-border);border-radius:24px;padding:clamp(1rem,2.2vw,1.7rem);box-shadow:0 22px 50px rgba(26,34,76,.09);max-width:580px;margin-inline:auto}
.designer-flow-sources{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.55rem;align-items:center}
.designer-flow-sources>div{min-width:0;min-height:72px;border:1px solid var(--tz-border);background:var(--tz-surface-soft);border-radius:14px;padding:.8rem;display:flex;flex-direction:column;justify-content:center;gap:.35rem}
.designer-flow-sources small{font-size:.69rem;color:var(--tz-muted);font-weight:750}
.designer-flow-sources strong{font-size:.85rem;color:var(--tz-text);overflow-wrap:anywhere}
.designer-flow-sources>span{color:var(--tz-muted);font-size:.72rem;font-weight:800}
.designer-flow-arrow{text-align:center;font-size:1.1rem;color:var(--tz-primary);padding:.35rem}
.designer-flow-business{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;background:var(--tz-primary-soft);border:1px solid color-mix(in srgb,var(--tz-primary) 20%,var(--tz-border));border-radius:17px}
.designer-flow-star{font-size:1.6rem;color:var(--tz-primary)}
.designer-flow-business>span:last-child{display:grid;gap:.15rem;min-width:0}
.designer-flow-business small{font-size:.59rem;font-weight:900;letter-spacing:.08em;color:var(--tz-primary)}
.designer-flow-business strong{font-size:1rem;color:var(--tz-text)}
.designer-flow-business em{font-size:.7rem;color:var(--tz-muted);font-style:normal}
.designer-flow-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.designer-flow-targets span{border:1px solid var(--tz-border);border-radius:12px;background:var(--tz-surface-soft);padding:.8rem .4rem;color:var(--tz-text);font-size:.72rem;font-weight:800;text-align:center;line-height:1.5}
.designer-flow-targets b{display:block;color:var(--tz-primary);font-size:.65rem}
.designer-feature-card{border:1px solid var(--tz-border);border-radius:24px;overflow:hidden;background:var(--tz-surface);box-shadow:var(--tz-shadow)}
.designer-feature-card-head{display:flex;align-items:center;gap:.7rem;padding:1.2rem 1.35rem;background:var(--tz-surface-soft);border-bottom:1px solid var(--tz-border)}
.designer-feature-card-head>span:first-child{color:var(--tz-primary);font-size:1.25rem}
.designer-feature-card-head strong{font-weight:900;margin-right:auto}
.designer-feature-card-head .badge-soft-primary{font-size:.58rem}
.designer-feature-card-step{display:flex;gap:1rem;padding:.95rem 1.3rem;border-bottom:1px solid var(--tz-border)}
.designer-feature-card-step>small{color:var(--tz-primary);font-weight:900;font-size:.85rem}
.designer-feature-card-step strong{display:block;font-size:.93rem}
.designer-feature-card-step p{margin:.27rem 0 0;color:var(--tz-muted);font-size:.78rem}
.designer-feature-card-tags{display:flex;gap:.4rem;flex-wrap:wrap;padding:1rem 1.2rem}
.designer-feature-card-tags>span{background:var(--tz-primary-soft);color:var(--tz-primary);padding:.4rem .6rem;font-size:.7rem;font-weight:800;border-radius:999px}
.designer-landing-hero{padding-top:clamp(7rem,10vw,9rem)}
.designer-landing-flow{max-width:100%}
.designer-source-card .icon{font-weight:900;font-size:1.05rem}
.designer-source-label{font-size:.72rem;font-weight:800;color:var(--tz-primary);display:inline-flex;padding:.4rem .7rem;border-radius:999px;background:var(--tz-primary-soft);margin-top:1rem}
.designer-business-example{border:1px solid var(--tz-border);border-radius:22px;background:var(--tz-surface);box-shadow:var(--tz-shadow);overflow:hidden}
.designer-example-top{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid var(--tz-border);background:var(--tz-surface-soft)}
.designer-example-top>span{color:var(--tz-primary);font-size:1.3rem}.designer-example-top strong{font-size:.86rem;margin-right:auto}.designer-example-top small{font-weight:800;font-size:.62rem;color:var(--tz-primary)}
.designer-example-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1rem;padding:.95rem 1.2rem;border-bottom:1px solid var(--tz-border);font-size:.83rem}
.designer-example-row small{color:var(--tz-muted);font-weight:800;font-size:.73rem}.designer-example-row span{font-weight:650;color:var(--tz-text)}
.designer-example-note{font-size:.72rem;color:var(--tz-muted);padding:.9rem 1.2rem}
.designer-target-card .framework-mark{margin-bottom:1rem}.designer-target-card h3{font-size:1.03rem;font-weight:850}
.designer-pricing-note{font-size:.78rem;color:var(--tz-muted)}
@media(max-width:767.98px){.designer-flow-targets{grid-template-columns:1fr 1fr}.designer-flow-targets span:last-child{grid-column:1/-1}.designer-feature-card-head{flex-wrap:wrap}.designer-example-row{grid-template-columns:1fr;gap:.3rem}.designer-hero-teaser{font-size:.72rem}}

/* TestZombie end-to-end QA lifecycle & SEO content cluster (v2) */
.tz-home-journey,.tz-story-section,.tz-hub-cluster{scroll-margin-top:100px}
.tz-journey-banner,.tz-journey-pricing{background:radial-gradient(circle at 100% 0%,var(--tz-primary-soft),transparent 48%),var(--tz-surface);border:1px solid var(--tz-border);border-radius:26px;padding:clamp(1.4rem,3vw,2.7rem);box-shadow:var(--tz-shadow)}
.tz-journey-metrics{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.1rem 0 1.35rem}
.tz-journey-metrics span{border:1px solid var(--tz-border);border-radius:999px;padding:.45rem .7rem;color:var(--tz-text);font-size:.72rem;font-weight:800;background:var(--tz-surface-soft)}
.tz-journey-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;margin-top:1.6rem;align-items:stretch}
.tz-journey-stage{position:relative;border:1px solid var(--tz-border);background:var(--tz-surface-soft);border-radius:15px;padding:1.05rem .8rem;min-width:0}
.tz-journey-stage::after{content:'›';position:absolute;right:-.57rem;top:35%;z-index:2;color:var(--tz-primary);font-size:1.1rem;font-weight:900}
.tz-journey-stage:last-child::after{display:none}
.tz-journey-number{display:inline-block;font-size:.7rem;letter-spacing:.05em;font-weight:900;color:var(--tz-primary);background:var(--tz-primary-soft);border-radius:8px;padding:.3rem .45rem;margin-bottom:.7rem}
.tz-journey-stage h3{font-size:clamp(.8rem,1.4vw,.96rem);line-height:1.35;font-weight:850;margin:0;color:var(--tz-text)}
.tz-journey-stage p{color:var(--tz-muted);font-size:.73rem;line-height:1.6;margin:.5rem 0 0}
.tz-small-note{font-size:.8rem;line-height:1.7;color:var(--tz-muted)}
.tz-journey-link{display:flex;flex-direction:column;text-decoration:none;color:var(--tz-text);border:1px solid var(--tz-border);background:var(--tz-surface);border-radius:19px;padding:1.3rem;box-shadow:var(--tz-shadow);transition:transform .2s ease,border-color .2s ease}
.tz-journey-link:hover,.tz-journey-link:focus-visible{transform:translateY(-3px);border-color:var(--tz-primary);color:var(--tz-text)}
.tz-journey-link h3{font-size:1.04rem;font-weight:850;line-height:1.35;margin:.9rem 0 .55rem}
.tz-journey-link p{font-size:.81rem;color:var(--tz-muted);line-height:1.6;flex:1}
.tz-link-mark{font-size:.8rem;font-weight:900;color:var(--tz-primary);background:var(--tz-primary-soft);width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:11px}
.tz-link-cta{font-size:.78rem;font-weight:800;color:var(--tz-primary);margin-top:.7rem}
.tz-kind-card{border:1px solid var(--tz-border);border-radius:18px;background:var(--tz-surface);padding:1.25rem;box-shadow:var(--tz-shadow)}
.tz-kind-card small{display:inline-block;color:var(--tz-primary);font-size:.65rem;letter-spacing:.055em;text-transform:uppercase;font-weight:900;margin-bottom:.8rem}
.tz-kind-card h3{font-size:1.03rem;font-weight:850;color:var(--tz-text)}
.tz-kind-card p{font-size:.83rem;color:var(--tz-muted);line-height:1.65;margin-bottom:0}
.tz-process-card{border-radius:19px;border:1px solid var(--tz-border);background:var(--tz-surface);padding:1.45rem;box-shadow:var(--tz-shadow)}
.tz-process-card>span{font-size:.75rem;font-weight:900;color:var(--tz-primary);display:block;margin-bottom:1rem}
.tz-process-card h3{font-weight:850;font-size:1.12rem;margin-bottom:.65rem}
.tz-process-card p{color:var(--tz-muted);font-size:.86rem;line-height:1.7;margin:0}
.tz-campaign-hero{background:radial-gradient(circle at 87% 58%,var(--tz-primary-soft),transparent 35%)}
@media(max-width:1199.98px){.tz-journey-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.tz-journey-stage:nth-child(3)::after{display:none}}
@media(max-width:575.98px){.tz-journey-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.tz-journey-stage:nth-child(3)::after{display:block}.tz-journey-stage:nth-child(2)::after,.tz-journey-stage:nth-child(4)::after{display:none}.tz-journey-stage{padding:.85rem}.tz-journey-stage p{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.tz-journey-link{transition:none}}

.tz-after-code-arrow{text-align:center;color:var(--tz-primary);font-size:1.1rem;font-weight:900;margin:.35rem 0}
.tz-after-code{display:flex;align-items:center;gap:.85rem;border:1px solid var(--tz-border);border-radius:14px;padding:.8rem 1rem;background:var(--tz-surface-soft)}
.tz-after-code>span{color:var(--tz-primary);font-size:1.6rem;font-weight:800}
.tz-after-code>div{display:flex;flex-direction:column;gap:.22rem}
.tz-after-code strong{font-size:.85rem;color:var(--tz-text)}
.tz-after-code small{font-size:.72rem;line-height:1.45;color:var(--tz-muted)}

/* Keep the expanded product dropdown usable on smaller laptop screens. */
@media(min-width:1200px){.product-mega-menu{max-height:calc(100vh - 92px);overflow-y:auto}}

/* Homepage V3: a single editorial journey from test design to maintenance.
   Scoped to .tz-home-v3 to preserve all existing feature/landing pages. */
.tz-home-v3{overflow:hidden}
.tz-home-v3 .tz-v3-hero{padding-top:clamp(8rem,10.5vw,10rem);padding-bottom:clamp(4.5rem,6.5vw,7rem)}
.tz-home-v3 .tz-v3-hero .display-title{font-size:clamp(2.6rem,4.4vw,4.6rem);line-height:1.09;letter-spacing:-.05em;max-width:13ch}
.tz-home-v3 .tz-v3-hero .lead-muted{max-width:590px;font-size:clamp(1rem,1.28vw,1.15rem);line-height:1.78}
.tz-v3-hero-stack{color:var(--tz-muted);font-size:.79rem;font-weight:750;letter-spacing:.01em;margin-top:1.5rem}
.tz-v3-journey-card{position:relative;max-width:610px;margin-inline:auto;border:1px solid var(--tz-border);border-radius:26px;background:var(--tz-surface);box-shadow:0 24px 70px rgba(36,45,82,.11);overflow:hidden}
.tz-v3-journey-card:before{content:"";position:absolute;width:230px;height:230px;right:-105px;top:35px;background:radial-gradient(circle,rgba(91,92,240,.13),transparent 69%);pointer-events:none}
.tz-v3-window-top{position:relative;display:flex;align-items:center;gap:.9rem;background:var(--tz-surface-soft);border-bottom:1px solid var(--tz-border);padding:.86rem 1.25rem;font-size:.68rem;letter-spacing:.09em;font-weight:900;color:var(--tz-muted)}
.tz-v3-window-dots{display:flex;gap:5px}.tz-v3-window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#ced3e2}.tz-v3-window-dots i:first-child{background:#ff7779}.tz-v3-window-dots i:nth-child(2){background:#ffc65b}.tz-v3-window-dots i:nth-child(3){background:#48cd8c}
.tz-v3-live-dot{margin-left:auto;color:var(--tz-primary);font-size:1rem}
.tz-v3-journey-head{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:1.45rem 1.75rem .55rem}
.tz-v3-journey-head>span{color:var(--tz-primary);font-size:.63rem;letter-spacing:.1em;font-weight:900}
.tz-v3-journey-head strong{font-size:1.19rem;line-height:1.34;color:var(--tz-text);font-weight:850}
.tz-v3-journey-list{position:relative;list-style:none;margin:0;padding:.6rem 1.65rem 1rem}
.tz-v3-journey-list:before{content:"";position:absolute;left:3.69rem;top:1.75rem;bottom:2.3rem;width:2px;background:linear-gradient(var(--tz-primary-soft),var(--tz-primary),var(--tz-success-soft));opacity:.6}
.tz-v3-journey-list li{display:flex;align-items:center;gap:.95rem;position:relative;padding:.68rem .55rem;border-radius:14px}
.tz-v3-journey-list li:nth-child(2){background:color-mix(in srgb,var(--tz-primary-soft) 58%,transparent)}
.tz-v3-step-index{font-size:.67rem;font-weight:900;color:var(--tz-muted);width:16px;flex:0 0 16px}
.tz-v3-step-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:var(--tz-primary-soft);border:1px solid color-mix(in srgb,var(--tz-primary) 11%,var(--tz-border));color:var(--tz-primary);font-weight:900;font-size:.94rem;position:relative;z-index:1}
.tz-v3-journey-list li:nth-child(5) .tz-v3-step-icon{color:var(--tz-success);background:var(--tz-success-soft)}
.tz-v3-journey-list li>div{display:flex;flex-direction:column;gap:.17rem;min-width:0}
.tz-v3-journey-list li strong{font-size:.88rem;color:var(--tz-text);font-weight:850}
.tz-v3-journey-list li small{font-size:.72rem;color:var(--tz-muted);line-height:1.44}
.tz-v3-journey-footer{display:flex;align-items:center;gap:.6rem;margin:0 1.65rem 1.4rem;padding:.75rem .9rem;border-radius:12px;background:var(--tz-surface-soft);color:var(--tz-muted);font-size:.73rem;font-weight:750}
.tz-v3-footer-pulse{width:8px;height:8px;border-radius:50%;background:var(--tz-success);box-shadow:0 0 0 4px var(--tz-success-soft);flex-shrink:0}
.tz-home-v3 .tz-v3-phase{padding-top:clamp(4rem,6vw,6.1rem);padding-bottom:clamp(4rem,6vw,6.1rem)}
.tz-home-v3 .tz-v3-phase .section-title{font-size:clamp(1.85rem,3vw,2.75rem);letter-spacing:-.035em;line-height:1.17;margin:1rem 0 1.2rem}
.tz-home-v3 .tz-v3-phase .lead-muted{font-size:1rem;line-height:1.83}
.tz-v3-phase-label{display:inline-flex;align-items:center;gap:.72rem;letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:900;color:var(--tz-primary)}
.tz-v3-phase-label>span:first-child{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--tz-primary-soft);letter-spacing:0;font-size:.8rem}
.tz-v3-phase-design{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--tz-surface) 70%,transparent))}
.tz-v3-phase-code{background:color-mix(in srgb,var(--tz-primary-soft) 15%,var(--tz-bg))}
.tz-v3-source-row{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.55rem 0 1.35rem}
.tz-v3-source-row span{display:inline-flex;align-items:center;gap:.52rem;border:1px solid var(--tz-border);border-radius:12px;background:var(--tz-surface);padding:.72rem .82rem;color:var(--tz-text);font-weight:800;font-size:.8rem}
.tz-v3-source-row span:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--tz-success-soft);color:var(--tz-success);font-weight:900}
.tz-v3-testtype-heading{font-weight:850;font-size:.8rem;color:var(--tz-text);margin-bottom:.75rem}
.tz-v3-type-tags{display:flex;gap:.46rem;flex-wrap:wrap}
.tz-v3-type-tags span{border:1px solid var(--tz-border);background:var(--tz-surface);color:var(--tz-muted);border-radius:999px;padding:.37rem .66rem;font-size:.72rem;font-weight:800}
.tz-v3-type-tags .tz-v3-type-more{background:var(--tz-primary-soft);color:var(--tz-primary);border-color:transparent}
.tz-v3-phase-links{display:flex;align-items:baseline;gap:.75rem 1.3rem;flex-wrap:wrap;margin-top:1.25rem}
.tz-v3-text-link{font-size:.83rem;color:var(--tz-muted);font-weight:800;text-decoration:none}
.tz-v3-text-link:hover{color:var(--tz-primary)}
.tz-v3-business-preview{border:1px solid var(--tz-border);border-radius:25px;background:var(--tz-surface);box-shadow:0 25px 70px rgba(36,45,82,.08);overflow:hidden;max-width:650px;margin-inline:auto}
.tz-v3-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.35rem;border-bottom:1px solid var(--tz-border);background:var(--tz-surface-soft)}
.tz-v3-preview-kicker{font-size:.67rem;letter-spacing:.1em;font-weight:900;color:var(--tz-primary)}
.tz-v3-preview-status{font-size:.59rem;letter-spacing:.08em;font-weight:900;color:var(--tz-muted);border:1px solid var(--tz-border);border-radius:999px;padding:.35rem .65rem}
.tz-v3-test-title{display:flex;align-items:center;gap:.85rem;padding:1.45rem 1.5rem;border-bottom:1px solid var(--tz-border)}
.tz-v3-preview-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--tz-primary-soft);color:var(--tz-primary);font-size:1.5rem;flex:0 0 45px}
.tz-v3-test-title>div{display:grid;gap:.22rem}
.tz-v3-test-title small{color:var(--tz-muted);font-size:.72rem;font-weight:750}
.tz-v3-test-title strong{color:var(--tz-text);font-size:1.05rem;line-height:1.42}
.tz-v3-example-row{display:grid;grid-template-columns:115px minmax(0,1fr);gap:1.1rem;padding:1.07rem 1.5rem;border-bottom:1px solid var(--tz-border)}
.tz-v3-example-row>b,.tz-v3-example-result b{font-size:.76rem;color:var(--tz-muted);font-weight:900}
.tz-v3-example-row p{font-size:.84rem;line-height:1.65;margin:0;color:var(--tz-text)}
.tz-v3-example-row ol{margin:0;padding-left:1.05rem;font-size:.84rem;line-height:1.85;color:var(--tz-text)}
.tz-v3-example-row ol li{padding-left:.25rem}
.tz-v3-example-result{display:flex;align-items:flex-start;gap:.85rem;margin:1rem 1.4rem 1.4rem;padding:.9rem 1rem;border-radius:13px;background:var(--tz-success-soft)}
.tz-v3-example-result>span{font-weight:900;color:var(--tz-success)}
.tz-v3-example-result b{color:var(--tz-success)}
.tz-v3-example-result p{margin:.2rem 0 0;font-size:.82rem;font-weight:750;color:var(--tz-text)}
.tz-v3-code-window{background:#0c1324;color:#e8edff;border-radius:23px;box-shadow:0 25px 70px rgba(14,24,47,.2);border:1px solid rgba(157,169,218,.17);overflow:hidden;max-width:685px;margin-inline:auto}
.tz-v3-code-top{display:flex;align-items:center;gap:.85rem;padding:1rem 1.25rem;background:#141e34;border-bottom:1px solid rgba(255,255,255,.08);font-size:.73rem;color:#b9c7e1}
.tz-v3-code-top>div{display:flex;gap:5px}.tz-v3-code-top i{width:8px;height:8px;border-radius:50%;display:block;background:#61708c}.tz-v3-code-top i:first-child{background:#fa7076}.tz-v3-code-top i:nth-child(2){background:#f5c46e}.tz-v3-code-top i:nth-child(3){background:#4fc991}
.tz-v3-code-top>span:last-child{margin-left:auto;font-size:.68rem;color:#8e9bb8}
.tz-v3-code-body{padding:1.55rem 1.25rem 2rem}
.tz-v3-code-comment{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.71rem;line-height:1.6;color:#94a1bc;margin-bottom:1.2rem}
.tz-v3-code-body pre{margin:0;overflow-x:auto;padding-bottom:.15rem;color:#e8edff;font-size:clamp(.71rem,1.03vw,.86rem);line-height:2.05}
.tz-v3-code-body code{color:inherit}
.tz-v3-syn-purple{color:#c6a4ff}.tz-v3-syn-green{color:#83deb9}
.tz-v3-code-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;background:#141e34;border-top:1px solid rgba(255,255,255,.08);padding:.9rem 1.25rem;color:#9eabc3;font-size:.72rem}
.tz-v3-code-ready{color:#74dcaf;font-weight:850}
.tz-v3-frameworks{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 .4rem}
.tz-v3-frameworks span{padding:.58rem .78rem;border:1px solid var(--tz-border);background:var(--tz-surface);border-radius:12px;color:var(--tz-muted);font-size:.79rem}
.tz-v3-frameworks span b{color:var(--tz-text)}
.tz-v3-checks{display:grid;gap:.8rem;margin-top:1.35rem}
.tz-v3-checks>div{display:flex;gap:.6rem;align-items:flex-start;font-size:.84rem;font-weight:750;color:var(--tz-text)}
.tz-v3-checks>div>span:first-child{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:var(--tz-success-soft);color:var(--tz-success)}
.tz-v3-phase-heal .framework-card-link{margin-top:1.55rem}
.tz-v3-healing-visual .healing-hero-visual{max-width:750px;margin-inline:auto}
.tz-v3-proof-section{padding:clamp(4.4rem,6vw,6.5rem) 0;background:color-mix(in srgb,var(--tz-surface) 65%,var(--tz-bg))}
.tz-v3-proof-section .section-title{margin:1rem 0 .9rem;font-size:clamp(1.9rem,3vw,2.65rem)}
.tz-v3-proof-card{display:flex;flex-direction:column;height:100%;margin:0;background:var(--tz-surface);border:1px solid var(--tz-border);border-radius:20px;overflow:hidden;box-shadow:var(--tz-shadow)}
.tz-v3-proof-card img{width:100%;aspect-ratio:1.75;object-fit:cover;object-position:top center;display:block}
.tz-v3-proof-card figcaption{display:grid;gap:.25rem;padding:1rem 1.25rem;border-top:1px solid var(--tz-border)}
.tz-v3-proof-card figcaption strong{font-size:.96rem;font-weight:850}
.tz-v3-proof-card figcaption span{color:var(--tz-muted);font-size:.8rem}
.tz-v3-faq-section{padding:clamp(4.5rem,6vw,6.5rem) 0}
.tz-v3-faq-section .section-title{font-size:clamp(1.85rem,2.8vw,2.65rem);margin:.85rem 0 1rem}
.tz-v3-faq-section .accordion-item{background:var(--tz-surface);border:1px solid var(--tz-border);box-shadow:none;padding:0;overflow:hidden;border-radius:15px}
.tz-v3-faq-section .accordion-button{background:var(--tz-surface);color:var(--tz-text);font-weight:800;font-size:.93rem;line-height:1.55;box-shadow:none;padding:1.15rem 1.3rem}
.tz-v3-faq-section .accordion-button:not(.collapsed){background:var(--tz-primary-soft);color:var(--tz-text)}
.tz-v3-faq-section .accordion-body{padding:1rem 1.3rem 1.25rem;font-size:.88rem;line-height:1.75}
.tz-v3-bottom-card{border:1px solid color-mix(in srgb,var(--tz-primary) 18%,var(--tz-border));border-radius:26px;background:radial-gradient(circle at 100% 30%,var(--tz-primary-soft),transparent 55%),var(--tz-surface);padding:clamp(1.5rem,4vw,3.2rem);display:flex;justify-content:space-between;align-items:center;gap:2rem;box-shadow:var(--tz-shadow)}
.tz-v3-bottom-card .section-title{font-size:clamp(1.6rem,2.4vw,2.3rem);max-width:760px}
.tz-v3-bottom-card .btn{flex-shrink:0}
@media(max-width:991.98px){
 .tz-home-v3 .tz-v3-hero{padding-top:7.3rem}
 .tz-home-v3 .tz-v3-hero .display-title{max-width:17ch}
 .tz-v3-bottom-card{flex-direction:column;align-items:flex-start}
 .tz-v3-hero-actions .btn{width:auto}
}
@media(max-width:575.98px){
 .tz-home-v3 .tz-v3-hero{padding-bottom:3rem}
 .tz-home-v3 .tz-v3-hero .display-title{font-size:clamp(2.25rem,11vw,3.2rem)}
 .tz-home-v3 .tz-v3-hero-actions .btn{width:100%}
 .tz-v3-journey-head{padding:1.15rem 1rem .3rem}
 .tz-v3-journey-list{padding:.6rem .75rem .85rem}
 .tz-v3-journey-list:before{left:2.78rem}
 .tz-v3-journey-list li{gap:.7rem}
 .tz-v3-step-icon{width:36px;height:36px;flex-basis:36px}
 .tz-v3-journey-footer{margin:0 .8rem .85rem}
 .tz-v3-test-title{padding:1.1rem}
 .tz-v3-example-row{grid-template-columns:1fr;gap:.25rem;padding:.95rem 1.1rem}
 .tz-v3-example-result{margin:.9rem 1rem 1rem}
 .tz-v3-code-top{font-size:.64rem;gap:.45rem;padding:.8rem}
 .tz-v3-code-top>span:last-child{display:none}
 .tz-v3-code-body{padding:1rem .8rem 1.3rem}
 .tz-v3-code-body pre{font-size:.67rem}
 .tz-v3-proof-card img{aspect-ratio:1.9}
}
@media(prefers-reduced-motion:reduce){.tz-v3-journey-card *{animation:none!important;transition:none!important}}


/* V4 — short lifecycle card and two simple product menus */
.tz-home-v3 .tz-v3-hero .display-title{max-width:15ch;font-size:clamp(2.8rem,4.7vw,5rem);letter-spacing:-.052em}
.tz-v4-journey-list{padding-top:.65rem;padding-bottom:.9rem}
.tz-v4-journey-list li{min-height:67px;padding:.85rem .6rem;gap:1rem}
.tz-v4-journey-list li strong{font-size:.96rem;line-height:1.38}
.tz-v4-journey-list li:nth-child(2){background:transparent}
.tz-v4-journey-list li:nth-child(4) .tz-v3-step-icon{color:var(--tz-success);background:var(--tz-success-soft)}
.tz-v4-journey-list::before{bottom:2.6rem}
.tz-nav-feature-menu{width:368px;min-width:0;padding:.75rem;max-height:calc(100vh - 92px);overflow-y:auto}
.tz-nav-healing-menu{width:490px}
.tz-nav-feature{display:flex;align-items:center;gap:.75rem;padding:.73rem .8rem;text-decoration:none;border-radius:12px;color:var(--tz-text);transition:background .16s ease}
.tz-nav-feature:hover,.tz-nav-feature:focus-visible{background:var(--tz-primary-soft);color:var(--tz-text)}
.tz-nav-feature>span:last-child{min-width:0}
.tz-nav-feature strong{display:block;font-size:.87rem;line-height:1.4;font-weight:800}
.tz-nav-feature small{display:block;color:var(--tz-muted);font-size:.71rem;line-height:1.45;margin-top:.1rem}
.tz-nav-feature-lead{background:color-mix(in srgb,var(--tz-primary-soft) 48%,var(--tz-surface));border:1px solid var(--tz-border)}
.tz-nav-feature-icon{flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--tz-primary-soft);color:var(--tz-primary);font-size:1.1rem}
.tz-nav-feature-separator{height:1px;margin:.5rem .3rem;background:var(--tz-border)}
.tz-nav-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:.16rem .2rem}
.tz-nav-quick-grid a{display:flex;align-items:center;min-height:43px;padding:.6rem .7rem;color:var(--tz-text);font-size:.78rem;font-weight:700;text-decoration:none;line-height:1.35;border-radius:10px}
.tz-nav-quick-grid a:hover,.tz-nav-quick-grid a:focus-visible{background:var(--tz-primary-soft);color:var(--tz-primary)}
.tz-nav-feature-cta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.55rem;padding:.72rem .8rem;border-radius:10px;background:var(--tz-primary-soft);color:var(--tz-primary);font-size:.78rem;font-weight:850;text-decoration:none}
.tz-nav-feature-cta:hover{color:var(--tz-primary)}
.tz-mobile-nav-group{border-bottom:1px solid var(--tz-border);margin-bottom:.3rem}
.tz-mobile-nav-group summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:.95rem 1rem;font-weight:800;color:var(--tz-text);border-radius:11px}
.tz-mobile-nav-group summary::-webkit-details-marker{display:none}
.tz-mobile-nav-group summary::after{content:'+';color:var(--tz-primary);font-size:1.25rem;font-weight:500}
.tz-mobile-nav-group[open] summary::after{content:'−'}
.tz-mobile-nav-group[open] summary{background:var(--tz-primary-soft)}
.tz-mobile-nav-links{padding:.3rem .25rem .7rem .8rem}
.tz-mobile-nav-links .mobile-nav-link{font-size:.91rem;padding:.55rem .85rem}
@media(max-width:1399.98px) and (min-width:1200px){.navbar .nav-link{padding-left:.56rem!important;padding-right:.56rem!important}.navbar-nav{gap:0!important}.desktop-cta .btn{padding-left:.75rem!important;padding-right:.75rem!important}.navbar .container{max-width:calc(100% - 36px)}}
@media(max-width:575.98px){.tz-home-v3 .tz-v3-hero .display-title{font-size:clamp(2.6rem,11vw,3.45rem);max-width:12ch}.tz-v4-journey-list li{min-height:60px;padding:.7rem .5rem}.tz-v4-journey-list li strong{font-size:.89rem}.tz-v4-journey-list:before{bottom:2.2rem}}
@media(prefers-reduced-motion:reduce){.tz-nav-feature{transition:none}}

/* Accessible mobile menu icons: visible on both light and dark backgrounds. */
.tz-nav-hamburger{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:24px;height:24px}
.tz-nav-hamburger i{display:block;width:22px;height:2px;border-radius:2px;background:var(--tz-primary)}
#mobileMenu .btn-close{filter:none;opacity:.78}
body[data-theme=dark] #mobileMenu .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}
.tz-v4-journey-list{padding-bottom:1.35rem}

/* V5 – a bolder, brand-led homepage hero. No changes to the feature sections. */
.tz-home-v3 .tz-v5-hero{position:relative;isolation:isolate;overflow:hidden;padding-bottom:clamp(4.5rem,7vw,7rem);background:radial-gradient(ellipse at 89% 30%,rgba(113,91,255,.13),transparent 37%),radial-gradient(ellipse at 10% 80%,rgba(64,133,255,.06),transparent 45%)}
.tz-home-v3 .tz-v5-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.37;pointer-events:none;background-image:linear-gradient(rgba(92,91,237,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(92,91,237,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 50%,black)}
.tz-v5-hero-content{position:relative}
.tz-home-v3 .tz-v5-eyebrow{border:1px solid color-mix(in srgb,var(--tz-primary) 17%,var(--tz-border));font-size:clamp(.7rem,.95vw,.81rem);letter-spacing:.005em;box-shadow:0 14px 37px rgba(78,68,183,.07);padding:.68rem 1rem}
.tz-home-v3 .tz-v5-hero .display-title{max-width:12.5ch;font-size:clamp(3.5rem,5.1vw,5.65rem);line-height:1.055;letter-spacing:-.065em;font-weight:900;margin-top:.5rem;position:relative}
.tz-v5-hero-title:after{content:"";display:block;width:clamp(85px,9.3vw,145px);height:6px;border-radius:999px;background:linear-gradient(90deg,#8c43ff,#f649c9,#4c87ff);transform:rotate(-2deg);margin:.43rem 0 0 .09rem;box-shadow:0 7px 20px rgba(140,67,255,.28)}
.tz-home-v3 .tz-v5-hero .tz-v5-hero-lead{font-size:clamp(.99rem,1.15vw,1.09rem);line-height:1.75;max-width:590px;margin-bottom:1.5rem!important}
.tz-v5-hero-actions{gap:.7rem!important}
.tz-home-v3 .tz-v5-hero-actions .btn{padding:.82rem 1.25rem;font-size:.88rem;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}
.tz-home-v3 .tz-v5-hero-actions .btn-primary-custom{box-shadow:0 14px 28px rgba(91,92,240,.22)}
.tz-home-v3 .tz-v5-hero-actions .btn:hover{transform:translateY(-3px)}
.tz-v5-hero-stack{font-size:.72rem;margin-top:1.18rem;line-height:1.6;letter-spacing:.005em}
.tz-v5-visual-col{position:relative;isolation:isolate;padding-top:.7rem;padding-bottom:.7rem}
.tz-v5-orbit{position:absolute;pointer-events:none;border-radius:50%;z-index:-2}
.tz-v5-orbit-one{width:560px;height:560px;top:50%;left:50%;transform:translate(-48%,-50%);background:radial-gradient(circle,rgba(113,66,255,.2),rgba(89,99,255,.06) 40%,transparent 72%);filter:blur(4px)}
.tz-v5-orbit-two{width:490px;height:490px;top:50%;left:50%;transform:translate(-47%,-50%);border:1px solid rgba(107,85,255,.16);box-shadow:0 0 0 32px rgba(99,100,239,.018),0 0 0 65px rgba(99,100,239,.016)}
.tz-v5-workflow{position:relative;width:100%;max-width:600px;margin:auto;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 85% 17%,rgba(99,75,242,.34),transparent 37%),linear-gradient(145deg,#16142d,#10152c 65%,#101c2e);box-shadow:0 32px 75px rgba(18,20,57,.28),0 3px 0 rgba(255,255,255,.09) inset;border:1px solid rgba(170,166,255,.24);color:#f6f5ff;transform:rotate(-1.2deg)}
.tz-v5-workflow:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 12%,rgba(193,181,255,.045) 44%,transparent 55%);pointer-events:none}
.tz-v5-workflow-top{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid rgba(194,191,255,.12)}
.tz-v5-workflow-brand{display:flex;align-items:center;gap:.75rem;font-size:.74rem;letter-spacing:.12em;font-weight:900;color:#dddafa}
.tz-v5-workflow-brand img{width:31px;height:31px;border-radius:10px;box-shadow:0 0 23px rgba(160,75,246,.47)}
.tz-v5-workflow-brand b{color:#9d8dff}
.tz-v5-workflow-stars{font-size:1.5rem;color:#c1a1ff;text-shadow:0 0 22px rgba(154,115,255,.8)}
.tz-v5-workflow-heading{padding:1.4rem 1.8rem .9rem}
.tz-v5-workflow-heading>span{font-weight:900;letter-spacing:.15em;color:#b4a7ff;font-size:.65rem}
.tz-v5-workflow-heading h2{font-size:clamp(1.32rem,2vw,1.65rem);font-weight:850;letter-spacing:-.028em;line-height:1.3;margin:.35rem 0 0;color:#fff}
.tz-v5-workflow-steps{list-style:none;padding:.4rem 1.55rem 1.2rem;margin:0;position:relative;counter-reset:step}
.tz-v5-workflow-steps:before{content:"";position:absolute;left:4.78rem;top:2.65rem;bottom:3.2rem;width:2px;background:linear-gradient(180deg,rgba(125,104,255,.15),#976dff 50%,#45dba0 100%);box-shadow:0 0 16px rgba(140,107,255,.65)}
.tz-v5-workflow-steps:after{content:"";position:absolute;left:4.69rem;top:2.5rem;width:5px;height:37px;border-radius:10px;background:linear-gradient(180deg,transparent,#c5a2ff,transparent);box-shadow:0 0 20px #8369ff;animation:tz-v5-trace 5.5s linear infinite;pointer-events:none}
.tz-v5-workflow-steps li{position:relative;display:flex;align-items:center;gap:1rem;border:1px solid rgba(176,173,255,.1);background:rgba(255,255,255,.045);border-radius:14px;padding:.75rem .9rem;margin-bottom:.72rem;min-height:67px;box-shadow:0 5px 18px rgba(0,0,0,.05)}
.tz-v5-workflow-steps li:nth-child(1){background:linear-gradient(100deg,rgba(120,73,245,.17),rgba(255,255,255,.02))}
.tz-v5-workflow-steps li:nth-child(3){background:linear-gradient(100deg,rgba(87,124,255,.15),rgba(255,255,255,.02))}
.tz-v5-workflow-steps li:nth-child(4){border-color:rgba(81,215,159,.28);background:linear-gradient(100deg,rgba(36,169,121,.17),rgba(255,255,255,.02))}
.tz-v5-workflow-no{flex:0 0 19px;font-size:.67rem;font-weight:900;color:#aaa7d0}
.tz-v5-workflow-icon{position:relative;z-index:1;width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid rgba(175,154,255,.23);border-radius:12px;background:linear-gradient(145deg,rgba(131,97,248,.38),rgba(80,73,165,.26));color:#c7b3ff;font-weight:900;box-shadow:0 6px 17px rgba(0,0,0,.12)}
.tz-v5-workflow-steps li:nth-child(4) .tz-v5-workflow-icon{background:rgba(27,176,112,.22);color:#7ef0b5;border-color:rgba(104,255,180,.24)}
.tz-v5-workflow-steps li strong{font-size:clamp(.86rem,1.1vw,.96rem);font-weight:790;flex:1;line-height:1.36;min-width:0;color:#f7f6ff}
.tz-v5-workflow-tick{color:#9386bd;font-size:1.05rem;font-weight:700}
.tz-v5-workflow-done{color:#61e8ad}
.tz-v5-workflow-bottom{display:flex;align-items:center;gap:.95rem;padding:.92rem 1.6rem 1.08rem;background:rgba(4,13,30,.42);border-top:1px solid rgba(143,161,202,.12)}
.tz-v5-workflow-bottom strong{font-size:.72rem;line-height:1.5;letter-spacing:.005em;color:#dddaf2;font-weight:750}
.tz-v5-workflow-signal{display:flex;gap:3px;align-items:center;height:23px;flex:0 0 auto}
.tz-v5-workflow-signal i{width:3px;height:9px;border-radius:99px;background:#8f81ff;opacity:.8}
.tz-v5-workflow-signal i:nth-child(3n + 1){height:16px;background:#70daf0}
.tz-v5-workflow-signal i:nth-child(4n + 2){height:6px}
.tz-v5-workflow-check{margin-left:auto;color:#77efb1;background:rgba(60,202,136,.12);border:1px solid rgba(104,229,162,.22);border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-weight:900;flex:0 0 27px}
.tz-v5-side-shine{position:absolute;right:-1.3rem;top:-.1rem;font-size:2.8rem;line-height:1;color:#b570ff;text-shadow:0 0 32px rgba(129,74,242,.67);animation:tz-v5-float 5s ease-in-out infinite;pointer-events:none}
@keyframes tz-v5-trace{0%{top:2.5rem;opacity:0}14%{opacity:1}85%{opacity:1}100%{top:calc(100% - 5.5rem);opacity:0}}
@keyframes tz-v5-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-10px) rotate(8deg)}}
@media(max-width:1199.98px) and (min-width:992px){.tz-home-v3 .tz-v5-hero .display-title{font-size:4.15rem}.tz-v5-workflow-steps{padding-left:.95rem;padding-right:.95rem}.tz-v5-workflow-steps:before{left:4.17rem}.tz-v5-workflow-steps:after{left:4.08rem}.tz-v5-workflow-steps li{gap:.7rem}.tz-v5-workflow-heading{padding-left:1.25rem}.tz-v5-workflow-top{padding-left:1.25rem}}
@media(max-width:991.98px){.tz-v5-visual-col{max-width:660px;margin-inline:auto}.tz-v5-workflow{transform:none}.tz-v5-side-shine{right:.5rem;top:-1.3rem}.tz-home-v3 .tz-v5-hero .display-title{max-width:14ch}.tz-v5-copy-col{max-width:700px;margin-inline:auto}}
@media(max-width:575.98px){.tz-home-v3 .tz-v5-hero{padding-top:7rem}.tz-home-v3 .tz-v5-hero .display-title{font-size:clamp(3.1rem,12vw,4.1rem);line-height:1.045;max-width:12.5ch}.tz-v5-hero-title:after{height:5px;margin-top:.5rem}.tz-v5-hero-actions .btn{white-space:normal!important;width:100%!important}.tz-v5-workflow{border-radius:22px}.tz-v5-workflow-top{padding:.85rem 1.05rem}.tz-v5-workflow-heading{padding:1.1rem 1.15rem .6rem}.tz-v5-workflow-steps{padding:.35rem .75rem 1rem}.tz-v5-workflow-steps li{gap:.7rem;padding:.6rem .65rem;min-height:59px;margin-bottom:.58rem}.tz-v5-workflow-steps:before{left:3.65rem;top:2.4rem;bottom:2.8rem}.tz-v5-workflow-steps:after{left:3.55rem}.tz-v5-workflow-icon{width:35px;height:35px;flex-basis:35px}.tz-v5-workflow-steps li strong{font-size:.8rem}.tz-v5-workflow-no{font-size:.6rem;flex-basis:15px}.tz-v5-workflow-tick{display:none}.tz-v5-workflow-bottom{padding:.85rem 1.05rem}.tz-v5-workflow-signal i:nth-child(n + 9){display:none}.tz-v5-side-shine{font-size:2.1rem}.tz-v5-orbit-two{display:none}}
@media(prefers-reduced-motion:reduce){.tz-v5-workflow-steps:after,.tz-v5-side-shine{animation:none!important}.tz-v5-workflow-steps:after{display:none}.tz-home-v3 .tz-v5-hero-actions .btn{transition:none}}

/* V6 — product mega-menu, interactive circular QA lifecycle, five-plan pricing. */
.tz-v6-product-nav{position:relative}
.tz-v6-mega-menu{width:min(785px,calc(100vw - 38px));max-height:min(80vh,670px);overflow-y:auto;padding:1.2rem;left:0;border-radius:22px;box-shadow:0 24px 66px rgba(36,29,93,.17)}
.tz-v6-mega-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .4rem .9rem;border-bottom:1px solid var(--tz-border)}
.tz-v6-mega-kicker{font-size:.71rem;letter-spacing:.12em;font-weight:900;color:var(--tz-primary)}
.tz-v6-mega-top a{font-size:.77rem;font-weight:850;text-decoration:none;color:var(--tz-primary)}
.tz-v6-mega-grid{display:grid;grid-template-columns:1fr 1fr 1.06fr;gap:1rem;padding-top:1.05rem}
.tz-v6-mega-column{min-width:0;display:flex;flex-direction:column;gap:.2rem}
.tz-v6-mega-heading{padding:.25rem .5rem .65rem;color:var(--tz-muted);font-weight:850;font-size:.73rem;letter-spacing:.025em;text-transform:uppercase}
.tz-v6-mega-column>a{display:block;color:var(--tz-text);text-decoration:none;padding:.7rem .62rem;border-radius:12px;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s}
.tz-v6-mega-column>a:hover,.tz-v6-mega-column>a:focus-visible{color:var(--tz-text);background:var(--tz-primary-soft);border-color:var(--tz-border);transform:translateX(2px)}
.tz-v6-mega-column a b{display:block;font-size:.79rem;line-height:1.36;font-weight:800}
.tz-v6-mega-column a small{display:block;margin-top:.18rem;font-size:.7rem;line-height:1.45;color:var(--tz-muted)}
.tz-v6-mega-demo{padding:.6rem;border:1px solid color-mix(in srgb,var(--tz-primary) 22%,var(--tz-border));border-radius:16px;background:linear-gradient(155deg,color-mix(in srgb,var(--tz-primary-soft) 65%,var(--tz-surface)),var(--tz-surface))}
.tz-v6-mega-demo>a.tz-v6-mega-demo-all{margin-top:auto;font-size:.77rem;font-weight:850;color:var(--tz-primary);background:var(--tz-surface);border-color:var(--tz-border)}
.tz-v6-designer-menu{width:382px}
.tz-v6-mobile-subtitle{display:block;padding:1rem .85rem .35rem;color:var(--tz-primary);font-size:.77rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900}

.tz-v6-cycle-shell{--cycle-color:#a991ff;--cycle-progress:25%;position:relative;max-width:610px;margin:0 auto;padding:1.12rem 1.15rem 1rem;color:#f6f7ff;border:1px solid rgba(191,176,255,.22);border-radius:34px;background:radial-gradient(ellipse at 46% 44%,rgba(102,71,242,.24),transparent 54%),radial-gradient(circle at 100% 0%,rgba(75,125,254,.2),transparent 34%),linear-gradient(145deg,#14152e,#0e1931 75%,#0a1d2a);box-shadow:0 33px 78px rgba(20,21,72,.25),inset 0 1px rgba(255,255,255,.1);overflow:hidden;isolation:isolate}
.tz-v6-cycle-shell:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(rgba(163,165,255,.75) .7px,transparent .7px);background-size:16px 16px;mask-image:linear-gradient(110deg,transparent 20%,#000 95%)}
.tz-v6-cycle-topline{display:flex;gap:.65rem;align-items:center;padding:.25rem .38rem;color:#c2c3ed;font-size:.67rem;letter-spacing:.12em;font-weight:850}
.tz-v6-status-dot{width:7px;height:7px;border-radius:50%;background:#70dfb3;box-shadow:0 0 0 4px rgba(68,221,175,.12),0 0 18px rgba(68,221,175,.5)}
.tz-v6-cycle-index{margin-left:auto;color:#a9a4d7;letter-spacing:.07em;font-variant-numeric:tabular-nums}
.tz-v6-cycle-stage{position:relative;height:460px;width:100%;margin:.15rem auto .2rem}
.tz-v6-cycle-halo{width:405px;height:405px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(177,154,255,.11);box-shadow:0 0 0 25px rgba(112,107,247,.02),0 0 0 53px rgba(112,107,247,.02),inset 0 0 55px rgba(115,72,255,.1);pointer-events:none}
.tz-v6-cycle-ring{position:absolute;left:50%;top:50%;height:330px;width:330px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from -90deg,#8b59fa 0%,#647efb 24%,#58cbdf 48%,#42cf9f 74%,#8b59fa 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));filter:drop-shadow(0 0 7px rgba(141,112,255,.5));pointer-events:none}
.tz-v6-cycle-ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,rgba(255,255,255,.95),rgba(255,255,255,.14) var(--cycle-progress),transparent var(--cycle-progress),transparent 100%);opacity:.5}
.tz-v6-cycle-spin{position:absolute;inset:0;animation:tz-v6-orbit 14s linear infinite}
.tz-v6-cycle-spin:after{content:"";position:absolute;left:calc(50% - 7px);top:0;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(169,126,255,.25),0 0 18px 6px rgba(149,132,255,.92)}
@keyframes tz-v6-orbit{to{transform:rotate(360deg)}}
.tz-v6-cycle-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:218px;height:218px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.38rem;border-radius:50%;background:radial-gradient(circle at 30% 15%,#2b255d,#171e40 64%,#101b36);border:1px solid rgba(190,175,255,.3);box-shadow:inset 0 3px 18px rgba(255,255,255,.035),0 12px 52px rgba(0,0,0,.3),0 0 0 11px rgba(144,119,255,.05);pointer-events:none}
.tz-v6-cycle-core img{width:42px;height:42px;border-radius:12px;box-shadow:0 0 24px rgba(150,85,255,.45)}
.tz-v6-core-kicker{font-size:.67rem;font-weight:900;letter-spacing:.1em;color:#dfdaff}
.tz-v6-core-kicker b{color:#9b8aff}
.tz-v6-cycle-core strong{font-size:1.03rem;font-weight:850;line-height:1.3;color:#fff;max-width:155px}
.tz-v6-core-detail{font-size:.7rem;line-height:1.35;color:#aeb8e5;max-width:160px;min-height:1.4em}
.tz-v6-cycle-step{position:absolute;z-index:3;appearance:none;display:flex;align-items:center;gap:.55rem;justify-content:flex-start;width:175px;min-height:58px;border:1px solid rgba(157,150,234,.3);border-radius:17px;padding:.55rem .65rem;background:linear-gradient(130deg,#24254d,#1c2946);color:#eff0ff;font-size:.78rem;line-height:1.25;font-weight:850;text-align:left;box-shadow:0 12px 24px rgba(0,0,0,.25);cursor:pointer;transition:transform .24s,border-color .24s,box-shadow .24s,background .24s}
.tz-v6-cycle-step:hover,.tz-v6-cycle-step:focus-visible{transform:translateY(-3px);border-color:#ad9aff;outline:0;box-shadow:0 0 0 3px rgba(125,105,255,.28),0 16px 30px rgba(0,0,0,.27)}
.tz-v6-cycle-step.is-active{background:linear-gradient(125deg,#6750d8,#3b4f9d);border-color:rgba(221,212,255,.8);box-shadow:0 0 0 4px rgba(132,120,254,.12),0 15px 32px rgba(45,31,116,.4)}
.tz-v6-node-icon{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:10px;background:rgba(181,179,255,.16);color:#c7b9ff;font-size:1.03rem;font-weight:900}
.tz-v6-cycle-step.is-active .tz-v6-node-icon{background:rgba(255,255,255,.2);color:#fff}
.tz-v6-cycle-update .tz-v6-node-icon{color:#63efb8;background:rgba(75,222,163,.14)}
.tz-v6-cycle-design{top:1.5%;left:50%;transform:translateX(-50%)}
.tz-v6-cycle-design:hover,.tz-v6-cycle-design:focus-visible{transform:translateX(-50%) translateY(-3px)}
.tz-v6-cycle-code{right:0;top:48%;transform:translateY(-50%)}
.tz-v6-cycle-code:hover,.tz-v6-cycle-code:focus-visible{transform:translateY(calc(-50% - 3px))}
.tz-v6-cycle-heal{left:50%;bottom:1.5%;transform:translateX(-50%)}
.tz-v6-cycle-heal:hover,.tz-v6-cycle-heal:focus-visible{transform:translateX(-50%) translateY(-3px)}
.tz-v6-cycle-update{left:0;top:48%;transform:translateY(-50%)}
.tz-v6-cycle-update:hover,.tz-v6-cycle-update:focus-visible{transform:translateY(calc(-50% - 3px))}
.tz-v6-cycle-bottom{border-top:1px solid rgba(180,174,239,.13);display:flex;align-items:center;gap:.6rem;padding:.95rem .3rem .08rem;color:#c4c4e7;font-size:.71rem;font-weight:700;letter-spacing:.015em}
.tz-v6-cycle-loop-icon{font-size:1.35rem;line-height:1;color:#7fedbd}
.tz-v6-cycle-play{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin-left:auto;border-radius:10px;border:1px solid rgba(192,183,255,.25);color:#f5f2ff;background:rgba(255,255,255,.075);cursor:pointer}
.tz-v6-cycle-play:hover,.tz-v6-cycle-play:focus-visible{border-color:#ada1f8;outline:2px solid rgba(178,166,255,.3)}

.tz-v6-pricing-grid .pricing-card{display:flex;flex-direction:column;gap:.13rem}
.tz-v6-pricing-grid .pricing-card ul{flex:1;padding-left:1.13rem;margin-top:1rem;margin-bottom:1.1rem}
.tz-v6-pricing-grid .pricing-card>.btn{margin-top:auto}
.tz-v6-onprem-card{border-color:color-mix(in srgb,var(--tz-primary) 38%,var(--tz-border));background:linear-gradient(150deg,color-mix(in srgb,var(--tz-primary-soft) 38%,var(--tz-surface)),var(--tz-surface) 64%)}
.tz-v6-onprem-price{font-size:clamp(1.35rem,1.55vw,1.85rem)!important;white-space:normal}
.pricing-hero-plan-strip{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1050px}
.pricing-hero-plan-strip small{font-size:.66rem;overflow-wrap:anywhere}
@media(min-width:1400px){.tz-v6-pricing-grid .tz-v6-pricing-col{flex:0 0 20%;max-width:20%;width:20%}.tz-v6-pricing-grid .pricing-card{padding:1.15rem}.tz-v6-pricing-grid .pricing-card ul{font-size:.85rem}.tz-v6-pricing-grid .pricing-card h2{font-size:1.7rem}}
@media(min-width:1200px) and (max-width:1399.98px){.tz-v6-mega-menu{width:735px}.tz-v6-mega-grid{gap:.4rem}.tz-v6-cycle-step{width:153px;font-size:.7rem}.tz-v6-cycle-ring{width:298px;height:298px}.tz-v6-cycle-halo{width:359px;height:359px}}
@media(max-width:767.98px){.pricing-hero-plan-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tz-v6-cycle-stage{height:425px}.tz-v6-cycle-ring{width:285px;height:285px}.tz-v6-cycle-halo{width:342px;height:342px}.tz-v6-cycle-core{width:194px;height:194px}.tz-v6-cycle-step{width:155px;font-size:.71rem;min-height:53px}}
@media(max-width:430px){.tz-v6-cycle-shell{padding:.8rem .55rem .78rem;border-radius:22px}.tz-v6-cycle-stage{height:355px}.tz-v6-cycle-ring{width:232px;height:232px}.tz-v6-cycle-halo{width:280px;height:280px}.tz-v6-cycle-core{width:156px;height:156px;padding:.65rem;gap:.25rem}.tz-v6-cycle-core img{width:33px;height:33px}.tz-v6-core-kicker{font-size:.59rem}.tz-v6-cycle-core strong{font-size:.84rem}.tz-v6-core-detail{font-size:.62rem}.tz-v6-cycle-step{width:130px;min-height:49px;border-radius:12px;font-size:.64rem;gap:.4rem;padding:.35rem .42rem}.tz-v6-node-icon{width:27px;height:27px;flex-basis:27px;border-radius:9px;font-size:.83rem}.tz-v6-cycle-design{top:1%}.tz-v6-cycle-heal{bottom:1%}.tz-v6-cycle-code{right:0}.tz-v6-cycle-update{left:0}.tz-v6-cycle-bottom{font-size:.61rem}.tz-v6-cycle-topline{font-size:.58rem}}
@media(max-width:480px){.pricing-hero-plan-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.tz-v6-cycle-spin{animation:none}.tz-v6-cycle-step,.tz-v6-mega-column>a{transition:none}}
/* Contain decorative overflow on the long pricing page at narrow viewports. */
html[data-page="pricing"],html[data-page="pricing"] body{overflow-x:clip}
@media(max-width:430px){
 /* Stagger lateral nodes so they never cover the center message on phones. */
 .tz-v6-cycle-code{top:31%}
 .tz-v6-cycle-update{top:69%}
}

.tz-v6-cycle-shell.is-paused .tz-v6-cycle-spin{animation-play-state:paused}


/* V9 — B2B lifecycle hero: no cards, no duplicated text, just one illustration and hover details */
.tz-v10-cycle{width:100%;max-width:640px;margin-inline:auto;isolation:isolate}
.tz-v10-cycle-heading{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.2rem;color:#6167a3;letter-spacing:.16em;font-size:.7rem;font-weight:850;text-align:center}
.tz-v10-cycle-dot{width:7px;height:7px;border-radius:100%;background:#7960f5;box-shadow:0 0 0 4px rgba(113,96,255,.12)}
.tz-v10-cycle-stage{position:relative;width:100%;height:478px}
.tz-v10-cycle-ring{position:absolute;z-index:1;left:50%;top:50%;width:390px;height:390px;transform:translate(-50%,-50%);pointer-events:none}
.tz-v10-ring-art{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.82)}
.tz-v10-brand-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:17px;border:4px solid rgba(255,255,255,.9);background:#fff;box-shadow:0 9px 26px rgba(53,57,148,.18)}
.tz-v10-phase{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;appearance:none;border:0;background:transparent;color:#fff;text-align:center;cursor:pointer;filter:drop-shadow(0 3px 8px rgba(28,31,86,.18));transition:transform .2s ease,filter .2s ease;outline:0}
.tz-v10-phase:hover,.tz-v10-phase:focus-visible,.tz-v10-phase.is-selected{filter:drop-shadow(0 8px 18px rgba(44,53,132,.28))}
.tz-v10-phase-num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .45rem;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);font-size:.72rem;font-weight:850;line-height:1;color:#fff}
.tz-v10-phase-title{display:block;font-size:.84rem;font-weight:850;line-height:1.1;letter-spacing:.01em;max-width:110px;color:#fff;text-wrap:balance}
.tz-v10-phase-01{left:50%;top:84px;width:126px;transform:translateX(-50%) rotate(-2deg)}
.tz-v10-phase-02{right:95px;top:139px;width:112px;transform:rotate(28deg)}
.tz-v10-phase-03{right:86px;top:243px;width:112px;transform:rotate(90deg)}
.tz-v10-phase-04{right:160px;bottom:95px;width:118px;transform:rotate(154deg)}
.tz-v10-phase-05{left:153px;bottom:95px;width:124px;transform:rotate(-151deg)}
.tz-v10-phase-06{left:86px;top:243px;width:118px;transform:rotate(-90deg)}
.tz-v10-phase-01:hover,.tz-v10-phase-01:focus-visible,.tz-v10-phase-01.is-selected{transform:translateX(-50%) rotate(-2deg) scale(1.04)}
.tz-v10-phase-02:hover,.tz-v10-phase-02:focus-visible,.tz-v10-phase-02.is-selected{transform:rotate(28deg) scale(1.04)}
.tz-v10-phase-03:hover,.tz-v10-phase-03:focus-visible,.tz-v10-phase-03.is-selected{transform:rotate(90deg) scale(1.04)}
.tz-v10-phase-04:hover,.tz-v10-phase-04:focus-visible,.tz-v10-phase-04.is-selected{transform:rotate(154deg) scale(1.04)}
.tz-v10-phase-05:hover,.tz-v10-phase-05:focus-visible,.tz-v10-phase-05.is-selected{transform:rotate(-151deg) scale(1.04)}
.tz-v10-phase-06:hover,.tz-v10-phase-06:focus-visible,.tz-v10-phase-06.is-selected{transform:rotate(-90deg) scale(1.04)}
.tz-v10-phase.is-selected .tz-v10-phase-num,.tz-v10-phase:hover .tz-v10-phase-num,.tz-v10-phase:focus-visible .tz-v10-phase-num{background:rgba(255,255,255,.28)}
.tz-v10-phase-tip[hidden]{display:none!important}
.tz-v10-phase-tip{position:absolute;z-index:6;left:50%;top:28px;transform:translateX(-50%);width:min(280px,72%);padding:.8rem .95rem;border-radius:16px;border:1px solid rgba(148,146,217,.28);background:rgba(255,255,255,.97);box-shadow:0 15px 40px rgba(31,32,85,.18);text-align:center;pointer-events:none;animation:tz-v10-tip-in .18s ease-out}
.tz-v10-tip-count{display:block;color:#7158df;font-size:.62rem;letter-spacing:.17em;font-weight:850;margin-bottom:.22rem}
.tz-v10-phase-tip strong{display:block;color:#202544;font-size:.94rem;font-weight:850;line-height:1.3}
.tz-v10-phase-tip p{margin:.3rem 0 0;color:#566180;font-size:.73rem;line-height:1.45}
@keyframes tz-v10-tip-in{from{opacity:0;transform:translateX(-50%) translateY(4px) scale(.98)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@media(min-width:992px) and (max-width:1399.98px){.tz-v10-cycle-stage{height:438px}.tz-v10-cycle-ring{width:340px;height:340px}.tz-v10-phase-title{font-size:.75rem;max-width:96px}.tz-v10-phase-num{min-width:24px;height:24px;font-size:.66rem}.tz-v10-phase-01{top:90px;width:110px}.tz-v10-phase-02{right:93px;top:145px;width:96px}.tz-v10-phase-03{right:87px;top:235px;width:94px}.tz-v10-phase-04{right:145px;bottom:90px;width:100px}.tz-v10-phase-05{left:140px;bottom:90px;width:104px}.tz-v10-phase-06{left:84px;top:235px;width:98px}}
@media(max-width:991.98px){.tz-v10-cycle-stage{height:448px}.tz-v10-cycle-ring{width:350px;height:350px}.tz-v10-phase-title{font-size:.74rem;max-width:94px}.tz-v10-phase-01{top:88px;width:108px}.tz-v10-phase-02{right:93px;top:145px;width:92px}.tz-v10-phase-03{right:86px;top:236px;width:92px}.tz-v10-phase-04{right:148px;bottom:92px;width:96px}.tz-v10-phase-05{left:146px;bottom:92px;width:98px}.tz-v10-phase-06{left:86px;top:236px;width:94px}}
@media(max-width:575.98px){.tz-v10-cycle-heading{font-size:.62rem}.tz-v10-cycle-stage{height:360px}.tz-v10-cycle-ring{top:194px;width:290px;height:290px}.tz-v10-brand-icon{width:46px;height:46px;border-radius:15px}.tz-v10-phase{gap:.08rem}.tz-v10-phase-num{min-width:22px;height:22px;padding:0 .32rem;font-size:.6rem}.tz-v10-phase-title{font-size:.58rem;line-height:1.04;max-width:72px}.tz-v10-phase-01{top:73px;width:84px}.tz-v10-phase-02{right:75px;top:118px;width:70px}.tz-v10-phase-03{right:73px;top:194px;width:70px}.tz-v10-phase-04{right:118px;bottom:54px;width:78px}.tz-v10-phase-05{left:116px;bottom:54px;width:82px}.tz-v10-phase-06{left:73px;top:194px;width:72px}.tz-v10-phase-tip{top:18px;width:min(260px,88%);padding:.68rem .78rem}.tz-v10-phase-tip strong{font-size:.86rem}.tz-v10-phase-tip p{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.tz-v10-phase,.tz-v10-phase-tip{animation:none;transition:none}}
body[data-theme="dark"] .tz-v10-cycle-heading{color:#b9b8e7}
body[data-theme="dark"] .tz-v10-phase-tip{background:rgba(29,30,58,.97);border-color:rgba(137,123,241,.4)}
body[data-theme="dark"] .tz-v10-phase-tip strong{color:#fff}
body[data-theme="dark"] .tz-v10-phase-tip p{color:#c8c9e7}


/* V11 hero lifecycle graphic integration */
.tz-v11-hero-visual{max-width:660px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}
.tz-v11-hero-label{display:inline-flex;align-items:center;gap:.55rem;padding:.52rem .9rem;border-radius:999px;border:1px solid rgba(116,123,201,.18);background:rgba(255,255,255,.72);backdrop-filter:blur(10px);font-size:.74rem;font-weight:850;letter-spacing:.14em;color:#666dc2;text-transform:uppercase;box-shadow:0 10px 24px rgba(34,43,91,.06)}
.tz-v11-hero-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7e4dff,#29c0ff);box-shadow:0 0 0 5px rgba(114,100,255,.14)}
.tz-v11-hero-image{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 40px rgba(75,81,160,.14))}
.tz-v11-hero-caption{max-width:590px;margin:0;color:#737da0;font-size:1rem;line-height:1.65}
@media(max-width:1199.98px){.tz-v11-hero-visual{max-width:610px}.tz-v11-hero-caption{font-size:.96rem}}
@media(max-width:991.98px){.tz-v11-hero-visual{max-width:560px}.tz-v11-hero-caption{max-width:520px}}
@media(max-width:767.98px){.tz-v11-hero-visual{max-width:460px;gap:.85rem}.tz-v11-hero-label{font-size:.68rem;letter-spacing:.1em;padding:.48rem .78rem}.tz-v11-hero-caption{font-size:.92rem;line-height:1.55}}
@media(max-width:430px){.tz-v11-hero-visual{max-width:100%}.tz-v11-hero-caption{font-size:.88rem}}
body[data-theme="dark"] .tz-v11-hero-label{background:rgba(30,31,61,.7);border-color:rgba(128,118,222,.24);color:#c9c7f0;box-shadow:none}
body[data-theme="dark"] .tz-v11-hero-caption{color:#bfc4de}


/* V12 hero copy refinement */
.tz-v5-hero-title{margin-bottom:1.35rem !important}
.tz-v5-hero-lead{max-width:640px;margin-top:.2rem;margin-bottom:1.65rem;font-size:1.22rem;line-height:1.68;font-weight:500;letter-spacing:-.01em;color:#6d7697}
.tz-v5-copy-col .tz-v5-hero-lead strong{color:#3f466a}
.tz-v5-hero-actions{margin-top:.25rem}
.tz-v5-hero-stack{margin-top:1.15rem}
@media(max-width:1199.98px){.tz-v5-hero-lead{font-size:1.15rem;line-height:1.64;max-width:600px}}
@media(max-width:991.98px){.tz-v5-hero-title{margin-bottom:1.15rem !important}.tz-v5-hero-lead{font-size:1.08rem;line-height:1.62;max-width:100%;margin-bottom:1.45rem}}
@media(max-width:575.98px){.tz-v5-hero-title{margin-bottom:1rem !important}.tz-v5-hero-lead{font-size:1rem;line-height:1.58;color:#717a9a;margin-bottom:1.25rem}}
body[data-theme="dark"] .tz-v5-hero-lead{color:#c7cce1}
body[data-theme="dark"] .tz-v5-copy-col .tz-v5-hero-lead strong{color:#ffffff}


/* Framework brand marks — official project artwork, shared by cards and demos. */
.framework-mark .tz-framework-logo {display:block;width:74%;height:74%;object-fit:contain;max-width:36px;max-height:36px;flex:0 1 auto;}
.framework-mark.playwright-mark .tz-framework-logo {width:86%;height:86%;max-width:40px;max-height:40px;}
.framework-mark.appium-mark .tz-framework-logo {width:76%;height:76%;max-width:35px;max-height:35px;}
.healing-stack-chip .tz-framework-logo {width:82%;height:82%;max-width:26px;max-height:26px;object-fit:contain;display:block;}
.healing-stack-chip.active .tz-framework-logo {background:rgba(255,255,255,.94);padding:2px;border-radius:5px;}
@media(max-width:575.98px){.framework-mark .tz-framework-logo{max-width:31px;max-height:31px;}}

.tz-pricing-designer-note{max-width:790px;font-size:.94rem;line-height:1.55;}


/* V16 — consistent subpage hero hierarchy.
   Homepage keeps its own .tz-home-v3 heading and spacing unchanged. */
.seo-landing-hero .display-title,
.subhero .display-title {
    font-size: clamp(2.45rem, 3.55vw, 3.85rem);
    line-height: 1.105;
    letter-spacing: -.045em;
    font-weight: 850;
    max-width: 100%;
    text-wrap: balance;
    overflow-wrap: break-word;
    hyphens: auto;
}
.seo-landing-hero,
.subhero {
    padding-top: clamp(7.25rem, 8.6vw, 8.65rem);
    padding-bottom: clamp(3.15rem, 4vw, 4.6rem);
}
.seo-landing-hero .display-title.mb-4,
.subhero .display-title.mb-4 { margin-bottom: 1.35rem !important; }
@media (max-width: 991.98px) {
    .seo-landing-hero .display-title,
    .subhero .display-title {
        font-size: clamp(2.25rem, 5.65vw, 3.3rem);
        line-height: 1.12;
        letter-spacing: -.04em;
    }
    .seo-landing-hero,
    .subhero { padding-top: 7.2rem; padding-bottom: 3.2rem; }
}
@media (max-width: 575.98px) {
    .seo-landing-hero .display-title,
    .subhero .display-title {
        font-size: clamp(2rem, 8.2vw, 2.58rem);
        line-height: 1.15;
        letter-spacing: -.035em;
    }
    .seo-landing-hero,
    .subhero { padding-top: 6.6rem; padding-bottom: 2.85rem; }
    .seo-landing-hero .display-title.mb-4,
    .subhero .display-title.mb-4 { margin-bottom: 1.1rem !important; }
}


/* V24 Developer Hub – practical quickstarts */
.dev24-main .subhero{padding-top:5rem;padding-bottom:4.7rem}
.dev24-hero-inner{max-width:910px}
.dev24-main .display-title{font-size:clamp(2.35rem,4.2vw,3.6rem);max-width:950px;letter-spacing:-.035em;line-height:1.13;margin:1.05rem 0 1.15rem;text-wrap:balance}
.dev24-main .lead-muted{max-width:800px;line-height:1.7}
.dev24-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.45rem;align-items:center}
.dev24-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem 1.2rem;font-weight:700;font-size:.88rem;line-height:1.3;text-align:center}
.dev24-section-head{margin-bottom:1.5rem;max-width:790px}
.dev24-h2{font-size:clamp(1.65rem,2.5vw,2.4rem);font-weight:800;letter-spacing:-.025em;margin:0 0 .65rem}
.dev24-text{line-height:1.6;color:var(--tz-muted);margin-bottom:0}
.dev24-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.dev24-integration,.dev24-surface{padding:clamp(1.2rem,2.1vw,2rem);border:1px solid var(--tz-border);border-radius:23px;background:var(--tz-surface);box-shadow:0 10px 35px rgba(36,43,100,.055)}
.dev24-integration{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.dev24-integration h3{font-size:1.3rem;font-weight:800;margin:0}
.dev24-integration-logo,.dev24-guide-icon{display:flex;align-items:center;justify-content:center;background:rgba(108,100,238,.08);border-radius:16px;width:55px;height:55px;flex:0 0 55px;color:#6b60ed;font-size:1.55rem}
.dev24-integration-logo img,.dev24-guide-icon img{width:36px;height:36px;object-fit:contain}
.dev24-linkstack{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:auto;padding-top:.8rem}
.dev24-linkstack .btn{font-size:.81rem;padding:.62rem .95rem}
.dev24-mini-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.4rem}
.dev24-mini-steps b{display:inline-grid;place-items:center;background:rgba(108,100,238,.11);color:#7462f0;border-radius:9px;width:34px;height:34px;font-size:.9rem}
.dev24-mini-steps h3{font-size:1.08rem;font-weight:750;margin:1rem 0 .35rem}
.dev24-inline-cta{display:flex;flex-direction:column;align-items:start;gap:.7rem}
.dev24-inline-cta .btn{margin-top:.5rem}
.dev24-guide-hero{padding-bottom:4rem}
.dev24-guide-heading{display:flex;align-items:start;gap:1.3rem;max-width:920px}
.dev24-guide-heading .lead-muted{font-size:1.07rem}
.dev24-steps{display:flex;flex-direction:column;gap:1rem}
.dev24-step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:1.2rem;padding:1.35rem 1.55rem;background:var(--tz-surface);border:1px solid var(--tz-border);border-radius:19px}
.dev24-step h3{font-size:1.13rem;font-weight:800;margin:0 0 .35rem}
.dev24-n{display:grid;place-items:center;width:42px;height:42px;background:rgba(108,100,238,.1);color:#6859d9;border-radius:12px;font-weight:800}
.dev24-code{max-width:100%;white-space:pre;overflow:auto;margin:1rem 0 0;background:#171b35;color:#e2e8ff;padding:1.2rem 1.35rem;border-radius:14px;border:1px solid rgba(136,152,217,.2);font-size:.83rem;line-height:1.6}
.dev24-surface>.dev24-code{margin:1rem 0}
.dev24-platform-nav{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.5rem}
.dev24-platform-label{display:flex;align-items:center;gap:.8rem}
.dev24-platform-label i{font-size:1.6rem;color:#6757e9}
.dev24-platform-label .dev24-h2{margin:0}
.dev24-platform-label + .dev24-text{margin:1rem 0}
.dev24-platform-nav + .dev24-surface{scroll-margin-top:95px}
#ios{scroll-margin-top:95px}
.dev24-faq{display:flex;flex-direction:column;gap:.7rem;margin-top:1.3rem}
.dev24-faq details{padding:1.05rem 1.2rem;border:1px solid var(--tz-border);border-radius:14px;background:var(--tz-surface-soft)}
.dev24-faq summary{cursor:pointer;font-weight:750}
.dev24-faq p{margin:.7rem 0 0}
.dev24-bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.dev24-bottom>div{max-width:780px}
@media(max-width:991.98px){.dev24-mini-steps{gap:.8rem}.dev24-guide-heading{gap:.9rem}.dev24-main .subhero{padding-top:3rem;padding-bottom:3rem}.dev24-bottom{flex-direction:column;align-items:start}}
@media(max-width:767.98px){.dev24-grid,.dev24-mini-steps{grid-template-columns:1fr}.dev24-hero-inner .display-title{font-size:clamp(2rem,8vw,2.8rem)}.dev24-guide-heading{flex-direction:column}.dev24-step{grid-template-columns:1fr;gap:.7rem;padding:1.1rem}.dev24-integration,.dev24-surface{border-radius:17px}.dev24-actions .btn,.dev24-linkstack .btn{width:100%}.dev24-main .section{padding-top:2.6rem;padding-bottom:2.6rem}}
/* V24 mobile: code examples scroll inside cards, never widen the layout */
.dev24-step,.dev24-step>div,.dev24-surface,.dev24-guide-heading,.dev24-integration{min-width:0}
.dev24-code{display:block;min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow-x:auto}
@media(max-width:767.98px){.dev24-step{grid-template-columns:minmax(0,1fr)}}
.dev24-integration-logo:has(img[src*="appium"]) {width:auto;min-width:55px;padding:.35rem .55rem;gap:.35rem}
.dev24-guide-icon:has(img[src*="appium"]) {width:auto;min-width:55px;padding:.35rem .55rem;gap:.35rem}
.dev24-logo-fallback{font-size:.64rem;font-weight:800;letter-spacing:-.02em;color:#6c59d9}
.dev24-main{max-width:100%;overflow-x:clip}

.dev24-code-wrap{position:relative;min-width:0}
.dev24-code-wrap .dev24-code{padding-top:2.15rem}
.dev24-copy-code{position:absolute;top:1.17rem;right:.65rem;z-index:1;appearance:none;border:1px solid rgba(191,200,255,.23);border-radius:.55rem;color:#e1e8ff;background:#303954;padding:.2rem .57rem;font-size:.68rem;font-weight:700;cursor:pointer}
.dev24-copy-code:hover,.dev24-copy-code:focus-visible{background:#435075;outline:2px solid rgba(156,157,255,.45);outline-offset:2px}


/* V25 — Homepage hero typography & rhythm. Restrict to homepage; keep the V11 artwork. */
.tz-home-v3 .tz-v5-hero{
    padding-top:clamp(7.1rem,8.5vw,8.35rem);
    padding-bottom:clamp(3.15rem,4.8vw,4.6rem);
}
.tz-home-v3 .tz-v5-hero-layout{align-items:center}
.tz-home-v3 .tz-v5-hero .tz-v5-eyebrow{margin-bottom:1.05rem;padding:.62rem .95rem}
.tz-home-v3 .tz-v5-hero .display-title{
    font-size:clamp(3.5rem,4.85vw,5.15rem);
    line-height:1.035;letter-spacing:-.06em;
    margin-top:.1rem;margin-bottom:1.3rem!important;
}
.tz-home-v3 .tz-v5-hero .tz-v5-hero-title:after{margin-top:.38rem}
.tz-home-v3 .tz-v5-hero .tz-v5-hero-lead{
    max-width:600px;
    font-size:clamp(1.075rem,1.33vw,1.2rem);
    line-height:1.58;letter-spacing:-.015em;font-weight:500;
    color:color-mix(in srgb,var(--tz-text) 66%,var(--tz-muted))!important;
    margin-top:0;margin-bottom:1.6rem!important;
}
.tz-home-v3 .tz-v5-hero-actions{gap:.8rem!important}
.tz-home-v3 .tz-v5-hero-actions .btn{font-size:.94rem;padding:.83rem 1.25rem}
.tz-home-v3 .tz-v5-hero-stack{font-size:.78rem;line-height:1.5;margin-top:1.25rem;color:color-mix(in srgb,var(--tz-text) 34%,var(--tz-muted))}
.tz-home-v3 .tz-v11-hero-visual{gap:.75rem}
.tz-home-v3 .tz-v11-hero-label{font-size:.71rem;box-shadow:0 8px 22px rgba(34,43,91,.045)}
.tz-home-v3 .tz-v11-hero-image{filter:drop-shadow(0 22px 35px rgba(75,81,160,.11))}
body[data-theme=dark] .tz-home-v3 .tz-v5-hero .tz-v5-hero-lead{color:#c4cce4!important}
body[data-theme=dark] .tz-home-v3 .tz-v5-hero-stack{color:#adb5d0}
@media(min-width:992px) and (max-width:1199.98px){
    .tz-home-v3 .tz-v5-hero .display-title{font-size:clamp(3.55rem,5vw,4.15rem)}
    .tz-home-v3 .tz-v5-hero .tz-v5-hero-lead{font-size:1.085rem}
    .tz-home-v3 .tz-v5-hero-actions .btn{font-size:.84rem;padding:.76rem 1rem}
}
@media(max-width:991.98px){
    .tz-home-v3 .tz-v5-hero{padding-top:7rem;padding-bottom:3.3rem}
    .tz-home-v3 .tz-v5-hero .display-title{font-size:clamp(2.85rem,7.8vw,4.2rem);margin-bottom:1.15rem!important}
    .tz-home-v3 .tz-v5-hero .tz-v5-hero-lead{font-size:1.105rem;line-height:1.62;margin-bottom:1.45rem!important}
    .tz-home-v3 .tz-v11-hero-visual{margin-top:.35rem}
}
@media(max-width:575.98px){
    .tz-home-v3 .tz-v5-hero{padding-top:6.7rem;padding-bottom:2.9rem}
    .tz-home-v3 .tz-v5-hero .tz-v5-eyebrow{font-size:.69rem;letter-spacing:0;padding:.56rem .82rem;margin-bottom:1rem}
    .tz-home-v3 .tz-v5-hero .display-title{font-size:clamp(2.85rem,11.4vw,3.35rem);line-height:1.06;margin-bottom:1.05rem!important}
    .tz-home-v3 .tz-v5-hero .tz-v5-hero-lead{font-size:1.04rem;line-height:1.58;margin-bottom:1.4rem!important}
    .tz-home-v3 .tz-v5-hero-actions .btn{font-size:.91rem}
    .tz-home-v3 .tz-v5-hero-stack{font-size:.72rem;margin-top:1.1rem}
    .tz-home-v3 .tz-v11-hero-visual{margin-top:.1rem;gap:.5rem}
    .tz-home-v3 .tz-v11-hero-label{font-size:.65rem}
}


/* V26 — Pricing & Contact page rhythm refinement */
html[data-page="pricing"] .pricing-v26-hero,
html[data-page="contact"] .contact-v26-hero{padding-top:6.8rem;padding-bottom:3.3rem}
html[data-page="pricing"] .pricing-v26-copy,
html[data-page="contact"] .contact-v26-copy{max-width:830px}
html[data-page="pricing"] .pricing-v26-lead,
html[data-page="contact"] .contact-v26-lead{max-width:880px;font-size:1.12rem;line-height:1.68;color:#6f7898}
html[data-page="pricing"] .pricing-v26-actions,
html[data-page="contact"] .contact-v26-actions{gap:.85rem!important}
html[data-page="pricing"] .pricing-v26-summary,
html[data-page="contact"] .contact-v26-panel{padding:1.5rem 1.45rem 1.4rem;border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--tz-surface-soft) 75%,#fff),var(--tz-surface));box-shadow:0 18px 44px rgba(56,66,118,.06)}
html[data-page="pricing"] .pricing-v26-summary h2,
html[data-page="contact"] .contact-v26-panel h2{font-size:1.5rem;line-height:1.15;letter-spacing:-.04em;margin-bottom:.85rem}
.pricing-v26-points,.contact-v26-list{display:grid;gap:.8rem}
.pricing-v26-points>div,.contact-v26-list>div{display:grid;gap:.2rem;padding:.9rem 1rem;border:1px solid var(--tz-border);border-radius:18px;background:var(--tz-surface-soft)}
.pricing-v26-points strong,.contact-v26-list strong{font-size:.98rem;letter-spacing:-.02em}
.pricing-v26-points span,.contact-v26-list span{color:var(--tz-muted);line-height:1.55;font-size:.94rem}
.pricing-v26-strip-wrap{max-width:1160px}
html[data-page="pricing"] .pricing-hero-plan-strip{margin-top:.2rem}
html[data-page="pricing"] .pricing-hero-plan-strip>span{padding:.95rem 1rem;border-radius:18px;background:color-mix(in srgb,var(--tz-surface-soft) 72%,#fff)}
.contact-v26-meta{display:flex;flex-wrap:wrap;gap:.65rem}.contact-v26-meta>span{display:inline-flex;align-items:center;padding:.58rem .85rem;border-radius:999px;background:var(--tz-primary-soft);color:var(--tz-primary);font-size:.82rem;font-weight:800}
html[data-page="pricing"] .section:first-of-type + .section .section-title,
html[data-page="contact"] .section:first-of-type + .section .section-title{letter-spacing:-.04em}
html[data-page="contact"] #contact-form .cardx, html[data-page="contact"] .section .cardx{border-radius:24px}
@media(max-width:1199.98px){
 html[data-page="pricing"] .pricing-v26-lead,
 html[data-page="contact"] .contact-v26-lead{font-size:1.06rem}
}
@media(max-width:991.98px){
 html[data-page="pricing"] .pricing-v26-hero,
 html[data-page="contact"] .contact-v26-hero{padding-top:6.35rem;padding-bottom:2.85rem}
 html[data-page="pricing"] .pricing-v26-summary,
 html[data-page="contact"] .contact-v26-panel{padding:1.25rem}
}
@media(max-width:767.98px){
 html[data-page="pricing"] .pricing-v26-hero,
 html[data-page="contact"] .contact-v26-hero{padding-top:6.05rem;padding-bottom:2.55rem}
 html[data-page="pricing"] .pricing-v26-lead,
 html[data-page="contact"] .contact-v26-lead{font-size:1rem;line-height:1.6}
 html[data-page="pricing"] .pricing-v26-actions .btn,
 html[data-page="contact"] .contact-v26-actions .btn{width:100%}
 html[data-page="pricing"] .pricing-v26-summary h2,
 html[data-page="contact"] .contact-v26-panel h2{font-size:1.3rem}
 .pricing-v26-points>div,.contact-v26-list>div{padding:.85rem .9rem}
}
html[data-page="pricing"] body[data-theme=dark] .pricing-v26-lead,
html[data-page="contact"] body[data-theme=dark] .contact-v26-lead{color:#c6cde3}
body[data-theme=dark] .pricing-v26-points>div,
body[data-theme=dark] .contact-v26-list>div{background:rgba(255,255,255,.02)}


/* V27 — shared marketing-page typography, spacing and surface rhythm.
   Scope explicitly to public marketing pages so account/legal forms retain their original layouts. */
html[data-design-polish="v27"] {
  --tz-v27-hero-pad-top: clamp(6.6rem, 7.75vw, 8.05rem);
  --tz-v27-hero-pad-bottom: clamp(2.85rem, 3.75vw, 3.8rem);
  --tz-v27-hero-copy-size: clamp(1.02rem, 1.2vw, 1.16rem);
  --tz-v27-radius: 22px;
}
/* Preserve the unique homepage, V26 contact/pricing layouts and developer quickstarts. */
html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero):not(.pricing-v26-hero):not(.contact-v26-hero):not(.dev24-hero):not(.dev24-guide-hero){
  padding-top:var(--tz-v27-hero-pad-top);
  padding-bottom:var(--tz-v27-hero-pad-bottom);
}
html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero) .display-title{
  line-height:1.105;
  letter-spacing:-.046em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero) .display-title:not(.mb-4){margin-bottom:1.2rem}
html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero) .lead-muted{
  font-size:var(--tz-v27-hero-copy-size);
  line-height:1.64;
  color:color-mix(in srgb,var(--tz-text) 66%,var(--tz-muted));
  max-width:70ch;
}
html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero) :is(.btn-primary-custom,.btn-outline-light-custom){
  min-height:47px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.25;
}
/* Bootstrap g-5 rows may extend 12px beyond the viewport on small devices; clip only the marketing main, not the navigation. */
html[data-design-polish="v27"] main{overflow-x:clip}
/* Cards and section headers use the same visual treatment without changing the grid. */
html[data-design-polish="v27"] main > .section :is(.cardx,.pricing-card){border-radius:var(--tz-v27-radius)}
html[data-design-polish="v27"] main > .section .section-title{
  line-height:1.19;
  letter-spacing:-.035em;
  text-wrap:balance;
}
html[data-design-polish="v27"] main > .section :is(.section-subtitle,.lead-muted){line-height:1.62}
html[data-design-polish="v27"] main > .section .cardx :is(h2,h3){line-height:1.23;letter-spacing:-.025em}
/* Keep paired CTAs spaced consistently while leaving button color and order intact. */
html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero) .d-flex.flex-wrap.gap-3{row-gap:.8rem!important}
/* V26 pricing/contact panels: light/dark surfaces and constrained text. */
html[data-page="pricing"] .pricing-v26-summary,
html[data-page="contact"] .contact-v26-panel{min-width:0}
html[data-page="pricing"] .pricing-v26-points span,
html[data-page="contact"] .contact-v26-list span{overflow-wrap:break-word}
html[data-page="pricing"] body[data-theme="dark"] .pricing-v26-summary,
html[data-page="contact"] body[data-theme="dark"] .contact-v26-panel{background:linear-gradient(180deg,var(--tz-surface-soft),var(--tz-surface))}
html[data-page="pricing"] body[data-theme="dark"] .pricing-hero-plan-strip>span{background:var(--tz-surface-soft)}
html[data-page="pricing"] body[data-theme="dark"] .pricing-v26-lead,
html[data-page="contact"] body[data-theme="dark"] .contact-v26-lead{color:#c6cde3}
/* Mobile follows the same rhythm with less whitespace and comfortable tap targets. */
@media(max-width:991.98px){
 html[data-design-polish="v27"]{--tz-v27-hero-pad-top:6.4rem;--tz-v27-hero-pad-bottom:2.85rem}
 html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero) .lead-muted{font-size:1.05rem;line-height:1.62}
}
@media(max-width:575.98px){
 html[data-design-polish="v27"]{--tz-v27-hero-pad-top:6.1rem;--tz-v27-hero-pad-bottom:2.55rem;--tz-v27-radius:19px}
 html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero) .lead-muted{font-size:1rem;line-height:1.58}
 html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero) .display-title:not(.mb-4){margin-bottom:1rem}
 html[data-design-polish="v27"] main > :is(.seo-landing-hero,.subhero) .d-flex.flex-wrap.gap-3 :is(.btn-primary-custom,.btn-outline-light-custom){max-width:100%}
}

/* V27 final density pass: align the hero copy with compact summary panels. */
html[data-page="pricing"] .pricing-v26-summary,
html[data-page="contact"] .contact-v26-panel{padding:1.22rem 1.2rem!important}
html[data-page="pricing"] .pricing-v26-summary h2,
html[data-page="contact"] .contact-v26-panel h2{font-size:1.35rem;line-height:1.18}
html[data-page="pricing"] .pricing-v26-summary > p,
html[data-page="contact"] .contact-v26-panel > p{font-size:.94rem;line-height:1.5}
html[data-page="pricing"] .pricing-v26-points,
html[data-page="contact"] .contact-v26-list{gap:.55rem}
html[data-page="pricing"] .pricing-v26-points > div,
html[data-page="contact"] .contact-v26-list > div{gap:.13rem;padding:.65rem .8rem;border-radius:15px}
html[data-page="pricing"] .pricing-v26-points span,
html[data-page="contact"] .contact-v26-list span{font-size:.89rem;line-height:1.45}
html[data-page="contact"] .contact-v26-meta > span{font-size:.77rem;padding:.48rem .65rem}
html[data-page="pricing"] .pricing-v26-strip-wrap{margin-left:auto;margin-right:auto}
html[data-page="pricing"] .pricing-v26-hero + .section{padding-top:clamp(2.6rem,4vw,3.5rem)}


/* V29.2 — Developer Hub: use theme-aware surfaces rather than Bootstrap's light-only --bs-body-bg. */
body[data-theme="dark"] .dev24-main :is(.dev24-step,.dev24-surface,.dev24-integration){
  background:var(--tz-surface);
  border-color:var(--tz-border);
  color:var(--tz-text);
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}
body[data-theme="dark"] .dev24-main :is(.dev24-step,.dev24-surface,.dev24-integration) :is(h2,h3,h4,summary,strong){color:var(--tz-text)}
body[data-theme="dark"] .dev24-main .dev24-text{color:#b8c3df}
body[data-theme="dark"] .dev24-main .dev24-faq details{background:var(--tz-surface-soft);border-color:var(--tz-border);color:var(--tz-text)}
body[data-theme="dark"] .dev24-main .dev24-n{color:#bfb5ff;background:rgba(124,108,255,.17)}
body[data-theme="dark"] .dev24-main :is(.dev24-code,.dev24-code code){color:#e2e8ff}


/* V31 — AI-native positioning; only the homepage hero changes. */
.tz-home-v3 .tz-v5-hero .tz-v31-hero-title{
  max-width:none;
  font-size:clamp(2.8rem,3.7vw,3.65rem);
  line-height:1.08;
  letter-spacing:-.047em;
  margin-bottom:.95rem!important;
  text-wrap:balance;
}
.tz-v31-title-main,.tz-v31-title-promise{display:block}
.tz-v31-title-main{color:var(--tz-text)}
.tz-v31-title-promise{background-image:linear-gradient(100deg,#d40fbb 0%,#9b37e6 48%,#4776ff 100%)}
.tz-home-v3 .tz-v5-hero .tz-v31-hero-title:after{margin-top:.56rem}
.tz-home-v3 .tz-v5-hero .tz-v31-benefits{
  color:var(--tz-text);font-size:clamp(1.02rem,1.35vw,1.19rem);
  line-height:1.38;font-weight:800;letter-spacing:-.015em;
  margin:0 0 .75rem;max-width:650px;
}
.tz-home-v3 .tz-v5-hero .tz-v31-hero-lead{
  font-size:clamp(1rem,1.17vw,1.11rem);
  line-height:1.58;max-width:630px;margin-bottom:1.4rem!important;
}
.tz-home-v3 .tz-v5-hero .tz-v5-eyebrow{white-space:normal;line-height:1.3}
@media(min-width:992px) and (max-width:1199.98px){
  .tz-home-v3 .tz-v5-hero .tz-v31-hero-title{font-size:clamp(2.65rem,3.85vw,3.2rem)}
}
@media(max-width:991.98px){
  .tz-home-v3 .tz-v5-hero .tz-v31-hero-title{font-size:clamp(2.7rem,6.25vw,3.8rem);max-width:17ch}
  .tz-home-v3 .tz-v5-hero .tz-v31-hero-lead{font-size:1.06rem;line-height:1.57}
}
@media(max-width:575.98px){
  .tz-home-v3 .tz-v5-hero .tz-v31-hero-title{font-size:clamp(2.15rem,8.45vw,3.05rem);max-width:none;line-height:1.08;letter-spacing:-.046em}
  .tz-home-v3 .tz-v5-hero .tz-v31-benefits{font-size:1rem;line-height:1.42}
  .tz-home-v3 .tz-v5-hero .tz-v31-hero-lead{font-size:.97rem;line-height:1.59;margin-bottom:1.2rem!important}
}
body[data-theme=dark] .tz-home-v3 .tz-v5-hero .tz-v31-benefits{color:var(--tz-text)}


/* V31.2 — Consistent, high-contrast heading palette across public pages.
   The shared --tz-text token already styles display-title and section-title.
   Remove the light V31.1 homepage-only overrides; preserve muted menu links. */
.navbar .nav-login-btn{color:#5d6785}
.navbar .nav-login-btn:hover,.navbar .nav-login-btn:focus-visible{color:var(--tz-primary)}
body[data-theme="dark"] .navbar .nav-login-btn{color:var(--tz-muted)}
body[data-theme="dark"] .navbar .nav-login-btn:hover,
body[data-theme="dark"] .navbar .nav-login-btn:focus-visible{color:#c4b9ff}