:root{--primary:#3157ff;--dark:#0f172a;--muted:#6b7280;--soft:#f5f7fb}
body{background:#fff;color:var(--dark)}
.py-lg-6{padding-top:6rem;padding-bottom:6rem}.min-vh-75{min-height:75vh}
.brand-mark{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.7rem;background:linear-gradient(135deg,var(--primary),#79a5ff);color:#fff;font-weight:800}
.hero-section{background:radial-gradient(circle at top right,#e8efff 0,#fff 45%)}
.hero-panel{background:#0f172a;color:#fff;padding:2rem;border-radius:1.5rem}
.hero-panel-top{display:inline-block;background:rgba(255,255,255,.08);padding:.35rem .8rem;border-radius:999px;font-size:.9rem;margin-bottom:1rem}
.hero-step{display:flex;align-items:center;gap:.8rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.hero-step:last-child{border-bottom:0}.hero-step span,.feature-icon,.success-icon{display:inline-grid;place-items:center}
.hero-step span{width:2rem;height:2rem;border-radius:999px;background:#1d4ed8;font-weight:700}
.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(15,23,42,.04)}
.stat-card strong{font-size:1.2rem}.stat-card span{color:var(--muted);font-size:.9rem}
.pricing-card{border-radius:1.25rem}.pricing-card .display-6{color:var(--primary)}
.feature-box{height:100%;padding:2rem;border:1px solid #e5e7eb;border-radius:1.5rem;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.feature-icon{width:3.25rem;height:3.25rem;border-radius:1rem;background:#eef2ff;color:var(--primary);font-size:1.4rem;margin-bottom:1rem}
.order-form{border-radius:1.5rem}.steps{display:flex;gap:1rem;flex-wrap:wrap}.step{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-weight:600}.step span{width:2rem;height:2rem;border-radius:999px;background:#e5e7eb;display:inline-grid;place-items:center}.step.active{color:var(--dark)}.step.active span{background:var(--primary);color:#fff}
.plan-selector{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid #dbe2f0;border-radius:1rem;cursor:pointer;background:#fff;height:100%}.plan-selector.selected,.plan-selector:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 4px rgba(49,87,255,.08)}
.plan-selector .price{margin-top:auto;font-weight:700;color:var(--primary)}
.summary-box{border:1px solid #e5e7eb;background:var(--soft);border-radius:1rem;padding:1rem 1.25rem}.success-icon{width:4.5rem;height:4.5rem;border-radius:999px;background:#dcfce7;color:#16a34a;font-size:2rem}
.table td,.table th{vertical-align:middle}
@media (max-width:991px){.hero-panel{margin-top:1rem}}

.ts-wrapper.form-select,.ts-wrapper.single.input-active .ts-control{border:none;padding:0;background:transparent}
.ts-wrapper .ts-control{border:1px solid #ced4da;border-radius:.375rem;min-height:calc(3.5rem + 2px);padding:1rem .75rem;box-shadow:none}
.ts-wrapper.focus .ts-control{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.ts-wrapper .ts-control > input{font-size:1rem}
.ts-dropdown{border-radius:.75rem;border:1px solid #dee2e6;box-shadow:0 1rem 2rem rgba(15,23,42,.12)}
.ts-dropdown .optgroup-header{font-weight:700;color:#6b7280;background:#f8f9fa}
.ts-dropdown .active{background:#eef2ff;color:#0f172a}

.autocomplete-box {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    display: none;
    background: #fff;
    border: 1px solid #dee2e6;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    max-height: 240px;
    overflow-y: auto;
}

.autocomplete-item {
    display: block;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.autocomplete-item:hover {
    background: #f8f9fa;
}