/* =========================================================
   MILLERTECH SOLUTIONS
   HOME PAGE
========================================================= */


/* =========================================================
   1. HOME HERO
========================================================= */

.home-hero{
    position:relative;
    display:flex;
    align-items:center;
    min-height:100vh;
    padding:170px 0 95px;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(57,196,255,.12),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #07111f 0%,
            #091528 100%
        );
}

.hero-background{
    position:absolute;
    inset:0;
    z-index:-2;
    overflow:hidden;
    pointer-events:none;
}

.hero-grid-pattern{
    position:absolute;
    inset:0;
    opacity:.22;
    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );
    background-size:60px 60px;
    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.9),
            transparent 92%
        );
}

.hero-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(70px);
    opacity:.75;
}

.hero-glow-one{
    width:720px;
    height:720px;
    top:-290px;
    right:-170px;
    background:
        radial-gradient(
            circle,
            rgba(47,143,255,.24),
            transparent 68%
        );
}

.hero-glow-two{
    width:620px;
    height:620px;
    left:-280px;
    bottom:-360px;
    background:
        radial-gradient(
            circle,
            rgba(57,196,255,.12),
            transparent 68%
        );
}

.hero-orb{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(57,196,255,.15);
    animation:heroOrbFloat 10s ease-in-out infinite;
}

.hero-orb-one{
    width:190px;
    height:190px;
    top:16%;
    right:7%;
}

.hero-orb-two{
    width:100px;
    height:100px;
    left:8%;
    bottom:22%;
    animation-delay:-4s;
}

@keyframes heroOrbFloat{
    0%,
    100%{
        transform:translate3d(0,0,0);
    }

    50%{
        transform:translate3d(0,-18px,0);
    }
}

.home-hero .hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
    gap:76px;
    align-items:center;
}

.hero-copy{
    min-width:0;
}

.hero-copy .eyebrow{
    margin-bottom:22px;
}

.hero-copy h1{
    max-width:760px;
    margin:0 0 28px;
    font-size:clamp(54px,5.7vw,82px);
    line-height:1;
    letter-spacing:-.045em;
}

.hero-copy h1 em{
    display:block;
    color:#39c4ff;
    font-style:normal;
}

.hero-copy > p{
    max-width:690px;
    margin:0;
    color:#bac8db;
    font-size:18px;
    line-height:1.85;
}

.home-hero .hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.hero-proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
    margin-top:48px;
}

.hero-proof > div{
    min-width:0;
    padding:19px 17px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:rgba(255,255,255,.035);
    backdrop-filter:blur(16px);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.hero-proof > div:hover{
    transform:translateY(-5px);
    border-color:rgba(57,196,255,.3);
    background:rgba(57,196,255,.07);
}

.hero-proof strong{
    display:block;
    margin-bottom:6px;
    color:#fff;
    font-size:14px;
    line-height:1.35;
}

.hero-proof span{
    display:block;
    color:#91a4bd;
    font-size:12px;
    line-height:1.5;
}


/* =========================================================
   HERO DASHBOARD
========================================================= */

.hero-visual{
    position:relative;
    min-width:0;
    perspective:1400px;
}

.visual-glow{
    position:absolute;
    inset:8% 4%;
    z-index:-1;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(47,143,255,.28),
            rgba(57,196,255,.08) 44%,
            transparent 70%
        );
    filter:blur(48px);
}

.dashboard-shell{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.11);
    border-radius:27px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(57,196,255,.11),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(18,34,58,.97),
            rgba(8,18,34,.99)
        );
    box-shadow:
        0 45px 100px rgba(0,0,0,.48),
        0 0 50px rgba(47,143,255,.10),
        inset 0 1px 0 rgba(255,255,255,.04);
    transform:rotateY(-4deg) rotateX(2deg);
    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}

.hero-visual:hover .dashboard-shell{
    transform:rotateY(0) rotateX(0) translateY(-6px);
    border-color:rgba(57,196,255,.32);
    box-shadow:
        0 55px 115px rgba(0,0,0,.54),
        0 0 65px rgba(47,143,255,.14);
}

.dashboard-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:20px 24px;
    border-bottom:1px solid rgba(255,255,255,.07);
    background:rgba(5,14,27,.55);
}

.dashboard-brand{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
}

.dashboard-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 45px;
    width:45px;
    height:45px;
    border:1px solid rgba(57,196,255,.30);
    border-radius:14px;
    background:
        linear-gradient(
            135deg,
            rgba(57,196,255,.20),
            rgba(47,128,255,.10)
        );
    color:#8de6ff;
    font-size:14px;
    font-weight:800;
    letter-spacing:.05em;
}

.dashboard-brand strong{
    display:block;
    overflow:hidden;
    color:#fff;
    font-size:14px;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dashboard-brand small{
    display:block;
    margin-top:3px;
    color:#7f93ac;
    font-size:10px;
}

.dashboard-status{
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
    padding:8px 12px;
    border:1px solid rgba(57,196,255,.20);
    border-radius:999px;
    background:rgba(57,196,255,.08);
    color:#b8eaff;
    font-size:10px;
    font-weight:700;
}

.dashboard-status i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#39c4ff;
    box-shadow:0 0 14px rgba(57,196,255,.9);
}

.dashboard-layout{
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
}

.dashboard-sidebar{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
    padding:27px 14px;
    border-right:1px solid rgba(255,255,255,.06);
    background:rgba(5,14,27,.34);
}

.dashboard-sidebar span{
    width:28px;
    height:28px;
    border-radius:9px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.055);
}

.dashboard-sidebar span.active{
    background:rgba(57,196,255,.16);
    border-color:rgba(57,196,255,.34);
    box-shadow:0 0 20px rgba(57,196,255,.10);
}

.dashboard-content{
    min-width:0;
    padding:28px;
}

.dashboard-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:25px;
}

.dashboard-heading small{
    display:block;
    margin-bottom:8px;
    color:#39c4ff;
    font-size:9px;
    font-weight:800;
    letter-spacing:.15em;
}

.dashboard-heading h3{
    margin:0;
    color:#fff;
    font-size:clamp(24px,2.3vw,35px);
    line-height:1.08;
}

.dashboard-heading h3 em{
    display:block;
    color:#39c4ff;
}

.growth-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:67px;
    min-height:37px;
    padding:8px 12px;
    border:1px solid rgba(57,196,255,.25);
    border-radius:999px;
    background:rgba(57,196,255,.09);
    color:#8de6ff;
    font-size:12px;
    font-weight:800;
}

.dashboard-chart{
    position:relative;
    height:180px;
    overflow:hidden;
    margin-bottom:23px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    background:
        linear-gradient(
            180deg,
            rgba(57,196,255,.05),
            rgba(255,255,255,.015)
        );
}

.chart-lines{
    position:absolute;
    inset:0;
    display:grid;
    grid-template-rows:repeat(4,1fr);
}

.chart-lines span{
    border-bottom:1px solid rgba(255,255,255,.05);
}

.chart-bars{
    position:absolute;
    inset:22px 24px 18px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
}

.chart-bars i{
    width:100%;
    max-width:38px;
    height:var(--bar-height);
    min-height:16px;
    border-radius:10px 10px 4px 4px;
    background:
        linear-gradient(
            180deg,
            #39c4ff,
            #2f80ff
        );
    box-shadow:0 0 18px rgba(57,196,255,.18);
    transform-origin:bottom;
    animation:chartGrow 1.2s ease both;
}

.chart-bars i:nth-child(2){
    animation-delay:.08s;
}

.chart-bars i:nth-child(3){
    animation-delay:.16s;
}

.chart-bars i:nth-child(4){
    animation-delay:.24s;
}

.chart-bars i:nth-child(5){
    animation-delay:.32s;
}

.chart-bars i:nth-child(6){
    animation-delay:.40s;
}

@keyframes chartGrow{
    from{
        transform:scaleY(0);
        opacity:.2;
    }

    to{
        transform:scaleY(1);
        opacity:1;
    }
}

.dashboard-metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.dashboard-metrics article{
    min-width:0;
    padding:15px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}

.dashboard-metrics small{
    display:block;
    margin-bottom:8px;
    color:#8094ad;
    font-size:8px;
    font-weight:800;
    letter-spacing:.11em;
}

.dashboard-metrics strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:17px;
}

.dashboard-metrics span{
    display:block;
    color:#72869f;
    font-size:9px;
}

.floating-tech-card{
    position:absolute;
    z-index:4;
    display:flex;
    align-items:center;
    gap:12px;
    min-width:215px;
    padding:14px 16px;
    border:1px solid rgba(57,196,255,.20);
    border-radius:17px;
    background:rgba(9,22,40,.90);
    backdrop-filter:blur(18px);
    box-shadow:
        0 24px 55px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.04);
    transform:
        translate(
            var(--mouse-x,0),
            var(--mouse-y,0)
        );
    animation:techCardFloat 6s ease-in-out infinite;
    transition:transform .18s ease-out;
}

.floating-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 40px;
    width:40px;
    height:40px;
    border:1px solid rgba(57,196,255,.28);
    border-radius:12px;
    background:rgba(57,196,255,.10);
    color:#7ee4ff;
    font-size:18px;
}

.floating-tech-card div{
    min-width:0;
}

.floating-tech-card small{
    display:block;
    margin-bottom:3px;
    color:#39c4ff;
    font-size:8px;
    font-weight:800;
    letter-spacing:.12em;
}

.floating-tech-card strong{
    display:block;
    overflow:hidden;
    color:#fff;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.floating-tech-card b{
    margin-left:auto;
    color:#8de6ff;
    font-size:9px;
}

.automation-card{
    top:12%;
    left:-48px;
}

.security-card{
    right:-40px;
    bottom:20%;
    animation-delay:-2s;
}

.cloud-card{
    left:9%;
    bottom:-42px;
    animation-delay:-4s;
}

@keyframes techCardFloat{
    0%,
    100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }
}


/* =========================================================
   HERO MARQUEE
========================================================= */

.hero-marquee{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(255,255,255,.07);
    background:rgba(5,14,27,.55);
    backdrop-filter:blur(14px);
}

.hero-marquee-track{
    display:flex;
    align-items:center;
    width:max-content;
    min-height:48px;
    animation:homeMarquee 28s linear infinite;
}

.hero-marquee-track span{
    padding:0 25px;
    color:#aebdd1;
    font-size:10px;
    font-weight:800;
    letter-spacing:.18em;
    white-space:nowrap;
}

.hero-marquee-track i{
    color:#39c4ff;
    font-style:normal;
}

@keyframes homeMarquee{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}


/* =========================================================
   2. TECHNOLOGY PARTNER
========================================================= */

.partner-section{
    position:relative;
    padding:120px 0;
    overflow:hidden;
    border-top:1px solid rgba(57,196,255,.08);
    border-bottom:1px solid rgba(57,196,255,.08);
}

.partner-intro{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:90px;
    align-items:end;
    margin-bottom:65px;
}

.partner-heading h2{
    max-width:740px;
    margin:18px 0 0;
    font-size:clamp(40px,4.6vw,64px);
    line-height:1.04;
}

.partner-heading h2 span{
    display:block;
    color:#39c4ff;
}

.partner-copy{
    max-width:560px;
}

.partner-copy p{
    margin:0 0 24px;
    color:#aebdd1;
    font-size:17px;
    line-height:1.82;
}

.text-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#fff;
    font-weight:700;
}

.text-link:hover{
    color:#39c4ff;
    transform:translateX(5px);
}

.partner-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:hidden;
    border:1px solid rgba(57,196,255,.20);
    border-radius:22px;
    background:rgba(15,29,51,.50);
}

.partner-stat{
    position:relative;
    min-height:225px;
    padding:34px;
    transition:
        transform .35s ease,
        background .35s ease;
}

.partner-stat:not(:last-child){
    border-right:1px solid rgba(57,196,255,.14);
}

.partner-stat:hover{
    transform:translateY(-7px);
    background:rgba(57,196,255,.07);
}

.stat-number{
    display:block;
    margin-bottom:38px;
    color:#39c4ff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
}

.partner-stat h3{
    margin:0 0 11px;
    color:#fff;
    font-size:25px;
}

.partner-stat p{
    margin:0;
    color:#95a8c0;
    font-size:14px;
    line-height:1.7;
}


/* =========================================================
   3. SERVICES
========================================================= */

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:27px;
}

.service-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:355px;
    padding:38px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(57,196,255,.08),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(18,34,58,.94),
            rgba(9,20,37,.98)
        );
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.service-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:3px;
    background:linear-gradient(90deg,#39c4ff,#2f80ff);
    opacity:.55;
}

.service-card:hover{
    transform:translateY(-9px);
    border-color:rgba(57,196,255,.40);
    box-shadow:
        0 26px 65px rgba(0,0,0,.30),
        0 0 28px rgba(57,196,255,.08);
}

.service-card .icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:61px;
    height:61px;
    margin-bottom:27px;
    border:1px solid rgba(57,196,255,.28);
    border-radius:18px;
    background:rgba(57,196,255,.09);
    font-size:25px;
}

.service-card h3{
    margin:0 0 14px;
    color:#fff;
    font-size:27px;
}

.service-card p{
    margin:0 0 28px;
    color:#9fb0c7;
    line-height:1.75;
}

.service-card .btn{
    align-self:flex-start;
    margin-top:auto;
}


/* =========================================================
   4. HOME PROCESS
========================================================= */

.process-grid{
    align-items:stretch;
}

.process-card{
    min-height:285px;
}


/* =========================================================
   5. INDUSTRIES
========================================================= */

.industry-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}

.industry-card{
    position:relative;
    min-height:365px;
    padding:36px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:23px;
    background:
        linear-gradient(
            145deg,
            rgba(18,34,58,.94),
            rgba(9,20,37,.98)
        );
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.industry-card:hover{
    transform:translateY(-9px);
    border-color:rgba(57,196,255,.38);
    box-shadow:0 25px 60px rgba(0,0,0,.30);
}

.industry-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    margin-bottom:27px;
    border:1px solid rgba(57,196,255,.28);
    border-radius:18px;
    background:rgba(57,196,255,.09);
    color:#39c4ff;
    font-size:25px;
}

.industry-card h3{
    margin:0 0 14px;
    color:#fff;
    font-size:27px;
}

.industry-card p{
    margin:0;
    color:#9fb0c7;
    line-height:1.75;
}


/* =========================================================
   6. FEATURED PROJECTS
========================================================= */

.feature-grid .glass-card{
    min-height:330px;
}

.feature-grid .glass-card h3{
    margin:0 0 15px;
    color:#fff;
    font-size:28px;
}

.feature-grid .glass-card > p{
    color:#9fb0c7;
    line-height:1.8;
}


/* =========================================================
   7. WEBSITE AUDIT
========================================================= */

.website-audit{
    position:relative;
    overflow:hidden;
    padding:120px 0;
    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(47,143,255,.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #08111f,
            #0b1627
        );
    border-top:1px solid rgba(57,196,255,.10);
    border-bottom:1px solid rgba(57,196,255,.10);
}

.audit-glow{
    position:absolute;
    top:-300px;
    left:50%;
    width:760px;
    height:760px;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(47,143,255,.17),
            transparent 70%
        );
    filter:blur(50px);
    pointer-events:none;
}

.audit-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:72px;
    align-items:center;
}

.audit-copy h2{
    max-width:690px;
    margin:20px 0 24px;
    font-size:clamp(40px,4.5vw,60px);
    line-height:1.06;
}

.audit-copy > p{
    max-width:650px;
    margin:0;
    color:#b5c4d7;
    font-size:17px;
    line-height:1.85;
}

.audit-features{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:34px;
}

.audit-features > div{
    display:flex;
    align-items:flex-start;
    gap:13px;
    min-height:130px;
    padding:18px;
    border:1px solid rgba(57,196,255,.14);
    border-radius:15px;
    background:rgba(255,255,255,.025);
    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;
}

.audit-features > div:hover{
    transform:translateY(-5px);
    border-color:rgba(57,196,255,.32);
    background:rgba(57,196,255,.055);
}

.audit-features span{
    flex-shrink:0;
    color:#39c4ff;
    font-size:18px;
    font-weight:800;
}

.audit-features p{
    margin:0;
    color:#9fb0c7;
    font-size:14px;
    line-height:1.65;
}

.audit-features strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-size:15px;
}

.audit-card{
    position:relative;
    padding:40px;
    overflow:hidden;
    border:1px solid rgba(57,196,255,.23);
    border-radius:25px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(57,196,255,.11),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(19,35,59,.97),
            rgba(9,19,35,.99)
        );
    box-shadow:0 30px 75px rgba(0,0,0,.34);
}

.audit-card-label{
    display:block;
    margin-bottom:16px;
    color:#39c4ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.13em;
}

.audit-card h3{
    margin:0 0 14px;
    color:#fff;
    font-size:clamp(29px,3vw,37px);
}

.audit-card > p{
    margin:0 0 25px;
    color:#aebdd1;
    font-size:15px;
    line-height:1.75;
}

.audit-form label{
    display:block;
    margin-bottom:16px;
    color:#fff;
    font-size:14px;
    font-weight:700;
}

.audit-form input{
    width:100%;
    margin-top:8px;
    padding:16px 17px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    outline:none;
    background:rgba(7,16,30,.78);
    color:#fff;
    font:inherit;
    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.audit-form input:focus{
    border-color:#39c4ff;
    box-shadow:0 0 0 4px rgba(57,196,255,.10);
}

.audit-form .btn{
    width:100%;
    margin-top:7px;
}

.audit-card small{
    display:block;
    margin-top:17px;
    color:#8296af;
    font-size:12px;
    line-height:1.6;
}


/* =========================================================
   8. TESTIMONIALS
========================================================= */

.testimonials{
    position:relative;
    overflow:hidden;
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}

.testimonial-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:430px;
    padding:40px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    background:rgba(255,255,255,.035);
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.testimonial-card:hover{
    transform:translateY(-9px);
    border-color:rgba(57,196,255,.38);
    box-shadow:0 25px 60px rgba(0,0,0,.28);
}

.quote-mark{
    position:absolute;
    top:12px;
    left:25px;
    color:rgba(255,255,255,.04);
    font-size:120px;
    font-weight:800;
    line-height:1;
}

.stars{
    position:relative;
    z-index:1;
    margin:18px 0 27px;
    color:#39c4ff;
    letter-spacing:4px;
}

.testimonial-card > p{
    position:relative;
    z-index:1;
    margin:0 0 38px;
    color:#dce5f1;
    font-size:17px;
    line-height:1.85;
}

.testimonial-author{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:auto;
    padding-top:23px;
    border-top:1px solid rgba(255,255,255,.08);
}

.author-circle{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:56px;
    height:56px;
    border-radius:50%;
    background:linear-gradient(135deg,#2f80ff,#39c4ff);
    color:#fff;
    font-weight:800;
}

.testimonial-author strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
}

.testimonial-author span{
    color:#8fa2bb;
    font-size:13px;
}


/* =========================================================
   9. CONTACT
========================================================= */

.contact-wrapper{
    position:relative;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:75px;
    align-items:start;
}

.contact-background-glow{
    position:absolute;
    top:-260px;
    left:50%;
    width:900px;
    height:900px;
    transform:translateX(-50%);
    background:
        radial-gradient(
            circle,
            rgba(47,143,255,.16),
            transparent 70%
        );
    filter:blur(45px);
    pointer-events:none;
}

.contact-content,
.contact-card{
    position:relative;
    z-index:2;
}

.contact-content h2{
    margin:20px 0 24px;
    font-size:clamp(46px,5vw,68px);
    line-height:1.04;
}

.contact-intro{
    max-width:650px;
    margin:0 0 40px;
    color:#bac8db;
    font-size:18px;
    line-height:1.85;
}

.contact-highlights{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-bottom:48px;
}

.contact-highlights article{
    display:flex;
    gap:14px;
    padding:20px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:17px;
    background:rgba(255,255,255,.03);
}

.contact-highlights article > span{
    flex-shrink:0;
    color:#39c4ff;
    font-weight:800;
}

.contact-highlights strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
}

.contact-highlights p{
    margin:0;
    color:#93a6bf;
    font-size:13px;
    line-height:1.6;
}

.next-steps{
    margin:48px 0;
}

.next-steps h3{
    margin-bottom:26px;
    font-size:28px;
}

.step{
    display:flex;
    gap:18px;
    margin-bottom:23px;
}

.step > span{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#2f8fff;
    color:#fff;
    font-weight:800;
}

.step strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
}

.step p{
    margin:0;
    color:#93a6bf;
    font-size:14px;
}

.contact-info-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.contact-info-grid small{
    display:block;
    margin-bottom:7px;
    color:#39c4ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.contact-info-grid strong{
    display:block;
    color:#fff;
}

.contact-info-grid span{
    color:#879bb4;
    font-size:13px;
}

.contact-card{
    padding:47px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:27px;
    background:
        linear-gradient(
            145deg,
            rgba(20,38,64,.96),
            rgba(9,20,37,.99)
        );
    box-shadow:0 32px 75px rgba(0,0,0,.34);
}

.card-label{
    margin-bottom:14px;
    color:#39c4ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
}

.contact-card h3{
    margin:0 0 14px;
    color:#fff;
    font-size:34px;
}

.contact-card > p{
    margin:0 0 30px;
    color:#aebdd1;
    line-height:1.75;
}

.contact-form label{
    display:block;
    margin-bottom:17px;
    color:#fff;
    font-size:14px;
    font-weight:700;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
    width:100%;
    margin-top:8px;
    padding:15px 16px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:14px;
    outline:none;
    background:#0a1628;
    color:#fff;
    font:inherit;
    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
    border-color:#39c4ff;
    box-shadow:0 0 0 4px rgba(57,196,255,.10);
}

.form-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px;
}

.contact-form textarea{
    min-height:145px;
    resize:vertical;
}

.contact-form .btn{
    width:100%;
    margin-top:8px;
}

.form-note{
    display:block;
    margin-top:16px;
    color:#8195ae;
    text-align:center;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1100px){

    .home-hero{
        padding-top:145px;
    }

    .home-hero .hero-grid{
        grid-template-columns:1fr;
        gap:70px;
    }

    .hero-copy{
        max-width:850px;
    }

    .hero-visual{
        width:min(100%,760px);
        margin:0 auto 35px;
    }

    .partner-intro,
    .audit-grid,
    .contact-wrapper{
        grid-template-columns:1fr;
        gap:52px;
    }

    .partner-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .partner-stat:nth-child(2){
        border-right:0;
    }

    .partner-stat:nth-child(-n+2){
        border-bottom:1px solid rgba(57,196,255,.14);
    }

    .services-grid,
    .industry-grid,
    .testimonial-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .contact-card{
        max-width:760px;
    }

}

@media(max-width:750px){

    .home-hero{
        min-height:auto;
        padding:125px 0 100px;
    }

    .hero-copy h1{
        font-size:clamp(43px,12vw,60px);
    }

    .hero-copy > p{
        font-size:16px;
    }

    .home-hero .hero-actions{
        flex-direction:column;
    }

    .home-hero .hero-actions .btn{
        width:100%;
    }

    .hero-proof{
        grid-template-columns:1fr;
    }

    .dashboard-shell{
        transform:none;
    }

    .dashboard-topbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .dashboard-layout{
        grid-template-columns:1fr;
    }

    .dashboard-sidebar{
        display:none;
    }

    .dashboard-content{
        padding:22px;
    }

    .dashboard-heading{
        flex-direction:column;
    }

    .dashboard-chart{
        height:155px;
    }

    .dashboard-metrics{
        grid-template-columns:1fr;
    }

    .floating-tech-card{
        position:relative;
        inset:auto;
        width:100%;
        margin-top:12px;
        animation:none;
    }

    .cloud-card{
        margin-bottom:35px;
    }

    .partner-stats,
    .services-grid,
    .industry-grid,
    .testimonial-grid,
    .audit-features,
    .contact-highlights,
    .contact-info-grid,
    .form-row{
        grid-template-columns:1fr;
    }

    .partner-stat{
        min-height:auto;
        border-right:0 !important;
        border-bottom:1px solid rgba(57,196,255,.14);
    }

    .partner-stat:last-child{
        border-bottom:0;
    }

    .service-card,
    .industry-card,
    .testimonial-card{
        min-height:auto;
        padding:30px 26px;
    }

    .audit-card,
    .contact-card{
        padding:30px 24px;
    }

    .website-audit{
        padding:85px 0;
    }

}

@media(prefers-reduced-motion:reduce){

    .hero-orb,
    .floating-tech-card,
    .hero-marquee-track,
    .chart-bars i{
        animation:none;
    }

    .dashboard-shell,
    .service-card,
    .industry-card,
    .testimonial-card{
        transition:none;
    }

}
/* =========================================================
   FOUNDER PREVIEW
========================================================= */
.founder-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:80px;
    align-items:center;
}

.founder-visual{position:relative;}
.founder-photo-wrap{
    height:520px;
    overflow:hidden;
    padding:0!important;
    border-radius:28px;
}
.founder-photo{width:100%;height:100%;object-fit:cover;object-position:center 18%;}
.founder-badge{
    position:absolute;
    right:-20px;
    bottom:28px;
    padding:18px 22px;
    border:1px solid rgba(57,196,255,.24);
    border-radius:16px;
    background:rgba(9,22,40,.92);
    backdrop-filter:blur(16px);
}
.founder-badge b,.founder-badge span{display:block;}
.founder-badge span{margin-top:4px;color:#91a4bd;font-size:12px;}
.founder-copy h2{margin:18px 0 24px;}
.founder-copy p{margin:0 0 20px;}
.founder-copy .btn{margin-top:12px;}

@media(max-width:900px){
    .founder-grid{grid-template-columns:1fr;}
    .founder-visual{max-width:700px;}
}

@media(max-width:650px){
    .founder-photo-wrap{height:390px;}
    .founder-badge{position:relative;right:auto;bottom:auto;margin-top:16px;}
}

/* =========================================================
   V4 FEATURED WORK
========================================================= */

.featured-work-home{
    position:relative;
    overflow:hidden;
}

.featured-work-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}

.featured-work-card{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    background:linear-gradient(145deg,rgba(18,34,58,.96),rgba(9,20,37,.99));
    transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.featured-work-card:hover{
    transform:translateY(-9px);
    border-color:rgba(57,196,255,.38);
    box-shadow:0 28px 70px rgba(0,0,0,.32);
}

.featured-work-preview{
    position:relative;
    min-height:260px;
    padding:34px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
}

.featured-work-preview::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-100px;
    top:-110px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    filter:blur(12px);
}

.featured-work-cyan{background:linear-gradient(145deg,#0f3854,#0a1e33);}
.featured-work-orange{background:linear-gradient(145deg,#55301c,#1d120c);}
.featured-work-violet{background:linear-gradient(145deg,#33275d,#151126);}

.featured-work-preview > span{
    position:absolute;
    top:22px;
    right:22px;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(0,0,0,.18);
    color:#fff;
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.featured-work-preview small{position:relative;color:rgba(255,255,255,.72);font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:10px;}
.featured-work-preview h3{position:relative;margin:0 0 8px;color:#fff;font-size:30px;}
.featured-work-preview p{position:relative;margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.55;}
.featured-work-body{padding:28px;}
.featured-work-body > p{margin:0 0 24px;color:#9fb0c7;line-height:1.75;}
.featured-work-action{margin-top:55px;}

@media(max-width:1000px){.featured-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.featured-work-grid{grid-template-columns:1fr;}}


/* =========================================================
   V6 DEDICATED MOBILE HERO
========================================================= */
.mobile-hero-status{display:none;}

@media(max-width:750px){
    .home-hero{
        min-height:auto;
        padding:112px 0 74px;
    }

    .home-hero .hero-grid{gap:0;}

    .hero-copy .eyebrow{
        margin-bottom:18px;
        font-size:11px;
        line-height:1.65;
    }

    .hero-copy h1{
        margin-bottom:22px;
        font-size:clamp(43px,12.4vw,57px);
        line-height:.99;
    }

    .hero-copy > p{
        font-size:16px;
        line-height:1.72;
    }

    .home-hero .hero-actions{margin-top:29px;gap:12px;}
    .home-hero .hero-actions .btn{min-height:56px;}

    .hero-proof{display:none;}
    .hero-visual{display:none !important;}
    .hero-marquee{display:none;}

    .mobile-hero-status{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:8px;
        margin-top:25px;
        padding:10px;
        border:1px solid rgba(57,196,255,.16);
        border-radius:18px;
        background:rgba(255,255,255,.03);
        backdrop-filter:blur(14px);
    }

    .mobile-hero-status > div{
        min-width:0;
        padding:13px 8px;
        border-radius:13px;
        background:rgba(11,29,50,.74);
        text-align:center;
    }

    .mobile-hero-status span{
        display:block;
        margin-bottom:6px;
        color:#39c4ff;
        font-size:10px;
        font-weight:800;
        letter-spacing:.12em;
    }

    .mobile-hero-status strong{
        display:block;
        color:#fff;
        font-size:12px;
        line-height:1.25;
    }

    .mobile-hero-status small{
        display:block;
        margin-top:4px;
        color:#8fa2bb;
        font-size:9px;
        line-height:1.35;
    }
}

@media(max-width:390px){
    .home-hero{padding-top:106px;}
    .mobile-hero-status{grid-template-columns:1fr;}
    .mobile-hero-status > div{text-align:left;padding:12px 14px;}
}


/* =========================================================
   V6.2 HERO CONVERSION POLISH
========================================================= */
.home-hero .hero-copy{max-width:760px;}
.home-hero .hero-copy h1{max-width:730px;}
.home-hero .hero-copy > p{max-width:650px;}
.home-hero .hero-proof > div{padding:20px 18px;}
.home-hero .hero-proof strong{font-size:15px;}
.home-hero .hero-proof span{font-size:12px;}

@media(min-width:1101px){
    .home-hero{padding-top:155px;}
    .home-hero .hero-grid{gap:64px;}
    .home-hero .hero-copy h1{font-size:clamp(56px,5.25vw,78px);}
}

@media(max-width:750px){
    .home-hero{padding:108px 0 66px;}
    .hero-copy .eyebrow{max-width:320px;}
    .hero-copy h1{font-size:clamp(42px,11.6vw,55px);line-height:1.01;}
    .hero-copy > p{max-width:560px;}
    .mobile-hero-status{margin-top:22px;}
}


/* =========================================================
   V6.8 HOMEPAGE LENGTH & CONVERSION POLISH
========================================================= */

@media(min-width:1101px){
    .home-hero{
        min-height:820px;
        padding:145px 0 78px;
    }
}

.partner-section{padding:88px 0;}
.partner-intro{gap:64px;margin-bottom:44px;}
.partner-stat{min-height:185px;padding:28px;}
.stat-number{margin-bottom:24px;}

#solutions{padding:96px 0;}
.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
.service-card{min-height:310px;padding:30px;}
.service-card .icon{margin-bottom:22px;}
.service-card h3{font-size:23px;}

.home-process{padding:96px 0;}
.home-process .process-card{min-height:250px;}

.featured-work-home{padding:96px 0;}
.featured-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px;}
.featured-work-preview{min-height:225px;}
.featured-work-action{margin-top:38px;}

.website-audit-compact{padding:78px 0;}
.audit-compact-inner{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:70px;
    align-items:center;
}
.audit-compact-copy h2{margin:18px 0 18px;font-size:clamp(38px,4vw,56px);line-height:1.06;}
.audit-compact-copy p{max-width:680px;margin:0;color:#b5c4d7;font-size:16px;line-height:1.75;}
.audit-compact-action{padding:30px;border:1px solid rgba(57,196,255,.2);border-radius:22px;background:rgba(255,255,255,.035);}
.audit-compact-points{display:grid;gap:12px;margin-bottom:24px;}
.audit-compact-points span{position:relative;padding-left:26px;color:#d8e6f7;font-weight:700;}
.audit-compact-points span::before{content:"✓";position:absolute;left:0;color:#39c4ff;}
.audit-compact-action .btn{width:100%;}
.audit-compact-action small{display:block;margin-top:14px;color:#8397af;text-align:center;line-height:1.5;}

#contact{padding:96px 0;}

@media(max-width:1100px){
    .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .audit-compact-inner{grid-template-columns:1fr;gap:38px;}
}

@media(max-width:750px){
    .partner-section,#solutions,.home-process,.featured-work-home,#contact{padding:76px 0;}
    .partner-intro{gap:28px;margin-bottom:34px;}
    .services-grid,.featured-work-grid{grid-template-columns:1fr;}
    .service-card{min-height:auto;}
    .website-audit-compact{padding:68px 0;}
    .audit-compact-action{padding:24px 20px;}
}

/* =========================================================
   15. MILLERTECH SMARTQUOTE — V7.1
========================================================= */
.smartquote-section{
    position:relative;
    isolation:isolate;
    padding:100px 0;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 16%,rgba(57,196,255,.13),transparent 30%),
        radial-gradient(circle at 88% 80%,rgba(47,143,255,.11),transparent 30%),
        linear-gradient(180deg,#081321 0%,#07111f 100%);
}

.smartquote-grid-pattern{
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.22;
    background-image:
        linear-gradient(rgba(57,196,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(57,196,255,.05) 1px,transparent 1px);
    background-size:54px 54px;
    mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
    pointer-events:none;
}

.smartquote-section-inner{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:76px;
    align-items:center;
}

.smartquote-copy h2{
    max-width:700px;
    margin:20px 0 22px;
    font-size:clamp(42px,4.6vw,64px);
    line-height:1.04;
    letter-spacing:-.045em;
}

.smartquote-copy h2 em{
    display:block;
    color:#39c4ff;
    font-style:normal;
}

.smartquote-copy > p{
    max-width:680px;
    margin:0;
    color:#b4c5d8;
    font-size:17px;
    line-height:1.8;
}

.smartquote-benefits{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:30px 0 32px;
}

.smartquote-benefits span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 13px;
    border:1px solid rgba(57,196,255,.16);
    border-radius:999px;
    background:rgba(57,196,255,.05);
    color:#d9e8f8;
    font-size:13px;
    font-weight:700;
}

.smartquote-benefits span::before{
    content:"✓";
    color:#5ce0a6;
    font-weight:900;
}

.smartquote-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px 24px;
}

.smartquote-actions .btn{
    min-width:280px;
}

.smartquote-audit-link{
    color:#91a9c3;
    font-size:14px;
    text-decoration:underline;
    text-decoration-color:rgba(57,196,255,.38);
    text-underline-offset:5px;
    transition:color .25s ease;
}

.smartquote-audit-link:hover{color:#fff;}

.smartquote-preview{
    position:relative;
    overflow:hidden;
    padding:30px;
    border:1px solid rgba(57,196,255,.24);
    border-radius:26px;
    background:
        linear-gradient(145deg,rgba(18,38,64,.96),rgba(7,18,33,.98));
    box-shadow:0 34px 90px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.02) inset;
}

.smartquote-preview::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-90px;
    width:290px;
    height:290px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(57,196,255,.18),transparent 66%);
    pointer-events:none;
}

.smartquote-preview-top{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.075);
}

.smartquote-preview-top small{
    color:#8fabc8;
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
}

.smartquote-pulse{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#5ce0a6;
    box-shadow:0 0 0 6px rgba(92,224,166,.08),0 0 18px rgba(92,224,166,.55);
}

.smartquote-preview-status{
    margin-left:auto;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(92,224,166,.09);
    color:#5ce0a6;
    font-size:11px;
    font-weight:800;
}

.smartquote-preview-display{
    position:relative;
    padding:28px 0 24px;
}

.smartquote-preview-kicker{
    display:block;
    margin-bottom:8px;
    color:#39c4ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.smartquote-preview-display strong{
    display:block;
    color:#fff;
    font-family:"Space Grotesk",sans-serif;
    font-size:clamp(25px,2.4vw,34px);
    line-height:1.1;
}

.smartquote-preview-display p{
    margin:12px 0 0;
    color:#9fb3c9;
    line-height:1.65;
}

.smartquote-preview-details{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:0 0 22px;
}

.smartquote-preview-details > div{
    min-height:88px;
    padding:15px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}

.smartquote-preview-details dt{
    margin-bottom:7px;
    color:#7992ad;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.smartquote-preview-details dd{
    margin:0;
    color:#e6f1fc;
    font-weight:750;
    line-height:1.35;
}

.smartquote-preview-details .smartquote-preview-price{
    border-color:rgba(57,196,255,.22);
    background:rgba(57,196,255,.055);
}

.smartquote-preview-price dd{color:#39c4ff;}

.smartquote-preview-button{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    padding:16px 18px;
    border:0;
    border-radius:14px;
    background:linear-gradient(110deg,#39c4ff,#2f7fff);
    color:#041323;
    font:inherit;
    font-weight:900;
    cursor:pointer;
    transition:transform .25s ease,box-shadow .25s ease;
}

.smartquote-preview-button:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 38px rgba(47,143,255,.24);
}

.smartquote-preview > small{
    display:block;
    margin-top:12px;
    color:#758ca6;
    text-align:center;
    line-height:1.45;
}

body.smartquote-open{overflow:hidden;}

.smartquote-modal{
    position:fixed;
    inset:0;
    z-index:5000;
    display:grid;
    place-items:center;
    padding:24px;
}

.smartquote-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,8,16,.82);
    backdrop-filter:blur(14px);
}

.smartquote-dialog{
    position:relative;
    z-index:1;
    width:min(1120px,100%);
    max-height:calc(100vh - 48px);
    overflow:auto;
    border:1px solid rgba(57,196,255,.24);
    border-radius:28px;
    background:
        radial-gradient(circle at 85% 0%,rgba(57,196,255,.13),transparent 30%),
        linear-gradient(145deg,#10233c,#071321 75%);
    box-shadow:0 45px 140px rgba(0,0,0,.64);
    scrollbar-width:thin;
    scrollbar-color:#2f8fff #071321;
}

.smartquote-dialog-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    padding:30px 38px 22px;
}

.smartquote-dialog-label,.smartquote-result-label{
    color:#39c4ff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
}

.smartquote-dialog-header h2{
    margin:7px 0 0;
    color:#fff;
    font-size:clamp(28px,3vw,42px);
    line-height:1.05;
}

.smartquote-progress-copy{
    display:flex;
    align-items:center;
    gap:12px;
    color:#8fa7c1;
    white-space:nowrap;
}

.smartquote-progress-copy strong{color:#fff;}

.smartquote-progress{
    height:4px;
    background:rgba(255,255,255,.065);
}

.smartquote-progress span{
    display:block;
    width:20%;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#39c4ff,#2f7fff);
    box-shadow:0 0 22px rgba(57,196,255,.42);
    transition:width .35s ease;
}

.smartquote-close{
    position:absolute;
    top:18px;
    right:18px;
    z-index:2;
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:12px;
    background:rgba(255,255,255,.04);
    color:#dbe9f7;
    font-size:25px;
    cursor:pointer;
}

.smartquote-form{padding:0;}

.smartquote-step{
    min-height:410px;
    padding:40px 38px 34px;
    animation:smartquoteStepIn .35s ease both;
}

@keyframes smartquoteStepIn{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:none}
}

.smartquote-step-number{
    display:inline-grid;
    place-items:center;
    width:44px;
    height:44px;
    margin-bottom:20px;
    border:1px solid rgba(57,196,255,.25);
    border-radius:13px;
    background:rgba(57,196,255,.07);
    color:#39c4ff;
    font-weight:900;
}

.smartquote-step > h3{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(28px,3.1vw,42px);
    letter-spacing:-.03em;
}

.smartquote-step > p{
    margin:0 0 28px;
    color:#9fb3c9;
    line-height:1.65;
}

.smartquote-option-grid{
    display:grid;
    gap:16px;
}

.smartquote-option-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));}
.smartquote-option-grid.four-columns{grid-template-columns:repeat(4,minmax(0,1fr));}

.smartquote-option-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:210px;
    padding:24px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:20px;
    background:rgba(255,255,255,.025);
    cursor:pointer;
    transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}

.smartquote-option-card:hover{
    transform:translateY(-3px);
    border-color:rgba(57,196,255,.28);
    background:rgba(57,196,255,.045);
}

.smartquote-option-card:has(input:checked){
    border-color:#39c4ff;
    background:linear-gradient(145deg,rgba(57,196,255,.12),rgba(47,127,255,.07));
    box-shadow:0 0 0 1px rgba(57,196,255,.15) inset,0 18px 38px rgba(0,0,0,.16);
}

.smartquote-option-card input,
.smartquote-feature-option input,
.smartquote-line-option input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.smartquote-option-card::after,
.smartquote-feature-option::after{
    content:"";
    position:absolute;
    top:17px;
    right:17px;
    width:18px;
    height:18px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:50%;
}

.smartquote-option-card:has(input:checked)::after,
.smartquote-feature-option:has(input:checked)::after{
    border-color:#39c4ff;
    background:#39c4ff;
    box-shadow:inset 0 0 0 4px #0c2037;
}

.smartquote-option-icon{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    margin-bottom:auto;
    border-radius:16px;
    background:rgba(57,196,255,.09);
    color:#39c4ff;
    font-size:25px;
}

.smartquote-option-card strong{
    margin-top:24px;
    color:#fff;
    font-size:20px;
}

.smartquote-option-card small{
    margin-top:9px;
    color:#8fa6c0;
    line-height:1.55;
}

.smartquote-option-card.compact{
    min-height:155px;
    justify-content:flex-end;
}

.smartquote-option-card.compact strong{margin-top:0;}

.smartquote-feature-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}

.smartquote-feature-option{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-height:130px;
    padding:17px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:16px;
    background:rgba(255,255,255,.022);
    cursor:pointer;
    transition:.25s ease;
}

.smartquote-feature-option:hover{border-color:rgba(57,196,255,.25);transform:translateY(-2px);}
.smartquote-feature-option:has(input:checked){border-color:#39c4ff;background:rgba(57,196,255,.09);}
.smartquote-feature-option > span{margin-bottom:auto;color:#39c4ff;font-size:25px;font-weight:900;}
.smartquote-feature-option strong{color:#eaf4fe;font-size:14px;line-height:1.3;}

.smartquote-split-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.smartquote-split-fields fieldset{
    min-width:0;
    padding:22px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.022);
}

.smartquote-split-fields legend{
    padding:0 7px;
    color:#fff;
    font-weight:800;
}

.smartquote-line-option{
    position:relative;
    display:flex;
    align-items:center;
    min-height:52px;
    margin-top:10px;
    padding:12px 14px 12px 45px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    color:#c8d8e8;
    cursor:pointer;
}

.smartquote-line-option::before{
    content:"";
    position:absolute;
    left:15px;
    width:17px;
    height:17px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:50%;
}

.smartquote-line-option:has(input:checked){border-color:rgba(57,196,255,.48);background:rgba(57,196,255,.075);color:#fff;}
.smartquote-line-option:has(input:checked)::before{border-color:#39c4ff;background:#39c4ff;box-shadow:inset 0 0 0 4px #0c2037;}

.smartquote-result-step{padding-top:30px;}

.smartquote-result-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:20px;
}

.smartquote-result-card,
.smartquote-contact-card{
    padding:26px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:rgba(255,255,255,.025);
}

.smartquote-result-card{
    background:
        radial-gradient(circle at 90% 10%,rgba(57,196,255,.12),transparent 30%),
        rgba(255,255,255,.025);
}

.smartquote-result-card h3,
.smartquote-contact-card h3{
    margin:9px 0 12px;
    color:#fff;
    font-size:clamp(25px,2.7vw,37px);
    line-height:1.08;
}

.smartquote-result-card > p,
.smartquote-contact-card > p{
    margin:0 0 20px;
    color:#9fb3c9;
    line-height:1.65;
}

.smartquote-result-metrics{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
    margin:20px 0;
}

.smartquote-result-metrics > div{
    padding:16px;
    border:1px solid rgba(57,196,255,.15);
    border-radius:14px;
    background:rgba(57,196,255,.05);
}

.smartquote-result-metrics small{display:block;margin-bottom:7px;color:#839ab4;}
.smartquote-result-metrics strong{color:#39c4ff;font-size:18px;}

.smartquote-result-card ul{
    display:grid;
    gap:9px;
    margin:0 0 20px;
    padding:0;
    list-style:none;
}

.smartquote-result-card li{
    position:relative;
    padding-left:23px;
    color:#d8e6f4;
    line-height:1.45;
}

.smartquote-result-card li::before{content:"✓";position:absolute;left:0;color:#5ce0a6;font-weight:900;}
.smartquote-disclaimer{display:block;color:#748aa3;line-height:1.5;}

.smartquote-contact-card label{
    display:grid;
    gap:7px;
    margin-bottom:13px;
    color:#d9e6f5;
    font-size:13px;
    font-weight:750;
}

.smartquote-contact-card input,
.smartquote-contact-card select{
    width:100%;
    min-height:48px;
    padding:11px 13px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:11px;
    outline:none;
    background:#09172a;
    color:#fff;
    font:inherit;
}

.smartquote-contact-card input:focus,
.smartquote-contact-card select:focus{border-color:#39c4ff;box-shadow:0 0 0 3px rgba(57,196,255,.08);}
.smartquote-contact-card .form-check{display:flex;grid-template:none;align-items:flex-start;gap:10px;color:#8fa6c0;font-weight:500;line-height:1.45;}
.smartquote-contact-card .form-check input{flex:0 0 auto;width:17px;min-height:17px;margin-top:2px;}
.smartquote-contact-card .btn{width:100%;margin-top:4px;}

.smartquote-validation{
    margin:0 38px 10px;
    padding:12px 15px;
    border:1px solid rgba(255,116,116,.3);
    border-radius:12px;
    background:rgba(255,85,85,.08);
    color:#ffb4b4;
    font-weight:700;
}

.smartquote-dialog-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:20px 38px 28px;
    border-top:1px solid rgba(255,255,255,.065);
}

.smartquote-back{
    padding:12px 0;
    border:0;
    background:transparent;
    color:#9cb1c8;
    font:inherit;
    font-weight:800;
    cursor:pointer;
}

.smartquote-back:disabled{opacity:.35;cursor:not-allowed;}
.smartquote-next{min-width:210px;}

@media(max-width:1100px){
    .smartquote-section-inner{grid-template-columns:1fr;gap:42px;}
    .smartquote-copy{max-width:760px;}
    .smartquote-option-grid.four-columns{grid-template-columns:repeat(2,minmax(0,1fr));}
    .smartquote-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
    .smartquote-result-grid{grid-template-columns:1fr;}
}

@media(max-width:750px){
    .smartquote-section{padding:74px 0;}
    .smartquote-copy h2{font-size:clamp(38px,11vw,52px);}
    .smartquote-actions{align-items:stretch;flex-direction:column;}
    .smartquote-actions .btn{min-width:0;width:100%;}
    .smartquote-preview{padding:22px 18px;}
    .smartquote-preview-details{grid-template-columns:1fr 1fr;}
    .smartquote-modal{padding:0;place-items:stretch;}
    .smartquote-dialog{width:100%;max-height:100vh;border-radius:0;border-left:0;border-right:0;}
    .smartquote-dialog-header{align-items:flex-start;padding:25px 20px 18px;}
    .smartquote-progress-copy{display:none;}
    .smartquote-close{top:12px;right:12px;}
    .smartquote-step{min-height:0;padding:30px 20px 24px;}
    .smartquote-option-grid.two-columns,
    .smartquote-option-grid.four-columns,
    .smartquote-split-fields,
    .smartquote-result-metrics{grid-template-columns:1fr;}
    .smartquote-option-card{min-height:160px;}
    .smartquote-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .smartquote-feature-option{min-height:110px;}
    .smartquote-validation{margin:0 20px 10px;}
    .smartquote-dialog-footer{position:sticky;bottom:0;z-index:3;padding:15px 20px;background:rgba(7,19,33,.96);backdrop-filter:blur(10px);}
    .smartquote-next{min-width:0;}
}

@media(max-width:430px){
    .smartquote-preview-details{grid-template-columns:1fr;}
    .smartquote-feature-grid{grid-template-columns:1fr 1fr;}
    .smartquote-result-card,.smartquote-contact-card{padding:21px 17px;}
}


/* =========================================================
   15B. MILLERTECH SMARTQUOTE — V7.2 CLEANUP PATCH
========================================================= */
html.smartquote-open,
body.smartquote-open{overflow:hidden;}

.smartquote-modal[hidden]{display:none !important;}

.smartquote-section .container{
    width:min(1220px,calc(100% - 48px));
}

.smartquote-section-inner > *{
    min-width:0;
}

.smartquote-copy{
    min-width:0;
    max-width:680px;
}

.smartquote-benefits{
    margin:24px 0 28px;
}

.smartquote-actions{
    align-items:flex-start;
}

.smartquote-audit-link{
    display:inline-block;
    margin-top:4px;
    line-height:1.6;
}

.smartquote-preview{
    width:100%;
    max-width:520px;
    justify-self:end;
    align-self:stretch;
}

.smartquote-preview-display strong,
.smartquote-result-card h3,
.smartquote-contact-card h3,
.smartquote-step > h3{
    text-wrap:balance;
}

.smartquote-preview-details dd,
.smartquote-result-card li,
.smartquote-contact-card p,
.smartquote-step > p,
.smartquote-option-card small{
    overflow-wrap:anywhere;
}

.smartquote-modal{
    overflow-x:hidden;
    overflow-y:auto;
}

.smartquote-dialog{
    width:min(1080px,calc(100vw - 48px));
    margin:auto;
}

.smartquote-step,
.smartquote-result-card,
.smartquote-contact-card,
.smartquote-split-fields fieldset{
    box-sizing:border-box;
}

.smartquote-option-grid.two-columns{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.smartquote-option-card,
.smartquote-feature-option,
.smartquote-line-option{
    min-width:0;
}

.smartquote-dialog-footer{
    background:linear-gradient(180deg,rgba(7,19,33,0),rgba(7,19,33,.9) 22%,rgba(7,19,33,.98) 100%);
}

@media(max-width:1100px){
    .smartquote-preview{
        max-width:none;
        justify-self:stretch;
    }
}

@media(max-width:750px){
    .smartquote-section .container{
        width:min(100%,calc(100% - 30px));
    }
    .smartquote-actions{
        align-items:stretch;
    }
    .smartquote-audit-link{
        text-align:center;
    }
    .smartquote-dialog{
        width:100%;
    }
}


/* =========================================================
   15C. MILLERTECH SMARTQUOTE — V7.3 SINGLE CTA + LIVE GRID
========================================================= */
.smartquote-preview-details{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-bottom:22px;
}

.smartquote-preview-details > div{
    display:flex;
    min-width:0;
    min-height:98px;
    flex-direction:column;
    justify-content:space-between;
    padding:17px 18px;
    border-color:rgba(122,167,211,.14);
    background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
    transition:border-color .25s ease,background .25s ease,transform .25s ease;
}

.smartquote-preview-details > div:hover{
    transform:translateY(-2px);
    border-color:rgba(57,196,255,.28);
    background:rgba(57,196,255,.045);
}

.smartquote-preview-details dt{
    margin:0 0 12px;
    color:#7f99b6;
    font-size:10px;
    line-height:1.2;
    letter-spacing:.11em;
}

.smartquote-preview-details dd{
    min-width:0;
    color:#edf6ff;
    font-family:"Space Grotesk",sans-serif;
    font-size:17px;
    font-weight:750;
    line-height:1.25;
    overflow-wrap:anywhere;
}

.smartquote-preview-details .smartquote-preview-price{
    border-color:rgba(57,196,255,.25);
    background:linear-gradient(145deg,rgba(57,196,255,.085),rgba(47,127,255,.035));
}

.smartquote-preview-price dd{
    color:#39c4ff;
}

.smartquote-preview-button{
    display:none !important;
}

.smartquote-preview-footer{
    display:flex;
    align-items:center;
    gap:13px;
    padding:16px 17px;
    border:1px solid rgba(92,224,166,.14);
    border-radius:15px;
    background:linear-gradient(110deg,rgba(92,224,166,.06),rgba(57,196,255,.035));
}

.smartquote-preview-footer > div{
    min-width:0;
}

.smartquote-preview-footer strong{
    display:block;
    color:#eaf6ff;
    font-size:14px;
    line-height:1.35;
}

.smartquote-preview-footer small{
    display:block;
    margin-top:4px;
    color:#7f97b1;
    font-size:12px;
    line-height:1.45;
}

.smartquote-live-badge{
    flex:0 0 auto;
    display:inline-grid;
    place-items:center;
    min-width:48px;
    height:28px;
    padding:0 9px;
    border-radius:999px;
    background:rgba(92,224,166,.11);
    color:#5ce0a6;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    box-shadow:0 0 0 1px rgba(92,224,166,.15) inset;
}

@media(max-width:520px){
    .smartquote-preview{
        padding:22px 18px;
        border-radius:22px;
    }

    .smartquote-preview-display{
        padding:23px 0 20px;
    }

    .smartquote-preview-details{
        grid-template-columns:1fr;
        gap:10px;
    }

    .smartquote-preview-details > div{
        min-height:78px;
        padding:14px 15px;
    }

    .smartquote-preview-details dd{
        font-size:16px;
    }

    .smartquote-preview-footer{
        align-items:flex-start;
    }
}

/* =========================================================
   15D. MILLERTECH SMARTQUOTE — V7.4 INLINE RESPONSIVE BUILDER
========================================================= */
.smartquote-inline-layout{
    grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
    align-items:center;
    gap:72px;
}

.smartquote-audit-link-standalone{
    display:inline-flex;
    align-items:center;
    margin-top:4px;
    color:#89a7c5;
    font-weight:650;
    line-height:1.5;
    text-decoration:none;
    border-bottom:1px solid rgba(137,167,197,.38);
    transition:color .2s ease,border-color .2s ease;
}

.smartquote-audit-link-standalone:hover{
    color:#39c4ff;
    border-color:#39c4ff;
}

.smartquote-builder{
    position:relative;
    width:100%;
    min-width:0;
    padding:28px;
    border:1px solid rgba(57,196,255,.28);
    border-radius:26px;
    background:
        radial-gradient(circle at 90% 0%,rgba(57,196,255,.11),transparent 34%),
        linear-gradient(145deg,rgba(18,43,70,.96),rgba(7,24,43,.98));
    box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
    overflow:hidden;
}

.smartquote-builder::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 28%);
}

.smartquote-builder > *{
    position:relative;
    z-index:1;
}

.smartquote-builder-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-bottom:18px;
    margin-bottom:20px;
    border-bottom:1px solid rgba(127,153,182,.15);
}

.smartquote-builder-top > div{
    display:flex;
    align-items:center;
    gap:9px;
}

.smartquote-builder-top small{
    color:#9cb2cb;
    font-size:11px;
    font-weight:850;
    letter-spacing:.14em;
}

.smartquote-inline-fieldset{
    margin:0 0 18px;
}

.smartquote-inline-label,
.smartquote-inline-select > span{
    display:block;
    margin:0 0 9px;
    color:#a8bdd3;
    font-size:11px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.smartquote-inline-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.smartquote-inline-choice{
    position:relative;
    cursor:pointer;
}

.smartquote-inline-choice input,
.smartquote-inline-feature input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.smartquote-inline-choice span{
    display:flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    padding:11px 14px;
    border:1px solid rgba(127,153,182,.2);
    border-radius:13px;
    background:rgba(255,255,255,.025);
    color:#e6f1fb;
    font-size:13px;
    font-weight:750;
    text-align:center;
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}

.smartquote-inline-choice:hover span,
.smartquote-inline-choice input:focus-visible + span{
    border-color:rgba(57,196,255,.55);
    transform:translateY(-1px);
}

.smartquote-inline-choice input:checked + span{
    border-color:#39c4ff;
    background:linear-gradient(135deg,rgba(57,196,255,.17),rgba(47,127,255,.11));
    box-shadow:0 0 0 1px rgba(57,196,255,.12) inset,0 8px 22px rgba(31,142,255,.1);
    color:#fff;
}

.smartquote-inline-field-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
}

.smartquote-inline-select{
    display:block;
    min-width:0;
}

.smartquote-inline-select select{
    width:100%;
    min-height:48px;
    padding:0 42px 0 14px;
    border:1px solid rgba(127,153,182,.2);
    border-radius:13px;
    outline:none;
    background-color:#0c2239;
    color:#eff7ff;
    font:700 13px/1.2 "Inter",sans-serif;
    transition:border-color .2s ease,box-shadow .2s ease;
}

.smartquote-inline-select select:focus{
    border-color:#39c4ff;
    box-shadow:0 0 0 3px rgba(57,196,255,.1);
}

.smartquote-inline-features{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.smartquote-inline-feature{
    position:relative;
    min-width:0;
    cursor:pointer;
}

.smartquote-inline-feature span{
    display:flex;
    min-height:39px;
    align-items:center;
    padding:8px 11px 8px 34px;
    border:1px solid rgba(127,153,182,.16);
    border-radius:11px;
    background:rgba(255,255,255,.018);
    color:#b9cadb;
    font-size:12px;
    font-weight:650;
    line-height:1.25;
    transition:border-color .2s ease,background .2s ease,color .2s ease;
}

.smartquote-inline-feature span::before{
    content:"";
    position:absolute;
    left:12px;
    width:13px;
    height:13px;
    border:1px solid rgba(127,153,182,.42);
    border-radius:4px;
    background:#091b2f;
}

.smartquote-inline-feature input:checked + span{
    border-color:rgba(92,224,166,.42);
    background:rgba(92,224,166,.07);
    color:#effff8;
}

.smartquote-inline-feature input:checked + span::before{
    content:"✓";
    display:grid;
    place-items:center;
    border-color:#5ce0a6;
    background:#5ce0a6;
    color:#052115;
    font-size:10px;
    font-weight:950;
}

.smartquote-inline-feature input:focus-visible + span{
    outline:2px solid #39c4ff;
    outline-offset:2px;
}

.smartquote-inline-timeline{
    margin-bottom:18px;
}

.smartquote-inline-result{
    padding:17px;
    margin-top:4px;
    border:1px solid rgba(57,196,255,.25);
    border-radius:16px;
    background:linear-gradient(125deg,rgba(57,196,255,.075),rgba(47,127,255,.03));
}

.smartquote-inline-result > div:first-child{
    padding-bottom:13px;
    margin-bottom:13px;
    border-bottom:1px solid rgba(127,153,182,.14);
}

.smartquote-inline-result small{
    display:block;
    margin-bottom:5px;
    color:#7f99b6;
    font-size:9px;
    font-weight:850;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.smartquote-inline-result > div:first-child strong{
    display:block;
    color:#fff;
    font:800 19px/1.25 "Space Grotesk",sans-serif;
    overflow-wrap:anywhere;
}

.smartquote-inline-result-metrics{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.smartquote-inline-result-metrics span{
    min-width:0;
}

.smartquote-inline-result-metrics strong{
    display:block;
    color:#39c4ff;
    font-size:13px;
    line-height:1.35;
    overflow-wrap:anywhere;
}

.smartquote-inline-error{
    padding:11px 13px;
    margin-top:12px;
    border:1px solid rgba(255,118,118,.28);
    border-radius:11px;
    background:rgba(255,90,90,.08);
    color:#ffd3d3;
    font-size:12px;
    font-weight:650;
}

.smartquote-inline-submit{
    width:100%;
    min-height:54px;
    margin-top:15px;
    border:0;
    font-size:14px;
    font-weight:850;
}

.smartquote-inline-submit:disabled{
    cursor:not-allowed;
    opacity:.46;
    filter:saturate(.55);
    transform:none;
}

.smartquote-inline-disclaimer{
    display:block;
    margin-top:10px;
    color:#7189a2;
    font-size:10px;
    line-height:1.45;
    text-align:center;
}

@media(max-width:1180px){
    .smartquote-inline-layout{
        grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr);
        gap:44px;
    }
}

@media(max-width:980px){
    .smartquote-inline-layout{
        grid-template-columns:1fr;
        gap:38px;
    }
    .smartquote-copy{
        max-width:760px;
    }
    .smartquote-builder{
        max-width:760px;
    }
}

@media(max-width:620px){
    .smartquote-builder{
        padding:22px 17px;
        border-radius:21px;
    }
    .smartquote-builder-top{
        align-items:flex-start;
    }
    .smartquote-inline-choice-grid,
    .smartquote-inline-field-row,
    .smartquote-inline-features,
    .smartquote-inline-result-metrics{
        grid-template-columns:1fr;
    }
    .smartquote-inline-choice span{
        justify-content:flex-start;
        text-align:left;
    }
}

/* MillerTech command-center logo v9.3 */
.dashboard-logo{display:block;object-fit:contain;padding:3px;background:#000;color:transparent;font-size:0;box-shadow:0 0 22px rgba(57,196,255,.16)}