:root{
    --bg:#03050b;
    --bg-2:#070c17;
    --bg-3:#0c1324;
    --surface:rgba(255,255,255,.05);
    --surface-2:rgba(255,255,255,.08);
    --border:rgba(255,255,255,.10);
    --border-strong:rgba(255,255,255,.16);
    --text:#eef4ff;
    --muted:#aab7d4;
    --accent:#7c8cff;
    --accent-2:#6ee7ff;
    --accent-3:#b16cff;
    --shadow:0 30px 90px rgba(0,0,0,.42);
    --radius:28px;
    --radius-sm:20px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
    color:var(--text);
    background:
        radial-gradient(1200px 700px at 15% 10%, rgba(124,140,255,.14), transparent 50%),
        radial-gradient(900px 600px at 85% 18%, rgba(177,108,255,.12), transparent 45%),
        linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 42%, var(--bg) 100%);
    overflow-x:hidden;
}

a{text-decoration:none}
img{max-width:100%;display:block}

.page-bg{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(800px 420px at 15% 18%, rgba(124,140,255,.08), transparent 55%),
        radial-gradient(700px 420px at 80% 12%, rgba(177,108,255,.08), transparent 55%);
}

.progress-bar-top{
    position:fixed;
    inset:0 0 auto 0;
    height:3px;
    z-index:1200;
    background:rgba(255,255,255,.04);
}
.progress-bar-top span{
    display:block;
    width:0;
    height:100%;
    background:linear-gradient(90deg,var(--accent),var(--accent-3));
    box-shadow:0 0 18px rgba(124,140,255,.35);
}

main,header,footer,.navbar,.offcanvas,.modal{
    position:relative;
    z-index:1;
}

.nav-glass{
    backdrop-filter:blur(18px);
    background:rgba(3,5,11,.72);
    border-bottom:1px solid rgba(255,255,255,.06);
}

.brand-mark{
    width:44px;
    height:44px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,var(--accent),var(--accent-3));
    box-shadow:0 16px 35px rgba(124,140,255,.22);
    flex:none;
}
.brand-mark svg{width:22px;height:22px}
.brand-title{font-size:16px;font-weight:800;line-height:1.1}
.brand-sub{font-size:12px;color:var(--muted);line-height:1.1;margin-top:2px}

.navbar .nav-link{
    color:var(--muted);
    font-weight:500;
    padding-inline:14px!important;
    position:relative;
    transition:color .2s ease;
}
.navbar .nav-link:hover,
.navbar .nav-link.active{color:var(--text)}
.navbar .nav-link::after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:6px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--accent),var(--accent-3));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .22s ease;
}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after{transform:scaleX(1)}

.btn{
    border-radius:999px;
    font-weight:700;
    border:1px solid transparent;
    box-shadow:none!important;
}
.btn-lg{padding:.9rem 1.35rem}
.btn-accent{
    color:#fff;
    background:linear-gradient(135deg,var(--accent) 0%, var(--accent-3) 100%);
    border-color:transparent;
    box-shadow:0 16px 34px rgba(124,140,255,.22)!important;
}
.btn-accent:hover,
.btn-accent:focus{
    color:#fff;
    transform:translateY(-1px);
}
.btn-ghost{
    color:var(--text);
    background:rgba(255,255,255,.03);
    border-color:rgba(255,255,255,.10);
}
.btn-ghost:hover,
.btn-ghost:focus{
    color:var(--text);
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.16);
    transform:translateY(-1px);
}

.nav-offcanvas{
    background:linear-gradient(180deg,#050913 0%, #0a1020 100%);
    border-left:1px solid rgba(255,255,255,.08);
}

.mobile-links{
    display:grid;
    gap:14px;
}
.mobile-links a{
    color:var(--text);
    font-size:18px;
    font-weight:600;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.hero-section{
    position:relative;
    min-height:100svh;
    display:flex;
    align-items:center;
    padding-top:96px;
    padding-bottom:32px;
    overflow:hidden;
}
.hero-shell{
    position:relative;
    z-index:2;
}
.hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
    gap:clamp(24px,4vw,64px);
    align-items:center;
}

.hero-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(68px);
    opacity:.4;
    pointer-events:none;
}
.hero-orb-1{
    width:360px;height:360px;
    left:-80px;top:110px;
    background:rgba(124,140,255,.16);
}
.hero-orb-2{
    width:280px;height:280px;
    right:4%;top:16%;
    background:rgba(177,108,255,.16);
}
.hero-noise{
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size:48px 48px;
    opacity:.12;
    mask-image:radial-gradient(circle at center, black 28%, transparent 85%);
}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.7rem;
    padding:.72rem 1rem;
    border:1px solid var(--border);
    border-radius:999px;
    background:rgba(255,255,255,.03);
    color:#dfe8ff;
    font-size:.95rem;
    margin-bottom:1.2rem;
    backdrop-filter:blur(14px);
}
.eyebrow-dot{
    width:10px;height:10px;border-radius:50%;
    background:linear-gradient(135deg,#4ade80,#22c55e);
    box-shadow:0 0 0 6px rgba(34,197,94,.12);
}

.hero-title{
    font-size:clamp(2.7rem, 5vw, 5.7rem);
    line-height:.95;
    letter-spacing:-.06em;
    font-weight:900;
    max-width:12ch;
    margin:0;
}
.text-gradient{
    background:linear-gradient(135deg, #fff 0%, #8ea3ff 40%, #d59bff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.hero-lead{
    margin-top:1.25rem;
    max-width:62ch;
    color:var(--muted);
    font-size:clamp(1rem, 1.25vw, 1.12rem);
    line-height:1.8;
}

.hero-badges{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:12px;
    max-width:760px;
    margin-top:1.35rem;
}
.badge-card{
    padding:1rem 1rem .9rem;
    border:1px solid var(--border);
    background:rgba(255,255,255,.04);
    border-radius:var(--radius-sm);
    backdrop-filter:blur(14px);
}
.badge-card strong{
    display:block;
    font-size:1.35rem;
    letter-spacing:-.04em;
}
.badge-card span{
    color:var(--muted);
    font-size:.85rem;
}

.hero-visual{
    min-width:0;
}
.showcase-frame{
    border:1px solid var(--border);
    border-radius:calc(var(--radius) + 4px);
    background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
    box-shadow:var(--shadow);
    backdrop-filter:blur(18px);
    padding:1rem;
    position:relative;
    overflow:hidden;
    min-height:min(740px, 84svh);
}
.showcase-frame::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(500px 220px at 15% 10%, rgba(124,140,255,.16), transparent 55%),
        radial-gradient(500px 220px at 90% 0%, rgba(177,108,255,.16), transparent 52%);
    pointer-events:none;
}
.showcase-topbar,
.showcase-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    position:relative;
    z-index:1;
}
.showcase-topbar{
    padding:.1rem .15rem .9rem;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.window-dots{
    display:flex;
    gap:.35rem;
}
.window-dots span{
    width:10px;height:10px;border-radius:50%;
    background:rgba(255,255,255,.2);
}
.window-dots span:nth-child(1){background:#f87171}
.window-dots span:nth-child(2){background:#fbbf24}
.window-dots span:nth-child(3){background:#34d399}
.showcase-url{
    color:var(--muted);
    font-size:.86rem;
    letter-spacing:.04em;
}
.showcase-chip{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.55rem .8rem;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#dfe7fb;
    font-size:.86rem;
}
.showcase-body{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-rows:auto auto auto;
    gap:1rem;
    padding-top:1rem;
}
.showcase-hero{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
}
.showcase-heading h2{
    margin:0;
    font-size:clamp(1.5rem, 2.2vw, 2.3rem);
    line-height:1.02;
    letter-spacing:-.05em;
    font-weight:900;
}
.showcase-heading p{
    margin:.65rem 0 0;
    color:var(--muted);
    line-height:1.7;
}

.showcase-image{
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    background:
        radial-gradient(700px 220px at 10% 0%, rgba(124,140,255,.12), transparent 58%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    padding:1rem;
    min-height:260px;
    overflow:hidden;
}
.mock-screen{
    height:100%;
    border-radius:20px;
    background:
        linear-gradient(180deg, rgba(8,15,29,.96), rgba(12,18,32,.98));
    border:1px solid rgba(255,255,255,.06);
    padding:1rem;
}
.mock-screen-header{
    height:14px;
    width:52%;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(124,140,255,.75), rgba(177,108,255,.75));
    opacity:.85;
}
.mock-screen-main{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:12px;
    margin-top:1rem;
    height:calc(100% - 24px);
}
.mock-screen-card{
    border-radius:18px;
    background:
        radial-gradient(circle at 20% 20%, rgba(124,140,255,.25), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.06);
}
.mock-screen-card-lg{
    min-height:180px;
}
.mock-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}
.mock-grid div{
    border-radius:16px;
    min-height:82px;
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.06);
}
.glass-metrics{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:12px;
}
.metric{
    padding:1rem;
    border-radius:22px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.04);
}
.metric-value{
    display:block;
    font-size:2rem;
    font-weight:900;
    letter-spacing:-.06em;
    line-height:1;
}
.metric-label{
    display:block;
    margin-top:.45rem;
    color:var(--muted);
    font-size:.83rem;
    line-height:1.45;
}
.showcase-bottom{
    padding-top:1rem;
    border-top:1px solid rgba(255,255,255,.08);
}
.mini-label{
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:.72rem;
    margin-bottom:.35rem;
}
.hero-card-text{
    font-size:1.05rem;
    font-weight:700;
}
.status-dot{
    width:10px;height:10px;border-radius:50%;
    background:#4ade80;
    box-shadow:0 0 0 6px rgba(34,197,94,.12);
}

.section-pad{
    padding:96px 0;
    position:relative;
}
.section-alt{
    background:
        radial-gradient(900px 300px at 20% 0%, rgba(124,140,255,.08), transparent 55%),
        radial-gradient(900px 300px at 80% 10%, rgba(177,108,255,.08), transparent 52%);
}
.section-head{
    display:flex;
    justify-content:space-between;
    gap:1.5rem;
    align-items:end;
    margin-bottom:1.8rem;
}
.section-kicker{
    color:#9eb0d6;
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:.76rem;
    margin:0 0 .55rem;
}
.section-head h2{
    font-size:clamp(2rem, 3vw, 3.2rem);
    line-height:1.02;
    letter-spacing:-.05em;
    font-weight:900;
    margin:0;
}
.section-sub{
    max-width:52ch;
    color:var(--muted);
    line-height:1.8;
    margin:0;
}

.service-card,
.case-card,
.price-card,
.premium-panel,
.quote-panel,
.contact-box,
.accordion-clean .accordion-item,
.lead-modal{
    border:1px solid var(--border);
    background:rgba(255,255,255,.045);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    backdrop-filter:blur(16px);
}

.service-card{
    padding:1.4rem;
    transition:transform .25s ease, border-color .25s ease, background .25s ease;
    min-height:100%;
}
.service-card:hover,
.case-card:hover,
.price-card:hover,
.contact-box:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.16);
}
.service-icon{
    width:52px;height:52px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg, rgba(124,140,255,.18), rgba(177,108,255,.18));
    border:1px solid rgba(255,255,255,.08);
    font-size:1.3rem;
    margin-bottom:1rem;
}
.service-card h3,
.case-card h3,
.price-card h3{
    letter-spacing:-.03em;
    font-weight:800;
}
.service-card p,
.case-card p,
.price-card p,
.timeline-item p,
.quote-text,
.accordion-body,
.contact-box p{
    color:var(--muted);
    line-height:1.8;
}

.feature-list{
    list-style:none;
    padding:0;
    margin:1rem 0 0;
    display:grid;
    gap:.7rem;
}
.feature-list li{
    display:flex;
    align-items:center;
    gap:.65rem;
    color:#dce6ff;
}
.feature-list li::before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--accent),var(--accent-3));
    box-shadow:0 0 0 6px rgba(124,140,255,.10);
    flex:none;
}

.premium-panel,
.quote-panel,
.contact-box{
    padding:1.5rem;
}
.timeline{
    display:grid;
    gap:1rem;
}
.timeline-item{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:1rem;
    padding:1rem;
    border-radius:24px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
}
.timeline-num{
    width:48px;height:48px;
    border-radius:16px;
    display:grid;
    place-items:center;
    font-weight:900;
    background:linear-gradient(135deg,var(--accent),var(--accent-3));
}
.timeline-item h4{
    margin:0 0 .35rem;
    font-weight:800;
    letter-spacing:-.03em;
}

.quote-text{
    font-size:clamp(1.15rem, 1.5vw, 1.45rem);
    margin:0;
}
.quote-footer{
    margin-top:1.35rem;
    padding-top:1.1rem;
    border-top:1px solid rgba(255,255,255,.08);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
}
.person{
    display:flex;
    gap:.9rem;
    align-items:center;
}
.avatar{
    width:54px;height:54px;
    border-radius:50%;
    background:
        radial-gradient(circle at 30% 30%, rgba(255,255,255,.4), transparent 30%),
        linear-gradient(135deg,#5b7cff,#b16cff);
    box-shadow:0 18px 35px rgba(124,140,255,.22);
}
.person strong{display:block}
.person span{display:block;color:var(--muted);font-size:.9rem;margin-top:.15rem}

.case-card{
    padding:1.4rem;
    min-height:100%;
}
.case-visual{
    height:180px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    margin-bottom:1rem;
    overflow:hidden;
    position:relative;
}
.case-visual::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.01));
    opacity:.85;
}
.case-visual::after{
    content:"";
    position:absolute;
    left:12px;
    top:12px;
    right:12px;
    height:14px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    box-shadow:
        0 26px 0 rgba(255,255,255,.08),
        0 52px 0 rgba(255,255,255,.06),
        0 78px 0 rgba(255,255,255,.05);
}
.case-visual-a{
    background:
        radial-gradient(circle at 20% 20%, rgba(124,140,255,.35), transparent 32%),
        radial-gradient(circle at 80% 30%, rgba(177,108,255,.26), transparent 26%),
        linear-gradient(135deg, rgba(10,15,28,.95), rgba(21,28,48,.92));
}
.case-visual-b{
    background:
        radial-gradient(circle at 20% 20%, rgba(110,231,255,.26), transparent 32%),
        radial-gradient(circle at 72% 38%, rgba(124,140,255,.30), transparent 26%),
        linear-gradient(135deg, rgba(10,15,28,.95), rgba(21,28,48,.92));
}
.case-visual-c{
    background:
        radial-gradient(circle at 24% 26%, rgba(177,108,255,.24), transparent 30%),
        radial-gradient(circle at 76% 32%, rgba(124,140,255,.30), transparent 26%),
        linear-gradient(135deg, rgba(10,15,28,.95), rgba(21,28,48,.92));
}
.case-tag{
    display:inline-flex;
    padding:.45rem .8rem;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#d9e5ff;
    font-size:.82rem;
    margin-bottom:1rem;
}
.case-card h3{
    font-size:2rem;
    margin-bottom:.75rem;
}
.case-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
    margin-top:1.2rem;
}
.case-meta span{
    padding:.5rem .75rem;
    border-radius:999px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
    color:#dce6ff;
    font-size:.85rem;
}

.premium-banner{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    align-items:center;
    padding:1.4rem 1.5rem;
    border-radius:var(--radius);
    border:1px solid rgba(255,255,255,.10);
    background:
        radial-gradient(700px 220px at 10% 20%, rgba(124,140,255,.12), transparent 58%),
        radial-gradient(700px 220px at 90% 0%, rgba(177,108,255,.12), transparent 56%),
        rgba(255,255,255,.04);
    box-shadow:var(--shadow);
}
.premium-banner h3{
    margin:0 0 .35rem;
    letter-spacing:-.04em;
    font-weight:900;
}
.premium-banner p{
    margin:0;
    color:var(--muted);
}

.price-card{
    padding:1.4rem;
    min-height:100%;
}
.price-card.featured{
    border-color:rgba(124,140,255,.28);
    background:
        radial-gradient(700px 240px at 20% 0%, rgba(124,140,255,.12), transparent 55%),
        rgba(255,255,255,.05);
}
.feature-badge{
    display:inline-flex;
    margin-bottom:1rem;
    padding:.45rem .75rem;
    border-radius:999px;
    background:linear-gradient(135deg,var(--accent),var(--accent-3));
    color:#fff;
    font-size:.82rem;
    font-weight:700;
}
.price-top{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    align-items:flex-start;
}
.price-top p{
    margin:.35rem 0 0;
    color:var(--muted);
}
.price-card .price{
    font-size:1.55rem;
    font-weight:900;
    letter-spacing:-.04em;
    white-space:nowrap;
}
.price-card ul{
    margin:1rem 0 1.2rem;
    padding-left:1.1rem;
    color:#dce6ff;
    line-height:1.9;
}
.price-card li::marker{
    color:var(--accent-2);
}

.accordion-clean{
    display:grid;
    gap:1rem;
}
.accordion-clean .accordion-item{
    overflow:hidden;
}
.accordion-clean .accordion-button{
    background:transparent;
    color:var(--text);
    font-weight:700;
    padding:1.1rem 1.2rem;
    box-shadow:none;
}
.accordion-clean .accordion-button:not(.collapsed){
    color:var(--text);
    background:rgba(255,255,255,.03);
}
.accordion-clean .accordion-button::after{
    filter:invert(1);
}
.accordion-clean .accordion-body{
    padding:0 1.2rem 1.15rem;
}

.section-contact{
    padding-top:40px;
}
.contact-box{
    background:
        radial-gradient(900px 280px at 20% 0%, rgba(124,140,255,.16), transparent 55%),
        radial-gradient(900px 280px at 85% 20%, rgba(177,108,255,.16), transparent 52%),
        rgba(255,255,255,.045);
}
.contact-box h2{
    margin:0;
    font-size:clamp(2rem, 3vw, 3.2rem);
    line-height:1.02;
    letter-spacing:-.05em;
    font-weight:900;
}

.footer{
    border-top:1px solid rgba(255,255,255,.08);
    color:var(--muted);
    z-index:1;
    position:relative;
}
.footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
}
.footer-links a{
    color:var(--muted);
}
.footer-links a:hover{
    color:var(--text);
}

.lead-modal{
    overflow:hidden;
}
.modal-content.lead-modal{
    background:
        radial-gradient(700px 260px at 20% 0%, rgba(124,140,255,.12), transparent 55%),
        linear-gradient(180deg, rgba(8,13,24,.98), rgba(12,17,30,.98));
}
.modal-title{
    font-size:1.55rem;
    font-weight:900;
    letter-spacing:-.03em;
}
.form-label{
    color:#dfe7fb;
    font-weight:600;
    margin-bottom:.45rem;
}
.form-control{
    border-radius:18px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.10);
    color:var(--text);
    padding:.95rem 1rem;
}
.form-control:focus{
    background:rgba(255,255,255,.06);
    border-color:rgba(124,140,255,.50);
    color:var(--text);
    box-shadow:0 0 0 .2rem rgba(124,140,255,.14);
}
.form-control::placeholder{color:#7f8aa9}

.reveal{
    opacity:0;
    transform:translateY(18px);
    transition:opacity .75s cubic-bezier(.2,.8,.2,1), transform .75s cubic-bezier(.2,.8,.2,1);
    will-change:opacity, transform;
}
.reveal.is-visible{
    opacity:1;
    transform:translateY(0);
}

@media (max-width: 1199.98px){
    .hero-grid{
        grid-template-columns:1fr;
    }
    .hero-title{
        max-width:14ch;
    }
    .showcase-frame{
        min-height:auto;
    }
}

@media (max-width: 991.98px){
    .hero-section{
        min-height:auto;
        padding-top:88px;
        padding-bottom:28px;
    }
    .hero-badges{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
    .glass-metrics{
        grid-template-columns:1fr;
    }
    .section-head{
        align-items:start;
        flex-direction:column;
    }
    .premium-banner{
        flex-direction:column;
        align-items:flex-start;
    }
    .price-top{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width: 767.98px){
    .section-pad{
        padding:72px 0;
    }
    .hero-title{
        font-size:clamp(2.4rem, 11vw, 4rem);
    }
    .hero-lead{
        font-size:1rem;
    }
    .hero-badges{
        grid-template-columns:1fr 1fr;
    }
    .showcase-frame{
        padding:.85rem;
    }
    .showcase-image{
        min-height:220px;
    }
    .mock-screen-main{
        grid-template-columns:1fr;
    }
    .mock-screen-card-lg{
        min-height:140px;
    }
    .quote-footer{
        flex-direction:column;
        align-items:flex-start;
    }
    .navbar .nav-actions{
        display:none!important;
    }
}

@media (max-width: 575.98px){
    .hero-badges{
        grid-template-columns:1fr;
    }
    .hero-actions-row{
        flex-direction:column;
    }
    .hero-actions-row .btn{
        width:100%;
    }
    .premium-panel,
    .quote-panel,
    .contact-box,
    .service-card,
    .case-card,
    .price-card{
        padding:1.1rem;
    }
    .showcase-topbar{
        flex-wrap:wrap;
        justify-content:flex-start;
    }
    .showcase-chip{
        width:100%;
        justify-content:center;
    }
}

@media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    *, *::before, *::after{
        animation:none!important;
        transition:none!important;
    }
    .reveal{opacity:1;transform:none}
}