:root {
    --bg-dark: #090a0f;
    --card-bg: rgba(25, 27, 35, 0.6);
    --border-color: rgba(255, 255, 255, 0.08);
    --primary-orange: #FF6900;
    --primary-glow: rgba(255, 105, 0, 0.4);
    --text-main: #ffffff;
    --text-muted: #9496a8;
    
    --status-online: #00ff88;
    --status-online-glow: rgba(0, 255, 136, 0.4);
    --status-offline: #ff3333;
    --status-offline-glow: rgba(255, 51, 51, 0.4);
    --status-maintenance: #ffcc00;
    --status-maintenance-glow: rgba(255, 204, 0, 0.4);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-dark);
    color: var(--text-main);
    overflow-x: hidden;
    line-height: 1.6;
}

/* Background Effects */
.background-effects {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

.glow-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.15;
    animation: float 10s infinite alternate ease-in-out;
}

.glow-orb.orange {
    width: 600px; height: 600px;
    background: var(--primary-orange);
    top: -200px; left: -100px;
}

.glow-orb.blue {
    width: 500px; height: 500px;
    background: #0088ff;
    bottom: -150px; right: -100px;
    animation-delay: -5s;
}

@keyframes float {
    0% { transform: translate(0, 0); }
    100% { transform: translate(50px, 50px); }
}

/* Navigation */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 5%;
    background: rgba(9, 10, 15, 0.5);
    backdrop-filter: blur(10px);
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--border-color);
}

.logo {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-family: 'Outfit', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.logo-icon {
    width: 32px;
    height: 32px;
    stroke: var(--primary-orange);
    fill: rgba(255, 105, 0, 0.15);
    filter: drop-shadow(0 0 8px rgba(255, 105, 0, 0.4));
}

.highlight {
    color: var(--primary-orange);
}

nav {
    display: flex;
    align-items: center;
    gap: 1rem;
}

nav a {
    color: var(--text-main);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.3s, background 0.3s;
}

nav a.active.btn-outline {
    background: var(--btn-glow);
    color: #fff;
}

.nav-divider {
    display: inline-block;
    width: 1px;
    height: 20px;
    background: var(--border-color);
    margin: 0 0.5rem;
    vertical-align: middle;
}

.view-section.hidden {
    display: none !important;
}

.btn-outline {
    --btn-color: var(--primary-orange);
    --btn-glow: var(--primary-glow);
    border: 1px solid var(--btn-color);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    color: var(--btn-color);
    transition: all 0.3s;
}

.btn-outline:hover {
    background: var(--btn-glow);
    color: #fff;
}

.outline-green { --btn-color: #00ff88; --btn-glow: rgba(0, 255, 136, 0.2); }
.outline-blue { --btn-color: #0088ff; --btn-glow: rgba(0, 136, 255, 0.2); }
.outline-purple { --btn-color: #b533ff; --btn-glow: rgba(181, 51, 255, 0.2); }
.outline-yellow { --btn-color: #ffcc00; --btn-glow: rgba(255, 204, 0, 0.2); }

.btn-gorgeous {
    background: linear-gradient(135deg, #ff0055, var(--primary-orange));
    color: #fff !important;
    padding: 0.6rem 1.4rem;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    box-shadow: 0 8px 20px rgba(255, 105, 0, 0.4);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85rem !important;
}

.btn-gorgeous:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 15px 30px rgba(255, 105, 0, 0.6);
    color: #fff !important;
}

.btn-gorgeous.gorgeous-login {
    background: linear-gradient(135deg, #00d2ff, #3a7bd5);
    box-shadow: 0 8px 20px rgba(0, 136, 255, 0.4);
}

.btn-gorgeous.gorgeous-login:hover {
    box-shadow: 0 15px 30px rgba(0, 136, 255, 0.6);
}

/* Hero Section */
.hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5rem 5%;
    min-height: 80vh;
    gap: 3rem;
}

.hero-content {
    flex: 1;
    max-width: 600px;
}

.badge {
    display: inline-block;
    padding: 0.4rem 1rem;
    background: rgba(255, 105, 0, 0.1);
    border: 1px solid rgba(255, 105, 0, 0.2);
    color: var(--primary-orange);
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

h1 {
    font-family: 'Outfit', sans-serif;
    font-size: 4rem;
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

.gradient-text {
    background: linear-gradient(135deg, #fff 0%, var(--primary-orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero p {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
}

/* Button */
.btn-primary {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.5rem;
    background: var(--primary-orange);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 10px 30px var(--primary-glow);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 40px var(--primary-glow);
}

.btn-glow {
    position: absolute;
    top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transform: skewX(-20deg);
    animation: shine 3s infinite;
}

@keyframes shine {
    0% { left: -100%; }
    20% { left: 200%; }
    100% { left: 200%; }
}

.download-status {
    margin-top: 1.5rem;
    font-size: 0.9rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Status Indicator (Dot) */
.status-indicator {
    width: 10px; height: 10px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.status-indicator.live { background: var(--status-online); box-shadow: 0 0 10px var(--status-online-glow); }
.status-indicator.offline { background: var(--status-offline); box-shadow: 0 0 10px var(--status-offline-glow); }
.status-indicator.maintenance { background: var(--status-maintenance); box-shadow: 0 0 10px var(--status-maintenance-glow); }

.status-indicator.live::after {
    content: '';
    position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px;
    border-radius: 50%;
    border: 1px solid var(--status-online);
    animation: pulse-ring 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes pulse-ring {
    0% { transform: scale(0.5); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: scale(2); opacity: 0; }
}

/* Image Mockup */
.hero-image-wrapper {
    flex: 1;
    position: relative;
    perspective: 1000px;
}

.mockup-img {
    width: 100%;
    max-width: 600px;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.6);
    transform: rotateY(-10deg) rotateX(5deg);
    transition: transform 0.5s ease;
    border: 1px solid var(--border-color);
}

.hero-image-wrapper:hover .mockup-img {
    transform: rotateY(0deg) rotateX(0deg);
}

/* Status Section */
.status-section {
    padding: 5rem 5%;
}

.section-header {
    text-align: center;
    margin-bottom: 4rem;
}

.section-header h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.section-header p {
    color: var(--text-muted);
    font-size: 1.1rem;
}

.status-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Glassmorphism Cards */
.status-card {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 2rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: transform 0.3s, border-color 0.3s;
}

.status-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.2);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-header h3 {
    font-size: 1.2rem;
    font-weight: 600;
}

.status-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.3rem 0.8rem;
    border-radius: 50px;
    background: rgba(0,0,0,0.3);
}

.card-body p {
    color: var(--text-muted);
    font-size: 0.95rem;
}

.ping-time {
    margin-top: auto;
    font-size: 0.85rem;
    color: var(--text-muted);
    font-family: monospace;
}

footer {
    text-align: center;
    padding: 3rem;
    color: var(--text-muted);
    border-top: 1px solid var(--border-color);
    margin-top: 5rem;
}

/* Resellers Section */
.resellers-section {
    padding: 5rem 5%;
}

.resellers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.reseller-card {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 2rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    text-align: center;
    transition: transform 0.3s, border-color 0.3s;
}

.reseller-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 105, 0, 0.4);
}

.reseller-logo {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary-orange), #ff3300);
    border-radius: 50%;
    margin: 0 auto 1rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 5px 15px rgba(255, 105, 0, 0.3);
}

.reseller-logo-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto 1rem auto;
    object-fit: cover;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 2px solid var(--border-color);
    display: block;
}

.reseller-name {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.2rem;
}

.reseller-country {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.reseller-website {
    color: var(--primary-orange);
    text-decoration: none;
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
    display: inline-block;
}

.reseller-website:hover {
    text-decoration: underline;
}

.reseller-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
}

.social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: transform 0.2s, box-shadow 0.2s;
    color: #fff;
    text-decoration: none;
}

.social-btn:hover {
    transform: scale(1.1);
}

.social-btn.wa {
    background: #25D366;
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);
}

.social-btn.tg {
    background: #0088cc;
    box-shadow: 0 5px 15px rgba(0, 136, 204, 0.3);
}

/* Support Section */
.support-section {
    padding: 5rem 5%;
}

.support-content {
    display: flex;
    justify-content: center;
}

.support-card {
    text-align: center;
    align-items: center;
    max-width: 500px;
    padding: 3rem;
}

.telegram-icon {
    margin-bottom: 1rem;
    filter: drop-shadow(0 0 15px rgba(0, 136, 204, 0.4));
    transition: transform 0.3s;
}

.support-card:hover .telegram-icon {
    transform: scale(1.1);
}

.telegram-btn {
    margin-top: 1.5rem;
    background: #0088cc;
    box-shadow: 0 10px 30px rgba(0, 136, 204, 0.3);
}

.telegram-btn:hover {
    box-shadow: 0 15px 40px rgba(0, 136, 204, 0.5);
}

/* Auth Sections */
.auth-section {
    padding: 5rem 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
}

.auth-container {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 3rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    width: 100%;
    max-width: 500px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

.auth-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.auth-header h2 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.auth-header p {
    color: var(--text-muted);
    font-size: 0.95rem;
}

.auth-form .form-group {
    margin-bottom: 1.5rem;
    text-align: left;
}

.auth-form label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-muted);
}

.auth-form input {
    width: 100%;
    padding: 0.8rem 1rem;
    background: rgba(0,0,0,0.2);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    outline: none;
    transition: border-color 0.3s;
}

.auth-form input:focus {
    border-color: var(--primary-orange);
    box-shadow: 0 0 10px rgba(255, 105, 0, 0.2);
}

.form-row {
    display: flex;
    gap: 1rem;
}

.form-row .form-group {
    flex: 1;
}

.captcha-box {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.captcha-box img {
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.w-100 {
    width: 100%;
    margin-top: 1rem;
}

.auth-footer {
    margin-top: 2rem;
    text-align: center;
    font-size: 0.9rem;
    color: var(--text-muted);
}

.auth-footer a {
    text-decoration: none;
    font-weight: 600;
}

.auth-footer a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 900px) {
    .hero {
        flex-direction: column;
        text-align: center;
        padding-top: 2rem;
    }
    h1 { font-size: 3rem; }
    .hero-actions, .download-status {
        justify-content: center;
    }
    .mockup-img { transform: none; }
    .hero-image-wrapper:hover .mockup-img { transform: none; }
}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:14px;border:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;background:rgba(255,255,255,.06);font-weight:800}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(430px,100%);background:rgba(25,27,35,.82);border:1px solid var(--border-color);border-radius:24px;padding:2rem;box-shadow:0 30px 90px rgba(0,0,0,.45);backdrop-filter:blur(20px)}.auth-card h1{font-family:Outfit,sans-serif;margin:0 0 .35rem;font-size:2rem}.auth-card p{color:var(--text-muted);margin:0 0 1.4rem}.auth-card input{width:100%;padding:1rem;margin:.45rem 0;border-radius:14px;border:1px solid var(--border-color);background:rgba(255,255,255,.06);color:#fff;outline:none}.auth-card input:focus{border-color:var(--primary-orange);box-shadow:0 0 0 4px rgba(255,105,0,.12)}.auth-card button{width:100%;margin-top:.7rem;border:0}.alert{border-radius:14px;padding:.9rem 1rem;margin-bottom:1rem;font-weight:700}.alert.error{background:rgba(255,51,51,.12);border:1px solid rgba(255,51,51,.25);color:#ffb4b4}.alert.success{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.25);color:#a7ffd2}.auth-links{margin-top:1rem;text-align:center}.auth-links a{color:var(--primary-orange);text-decoration:none;font-weight:800}.status-section,.resellers-section,.support-section{padding:4rem 2rem}@media(max-width:900px){.feature-grid{grid-template-columns:1fr}.navbar{align-items:flex-start;gap:1rem;flex-direction:column}nav{flex-wrap:wrap}.hero{grid-template-columns:1fr}.mockup-img{max-width:100%}}

/* Multipage release fixes */
.compact-hero{min-height:68vh;padding-top:4rem;padding-bottom:4rem}
.page-hero{padding:5rem 5% 2rem;text-align:center;max-width:980px;margin:0 auto}
.page-hero h1{font-size:3.4rem;margin-bottom:1rem}
.page-hero p{color:var(--text-muted);font-size:1.1rem}
.price-big{font-size:2rem!important;color:var(--primary-orange)!important;font-weight:800!important;margin:1rem 0!important}
.auth-page.with-nav{min-height:calc(100vh - 96px);padding-top:2rem}
.auth-card select{width:100%;padding:1rem;margin-bottom:1rem;border-radius:12px;border:1px solid var(--border-color);background:rgba(255,255,255,.06);color:#fff}
.auth-card option{background:#111827;color:#fff}
.alert{padding:1rem;border-radius:12px;margin:1rem 0;font-weight:600}
.alert.error{background:rgba(255,51,51,.12);border:1px solid rgba(255,51,51,.3);color:#ffb4b4}
.alert.success{background:rgba(0,255,136,.12);border:1px solid rgba(0,255,136,.3);color:#b8ffd9}
@media(max-width:900px){.navbar{gap:1rem;align-items:flex-start}.navbar nav{flex-wrap:wrap}.page-hero h1{font-size:2.4rem}}


/* ===== Mi Assistant Pro UI Refresh v2.0 ===== */
:root{--cyan:#00d2ff;--purple:#7c3aed;--green:#00ff88;--glass:rgba(255,255,255,.07)}
.navbar{padding:1.1rem 5%;}
.logo{color:#fff;text-decoration:none}.premium-hero{min-height:86vh;padding-top:4rem;position:relative}.premium-hero:before{content:"";position:absolute;inset:40px 5% auto 5%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,105,0,.55),transparent)}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.btn-soft{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.6rem;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid var(--border-color);color:#fff;text-decoration:none;font-weight:800;transition:.25s}.btn-soft:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.hero-live-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.live-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#d9dcec;font-size:.9rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.premium-device-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:14px;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 70px rgba(255,105,0,.12);backdrop-filter:blur(22px);transform:rotateY(-8deg) rotateX(3deg);transition:.4s}.premium-device-card:hover{transform:rotateY(0) rotateX(0) translateY(-4px)}.device-top{display:flex;gap:7px;padding:5px 0 13px}.device-top span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.24)}.premium-device-card .mockup-img{transform:none;max-width:640px;border-radius:18px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.mini-stats div{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;text-align:center}.mini-stats b{display:block;color:#fff}.mini-stats span{font-size:.78rem;color:var(--text-muted)}
.quick-services{padding:2rem 5% 5rem}.service-strip{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.service-tile{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;box-shadow:0 20px 50px rgba(0,0,0,.22);transition:.25s;min-height:210px}.service-tile:hover{transform:translateY(-6px);border-color:rgba(255,105,0,.45)}.service-tile.featured{background:linear-gradient(135deg,rgba(255,105,0,.22),rgba(124,58,237,.14))}.tile-icon{font-size:2rem;display:block;margin-bottom:.8rem}.service-tile h3{font-family:Outfit,sans-serif;font-size:1.35rem;margin-bottom:.55rem}.service-tile p{color:var(--text-muted);margin-bottom:1rem}.service-tile a,.service-tile strong{color:var(--green);font-weight:900;text-decoration:none}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;max-width:1200px;margin:0 auto}.card-badge{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-orange),#ff0055);font-weight:900;margin-bottom:.4rem;box-shadow:0 12px 30px rgba(255,105,0,.28)}.status-card h3{font-family:Outfit,sans-serif}.final-cta{padding-top:2rem}.cta-box{max-width:900px;margin:0 auto;text-align:center;background:linear-gradient(135deg,rgba(255,105,0,.18),rgba(0,136,255,.12));border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:3rem;box-shadow:0 30px 80px rgba(0,0,0,.28)}.cta-box h3{font-family:Outfit,sans-serif;font-size:2rem;margin-bottom:.8rem}.cta-box p{color:var(--text-muted);margin-bottom:1.5rem}.page-hero{padding:5rem 5% 2rem;text-align:center}.page-hero h1{font-size:3.2rem}.reseller-hero{background:radial-gradient(circle at 50% 0,rgba(255,105,0,.18),transparent 45%)}
@media(max-width:980px){.hero{flex-direction:column;text-align:center}.hero-content{max-width:100%}.hero-actions,.hero-live-row{justify-content:center}.service-strip{grid-template-columns:repeat(2,1fr)}h1{font-size:3rem}nav{flex-wrap:wrap;justify-content:center}.navbar{position:relative;flex-direction:column;gap:1rem}}
@media(max-width:620px){.service-strip{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr}.hero{padding:3rem 5%;min-height:auto}h1{font-size:2.3rem}.cta-box{padding:2rem}.btn-primary,.btn-soft{width:100%}}