/*=========================================================
                REVLO FLEET SOLUTIONS™
                PUBLIC COMING-SOON PAGE

    MASTER BRAND
    Blue leads the page.
    Product colours appear only as restrained accents.

    Canvas       #F3F6FA
    Surface      #FFFFFF
    Text         #172033
    Muted        #59677D
    Border       #DFE6EF
    Primary      #2563EB
    Deep Blue    #1D3FD1

    Pulse        #FD2D37 / #FB694C
    Care         #10B981
=========================================================*/


/*=========================================================
                DESIGN TOKENS
=========================================================*/

.fleet-hero,
.fleet-problem,
.fleet-capabilities,
.fleet-scale,
.fleet-audience,
.fleet-notify,
.fleet-faq,
.fleet-final-cta{

    --fleet-blue:#2563EB;
    --fleet-blue-dark:#1D3FD1;
    --fleet-blue-soft:rgba(37,99,235,.09);
    --fleet-blue-line:rgba(37,99,235,.22);

    --fleet-bg:#F3F6FA;
    --fleet-bg-soft:#F8FAFC;

    --fleet-surface:#FFFFFF;
    --fleet-surface-muted:#F1F5F9;

    --fleet-text:#172033;
    --fleet-muted:#59677D;
    --fleet-soft:#8794A8;

    --fleet-border:#DFE6EF;
    --fleet-border-soft:#EAF0F6;

    --fleet-green:#10B981;
    --fleet-green-soft:rgba(16,185,129,.09);

    --fleet-pulse:#FD2D37;
    --fleet-pulse-orange:#FB694C;

    --fleet-shadow-card:
        0 2px 5px rgba(15,23,42,.025),
        0 10px 28px rgba(15,23,42,.045);

    --fleet-shadow-hover:
        0 6px 12px rgba(15,23,42,.035),
        0 18px 38px rgba(15,23,42,.075);

    --fleet-shadow-deep:
        0 18px 50px rgba(15,23,42,.13);
}


/*=========================================================
                SHARED
=========================================================*/

.fleet-hero *,
.fleet-problem *,
.fleet-capabilities *,
.fleet-scale *,
.fleet-audience *,
.fleet-notify *,
.fleet-faq *,
.fleet-final-cta *{
    box-sizing:border-box;
}

.fleet-hero a,
.fleet-problem a,
.fleet-capabilities a,
.fleet-scale a,
.fleet-audience a,
.fleet-notify a,
.fleet-faq a,
.fleet-final-cta a{
    text-decoration:none;
}

.fleet-section-heading{
    max-width:820px;
    margin:0 auto 64px;
    text-align:center;
}

.fleet-section-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:8px 15px;

    border:1px solid var(--fleet-blue-line);
    border-radius:999px;

    background:var(--fleet-blue-soft);
    color:var(--fleet-blue-dark);

    font-size:.71rem;
    line-height:1;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.fleet-section-heading h2{
    margin:20px 0 17px;

    color:var(--fleet-text);

    font-size:clamp(2.25rem,4vw,3.25rem);
    line-height:1.12;
    letter-spacing:-.035em;
    font-weight:800;
}

.fleet-section-heading h2 span{
    color:var(--fleet-blue);
}

.fleet-section-heading p{
    max-width:720px;
    margin:0 auto;

    color:var(--fleet-muted);

    font-size:1rem;
    line-height:1.8;
}


/*=========================================================
                BUTTONS
=========================================================*/

.fleet-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
}

.fleet-btn{
    min-height:50px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:0 21px;

    border-radius:13px;

    font-size:.9rem;
    font-weight:750;

    cursor:pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

.fleet-btn-primary{
    background:var(--fleet-blue);
    color:#fff;

    border:1px solid var(--fleet-blue);

    box-shadow:0 12px 28px rgba(37,99,235,.18);
}

.fleet-btn-primary:hover{
    background:var(--fleet-blue-dark);
    border-color:var(--fleet-blue-dark);

    transform:translateY(-2px);

    box-shadow:0 17px 34px rgba(37,99,235,.25);
}

.fleet-btn-secondary{
    background:#fff;
    color:var(--fleet-text);

    border:1px solid var(--fleet-border);
}

.fleet-btn-secondary:hover{
    transform:translateY(-2px);

    color:var(--fleet-blue-dark);
    border-color:var(--fleet-blue-line);

    box-shadow:var(--fleet-shadow-card);
}


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

.fleet-hero{
    position:relative;
    overflow:hidden;

    padding:108px 0 92px;

    background:
        radial-gradient(circle at 88% 7%,rgba(37,99,235,.10),transparent 32%),
        linear-gradient(180deg,#F3F6FA 0%,#F8FAFC 100%);
}

.fleet-hero::before{
    content:"";

    position:absolute;
    inset:0;

    background-image:
        linear-gradient(rgba(23,32,51,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(23,32,51,.022) 1px,transparent 1px);

    background-size:72px 72px;

    pointer-events:none;
}

.fleet-hero .container{
    position:relative;
    z-index:1;
}

.fleet-hero-grid{
    display:grid;
    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:72px;
}

.fleet-hero-copy{
    max-width:650px;
}

.fleet-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:9px 16px;

    border:1px solid var(--fleet-blue-line);
    border-radius:999px;

    background:var(--fleet-blue-soft);
    color:var(--fleet-blue-dark);

    font-size:.74rem;
    font-weight:800;
    letter-spacing:.08em;
}

.fleet-kicker i{
    color:var(--fleet-blue);
}

.fleet-hero-copy h1{
    margin:23px 0 23px;

    color:var(--fleet-text);

    font-size:clamp(3.1rem,5.5vw,4.75rem);
    line-height:1.02;
    letter-spacing:-.05em;
    font-weight:800;
}

.fleet-hero-copy h1 span{
    display:block;
    color:var(--fleet-blue);
}

.fleet-hero-copy > p{
    max-width:600px;

    margin:0 0 22px;

    color:var(--fleet-muted);

    font-size:1.08rem;
    line-height:1.82;
}

.fleet-coming-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-bottom:25px;

    padding:8px 12px;

    border:1px solid rgba(37,99,235,.18);
    border-radius:999px;

    background:#EEF4FF;
    color:var(--fleet-blue-dark);

    font-size:.68rem;
    font-weight:800;
}

.fleet-proof{
    display:flex;
    flex-wrap:wrap;
    gap:15px 20px;

    margin-top:19px;

    color:var(--fleet-muted);

    font-size:.75rem;
}

.fleet-proof span{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.fleet-proof i{
    color:var(--fleet-green);
}


/*=========================================================
                FLEET PREVIEW
=========================================================*/

.fleet-dashboard{
    position:relative;
    overflow:hidden;

    border:1px solid var(--fleet-border);
    border-radius:28px;

    background:#fff;

    box-shadow:var(--fleet-shadow-deep);
}

.fleet-dashboard::before{
    content:"";

    position:absolute;
    left:0;
    right:0;
    top:0;

    height:4px;

    background:linear-gradient(
        90deg,
        var(--fleet-blue),
        #6A8BFF
    );
}

.fleet-window{
    min-height:53px;

    display:flex;
    align-items:center;

    padding:0 18px;

    border-bottom:1px solid var(--fleet-border);

    background:#FBFCFE;
}

.fleet-window-dots{
    display:flex;
    gap:5px;

    margin-right:auto;
}

.fleet-window-dots span{
    width:7px;
    height:7px;

    border-radius:50%;
    background:#D6DDE7;
}

.fleet-window > strong{
    color:var(--fleet-muted);
    font-size:.74rem;
}

.fleet-status{
    display:inline-flex;
    align-items:center;
    gap:6px;

    margin-left:auto;

    color:var(--fleet-blue);

    font-size:.64rem;
    font-weight:700;
}

.fleet-status i{
    font-size:.36rem;
}

.fleet-dashboard-body{
    padding:26px;
}

.fleet-dashboard-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-bottom:20px;
}

.fleet-dashboard-head > div{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.fleet-dashboard-head small{
    color:var(--fleet-soft);

    font-size:.61rem;
    font-weight:800;
    letter-spacing:.08em;
}

.fleet-dashboard-head strong{
    color:var(--fleet-text);

    font-size:1.08rem;
}

.fleet-health{
    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:7px 10px;

    border-radius:999px;

    background:var(--fleet-green-soft);
    color:#16803B;

    font-size:.62rem;
    font-weight:750;
}

.fleet-health i{
    font-size:.42rem;
}

.fleet-metrics{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:10px;

    margin-bottom:15px;
}

.fleet-metric{
    position:relative;

    padding:16px;

    overflow:hidden;

    border:1px solid var(--fleet-border);
    border-radius:16px;

    background:#FBFCFE;
}

.fleet-metric::after{
    content:"";

    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:var(--fleet-blue);
}

.fleet-metric-good{
    background:linear-gradient(145deg,#F7FFFB,#fff);
}

.fleet-metric-good::after{
    background:var(--fleet-green);
}

.fleet-metric span,
.fleet-metric strong,
.fleet-metric small{
    display:block;
}

.fleet-metric span{
    margin-bottom:8px;

    color:var(--fleet-soft);
    font-size:.61rem;
}

.fleet-metric strong{
    color:var(--fleet-text);
    font-size:1.02rem;
}

.fleet-metric small{
    margin-top:6px;

    color:var(--fleet-soft);
    font-size:.57rem;
}

.fleet-performance{
    padding:18px;

    border:1px solid var(--fleet-border);
    border-radius:17px;

    background:#FBFCFE;
}

.fleet-performance-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    margin-bottom:18px;
}

.fleet-performance-head > div{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.fleet-performance-head strong{
    color:var(--fleet-text);
    font-size:.82rem;
}

.fleet-performance-head span{
    color:var(--fleet-soft);
    font-size:.59rem;
}

.fleet-performance-head > span{
    display:inline-flex;
    align-items:center;
    gap:5px;

    color:var(--fleet-blue);

    font-size:.59rem;
}

.fleet-performance-head > span i{
    width:7px;
    height:7px;

    border-radius:50%;
    background:var(--fleet-blue);
}

.fleet-bars{
    height:105px;

    display:flex;
    align-items:flex-end;
    gap:12px;

    padding:0 4px;
}

.fleet-bars span{
    flex:1;

    min-height:20px;

    border-radius:8px 8px 3px 3px;

    background:linear-gradient(
        to top,
        var(--fleet-blue-dark),
        var(--fleet-blue)
    );

    opacity:.9;
}

.fleet-dashboard-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    margin-top:15px;
    padding:14px 2px 0;

    border-top:1px solid var(--fleet-border-soft);
}

.fleet-dashboard-foot span{
    display:inline-flex;
    align-items:center;
    gap:7px;

    color:var(--fleet-muted);
    font-size:.62rem;
}

.fleet-dashboard-foot span i{
    color:#8B5CF6;
}

.fleet-dashboard-foot strong{
    color:var(--fleet-blue-dark);
    font-size:.62rem;
}


/*=========================================================
                PROBLEM
=========================================================*/

.fleet-problem{
    padding:118px 0;
    background:#fff;
}

.fleet-problem-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.fleet-problem-card{
    min-height:265px;

    padding:29px;

    border:1px solid var(--fleet-border);
    border-radius:22px;

    background:#fff;

    box-shadow:var(--fleet-shadow-card);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.fleet-problem-card:hover{
    transform:translateY(-6px);

    border-color:var(--fleet-blue-line);

    box-shadow:var(--fleet-shadow-hover);
}

.fleet-problem-icon{
    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:22px;

    border-radius:15px;

    background:var(--fleet-blue-soft);
    color:var(--fleet-blue);

    font-size:1.1rem;
}

.fleet-problem-card > span{
    color:var(--fleet-soft);

    font-family:Consolas,monospace;
    font-size:.63rem;
}

.fleet-problem-card h3{
    margin:11px 0 10px;

    color:var(--fleet-text);
    font-size:1.16rem;
}

.fleet-problem-card p{
    margin:0;

    color:var(--fleet-muted);

    font-size:.84rem;
    line-height:1.7;
}


/*=========================================================
                CAPABILITIES
=========================================================*/

.fleet-capabilities{
    padding:120px 0;
    background:var(--fleet-bg);
}

.fleet-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.fleet-feature-card{
    position:relative;

    min-height:275px;

    padding:28px;

    border:1px solid var(--fleet-border);
    border-radius:22px;

    background:#fff;

    box-shadow:var(--fleet-shadow-card);

    overflow:hidden;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.fleet-feature-card:hover{
    transform:translateY(-6px);

    border-color:var(--fleet-blue-line);

    box-shadow:var(--fleet-shadow-hover);
}

.fleet-feature-card::after{
    content:"";

    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:var(--fleet-blue);

    opacity:.75;
}

.fleet-feature-icon{
    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:20px;

    border-radius:15px;

    background:var(--fleet-blue-soft);
    color:var(--fleet-blue);

    font-size:1.12rem;
}

.fleet-feature-card > span{
    color:var(--fleet-soft);
    font-size:.62rem;
}

.fleet-feature-card h3{
    margin:11px 0 10px;

    color:var(--fleet-text);
    font-size:1.12rem;
}

.fleet-feature-card p{
    margin:0;

    color:var(--fleet-muted);

    font-size:.82rem;
    line-height:1.7;
}


/*=========================================================
                SCALE SECTION
=========================================================*/

.fleet-scale{
    padding:120px 0;
    background:#fff;
}

.fleet-scale-grid{
    display:grid;
    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;
}

.fleet-scale-copy{
    max-width:610px;
}

.fleet-scale-copy h2{
    margin:20px 0 17px;

    color:var(--fleet-text);

    font-size:clamp(2.3rem,4vw,3.2rem);
    line-height:1.12;
    letter-spacing:-.035em;
}

.fleet-scale-copy h2 span{
    color:var(--fleet-blue);
}

.fleet-scale-copy > p{
    margin:0 0 26px;

    color:var(--fleet-muted);
    line-height:1.8;
}

.fleet-scale-list{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.fleet-scale-list div{
    display:flex;
    align-items:flex-start;
    gap:10px;

    color:var(--fleet-muted);

    font-size:.85rem;
    line-height:1.55;
}

.fleet-scale-list i{
    width:21px;
    height:21px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 21px;

    margin-top:1px;

    border-radius:50%;

    background:var(--fleet-blue-soft);
    color:var(--fleet-blue);

    font-size:.56rem;
}

.fleet-scale-visual{
    position:relative;

    width:min(460px,100%);
    aspect-ratio:1;

    margin:0 auto;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.07) 0%,
            rgba(37,99,235,.035) 38%,
            transparent 39%
        );

    border:1px dashed rgba(37,99,235,.22);
}

.fleet-scale-visual::before{
    content:"";

    position:absolute;
    inset:18%;

    border:1px dashed rgba(37,99,235,.16);
    border-radius:50%;
}

.fleet-scale-center{
    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:150px;
    height:150px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border:1px solid var(--fleet-blue-line);
    border-radius:50%;

    background:#fff;

    box-shadow:var(--fleet-shadow-deep);

    text-align:center;
}

.fleet-scale-center i{
    margin-bottom:10px;

    color:var(--fleet-blue);
    font-size:1.35rem;
}

.fleet-scale-center strong{
    color:var(--fleet-text);

    font-size:.72rem;
    letter-spacing:.06em;
}

.fleet-scale-center span{
    margin-top:5px;

    color:var(--fleet-soft);

    font-size:.55rem;
}

.fleet-orbit{
    position:absolute;

    width:54px;
    height:54px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--fleet-border);

    border-radius:50%;

    background:#fff;

    color:var(--fleet-blue);

    box-shadow:var(--fleet-shadow-card);

    font-size:.95rem;
}

.fleet-orbit-one{
    left:11%;
    top:24%;
}

.fleet-orbit-two{
    right:11%;
    top:24%;
    color:#0C9468;
    background:#F5FFFB;
}

.fleet-orbit-three{
    right:11%;
    bottom:24%;
}

.fleet-orbit-four{
    left:11%;
    bottom:24%;
}


/*=========================================================
                AUDIENCE
=========================================================*/

.fleet-audience{
    padding:120px 0;
    background:var(--fleet-bg);
}

.fleet-audience-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
}

.fleet-audience-card{
    min-height:270px;

    padding:27px;

    border:1px solid var(--fleet-border);
    border-radius:22px;

    background:#fff;

    box-shadow:var(--fleet-shadow-card);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.fleet-audience-card:hover{
    transform:translateY(-6px);

    border-color:var(--fleet-blue-line);

    box-shadow:var(--fleet-shadow-hover);
}

.fleet-audience-icon{
    width:50px;
    height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:20px;

    border-radius:15px;

    background:var(--fleet-blue-soft);
    color:var(--fleet-blue);

    font-size:1.08rem;
}

.fleet-audience-card h3{
    margin:0 0 10px;

    color:var(--fleet-text);
    font-size:1.05rem;
}

.fleet-audience-card p{
    margin:0;

    color:var(--fleet-muted);

    font-size:.8rem;
    line-height:1.68;
}

.fleet-audience-featured{
    border-color:var(--fleet-blue-line);

    background:linear-gradient(145deg,#fff,#F7F9FF);
}


/*=========================================================
                EARLY ACCESS
=========================================================*/

.fleet-notify{
    padding:105px 0;
    background:#fff;
}

.fleet-notify-box{
    display:grid;
    grid-template-columns:.85fr 1.15fr;

    align-items:center;

    gap:65px;

    padding:43px;

    border:1px solid var(--fleet-blue-line);

    border-radius:28px;

    background:
        radial-gradient(circle at 100% 0%,rgba(37,99,235,.07),transparent 45%),
        #fff;

    box-shadow:var(--fleet-shadow-card);
}

.fleet-notify-copy h2{
    margin:20px 0 15px;

    color:var(--fleet-text);

    font-size:2.55rem;
    line-height:1.12;
    letter-spacing:-.035em;
}

.fleet-notify-copy h2 span{
    color:var(--fleet-blue);
}

.fleet-notify-copy p{
    margin:0;

    color:var(--fleet-muted);

    line-height:1.8;
}

.fleet-notify-form label{
    display:block;

    margin-bottom:8px;

    color:var(--fleet-text);

    font-size:.72rem;
    font-weight:750;
}

.fleet-input-row{
    display:flex;
    gap:10px;
}

.fleet-input-row input{
    min-width:0;
    flex:1;

    height:50px;

    padding:0 15px;

    border:1px solid var(--fleet-border);
    border-radius:13px;

    outline:none;

    background:#FBFCFE;

    color:var(--fleet-text);

    font:inherit;
    font-size:.85rem;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.fleet-input-row input::placeholder{
    color:#9AA6B6;
}

.fleet-input-row input:focus{
    border-color:var(--fleet-blue);

    box-shadow:0 0 0 3px rgba(37,99,235,.10);
}

.fleet-notify-form small{
    display:block;

    margin-top:10px;

    color:var(--fleet-soft);

    font-size:.61rem;
}

.fleet-form-message{
    min-height:18px;

    margin-top:8px;

    color:var(--fleet-blue-dark);

    font-size:.68rem;
}


/*=========================================================
                FAQ
=========================================================*/

.fleet-faq{
    padding:120px 0;
    background:var(--fleet-bg);
}

.fleet-faq-wrapper{
    max-width:880px;
    margin:0 auto;
}

.fleet-faq-item{
    margin-bottom:12px;

    overflow:hidden;

    border:1px solid var(--fleet-border);
    border-radius:17px;

    background:#fff;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.fleet-faq-item:hover,
.fleet-faq-item.active{
    border-color:var(--fleet-blue-line);
    box-shadow:var(--fleet-shadow-card);
}

.fleet-faq-question{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:22px 24px;

    border:0;
    background:transparent;

    color:var(--fleet-text);

    text-align:left;

    font:inherit;
    font-size:.93rem;
    font-weight:700;

    cursor:pointer;
}

.fleet-faq-question i{
    flex:0 0 auto;

    color:var(--fleet-blue);

    font-size:.82rem;
}

.fleet-faq-item.active .fleet-faq-question{
    color:var(--fleet-blue-dark);
}

.fleet-faq-answer{
    display:none;

    padding:0 24px 22px;

    color:var(--fleet-muted);

    font-size:.84rem;
    line-height:1.8;
}

.fleet-faq-item.active .fleet-faq-answer{
    display:block;
}


/*=========================================================
                FINAL CTA
=========================================================*/

.fleet-final-cta{
    position:relative;
    overflow:hidden;

    padding:112px 0;

    background:
        radial-gradient(circle at 15% 20%,rgba(255,255,255,.15),transparent 30%),
        radial-gradient(circle at 90% 80%,rgba(255,255,255,.09),transparent 32%),
        linear-gradient(135deg,#2563EB 0%,#1D3FD1 100%);
}

.fleet-final-cta::before{
    content:"";

    position:absolute;

    width:430px;
    height:430px;

    right:-235px;
    top:-250px;

    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;

    box-shadow:
        0 0 0 45px rgba(255,255,255,.025),
        0 0 0 90px rgba(255,255,255,.018);

    pointer-events:none;
}

.fleet-cta-box{
    position:relative;
    z-index:1;

    max-width:860px;

    margin:0 auto;

    text-align:center;
}

.fleet-final-cta .fleet-section-tag{
    background:rgba(255,255,255,.13);
    border-color:rgba(255,255,255,.24);
    color:#fff;
}

.fleet-cta-box h2{
    margin:22px 0 17px;

    color:#fff;

    font-size:clamp(2.5rem,5vw,4rem);
    line-height:1.08;
    letter-spacing:-.04em;
}

.fleet-cta-box h2 span{
    display:block;
    color:#DDE7FF;
}

.fleet-cta-box > p{
    max-width:650px;
    margin:0 auto;

    color:rgba(255,255,255,.88);

    font-size:1rem;
    line-height:1.8;
}

.fleet-final-cta .fleet-actions{
    justify-content:center;
    margin-top:32px;
}

.fleet-btn-white{
    background:#fff;
    color:var(--fleet-blue-dark);

    border:1px solid #fff;

    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.fleet-btn-white:hover{
    transform:translateY(-2px);
    background:#F8FAFF;
}

.fleet-btn-ghost{
    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.42);

    color:#fff;
}

.fleet-btn-ghost:hover{
    transform:translateY(-2px);

    background:rgba(255,255,255,.15);

    border-color:#fff;
}


/*=========================================================
                RESPONSIVE — 1100px
=========================================================*/

@media(max-width:1100px){

    .fleet-hero-grid{
        grid-template-columns:1fr;
        gap:48px;
    }

    .fleet-hero-copy{
        max-width:760px;
        margin:0 auto;
        text-align:center;
    }

    .fleet-hero-copy > p{
        margin-left:auto;
        margin-right:auto;
    }

    .fleet-actions{
        justify-content:center;
    }

    .fleet-proof{
        justify-content:center;
    }

    .fleet-dashboard{
        width:100%;
        max-width:720px;
        margin:0 auto;
    }

    .fleet-audience-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .fleet-scale-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .fleet-scale-copy{
        max-width:760px;
        margin:0 auto;
        text-align:center;
    }

    .fleet-scale-copy > p{
        margin-left:auto;
        margin-right:auto;
    }

    .fleet-scale-list{
        max-width:580px;
        margin:0 auto;
        text-align:left;
    }

    .fleet-notify-box{
        grid-template-columns:1fr;
        gap:40px;
    }

}


/*=========================================================
                RESPONSIVE — 900px
=========================================================*/

@media(max-width:900px){

    .fleet-problem-grid,
    .fleet-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


/*=========================================================
                RESPONSIVE — 700px
=========================================================*/

@media(max-width:700px){

    .fleet-hero,
    .fleet-problem,
    .fleet-capabilities,
    .fleet-scale,
    .fleet-audience,
    .fleet-notify,
    .fleet-faq,
    .fleet-final-cta{
        padding-top:78px;
        padding-bottom:78px;
    }

    .fleet-section-heading{
        margin-bottom:47px;
    }

    .fleet-section-heading h2{
        font-size:2.2rem;
    }

    .fleet-hero-copy h1{
        font-size:2.75rem;
    }

    .fleet-hero-copy > p{
        font-size:.96rem;
    }

    .fleet-proof{
        align-items:flex-start;
        flex-direction:column;

        width:max-content;

        margin-left:auto;
        margin-right:auto;

        text-align:left;
    }

    .fleet-dashboard-body{
        padding:20px;
    }

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

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

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

    .fleet-problem-grid,
    .fleet-feature-grid,
    .fleet-audience-grid{
        grid-template-columns:1fr;
    }

    .fleet-scale-visual{
        width:min(360px,100%);
    }

    .fleet-scale-center{
        width:125px;
        height:125px;
    }

    .fleet-orbit{
        width:47px;
        height:47px;
        font-size:.82rem;
    }

    .fleet-notify-box{
        padding:27px;
    }

    .fleet-notify-copy h2{
        font-size:2.25rem;
    }

    .fleet-input-row{
        flex-direction:column;
    }

    .fleet-input-row .fleet-btn{
        width:100%;
    }

    .fleet-faq-question{
        padding:20px;
        font-size:.86rem;
    }

    .fleet-faq-answer{
        padding:0 20px 20px;
        font-size:.81rem;
    }

    .fleet-cta-box h2{
        font-size:2.35rem;
    }

    .fleet-final-cta .fleet-actions{
        flex-direction:column;
        width:100%;
    }

    .fleet-final-cta .fleet-btn{
        width:100%;
    }

}


/*=========================================================
                REDUCED MOTION
=========================================================*/

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

    .fleet-hero *,
    .fleet-problem *,
    .fleet-capabilities *,
    .fleet-scale *,
    .fleet-audience *,
    .fleet-notify *,
    .fleet-faq *,
    .fleet-final-cta *{
        animation:none !important;
        transition:none !important;
    }

}