/* landing-only.css — rules used ONLY by views/public/landing.php (/lp/ programmatic pages). Split out of landing.css on 2026-09-05 so the site-wide bundle stops shipping them. Loaded via the per-route CSS map in views/layouts/main.php. */
.wt-hero--split{
    position: relative;
    overflow: hidden;
}
.wt-blob{
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    opacity: 0.55;
    pointer-events: none;
    z-index: 0;
}
.wt-blob--a{
    width: 420px;
    height: 420px;
    inset-block-start: -160px;
    inset-inline-end: -120px;
    background: var(--wt-hero-accent, #f06c14);
    opacity: 0.22;
}
.wt-blob--b{
    width: 340px;
    height: 340px;
    inset-block-end: -180px;
    inset-inline-start: -120px;
    background: #f06c14;
    opacity: 0.16;
}
.wt-sec{
    position: relative;
    overflow: hidden;
}
.wt-sec__blob{
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.13;
    pointer-events: none;
    z-index: 0;
    background: var(--wt-sec-accent, #f06c14);
}
.wt-sec__blob--tr{ inset-block-start: -200px; inset-inline-end: -160px; }
.wt-sec__blob--bl{ inset-block-end: -200px; inset-inline-start: -160px; }
.wt-hero__visual{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
}
@media (max-width: 900px){.wt-hero__visual{ min-height: 320px; }
}
@media (max-width: 480px){.wt-hero__visual{ min-height: 280px; }
}
.wt-hero__visual::before{
    content: "";
    position: absolute;
    width: 78%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--wt-hero-accent, #f06c14) 38%, transparent), transparent 68%);
    filter: blur(10px);
    z-index: 0;
}
.wt-mock{
    position: relative;
    z-index: 2;
    width: min(360px, 86%);
    background: var(--wt-surface);
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.18), 0 4px 12px rgba(15, 23, 42, 0.06);
    padding: 16px;
    transform: rotate(-3deg);
}
.wt-mock__bar{
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
}
.wt-mock__dot{
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.12);
}
.wt-mock__dot:first-child{ background: var(--wt-hero-accent, #f06c14); opacity: 0.7; }
.wt-mock__title{
    margin-inline-start: 6px;
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--wt-dark, #0b0d11);
}
.wt-mock__panel{
    background: var(--wt-bg-soft, var(--wt-bg-soft));
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 14px;
    padding: 14px;
}
.wt-mock__row{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
}
.wt-mock__row + .wt-mock__row{ border-top: 1px dashed rgba(15, 23, 42, 0.1); }
.wt-mock__ico{
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--wt-hero-accent, #f06c14);
}
.wt-mock__txt{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.wt-mock__ln{
    height: 8px;
    border-radius: 99px;
    background: rgba(15, 23, 42, 0.12);
}
.wt-mock__ln--60{ width: 60%; }
.wt-mock__ln--80{ width: 80%; }
.wt-mock__ln--40{ width: 40%; background: rgba(15, 23, 42, 0.08); }
.wt-mock__amt{
    font-size: 0.86rem;
    font-weight: 800;
    color: var(--wt-dark, #0b0d11);
    white-space: nowrap;
}
.wt-mock__total{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding-top: 12px;
    border-top: 2px solid rgba(15, 23, 42, 0.08);
    font-weight: 800;
    color: var(--wt-dark, #0b0d11);
}
.wt-mock__total b{ color: var(--wt-hero-accent, #f06c14); font-size: 1.05rem; }
.wt-qr{
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(7, 1fr);
    gap: 2px;
    padding: 5px;
    background: var(--wt-surface);
    border-radius: 8px;
    border: 1px solid rgba(15, 23, 42, 0.12);
}
.wt-qr span{ background: var(--wt-dark, #0b0d11); border-radius: 1px; }
.wt-fab{
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--wt-surface);
    border-radius: 14px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--wt-dark, #0b0d11);
}
.wt-fab__ico{
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.wt-fab--ok .wt-fab__ico{ background: #16a34a; }
.wt-fab--accent .wt-fab__ico{ background: var(--wt-hero-accent, #f06c14); }
.wt-fab--tl{ inset-block-start: 6%; inset-inline-start: -6%; }
.wt-fab--br{ inset-block-end: 8%; inset-inline-end: -7%; }
.wt-fab--bl{ inset-block-end: 14%; inset-inline-start: -8%; }
@media (max-width: 480px){.wt-fab{ font-size: 0.74rem; padding: 8px 11px; }
.wt-fab--tl{ inset-inline-start: 0; }
.wt-fab--br{ inset-inline-end: 0; }
.wt-fab--bl{ inset-inline-start: 0; }
}
.wt-cal{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}
.wt-cal span{
    aspect-ratio: 1;
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.07);
}
.wt-cal span.sel{
    background: var(--wt-hero-accent, #f06c14);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--wt-hero-accent, #f06c14) 45%, transparent);
}
.wt-route{ display: flex; flex-direction: column; gap: 2px; }
.wt-route__step{ display: flex; align-items: center; gap: 10px; }
.wt-route__pin{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--wt-hero-accent, #f06c14) 18%, transparent);
    color: var(--wt-hero-accent, #f06c14);
    font-size: 0.62rem;
    font-weight: 800;
}
.wt-route__step--done .wt-route__pin{ background: var(--wt-hero-accent, #f06c14); color: #fff; }
.wt-route__bar{ width: 2px; height: 14px; margin-inline-start: 10px; background: rgba(15, 23, 42, 0.12); }
.wt-route__bar--done{ background: var(--wt-hero-accent, #f06c14); }
.wt-avs{ display: flex; }
.wt-avs span{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-inline-start: -8px;
    background: linear-gradient(135deg, var(--wt-hero-accent, #f06c14), color-mix(in srgb, var(--wt-hero-accent, #f06c14) 40%, #fff));
}
.wt-avs span:first-child{ margin-inline-start: 0; }
.wt-avs__more{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    font-weight: 800;
    color: var(--wt-dark, #0b0d11);
    background: rgba(15, 23, 42, 0.08) !important;
}
.wt-ring{
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--wt-hero-accent, #f06c14);
    background: conic-gradient(var(--wt-hero-accent, #f06c14) var(--ring, 90%), rgba(15, 23, 42, 0.1) 0);
}
.wt-ring i{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--wt-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}
.wt-statband{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
@media (max-width: 720px){.wt-statband{ grid-template-columns: repeat(2, 1fr); }
}
.wt-stat{
    text-align: center;
    padding: 22px 14px;
    background: var(--wt-surface);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
.wt-stat__num{
    font-size: clamp(1.6rem, 4vw, 2.2rem);
    font-weight: 800;
    color: var(--wt-sec-accent, #f06c14);
    line-height: 1;
}
.wt-stat__lbl{
    margin-top: 8px;
    font-size: 0.86rem;
    color: var(--wt-muted, #6b7280);
    font-weight: 600;
}
@media (prefers-reduced-motion: reduce){.wt-mock{ transform: none; }
}
.wt-fcard{
    background: var(--wt-surface);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
    height: 100%;
}
.wt-fcard__head{ display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.wt-fcard__ico{
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--wt-sec-accent, #f06c14);
}
.wt-fcard__head h3{ margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--wt-dark, #0b0d11); }
.wt-flist{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.wt-flist li{
    display: flex;
    gap: 9px;
    align-items: flex-start;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--wt-muted, #6b7280);
}
.wt-flist li::before{
    content: "";
    flex-shrink: 0;
    margin-top: 0.5em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wt-sec-accent, #f06c14);
}
.wt-steps{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 760px){.wt-steps{ grid-template-columns: 1fr; }
}
.wt-step{
    background: var(--wt-surface);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    padding: 28px 22px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}
.wt-step__n{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
    background: var(--wt-sec-accent, #f06c14);
    margin-bottom: 14px;
}
.wt-step h3{ margin: 0 0 8px; font-size: 1.05rem; font-weight: 800; color: var(--wt-dark, #0b0d11); }
.wt-step p{ margin: 0; color: var(--wt-muted, #6b7280); font-size: 0.92rem; line-height: 1.6; }
.wt-plans{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; max-width: 720px; margin: 0 auto; }
@media (max-width: 620px){.wt-plans{ grid-template-columns: 1fr; }
}
.wt-plan{
    position: relative;
    background: var(--wt-surface);
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 20px;
    padding: 30px 26px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}
.wt-plan--featured{
    border-color: color-mix(in srgb, var(--wt-sec-accent, #f06c14) 55%, transparent);
    box-shadow: 0 16px 40px color-mix(in srgb, var(--wt-sec-accent, #f06c14) 16%, transparent);
}
.wt-plan__tag{
    position: absolute;
    top: -12px;
    inset-inline-end: 22px;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    color: #fff;
    background: var(--wt-sec-accent, #f06c14);
}
.wt-plan__name{ font-size: 1.15rem; font-weight: 800; color: var(--wt-dark, #0b0d11); }
.wt-plan__price{ margin: 10px 0 2px; }
.wt-plan__price b{ font-size: 2.2rem; font-weight: 800; color: var(--wt-dark, #0b0d11); }
.wt-plan__price span{ font-size: 0.9rem; color: var(--wt-muted, #6b7280); font-weight: 600; }
.wt-plan__msgs{ font-size: 0.92rem; font-weight: 700; color: var(--wt-sec-accent, #f06c14); margin-bottom: 16px; }
.wt-plan__list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.wt-plan__list li{ display: flex; gap: 9px; align-items: flex-start; font-size: 0.9rem; color: var(--wt-muted, #6b7280); line-height: 1.5; }
.wt-mobile-cta__btn--ghost{ background: var(--wt-ink-50); }
.lp-hero{ padding: 80px 0 60px; background: linear-gradient(180deg, var(--wt-tint-warm) 0%, var(--wt-bg-soft) 100%); }
.lp-ads-badge{ display: inline-block; margin-bottom: 10px; padding: 4px 12px; background: #0F172A; color: #fff; border-radius: 999px; font-size: 0.75rem; font-weight: 800; }
.lp-hero .lp-eyebrow{ display: inline-block; padding: 6px 14px; background: rgba(240,108,20,.12); color: var(--wt-orange-700); border-radius: 999px; font-size: .85rem; font-weight: 700; margin-bottom: 18px; }
.lp-hero h1{ font-size: clamp(1.9rem, 3.8vw, 3rem); font-weight: 800; line-height: 1.2; margin: 0 0 18px; color: var(--wt-ink-900); max-width: 900px; }
.lp-hero p.lp-sub{ font-size: clamp(1rem, 1.4vw, 1.15rem); color: var(--wt-ink-600); line-height: 1.75; margin: 0 0 20px; max-width: 760px; }
.lp-hero-price{ display: flex; align-items: baseline; gap: 8px; margin-bottom: 24px; }
.lp-hero-price strong{ font-size: 2rem; font-weight: 800; color: var(--wt-orange-700); }
.lp-hero-price span{ font-size: 0.95rem; color: var(--wt-ink-500); font-weight: 600; }
.lp-hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.lp-hero-actions--center{ justify-content: center; }
.lp-cta{ display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: linear-gradient(135deg, #F06C14, #B74D0D); color: #fff; border-radius: 999px; font-weight: 700; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 12px 32px rgba(240,108,20,.28); font-size: 0.95rem; }
.lp-cta:hover{ text-decoration: none; transform: translateY(-1px); color: #fff; }
.lp-cta--outline{ background: var(--wt-surface); color: var(--wt-orange-700); border: 2px solid rgba(240,108,20,.35); box-shadow: none; }
.lp-cta--ghost{ background: rgba(15,23,42,.06); color: var(--wt-ink-800); box-shadow: none; }
.lp-cta--on-dark{ background: var(--wt-surface); color: var(--wt-orange-700); }
.lp-section{ padding: 60px 0; }
.lp-section h2{ font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 800; margin: 0 0 8px; color: var(--wt-ink-900); }
.lp-section .lp-section-intro{ color: var(--wt-ink-500); margin: 0 0 36px; font-size: 1.05rem; }
.lp-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.lp-feature{ padding: 24px; background: var(--wt-surface); border-radius: 18px; box-shadow: 0 8px 24px rgba(15,23,42,.06); }
.lp-feature .lp-feature-icon{ font-size: 2rem; display: block; margin-bottom: 14px; }
.lp-feature h3{ margin: 0 0 8px; font-size: 1.15rem; color: var(--wt-ink-900); font-weight: 800; }
.lp-feature p{ margin: 0; color: var(--wt-ink-700); line-height: 1.7; font-size: .95rem; }
.lp-usecase{ background: var(--wt-surface); border-radius: 18px; padding: 24px; box-shadow: 0 8px 24px rgba(15,23,42,.06); display: flex; flex-direction: column; gap: 12px; }
.lp-usecase .lp-uc-tag{ display: inline-block; align-self: flex-start; padding: 4px 12px; background: rgba(240,108,20,.1); color: var(--wt-orange-700); border-radius: 999px; font-size: .8rem; font-weight: 700; }
.lp-usecase .lp-uc-where{ color: var(--wt-ink-500); font-size: .9rem; }
.lp-usecase .lp-uc-before{ color: var(--wt-ink-700); padding: 12px; background: #FEF2F2; border-radius: 10px; border-inline-start: 3px solid #EF4444; font-size: .95rem; }
.lp-usecase .lp-uc-after{ color: var(--wt-ink-800); padding: 12px; background: #ECFDF5; border-radius: 10px; border-inline-start: 3px solid #10B981; font-size: .95rem; }
.lp-usecase .lp-uc-label{ font-weight: 700; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 4px; display: block; }
.lp-usecase .lp-uc-before .lp-uc-label{ color: #B91C1C; }
.lp-usecase .lp-uc-after .lp-uc-label{ color: #065F46; }
.lp-howto__list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; max-width: 720px; }
.lp-howto__list li{ display: flex; gap: 16px; align-items: flex-start; padding: 18px; background: var(--wt-surface); border-radius: 14px; box-shadow: 0 4px 16px rgba(15,23,42,.05); }
.lp-howto__num{ width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; background: var(--wt-orange-500); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.lp-howto__list p{ margin: 4px 0 0; color: var(--wt-ink-600); line-height: 1.6; font-size: 0.92rem; }
.lp-faq-item{ background: var(--wt-surface); border-radius: 14px; margin-bottom: 12px; box-shadow: 0 4px 12px rgba(15,23,42,.04); overflow: hidden; }
.lp-faq-item summary{ padding: 18px 20px; font-weight: 700; color: var(--wt-ink-900); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.lp-faq-item summary::-webkit-details-marker{ display: none; }
.lp-faq-item summary::after{ content: '+'; font-size: 1.4rem; color: var(--wt-orange-500); flex: none; }
.lp-faq-item[open] summary::after{ content: '−'; }
.lp-faq-item .lp-faq-body{ padding: 0 20px 20px; color: var(--wt-ink-700); line-height: 1.7; }
.lp-cta-band{ padding: 50px 24px; background: linear-gradient(135deg, #0F172A, #1E293B); color: #fff; border-radius: 24px; text-align: center; margin: 60px 0; }
.lp-cta-band h2{ color: #fff; margin: 0 0 12px; }
.lp-cta-band p{ color: rgba(255,255,255,.85); margin: 0 0 28px; font-size: 1.05rem; }