*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    background:
        radial-gradient(circle at 12% -10%,rgba(124,92,255,.16),transparent 34%),
        radial-gradient(circle at 90% 8%,rgba(62,215,184,.08),transparent 28%),
        #080b11;
    color:#f4f7fb;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased;
}

a{
    color:inherit;
}

button,
input{
    font:inherit;
}

.landing-shell{
    min-height:100vh;
    overflow:hidden;
}

.landing-header{
    width:min(1180px,calc(100% - 40px));
    height:78px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.brand{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#f6f8fc;
    text-decoration:none;
    font-weight:900;
    letter-spacing:-.02em;
}

.brand-mark{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid rgba(144,120,255,.35);
    border-radius:10px;
    background:linear-gradient(145deg,#6f58e7,#43318f);
    box-shadow:0 8px 28px rgba(98,72,213,.22);
    color:white;
    font-size:10px;
    letter-spacing:.04em;
}

.desktop-nav{
    display:flex;
    align-items:center;
    gap:26px;
}

.desktop-nav a{
    color:#909bab;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
}

.desktop-nav a:hover{
    color:#f0f3f8;
}

.header-actions,
.hero-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.btn{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 17px;
    border:1px solid transparent;
    border-radius:10px;
    text-decoration:none;
    font-weight:850;
    font-size:12px;
    cursor:pointer;
    transition:.18s ease;
}

.btn:hover{
    transform:translateY(-1px);
}

.btn.primary{
    background:linear-gradient(135deg,#7557e8,#5b3fc7);
    color:white;
    box-shadow:0 10px 30px rgba(91,63,199,.23);
}

.btn.ghost{
    border-color:#29313d;
    background:#0c1118;
    color:#dce2ec;
}

.btn.google{
    border-color:#303845;
    background:#111720;
    color:#eef2f7;
}

.btn.large{
    min-height:48px;
    padding:0 22px;
    border-radius:12px;
    font-size:13px;
}

.google-icon{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    color:#14171c;
    font-size:11px;
    font-weight:950;
}

.hero{
    width:min(1180px,calc(100% - 40px));
    min-height:670px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);
    align-items:center;
    gap:70px;
    padding:55px 0 80px;
}

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

.hero-pill,
.eyebrow{
    display:inline-flex;
    align-items:center;
    border:1px solid rgba(127,99,236,.28);
    border-radius:999px;
    background:rgba(90,67,184,.1);
    color:#a99be2;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.hero-pill{
    padding:7px 11px;
    margin-bottom:22px;
}

.hero h1,
.section-heading h2,
.plans-copy h2,
.final-cta h2{
    margin:0;
    letter-spacing:-.055em;
    line-height:.98;
}

.hero h1{
    max-width:700px;
    font-size:clamp(52px,6.4vw,84px);
}

.hero h1 span,
.section-heading h2 span,
.plans-copy h2 span{
    display:block;
    color:#8e75ef;
}

.hero-copy>p{
    max-width:590px;
    margin:24px 0 0;
    color:#98a3b3;
    font-size:17px;
    line-height:1.7;
}

.hero-actions{
    margin-top:30px;
    flex-wrap:wrap;
}

.hero-proof{
    margin-top:22px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    color:#707c8d;
    font-size:10px;
    font-weight:700;
}

.hero-proof i{
    width:3px;
    height:3px;
    border-radius:50%;
    background:#4e5968;
}

.hero-product{
    position:relative;
}

.product-window{
    overflow:hidden;
    border:1px solid rgba(130,145,164,.18);
    border-radius:18px;
    background:#0d1219;
    box-shadow:
        0 40px 100px rgba(0,0,0,.5),
        0 0 0 1px rgba(255,255,255,.015) inset;
    transform:perspective(1300px) rotateY(-4deg) rotateX(2deg);
}

.product-top{
    height:48px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #202833;
    background:#0b1016;
}

.product-top>div{
    display:flex;
    gap:6px;
}

.window-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#3a4451;
}

.product-top b{
    color:#798596;
    font-size:9px;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.product-grid{
    min-height:390px;
    display:grid;
    grid-template-columns:58px 1fr;
}

.product-sidebar{
    padding:18px 14px;
    display:flex;
    flex-direction:column;
    gap:14px;
    border-right:1px solid #202833;
}

.product-sidebar span{
    height:27px;
    border-radius:7px;
    background:#151c25;
}

.product-sidebar span.active{
    background:#5d46be;
}

.product-content{
    padding:22px;
}

.product-title-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.product-title-row>div{
    display:grid;
    gap:3px;
}

.product-title-row small{
    color:#677486;
    font-size:9px;
}

.product-title-row strong{
    font-size:16px;
}

.status-live{
    padding:5px 8px;
    border:1px solid rgba(54,210,142,.25);
    border-radius:999px;
    background:rgba(54,210,142,.08);
    color:#65dca8;
    font-size:8px;
    font-weight:900;
}

.mock-metrics{
    margin-top:20px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
}

.mock-metrics>div{
    min-height:75px;
    padding:12px;
    display:grid;
    align-content:center;
    gap:6px;
    border:1px solid #222b36;
    border-radius:10px;
    background:#10161e;
}

.mock-metrics small{
    color:#718094;
    font-size:8px;
}

.mock-metrics b{
    font-size:19px;
}

.mock-main{
    margin-top:10px;
    display:grid;
    grid-template-columns:1.4fr .8fr;
    gap:9px;
}

.mock-chart,
.mock-list{
    min-height:180px;
    border:1px solid #222b36;
    border-radius:10px;
    background:#10161e;
}

.mock-chart{
    padding:24px 18px 16px;
}

.chart-line{
    height:100%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
}

.chart-line i{
    width:10%;
    border-radius:5px 5px 2px 2px;
    background:linear-gradient(#8169dd,#443782);
}

.chart-line i:nth-child(1){height:27%}
.chart-line i:nth-child(2){height:42%}
.chart-line i:nth-child(3){height:34%}
.chart-line i:nth-child(4){height:66%}
.chart-line i:nth-child(5){height:55%}
.chart-line i:nth-child(6){height:83%}
.chart-line i:nth-child(7){height:72%}

.mock-list{
    padding:14px;
    display:grid;
    gap:9px;
    align-content:start;
}

.mock-list span{
    height:27px;
    border-radius:7px;
    background:#171f29;
}

.floating-card{
    position:absolute;
    padding:12px 14px;
    display:grid;
    gap:3px;
    border:1px solid rgba(132,119,190,.28);
    border-radius:11px;
    background:rgba(14,20,28,.96);
    box-shadow:0 20px 50px rgba(0,0,0,.32);
}

.floating-card span{
    color:#768397;
    font-size:8px;
}

.floating-card b{
    font-size:10px;
}

.card-one{
    left:-35px;
    bottom:48px;
}

.card-two{
    right:-28px;
    top:68px;
}

.logo-strip{
    width:min(1100px,calc(100% - 40px));
    margin:0 auto;
    padding:22px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:46px;
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.05);
}

.logo-strip span{
    color:#596577;
    font-size:13px;
    font-weight:900;
}

.section{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    padding:120px 0;
}

.section-heading{
    max-width:720px;
    margin-bottom:42px;
}

.section-heading.centered{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.eyebrow{
    padding:6px 9px;
    margin-bottom:14px;
}

.section-heading h2,
.plans-copy h2{
    font-size:clamp(38px,5vw,62px);
}

.section-heading p,
.plans-copy p{
    margin:18px 0 0;
    color:#8995a5;
    font-size:14px;
    line-height:1.7;
}

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

.feature-card{
    min-height:225px;
    padding:24px;
    border:1px solid #202833;
    border-radius:16px;
    background:linear-gradient(150deg,#0f151d,#0b1016);
}

.feature-card.featured{
    grid-column:span 2;
    background:
        radial-gradient(circle at 90% 0%,rgba(104,77,220,.15),transparent 38%),
        linear-gradient(150deg,#111720,#0b1016);
}

.feature-icon{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:1px solid #2c3542;
    border-radius:9px;
    color:#9e8edd;
    font-size:9px;
    font-weight:900;
}

.feature-card h3{
    margin:28px 0 8px;
    font-size:17px;
}

.feature-card p{
    max-width:420px;
    margin:0;
    color:#808c9c;
    font-size:12px;
    line-height:1.65;
}

.feature-visual{
    margin-top:25px;
}

.bars{
    display:grid;
    gap:7px;
}

.bars span{
    width:var(--w);
    height:6px;
    border-radius:99px;
    background:linear-gradient(90deg,#7558df,#3b3264);
}

.workflow-section{
    padding-top:80px;
}

.workflow{
    display:grid;
    grid-template-columns:1fr 50px 1fr 50px 1fr;
    align-items:center;
    gap:10px;
}

.workflow-step{
    min-height:170px;
    padding:22px;
    display:flex;
    gap:14px;
    border:1px solid #202833;
    border-radius:15px;
    background:#0d1219;
}

.workflow-step>strong{
    width:34px;
    height:34px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#5b45ba;
    font-size:11px;
}

.workflow-step h3{
    margin:4px 0 8px;
    font-size:15px;
}

.workflow-step p{
    margin:0;
    color:#7f8b9c;
    font-size:11px;
    line-height:1.6;
}

.workflow-line{
    height:1px;
    background:#28313e;
}

.plans-preview{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:70px;
    align-items:center;
}

.plans-copy .btn{
    margin-top:26px;
}

.plans-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
}

.mini-plan{
    min-height:190px;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border:1px solid #222b36;
    border-radius:14px;
    background:#0e141c;
}

.mini-plan.highlighted{
    transform:translateY(-12px);
    border-color:#644cc9;
    background:
        radial-gradient(circle at 50% 0%,rgba(113,82,224,.18),transparent 50%),
        #10161f;
}

.mini-plan span{
    margin-bottom:auto;
    color:#8f80d0;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.mini-plan b{
    font-size:14px;
}

.mini-plan small{
    margin-top:5px;
    color:#707d8e;
    font-size:9px;
}

.final-cta{
    width:min(1000px,calc(100% - 40px));
    margin:20px auto 110px;
    padding:70px 40px;
    text-align:center;
    border:1px solid #292f3c;
    border-radius:22px;
    background:
        radial-gradient(circle at 50% 0%,rgba(108,79,219,.2),transparent 45%),
        #0c1118;
}

.final-cta h2{
    max-width:760px;
    margin:6px auto 0;
    font-size:clamp(35px,4.8vw,58px);
}

.final-cta p{
    max-width:590px;
    margin:18px auto 0;
    color:#8b97a8;
    font-size:14px;
    line-height:1.7;
}

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

footer{
    width:min(1180px,calc(100% - 40px));
    min-height:100px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    border-top:1px solid #1c242e;
    color:#667384;
    font-size:10px;
}

footer>div{
    display:flex;
    gap:18px;
}

footer>div a{
    text-decoration:none;
}

/* AUTH */

.auth-body{
    min-height:100vh;
}

.auth-shell{
    width:min(460px,calc(100% - 32px));
    margin:0 auto;
    padding:46px 0;
}

.auth-brand{
    margin-bottom:28px;
}

.auth-card{
    padding:30px;
    border:1px solid #252e39;
    border-radius:18px;
    background:#0d1219;
    box-shadow:0 30px 80px rgba(0,0,0,.35);
}

.auth-heading{
    margin-bottom:22px;
}

.auth-heading h1{
    margin:0;
    font-size:31px;
    letter-spacing:-.045em;
}

.auth-heading p{
    margin:8px 0 0;
    color:#8793a4;
    font-size:12px;
    line-height:1.6;
}

.auth-google,
.auth-submit{
    width:100%;
    min-height:46px;
}

.auth-divider{
    margin:19px 0;
    display:flex;
    align-items:center;
    gap:10px;
    color:#677486;
    font-size:9px;
}

.auth-divider::before,
.auth-divider::after{
    content:"";
    height:1px;
    flex:1;
    background:#252e39;
}

.auth-form{
    display:grid;
    gap:12px;
}

.auth-form label{
    display:grid;
    gap:5px;
}

.auth-form label>span{
    color:#9ca7b6;
    font-size:9px;
    font-weight:800;
}

.auth-form input{
    width:100%;
    height:44px;
    padding:0 12px;
    border:1px solid #2a3440;
    border-radius:9px;
    outline:none;
    background:#090e14;
    color:#f1f4f8;
    font-size:12px;
}

.auth-form input:focus{
    border-color:#6954c9;
}

.auth-submit{
    margin-top:4px;
}

.auth-bottom{
    margin-top:20px;
    text-align:center;
    color:#758194;
    font-size:10px;
}

.auth-bottom a{
    color:#a997ed;
    font-weight:850;
    text-decoration:none;
}

.auth-alert{
    margin-bottom:14px;
    padding:10px 11px;
    border-radius:8px;
    font-size:10px;
    line-height:1.5;
}

.auth-alert.error{
    border:1px solid rgba(218,95,95,.25);
    background:rgba(218,95,95,.08);
    color:#e6a0a0;
}

@media(max-width:900px){
    .desktop-nav{
        display:none;
    }

    .hero{
        min-height:auto;
        grid-template-columns:1fr;
        gap:55px;
        padding:65px 0 85px;
    }

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

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

    .hero-actions,
    .hero-proof{
        justify-content:center;
    }

    .hero-product{
        width:min(620px,100%);
        margin:0 auto;
    }

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

    .feature-card.featured{
        grid-column:span 2;
    }

    .workflow{
        grid-template-columns:1fr;
    }

    .workflow-line{
        width:1px;
        height:24px;
        margin:auto;
    }

    .plans-preview{
        grid-template-columns:1fr;
        gap:45px;
    }
}

@media(max-width:640px){
    .landing-header{
        width:calc(100% - 28px);
        height:70px;
    }

    .header-actions .ghost{
        display:none;
    }

    .header-actions .btn{
        min-height:38px;
        padding:0 13px;
        font-size:10px;
    }

    .hero{
        width:calc(100% - 28px);
        padding-top:42px;
        gap:45px;
    }

    .hero-pill{
        font-size:8px;
    }

    .hero h1{
        font-size:46px;
    }

    .hero-copy>p{
        font-size:14px;
        line-height:1.65;
    }

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

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

    .hero-proof{
        gap:7px;
        font-size:8px;
    }

    .product-window{
        transform:none;
        border-radius:14px;
    }

    .product-grid{
        min-height:300px;
        grid-template-columns:42px 1fr;
    }

    .product-content{
        padding:14px;
    }

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

    .mock-metrics>div:last-child{
        display:none;
    }

    .mock-main{
        grid-template-columns:1fr;
    }

    .mock-list{
        display:none;
    }

    .floating-card{
        display:none;
    }

    .logo-strip{
        gap:22px;
    }

    .logo-strip span{
        font-size:10px;
    }

    .section{
        width:calc(100% - 28px);
        padding:80px 0;
    }

    .section-heading{
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }

    .section-heading h2,
    .plans-copy h2{
        font-size:39px;
    }

    .feature-grid{
        grid-template-columns:1fr;
    }

    .feature-card.featured{
        grid-column:span 1;
    }

    .feature-card{
        min-height:190px;
    }

    .plans-copy{
        text-align:center;
    }

    .plans-cards{
        grid-template-columns:1fr;
    }

    .mini-plan{
        min-height:125px;
    }

    .mini-plan.highlighted{
        transform:none;
    }

    .final-cta{
        width:calc(100% - 28px);
        margin-bottom:70px;
        padding:52px 22px;
    }

    .final-cta h2{
        font-size:38px;
    }

    footer{
        width:calc(100% - 28px);
        padding:25px 0;
        flex-direction:column;
        justify-content:center;
        text-align:center;
    }

    .auth-shell{
        padding:25px 0;
    }

    .auth-card{
        padding:22px;
        border-radius:14px;
    }
}


/* POSTFLOW 0.73.0 — HOME / LOGIN / CADASTRO */

.w-full{
    width:100%;
}

.plans-section{
    padding-top:100px;
}

.public-plan-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    align-items:stretch;
}

.public-plan-card{
    position:relative;
    min-height:430px;
    padding:26px;
    display:flex;
    flex-direction:column;
    border:1px solid #242d39;
    border-radius:18px;
    background:
        linear-gradient(150deg,#0f151d,#0b1016);
    cursor:pointer;
    transition:.2s ease;
}

.public-plan-card:hover,
.public-plan-card:focus{
    transform:translateY(-4px);
    border-color:#4b3a8d;
    outline:none;
}

.public-plan-card.featured{
    border-color:#6b53d4;
    background:
        radial-gradient(circle at 50% 0%,rgba(111,82,224,.18),transparent 43%),
        linear-gradient(150deg,#111720,#0b1016);
    box-shadow:0 24px 70px rgba(75,53,165,.12);
}

.public-plan-popular{
    position:absolute;
    top:16px;
    right:16px;
    padding:5px 7px;
    border-radius:999px;
    background:#6f54d8;
    color:#fff;
    font-size:7px;
    font-weight:950;
    letter-spacing:.08em;
}

.public-plan-tag{
    color:#9182d5;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.public-plan-card h3{
    margin:18px 0 8px;
    font-size:24px;
    letter-spacing:-.035em;
}

.public-plan-price{
    font-size:29px;
    font-weight:950;
    letter-spacing:-.04em;
}

.public-plan-price small{
    color:#748193;
    font-size:10px;
    font-weight:700;
    letter-spacing:0;
}

.public-plan-summary{
    flex:1;
    margin:24px 0;
    display:grid;
    align-content:start;
    gap:11px;
}

.public-plan-summary span{
    position:relative;
    padding-left:17px;
    color:#8d99a9;
    font-size:11px;
    line-height:1.45;
}

.public-plan-summary span::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#8d79e8;
    font-weight:900;
}

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

.public-plan-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    padding:24px;
    display:grid;
    place-items:center;
    overflow:auto;
    background:rgba(4,7,11,.82);
    backdrop-filter:blur(8px);
}

.public-plan-modal-panel{
    position:relative;
    width:min(760px,100%);
    max-height:calc(100vh - 48px);
    overflow:auto;
    padding:30px;
    border:1px solid #303946;
    border-radius:20px;
    background:
        radial-gradient(circle at 50% 0%,rgba(106,78,211,.17),transparent 35%),
        #0d1219;
    box-shadow:0 35px 110px rgba(0,0,0,.55);
}

.public-plan-modal-close{
    position:absolute;
    top:14px;
    right:14px;
    width:34px;
    height:34px;
    border:0;
    border-radius:9px;
    background:#171e27;
    color:#8f9aab;
    cursor:pointer;
    font-size:20px;
}

.public-plan-modal-head{
    padding-right:40px;
}

.public-plan-modal-head h3{
    margin:10px 0 4px;
    font-size:28px;
    letter-spacing:-.04em;
}

.modal-price{
    margin-top:8px;
}

.public-plan-modal-columns{
    margin:26px 0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:26px;
}

.modal-list-title{
    display:block;
    margin-bottom:10px;
    color:#dce2ea;
    font-size:11px;
}

.modal-feature-list{
    display:grid;
    gap:8px;
}

.modal-feature-list span{
    min-height:34px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px 10px;
    border:1px solid #202a35;
    border-radius:9px;
    background:#0a0f15;
    color:#8d99a9;
    font-size:10px;
}

.modal-feature-list span i{
    width:18px;
    height:18px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border-radius:50%;
    font-style:normal;
    font-size:8px;
}

.modal-feature-list .included i{
    background:rgba(62,201,138,.1);
    color:#5bd29c;
}

.modal-feature-list .locked{
    opacity:.65;
}

.modal-feature-list .locked i{
    background:#171e27;
    color:#758193;
}

.public-plan-choose{
    margin-top:4px;
}

.public-modal-open{
    overflow:hidden;
}

/* AUTH unificado */

.auth-page-shell{
    width:min(480px,calc(100% - 32px));
    min-height:100vh;
    margin:0 auto;
    padding:38px 0 30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.auth-page-shell .auth-brand{
    align-self:flex-start;
}

.auth-card-pro{
    margin-top:22px;
}

.auth-selected-plan{
    margin:0 0 18px;
    padding:12px 13px;
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    gap:12px;
    border:1px solid rgba(111,84,216,.3);
    border-radius:11px;
    background:rgba(93,68,188,.08);
}

.auth-selected-plan>div:first-child{
    display:grid;
    gap:2px;
}

.auth-selected-plan span,
.auth-selected-plan small{
    color:#7f8b9c;
    font-size:8px;
}

.auth-selected-plan b{
    font-size:11px;
}

.auth-selected-plan strong{
    font-size:13px;
}

.auth-selected-plan a{
    color:#a995ed;
    font-size:9px;
    font-weight:850;
    text-decoration:none;
}

.auth-after-register{
    margin-top:13px;
    color:#737f90;
    text-align:center;
    font-size:9px;
}

.auth-back-home{
    margin-top:18px;
    align-self:center;
    color:#697587;
    font-size:9px;
    font-weight:750;
    text-decoration:none;
}

.auth-back-home:hover{
    color:#a99be2;
}

@media(max-width:900px){
    .public-plan-grid{
        grid-template-columns:1fr;
        width:min(560px,100%);
        margin:0 auto;
    }

    .public-plan-card{
        min-height:330px;
    }
}

@media(max-width:640px){
    .public-plan-modal{
        padding:12px;
        align-items:end;
    }

    .public-plan-modal-panel{
        width:100%;
        max-height:90vh;
        padding:24px 18px 18px;
        border-radius:18px 18px 12px 12px;
    }

    .public-plan-modal-columns{
        grid-template-columns:1fr;
        gap:20px;
    }

    .public-plan-card{
        min-height:310px;
    }

    .auth-page-shell{
        width:calc(100% - 24px);
        padding:18px 0 22px;
        justify-content:flex-start;
    }

    .auth-card-pro{
        margin-top:16px;
    }

    .auth-selected-plan{
        grid-template-columns:1fr auto;
    }

    .auth-selected-plan>a{
        grid-column:1/-1;
    }
}


/* POSTFLOW 0.73.1 — HOME SIMPLIFICADA + CPF */

.auth-field-note{
    margin-top:2px;
    color:#687586;
    font-size:8px;
    line-height:1.4;
}

.landing-simple .landing-header{
    border-bottom:1px solid rgba(255,255,255,.035);
}

.simple-hero{
    width:min(980px,calc(100% - 40px));
    margin:0 auto;
    padding:115px 0 105px;
    text-align:center;
}

.simple-hero-copy{
    max-width:800px;
    margin:0 auto;
}

.simple-hero h1{
    margin:0;
    font-size:clamp(54px,7vw,88px);
    line-height:.96;
    letter-spacing:-.06em;
}

.simple-hero h1 span{
    display:block;
    color:#8e75ef;
}

.simple-hero p{
    max-width:650px;
    margin:24px auto 0;
    color:#98a3b3;
    font-size:17px;
    line-height:1.7;
}

.simple-proof{
    margin-top:23px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    color:#667385;
    font-size:10px;
    font-weight:750;
}

.simple-proof i{
    width:3px;
    height:3px;
    border-radius:50%;
    background:#4a5564;
}

.simple-section{
    padding-top:90px;
    padding-bottom:90px;
}

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

.simple-feature-card{
    min-height:180px;
    padding:22px;
    border:1px solid #202833;
    border-radius:15px;
    background:#0d1219;
}

.simple-feature-card>span{
    color:#8f7de0;
    font-size:9px;
    font-weight:950;
}

.simple-feature-card h3{
    margin:28px 0 8px;
    font-size:16px;
}

.simple-feature-card p{
    margin:0;
    color:#7f8b9c;
    font-size:11px;
    line-height:1.65;
}

.simple-workflow-section{
    padding-top:70px;
    padding-bottom:80px;
}

.simple-workflow{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.simple-workflow article{
    padding:25px;
    text-align:center;
    border:1px solid #202833;
    border-radius:15px;
    background:#0d1219;
}

.simple-workflow strong{
    width:36px;
    height:36px;
    margin:0 auto 15px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#5d47bb;
    font-size:11px;
}

.simple-workflow h3{
    margin:0 0 6px;
    font-size:15px;
}

.simple-workflow p{
    margin:0;
    color:#7e8a9a;
    font-size:10px;
}

.simple-final-cta{
    width:min(900px,calc(100% - 40px));
    margin:40px auto 100px;
    padding:60px 30px;
    text-align:center;
    border:1px solid #282f3b;
    border-radius:20px;
    background:
        radial-gradient(circle at 50% 0%,rgba(108,79,219,.16),transparent 48%),
        #0c1118;
}

.simple-final-cta h2{
    margin:0;
    font-size:clamp(32px,4vw,48px);
    letter-spacing:-.045em;
}

.simple-final-cta p{
    margin:10px 0 22px;
    color:#8995a5;
    font-size:12px;
}

@media(max-width:900px){
    .simple-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:640px){
    .simple-hero{
        width:calc(100% - 28px);
        padding:70px 0 70px;
    }

    .simple-hero h1{
        font-size:48px;
    }

    .simple-hero p{
        font-size:14px;
    }

    .simple-feature-grid,
    .simple-workflow{
        grid-template-columns:1fr;
    }

    .simple-section,
    .simple-workflow-section{
        padding-top:65px;
        padding-bottom:65px;
    }

    .simple-final-cta{
        width:calc(100% - 28px);
        margin-bottom:70px;
        padding:45px 20px;
    }
}


/* POSTFLOW 0.73.2 — HOME PREMIUM */

.premium-landing{
    background:
        radial-gradient(circle at 50% -12%,rgba(111,84,216,.18),transparent 34%),
        #080b11;
}

.premium-header{
    border-bottom:1px solid rgba(255,255,255,.04);
}

.premium-hero{
    width:min(1180px,calc(100% - 40px));
    min-height:700px;
    margin:0 auto;
    padding:82px 0 90px;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    align-items:center;
    gap:72px;
}

.premium-hero-copy{
    max-width:580px;
}

.premium-kicker{
    display:inline-flex;
    margin-bottom:20px;
    color:#9c8ae8;
    font-size:9px;
    font-weight:950;
    letter-spacing:.12em;
}

.premium-hero h1{
    margin:0;
    font-size:clamp(52px,5.8vw,78px);
    line-height:.98;
    letter-spacing:-.06em;
}

.premium-hero h1 span{
    display:block;
    color:#8d74ed;
}

.premium-hero-copy>p{
    max-width:540px;
    margin:24px 0 0;
    color:#929eae;
    font-size:16px;
    line-height:1.7;
}

.premium-hero-actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.premium-text-link{
    color:#a79ae0;
    text-decoration:none;
    font-size:11px;
    font-weight:850;
}

.premium-trust-row{
    margin-top:28px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.premium-trust-row span{
    padding:6px 9px;
    border:1px solid #232b36;
    border-radius:999px;
    background:#0d1219;
    color:#6f7b8c;
    font-size:8px;
    font-weight:800;
}

.premium-product-preview{
    position:relative;
}

.preview-glow{
    position:absolute;
    inset:10% 12%;
    background:rgba(103,76,213,.18);
    filter:blur(70px);
    border-radius:50%;
}

.preview-window{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(124,139,160,.18);
    border-radius:18px;
    background:#0c1118;
    box-shadow:
        0 45px 110px rgba(0,0,0,.52),
        0 0 0 1px rgba(255,255,255,.015) inset;
}

.preview-topbar{
    height:52px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #202833;
    background:#0a0f15;
}

.preview-brand{
    display:flex;
    align-items:center;
    gap:8px;
}

.preview-brand-mark{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border-radius:7px;
    background:#634bc6;
    font-size:7px;
    font-weight:950;
}

.preview-brand b{
    font-size:10px;
}

.preview-status{
    display:flex;
    align-items:center;
    gap:6px;
    color:#718094;
    font-size:8px;
}

.preview-status i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#41d396;
    box-shadow:0 0 12px rgba(65,211,150,.4);
}

.preview-body{
    min-height:425px;
    display:grid;
    grid-template-columns:58px 1fr;
}

.preview-sidebar{
    padding:18px 13px;
    display:grid;
    align-content:start;
    gap:12px;
    border-right:1px solid #202833;
}

.preview-sidebar span{
    height:29px;
    border-radius:8px;
    background:#141b24;
}

.preview-sidebar span.active{
    background:#5c45bb;
}

.preview-main{
    padding:20px;
}

.preview-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.preview-heading small{
    color:#647183;
    font-size:7px;
    letter-spacing:.08em;
}

.preview-heading h3{
    margin:3px 0 0;
    font-size:16px;
}

.preview-heading button{
    height:31px;
    padding:0 10px;
    border:0;
    border-radius:8px;
    background:#634bc7;
    color:#fff;
    font-size:8px;
    font-weight:850;
}

.preview-metrics{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}

.preview-metrics article{
    min-height:85px;
    padding:12px;
    display:grid;
    align-content:center;
    gap:3px;
    border:1px solid #222b36;
    border-radius:10px;
    background:#10161e;
}

.preview-metrics span,
.preview-metrics small{
    color:#718094;
    font-size:7px;
}

.preview-metrics strong{
    font-size:20px;
}

.preview-lower{
    margin-top:9px;
    display:grid;
    grid-template-columns:1.4fr .8fr;
    gap:8px;
}

.preview-schedule-card,
.preview-render-card{
    min-height:210px;
    padding:14px;
    border:1px solid #222b36;
    border-radius:10px;
    background:#10161e;
}

.preview-card-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#788597;
    font-size:8px;
}

.preview-card-title b{
    color:#9584db;
    font-size:7px;
}

.preview-timeline{
    margin-top:15px;
    display:grid;
    gap:10px;
}

.preview-timeline>div{
    display:grid;
    grid-template-columns:48px 1fr;
    align-items:center;
    gap:9px;
}

.preview-timeline time{
    color:#909cad;
    font-size:9px;
}

.preview-timeline span{
    min-height:36px;
    padding:0 9px;
    display:flex;
    align-items:center;
    gap:7px;
    border:1px solid #232c37;
    border-radius:8px;
    background:#0c1118;
    color:#8794a5;
    font-size:8px;
}

.preview-timeline span i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#846ce4;
}

.preview-render-card{
    text-align:center;
}

.render-ring{
    width:90px;
    height:90px;
    margin:26px auto 14px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:
        radial-gradient(circle,#10161e 58%,transparent 60%),
        conic-gradient(#7a61e0 0 78%,#222b36 78% 100%);
}

.render-ring strong{
    font-size:15px;
}

.preview-render-card>small{
    color:#677486;
    font-size:7px;
}

.preview-float{
    position:absolute;
    z-index:2;
    padding:11px 13px;
    display:grid;
    gap:2px;
    border:1px solid rgba(125,107,194,.28);
    border-radius:10px;
    background:rgba(12,17,24,.96);
    box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.preview-float span{
    color:#717e8f;
    font-size:7px;
}

.preview-float b{
    font-size:9px;
}

.preview-float-one{
    left:-34px;
    bottom:40px;
}

.preview-float-two{
    right:-28px;
    top:86px;
}

.premium-strip{
    width:min(1080px,calc(100% - 40px));
    margin:0 auto;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    border-top:1px solid rgba(255,255,255,.045);
    border-bottom:1px solid rgba(255,255,255,.045);
    color:#586474;
    font-size:8px;
    font-weight:950;
    letter-spacing:.14em;
}

.premium-strip i{
    width:4px;
    height:4px;
    border-radius:50%;
    background:#3f4957;
}

.premium-benefits,
.premium-process{
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    padding:115px 0;
}

.premium-section-heading{
    max-width:700px;
    margin-bottom:42px;
}

.premium-section-heading.centered{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.premium-section-heading>span{
    color:#8f7de0;
    font-size:8px;
    font-weight:950;
    letter-spacing:.12em;
}

.premium-section-heading h2{
    margin:9px 0 0;
    font-size:clamp(38px,5vw,58px);
    line-height:1;
    letter-spacing:-.055em;
}

.premium-section-heading h2 strong{
    display:block;
    color:#8d74ed;
    font-weight:inherit;
}

.premium-benefit-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.premium-benefit-card{
    min-height:360px;
    padding:24px;
    display:flex;
    flex-direction:column;
    border:1px solid #202833;
    border-radius:16px;
    background:#0d1219;
}

.premium-benefit-card.featured{
    background:
        radial-gradient(circle at 50% 0%,rgba(102,75,211,.15),transparent 44%),
        #0e141c;
    border-color:#3d326f;
}

.benefit-number{
    color:#8b78dd;
    font-size:9px;
    font-weight:950;
}

.premium-benefit-card h3{
    margin:28px 0 8px;
    font-size:19px;
}

.premium-benefit-card p{
    margin:0;
    color:#7f8b9c;
    font-size:11px;
    line-height:1.7;
}

.benefit-ui{
    margin-top:auto;
}

.smart-ui{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
}

.smart-ui span{
    padding:7px 9px;
    border:1px solid #252e39;
    border-radius:8px;
    background:#0a0f15;
    color:#6f7b8c;
    font-size:8px;
}

.smart-ui span.hot{
    border-color:#544294;
    background:#171329;
    color:#9f8ee5;
}

.reel-ui{
    display:grid;
    gap:6px;
}

.reel-ui>div{
    min-height:39px;
    padding:0 10px;
    display:grid;
    grid-template-columns:8px 1fr auto;
    align-items:center;
    gap:8px;
    border:1px solid #242d38;
    border-radius:8px;
    background:#0a0f15;
    color:#758192;
    font-size:8px;
}

.reel-ui i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#745bd9;
}

.reel-ui b{
    color:#9b8bdc;
    font-size:7px;
}

.stack-ui{
    display:grid;
    gap:6px;
}

.stack-ui span{
    min-height:38px;
    padding:0 11px;
    display:flex;
    align-items:center;
    border:1px solid #242d38;
    border-radius:8px;
    background:#0a0f15;
    color:#7b8797;
    font-size:8px;
}

.premium-process{
    padding-top:70px;
}

.premium-process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.premium-process-grid article{
    min-height:135px;
    padding:22px;
    border:1px solid #202833;
    border-radius:14px;
    background:#0d1219;
}

.premium-process-grid b{
    color:#826dde;
    font-size:9px;
}

.premium-process-grid h3{
    margin:26px 0 0;
    font-size:15px;
}

.premium-plans{
    padding-top:100px;
}

.premium-final{
    width:min(900px,calc(100% - 40px));
    margin:30px auto 100px;
    padding:70px 30px;
    text-align:center;
    border:1px solid #292f3b;
    border-radius:22px;
    background:
        radial-gradient(circle at 50% 0%,rgba(109,80,219,.2),transparent 45%),
        #0c1118;
}

.premium-final>span{
    color:#917dde;
    font-size:8px;
    font-weight:950;
    letter-spacing:.12em;
}

.premium-final h2{
    max-width:700px;
    margin:10px auto 24px;
    font-size:clamp(36px,5vw,56px);
    line-height:1;
    letter-spacing:-.055em;
}

@media(max-width:980px){
    .premium-hero{
        grid-template-columns:1fr;
        gap:55px;
        text-align:center;
    }

    .premium-hero-copy{
        max-width:760px;
        margin:0 auto;
    }

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

    .premium-hero-actions,
    .premium-trust-row{
        justify-content:center;
    }

    .premium-product-preview{
        width:min(680px,100%);
        margin:0 auto;
    }

    .premium-benefit-grid{
        grid-template-columns:1fr;
    }

    .premium-benefit-card{
        min-height:260px;
    }
}

@media(max-width:640px){
    .premium-hero{
        width:calc(100% - 28px);
        padding:58px 0 65px;
    }

    .premium-hero h1{
        font-size:48px;
    }

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

    .premium-hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

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

    .premium-text-link{
        padding:8px 0;
    }

    .preview-window{
        border-radius:14px;
    }

    .preview-body{
        min-height:345px;
        grid-template-columns:42px 1fr;
    }

    .preview-sidebar{
        padding:12px 8px;
    }

    .preview-main{
        padding:12px;
    }

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

    .preview-metrics article:last-child{
        display:none;
    }

    .preview-lower{
        grid-template-columns:1fr;
    }

    .preview-render-card{
        display:none;
    }

    .preview-float{
        display:none;
    }

    .premium-strip{
        width:calc(100% - 28px);
        gap:10px;
        flex-wrap:wrap;
        padding:18px 0;
    }

    .premium-benefits,
    .premium-process{
        width:calc(100% - 28px);
        padding:75px 0;
    }

    .premium-process-grid{
        grid-template-columns:1fr;
    }

    .premium-final{
        width:calc(100% - 28px);
        margin-bottom:70px;
        padding:52px 20px;
    }
}


/* POSTFLOW 0.73.3 — HOME ESSENCIAL */

.essential-landing{
    background:
        radial-gradient(circle at 50% -15%,rgba(111,84,216,.16),transparent 34%),
        #080b11;
}

.essential-header{
    border-bottom:1px solid rgba(255,255,255,.04);
}

.essential-hero{
    width:min(900px,calc(100% - 40px));
    margin:0 auto;
    padding:115px 0 90px;
    text-align:center;
}

.essential-kicker{
    display:inline-block;
    margin-bottom:18px;
    color:#8f7de0;
    font-size:9px;
    font-weight:950;
    letter-spacing:.18em;
}

.essential-hero h1{
    margin:0;
    font-size:clamp(54px,7vw,88px);
    line-height:.96;
    letter-spacing:-.06em;
}

.essential-hero h1 span{
    display:block;
    color:#8d74ed;
}

.essential-hero p{
    max-width:650px;
    margin:24px auto 0;
    color:#929eae;
    font-size:16px;
    line-height:1.7;
}

.essential-actions{
    margin-top:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.essential-login-link{
    color:#9e91d5;
    font-size:11px;
    font-weight:850;
    text-decoration:none;
}

.essential-platforms{
    margin-top:26px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    color:#667385;
    font-size:9px;
    font-weight:800;
}

.essential-platforms i{
    width:3px;
    height:3px;
    border-radius:50%;
    background:#434e5c;
}

.essential-value{
    width:min(1040px,calc(100% - 40px));
    margin:0 auto;
    padding:42px 0 95px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    border-top:1px solid rgba(255,255,255,.045);
}

.essential-value article{
    min-height:145px;
    padding:22px;
    display:flex;
    gap:14px;
    border:1px solid #202833;
    border-radius:14px;
    background:#0d1219;
}

.essential-value article>span{
    color:#8c79df;
    font-size:9px;
    font-weight:950;
}

.essential-value h3{
    margin:0 0 7px;
    font-size:15px;
}

.essential-value p{
    margin:0;
    color:#798697;
    font-size:10px;
    line-height:1.55;
}

.essential-plans{
    width:min(1080px,calc(100% - 40px));
    margin:0 auto;
    padding:85px 0 110px;
}

.essential-section-title{
    max-width:680px;
    margin:0 auto 38px;
    text-align:center;
}

.essential-section-title>span{
    color:#8e7bdc;
    font-size:8px;
    font-weight:950;
    letter-spacing:.16em;
}

.essential-section-title h2{
    margin:10px 0 0;
    font-size:clamp(36px,5vw,54px);
    line-height:1;
    letter-spacing:-.055em;
}

.essential-section-title h2 strong{
    display:block;
    color:#8d74ed;
    font-weight:inherit;
}

.essential-footer{
    min-height:90px;
}

@media(max-width:800px){
    .essential-value{
        grid-template-columns:1fr;
        max-width:560px;
    }
}

@media(max-width:640px){
    .essential-hero{
        width:calc(100% - 28px);
        padding:72px 0 65px;
    }

    .essential-hero h1{
        font-size:47px;
    }

    .essential-hero p{
        font-size:14px;
    }

    .essential-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .essential-actions .btn{
        width:100%;
    }

    .essential-login-link{
        padding:8px;
    }

    .essential-value{
        width:calc(100% - 28px);
        padding-bottom:65px;
    }

    .essential-plans{
        width:calc(100% - 28px);
        padding:65px 0 80px;
    }
}


/* POSTFLOW 0.73.4 — HOME CONVERSÃO */

.conversion-landing{
    background:
        radial-gradient(circle at 38% -10%,rgba(112,83,222,.20),transparent 33%),
        radial-gradient(circle at 100% 22%,rgba(104,74,215,.08),transparent 25%),
        #080b11;
}

.conversion-header{
    border-bottom:1px solid rgba(255,255,255,.04);
}

.conversion-hero{
    width:min(1180px,calc(100% - 40px));
    min-height:640px;
    margin:0 auto;
    padding:78px 0 68px;
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    align-items:center;
    gap:70px;
}

.conversion-copy{
    max-width:600px;
}

.conversion-badge{
    display:inline-flex;
    margin-bottom:19px;
    padding:7px 10px;
    border:1px solid rgba(132,106,234,.25);
    border-radius:999px;
    background:rgba(103,76,207,.10);
    color:#9d8bea;
    font-size:8px;
    font-weight:950;
    letter-spacing:.14em;
}

.conversion-copy h1{
    margin:0;
    font-size:clamp(50px,5.8vw,76px);
    line-height:.98;
    letter-spacing:-.06em;
}

.conversion-copy h1 span{
    display:block;
    color:#8f75ef;
}

.conversion-copy>p{
    max-width:560px;
    margin:22px 0 0;
    color:#929eae;
    font-size:16px;
    line-height:1.7;
}

.conversion-actions{
    margin-top:29px;
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.conversion-primary{
    min-height:52px;
    padding:0 25px;
    font-size:13px;
}

.conversion-secondary{
    color:#a294dd;
    font-size:11px;
    font-weight:850;
    text-decoration:none;
}

.conversion-mini-proof{
    margin-top:25px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    color:#667385;
    font-size:9px;
    font-weight:800;
}

.conversion-mini-proof i{
    width:3px;
    height:3px;
    border-radius:50%;
    background:#46515f;
}

.conversion-demo{
    position:relative;
}

.conversion-demo-glow{
    position:absolute;
    inset:12%;
    border-radius:50%;
    background:rgba(106,77,215,.20);
    filter:blur(70px);
}

.conversion-demo-card{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(126,141,161,.20);
    border-radius:20px;
    background:#0d1219;
    box-shadow:
        0 45px 120px rgba(0,0,0,.48),
        0 0 0 1px rgba(255,255,255,.015) inset;
}

.conversion-demo-head{
    min-height:56px;
    padding:0 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #202833;
    background:#0a0f15;
}

.conversion-demo-head>div{
    display:flex;
    align-items:center;
    gap:9px;
}

.conversion-demo-logo{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:linear-gradient(135deg,#7558df,#5036ad);
    color:#fff;
    font-size:7px;
    font-weight:950;
}

.conversion-demo-head b{
    font-size:10px;
}

.conversion-online{
    display:flex;
    align-items:center;
    gap:6px;
    color:#718094;
    font-size:8px;
}

.conversion-online i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#3fd297;
    box-shadow:0 0 11px rgba(63,210,151,.42);
}

.conversion-flow{
    padding:23px;
}

.conversion-flow-step{
    min-height:82px;
    padding:14px;
    display:grid;
    grid-template-columns:36px 1fr auto;
    align-items:center;
    gap:12px;
    border:1px solid #232c37;
    border-radius:12px;
    background:#10161e;
}

.conversion-flow-step.active{
    border-color:#574599;
    background:
        linear-gradient(90deg,rgba(98,73,194,.12),transparent),
        #10161e;
}

.flow-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#171e27;
    color:#8e7bdd;
    font-size:8px;
    font-weight:950;
}

.conversion-flow-step span{
    color:#667486;
    font-size:7px;
    font-weight:900;
    letter-spacing:.1em;
}

.conversion-flow-step h3{
    margin:3px 0;
    font-size:13px;
}

.conversion-flow-step p{
    margin:0;
    color:#6f7c8d;
    font-size:8px;
}

.conversion-flow-step>b{
    color:#9d8ce2;
    font-size:9px;
}

.flow-connector{
    width:1px;
    height:12px;
    margin:0 0 0 31px;
    background:#303948;
}

.conversion-demo-bottom{
    min-height:48px;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-top:1px solid #202833;
    background:#0a0f15;
}

.conversion-demo-bottom span{
    display:flex;
    align-items:center;
    gap:6px;
    color:#687587;
    font-size:7px;
}

.conversion-demo-bottom i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#6d55d4;
}

.conversion-values{
    width:min(1060px,calc(100% - 40px));
    margin:0 auto;
    padding:42px 0 72px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    border-top:1px solid rgba(255,255,255,.045);
}

.conversion-values article{
    min-height:112px;
    padding:18px;
    display:flex;
    align-items:flex-start;
    gap:12px;
    border:1px solid #202833;
    border-radius:13px;
    background:#0c1118;
}

.conversion-values strong{
    color:#8a76dd;
    font-size:8px;
}

.conversion-values h3{
    margin:0 0 5px;
    font-size:13px;
}

.conversion-values p{
    margin:0;
    color:#758293;
    font-size:9px;
    line-height:1.5;
}

.conversion-plans{
    width:min(1100px,calc(100% - 40px));
    margin:0 auto;
    padding:72px 0 110px;
}

.conversion-plan-heading{
    max-width:670px;
    margin:0 auto 38px;
    text-align:center;
}

.conversion-plan-heading>span{
    color:#8c78dc;
    font-size:8px;
    font-weight:950;
    letter-spacing:.15em;
}

.conversion-plan-heading h2{
    margin:9px 0 0;
    font-size:clamp(36px,4.7vw,54px);
    letter-spacing:-.055em;
}

.conversion-plan-heading p{
    margin:10px 0 0;
    color:#8390a1;
    font-size:11px;
}

.conversion-plan-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    align-items:stretch;
}

.conversion-plan-card{
    position:relative;
    min-height:415px;
    padding:25px;
    display:flex;
    flex-direction:column;
    border:1px solid #252e39;
    border-radius:18px;
    background:#0d1219;
    transition:.2s ease;
}

.conversion-plan-card:hover{
    transform:translateY(-4px);
    border-color:#4d3d8a;
}

.conversion-plan-card.featured{
    transform:translateY(-12px);
    border-color:#725bdd;
    background:
        radial-gradient(circle at 50% 0%,rgba(111,83,220,.22),transparent 45%),
        #10161f;
    box-shadow:
        0 28px 80px rgba(80,54,181,.18),
        0 0 0 1px rgba(129,103,230,.06) inset;
}

.conversion-plan-card.featured:hover{
    transform:translateY(-16px);
}

.conversion-plan-popular{
    position:absolute;
    top:16px;
    right:16px;
    padding:5px 8px;
    border-radius:999px;
    background:#735ae0;
    color:#fff;
    font-size:7px;
    font-weight:950;
    letter-spacing:.08em;
}

.conversion-plan-tag{
    color:#8d7bda;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.09em;
}

.conversion-plan-card h3{
    margin:18px 0 8px;
    font-size:24px;
    letter-spacing:-.04em;
}

.conversion-plan-price{
    display:flex;
    align-items:baseline;
    gap:4px;
}

.conversion-plan-price b{
    font-size:30px;
    letter-spacing:-.045em;
}

.conversion-plan-price span{
    color:#718094;
    font-size:9px;
}

.conversion-plan-features{
    flex:1;
    margin:24px 0;
    display:grid;
    align-content:start;
    gap:10px;
}

.conversion-plan-features span{
    display:flex;
    align-items:flex-start;
    gap:8px;
    color:#8995a6;
    font-size:10px;
    line-height:1.45;
}

.conversion-plan-features i{
    width:17px;
    height:17px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(78,208,146,.08);
    color:#63d4a3;
    font-style:normal;
    font-size:7px;
}

.conversion-plan-cta{
    width:100%;
    min-height:46px;
}

.conversion-plan-details{
    margin-top:10px;
    padding:8px;
    border:0;
    background:transparent;
    color:#8f81cb;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}

.conversion-footer{
    min-height:92px;
}

@media(max-width:940px){
    .conversion-hero{
        grid-template-columns:1fr;
        gap:48px;
        text-align:center;
    }

    .conversion-copy{
        max-width:760px;
        margin:0 auto;
    }

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

    .conversion-actions,
    .conversion-mini-proof{
        justify-content:center;
    }

    .conversion-demo{
        width:min(660px,100%);
        margin:0 auto;
    }

    .conversion-values{
        grid-template-columns:1fr;
        max-width:600px;
    }
}

@media(max-width:760px){
    .conversion-plan-grid{
        grid-template-columns:1fr;
        width:min(560px,100%);
        margin:0 auto;
    }

    .conversion-plan-card.featured,
    .conversion-plan-card.featured:hover{
        transform:none;
    }
}

@media(max-width:640px){
    .conversion-hero{
        width:calc(100% - 28px);
        min-height:auto;
        padding:58px 0 56px;
    }

    .conversion-copy h1{
        font-size:46px;
    }

    .conversion-copy>p{
        font-size:14px;
    }

    .conversion-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .conversion-actions .btn{
        width:100%;
    }

    .conversion-secondary{
        padding:8px 0;
    }

    .conversion-flow{
        padding:14px;
    }

    .conversion-flow-step{
        grid-template-columns:32px 1fr auto;
        gap:9px;
        padding:11px;
    }

    .conversion-demo-bottom{
        display:none;
    }

    .conversion-values{
        width:calc(100% - 28px);
        padding-bottom:52px;
    }

    .conversion-plans{
        width:calc(100% - 28px);
        padding:58px 0 75px;
    }

    .conversion-plan-card{
        min-height:360px;
    }
}


/* ============================================================
   POSTFLOW 0.73.5 — HOME EM SLIDES
   ============================================================ */

.slide-home-body{
    overflow:hidden;
    background:#080b11;
}

.slide-home{
    height:100vh;
    background:
        radial-gradient(circle at 25% 0%,rgba(111,84,216,.17),transparent 31%),
        #080b11;
}

.slide-header{
    position:fixed;
    z-index:100;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:min(1180px,calc(100% - 40px));
    height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-bottom:1px solid rgba(255,255,255,.035);
}

.slide-header-actions{
    display:flex;
    align-items:center;
    gap:15px;
}

.slide-login{
    color:#a0aabb;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

.slide-track{
    height:100vh;
    overflow-y:auto;
    scroll-snap-type:y mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
}

.slide-track::-webkit-scrollbar{
    display:none;
}

.home-slide{
    position:relative;
    min-height:100vh;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    display:flex;
    align-items:center;
    padding:96px 0 42px;
}

.slide-container{
    width:min(1120px,calc(100% - 48px));
    margin:0 auto;
}

.slide-dots{
    position:fixed;
    z-index:110;
    right:22px;
    top:50%;
    transform:translateY(-50%);
    display:grid;
    gap:9px;
}

.slide-dots a{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#303846;
    transition:.2s ease;
}

.slide-dots a.active{
    height:24px;
    border-radius:99px;
    background:#8c73eb;
}

.hero-slide-grid{
    display:grid;
    grid-template-columns:.94fr 1.06fr;
    align-items:center;
    gap:76px;
}

.slide-hero-copy{
    max-width:570px;
}

.slide-eyebrow{
    display:inline-flex;
    color:#9784e5;
    font-size:8px;
    font-weight:950;
    letter-spacing:.16em;
}

.slide-hero-copy h1{
    margin:16px 0 0;
    font-size:clamp(54px,6vw,78px);
    line-height:.96;
    letter-spacing:-.065em;
}

.slide-hero-copy h1 strong{
    display:block;
    color:#8f75ef;
    font-weight:inherit;
}

.slide-hero-copy>p{
    max-width:530px;
    margin:22px 0 0;
    color:#929eae;
    font-size:16px;
    line-height:1.65;
}

.slide-hero-actions{
    margin-top:28px;
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.slide-main-cta{
    min-height:50px;
    padding:0 24px;
}

.slide-ghost-link{
    color:#9a8dd2;
    text-decoration:none;
    font-size:11px;
    font-weight:850;
}

.slide-platforms{
    margin-top:24px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    color:#657183;
    font-size:9px;
    font-weight:800;
}

.slide-platforms i{
    width:3px;
    height:3px;
    border-radius:50%;
    background:#414b58;
}

.slide-flow-card{
    overflow:hidden;
    border:1px solid rgba(128,143,162,.18);
    border-radius:20px;
    background:#0d1219;
    box-shadow:
        0 42px 110px rgba(0,0,0,.48),
        0 0 80px rgba(100,73,205,.08);
}

.slide-flow-head{
    min-height:58px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #202833;
    background:#0a0f15;
}

.slide-flow-head>div{
    display:flex;
    align-items:center;
    gap:9px;
}

.slide-flow-logo{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:linear-gradient(135deg,#7558df,#5036ad);
    font-size:7px;
    font-weight:950;
}

.slide-flow-head b{
    font-size:10px;
}

.slide-live{
    display:flex;
    align-items:center;
    gap:6px;
    color:#718094;
    font-size:8px;
}

.slide-live i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#3fd297;
    box-shadow:0 0 12px rgba(63,210,151,.42);
}

.slide-flow-list{
    padding:22px;
}

.slide-flow-list article{
    min-height:84px;
    padding:14px;
    display:grid;
    grid-template-columns:38px 1fr auto;
    align-items:center;
    gap:12px;
    border:1px solid #232c37;
    border-radius:12px;
    background:#10161e;
}

.slide-flow-list article.highlight{
    border-color:#5b479d;
    background:
        linear-gradient(90deg,rgba(97,72,194,.15),transparent),
        #10161e;
}

.flow-step-number{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#171e27;
    color:#8e7bdd;
    font-size:8px;
    font-weight:950;
}

.slide-flow-list small{
    color:#647183;
    font-size:7px;
    font-weight:900;
    letter-spacing:.09em;
}

.slide-flow-list h3{
    margin:3px 0 0;
    font-size:13px;
}

.slide-flow-list article>b{
    color:#9d8ce2;
    font-size:9px;
}

.slide-flow-line{
    width:1px;
    height:13px;
    margin-left:32px;
    background:#303948;
}

.slide-next{
    position:absolute;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    color:#5f6a7a;
    text-decoration:none;
    font-size:8px;
    font-weight:800;
}

.slide-next b{
    color:#8d79df;
    font-size:13px;
}

.feature-slide{
    background:
        radial-gradient(circle at 50% 50%,rgba(90,65,185,.06),transparent 45%);
}

.slide-section-title{
    max-width:720px;
    margin:0 auto 35px;
    text-align:center;
}

.slide-section-title.compact{
    margin-bottom:28px;
}

.slide-section-title h2{
    margin:9px 0 0;
    font-size:clamp(38px,4.8vw,58px);
    line-height:1;
    letter-spacing:-.055em;
}

.slide-section-title h2 strong{
    display:block;
    color:#8f75ef;
    font-weight:inherit;
}

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

.slide-feature-card{
    min-height:330px;
    padding:25px;
    display:flex;
    flex-direction:column;
    border:1px solid #202833;
    border-radius:17px;
    background:#0d1219;
}

.slide-feature-card.featured{
    border-color:#483983;
    background:
        radial-gradient(circle at 50% 0%,rgba(105,78,213,.15),transparent 45%),
        #0e141c;
}

.slide-feature-icon{
    color:#8f7bdf;
    font-size:9px;
    font-weight:950;
}

.slide-feature-card h3{
    margin:28px 0 8px;
    font-size:19px;
}

.slide-feature-card p{
    margin:0;
    color:#7d899a;
    font-size:11px;
    line-height:1.65;
}

.slide-mini-ui{
    margin-top:auto;
}

.reel-mini{
    display:grid;
    gap:6px;
}

.reel-mini span{
    min-height:37px;
    padding:0 9px;
    display:grid;
    grid-template-columns:7px 1fr auto;
    align-items:center;
    gap:8px;
    border:1px solid #232c37;
    border-radius:8px;
    background:#090e14;
    color:#718093;
    font-size:8px;
}

.reel-mini i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#745bd9;
}

.reel-mini b{
    color:#9685da;
    font-size:7px;
}

.time-mini{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.time-mini span{
    padding:8px 10px;
    border:1px solid #252e39;
    border-radius:8px;
    background:#090e14;
    color:#6f7c8d;
    font-size:8px;
}

.time-mini span.active{
    border-color:#59469b;
    background:#171329;
    color:#a08fe7;
}

.stack-mini{
    display:grid;
    gap:6px;
}

.stack-mini span{
    min-height:38px;
    padding:0 10px;
    display:flex;
    align-items:center;
    border:1px solid #232c37;
    border-radius:8px;
    background:#090e14;
    color:#718093;
    font-size:8px;
}

.plan-slide{
    background:
        radial-gradient(circle at 50% 25%,rgba(106,78,213,.08),transparent 42%);
}

.slide-plan-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:13px;
    align-items:stretch;
}

.slide-plan-card{
    position:relative;
    min-height:390px;
    padding:24px;
    display:flex;
    flex-direction:column;
    border:1px solid #252e39;
    border-radius:18px;
    background:#0d1219;
}

.slide-plan-card.featured{
    transform:translateY(-10px);
    border-color:#725bdd;
    background:
        radial-gradient(circle at 50% 0%,rgba(111,83,220,.21),transparent 45%),
        #10161f;
    box-shadow:0 28px 80px rgba(80,54,181,.17);
}

.slide-plan-popular{
    position:absolute;
    top:15px;
    right:15px;
    padding:5px 8px;
    border-radius:999px;
    background:#735ae0;
    color:#fff;
    font-size:7px;
    font-weight:950;
    letter-spacing:.08em;
}

.slide-plan-tag{
    color:#8d7bda;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.09em;
}

.slide-plan-card h3{
    margin:17px 0 7px;
    font-size:23px;
    letter-spacing:-.04em;
}

.slide-plan-price{
    display:flex;
    align-items:baseline;
    gap:4px;
}

.slide-plan-price b{
    font-size:29px;
    letter-spacing:-.045em;
}

.slide-plan-price small{
    color:#718094;
    font-size:9px;
}

.slide-plan-summary{
    flex:1;
    margin:22px 0;
    display:grid;
    align-content:start;
    gap:9px;
}

.slide-plan-summary span{
    display:flex;
    align-items:center;
    gap:8px;
    color:#8793a4;
    font-size:10px;
}

.slide-plan-summary i{
    width:17px;
    height:17px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(78,208,146,.08);
    color:#62d3a1;
    font-style:normal;
    font-size:7px;
}

.slide-plan-choose{
    width:100%;
    min-height:44px;
}

.slide-plan-more{
    margin-top:9px;
    padding:8px;
    border:0;
    background:transparent;
    color:#8f81cb;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}

.slide-footer-mini{
    margin-top:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    color:#5f6b7b;
    font-size:8px;
}

.slide-footer-mini a{
    color:#8f81ca;
    text-decoration:none;
}

@media(max-width:900px){
    .slide-home-body{
        overflow:auto;
    }

    .slide-home{
        height:auto;
    }

    .slide-track{
        height:auto;
        overflow:visible;
        scroll-snap-type:none;
    }

    .home-slide{
        min-height:auto;
        padding:110px 0 75px;
    }

    .hero-slide-grid{
        grid-template-columns:1fr;
        gap:44px;
        text-align:center;
    }

    .slide-hero-copy{
        max-width:700px;
        margin:0 auto;
    }

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

    .slide-hero-actions,
    .slide-platforms{
        justify-content:center;
    }

    .slide-flow-card{
        width:min(620px,100%);
        margin:0 auto;
    }

    .slide-next,
    .slide-dots{
        display:none;
    }

    .slide-feature-grid,
    .slide-plan-grid{
        grid-template-columns:1fr;
        width:min(560px,100%);
        margin:0 auto;
    }

    .slide-feature-card{
        min-height:250px;
    }

    .slide-plan-card.featured{
        transform:none;
    }
}

@media(max-width:640px){
    .slide-header{
        width:calc(100% - 28px);
        height:68px;
    }

    .slide-header-actions .slide-login{
        display:none;
    }

    .slide-container{
        width:calc(100% - 28px);
    }

    .home-slide{
        padding:92px 0 62px;
    }

    .slide-hero-copy h1{
        font-size:47px;
    }

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

    .slide-hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

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

    .slide-ghost-link{
        padding:8px;
    }

    .slide-flow-list{
        padding:14px;
    }

    .slide-flow-list article{
        grid-template-columns:32px 1fr auto;
        gap:9px;
        padding:11px;
    }

    .slide-section-title h2{
        font-size:39px;
    }

    .slide-feature-card{
        min-height:235px;
    }

    .slide-plan-card{
        min-height:350px;
    }
}


/* ============================================================
   POSTFLOW 0.73.6 — MOBILE SLIDES PRO
   ============================================================ */

@media(max-width:760px){
    html{
        scroll-behavior:smooth;
    }

    .slide-home-body{
        overflow:hidden;
        background:#080b11;
    }

    .slide-home{
        height:100svh;
        min-height:100svh;
    }

    .slide-track{
        height:100svh;
        overflow-y:auto;
        overflow-x:hidden;
        scroll-snap-type:y mandatory;
        overscroll-behavior-y:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .slide-track::-webkit-scrollbar{
        display:none;
    }

    .home-slide{
        min-height:100svh;
        height:100svh;
        scroll-snap-align:start;
        scroll-snap-stop:always;
        overflow:hidden;
        display:flex;
        align-items:center;
        padding:76px 0 24px;
    }

    .slide-container{
        width:calc(100% - 28px);
        max-width:none;
    }

    .slide-header{
        width:calc(100% - 28px);
        height:64px;
        border-bottom:0;
    }

    .slide-header .brand{
        gap:8px;
        font-size:15px;
    }

    .slide-header .brand-mark{
        width:31px;
        height:31px;
        border-radius:9px;
    }

    .slide-header-actions{
        gap:8px;
    }

    .slide-header-actions .slide-login{
        display:none;
    }

    .slide-header-actions .btn{
        min-height:36px;
        padding:0 12px;
        border-radius:9px;
        font-size:9px;
    }

    .slide-dots{
        display:grid;
        right:8px;
        gap:7px;
    }

    .slide-dots a{
        width:5px;
        height:5px;
    }

    .slide-dots a.active{
        height:19px;
    }

    /* SLIDE 1 */

    .hero-slide{
        padding-top:72px;
    }

    .hero-slide-grid{
        height:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:22px;
        text-align:center;
    }

    .slide-hero-copy{
        width:100%;
        max-width:none;
        margin:0;
    }

    .slide-eyebrow{
        font-size:7px;
        letter-spacing:.14em;
    }

    .slide-hero-copy h1{
        margin-top:12px;
        font-size:clamp(42px,12vw,55px);
        line-height:.93;
    }

    .slide-hero-copy>p{
        max-width:340px;
        margin:14px auto 0;
        font-size:12px;
        line-height:1.55;
    }

    .slide-hero-actions{
        width:min(330px,100%);
        margin:18px auto 0;
        display:grid;
        grid-template-columns:1fr;
        gap:6px;
    }

    .slide-main-cta{
        width:100%;
        min-height:46px;
    }

    .slide-ghost-link{
        padding:7px 0;
        font-size:9px;
    }

    .slide-platforms{
        margin-top:10px;
        justify-content:center;
        font-size:7px;
        gap:7px;
    }

    .slide-flow-card{
        width:min(360px,100%);
        margin:0 auto;
        border-radius:15px;
        box-shadow:
            0 24px 70px rgba(0,0,0,.42),
            0 0 55px rgba(100,73,205,.07);
    }

    .slide-flow-head{
        min-height:43px;
        padding:0 12px;
    }

    .slide-flow-logo{
        width:23px;
        height:23px;
        font-size:6px;
    }

    .slide-flow-head b{
        font-size:8px;
    }

    .slide-live{
        font-size:6px;
    }

    .slide-flow-list{
        padding:10px;
    }

    .slide-flow-list article{
        min-height:53px;
        padding:8px 9px;
        grid-template-columns:28px 1fr auto;
        gap:8px;
        border-radius:9px;
    }

    .flow-step-number{
        width:27px;
        height:27px;
        border-radius:7px;
        font-size:6px;
    }

    .slide-flow-list small{
        font-size:5px;
    }

    .slide-flow-list h3{
        margin-top:1px;
        font-size:10px;
    }

    .slide-flow-list article>b{
        font-size:7px;
    }

    .slide-flow-line{
        height:7px;
        margin-left:22px;
    }

    .slide-next{
        display:flex;
        bottom:8px;
        font-size:6px;
    }

    .slide-next b{
        font-size:10px;
    }

    /* SLIDE 2 */

    .feature-slide{
        padding-top:72px;
    }

    .feature-slide .slide-container{
        height:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    .slide-section-title{
        margin-bottom:18px;
    }

    .slide-section-title h2{
        margin-top:7px;
        font-size:34px;
        line-height:.98;
    }

    .slide-feature-grid{
        width:100%;
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .slide-feature-card{
        min-height:0;
        height:auto;
        padding:14px;
        display:grid;
        grid-template-columns:32px 1fr;
        column-gap:10px;
        row-gap:3px;
        border-radius:12px;
    }

    .slide-feature-card.featured{
        background:
            linear-gradient(
                90deg,
                rgba(105,78,213,.13),
                transparent 75%
            ),
            #0e141c;
    }

    .slide-feature-icon{
        grid-row:1 / span 2;
        width:30px;
        height:30px;
        display:grid;
        place-items:center;
        border-radius:8px;
        background:#161c25;
        font-size:7px;
    }

    .slide-feature-card h3{
        margin:0;
        font-size:14px;
    }

    .slide-feature-card p{
        margin:0;
        font-size:9px;
        line-height:1.45;
    }

    .slide-mini-ui{
        grid-column:1 / -1;
        margin-top:8px;
    }

    .reel-mini{
        gap:4px;
    }

    .reel-mini span{
        min-height:28px;
        font-size:6px;
    }

    .time-mini{
        gap:4px;
    }

    .time-mini span{
        padding:6px 8px;
        font-size:6px;
    }

    .stack-mini{
        grid-template-columns:repeat(3,1fr);
        gap:4px;
    }

    .stack-mini span{
        min-height:28px;
        justify-content:center;
        padding:0 6px;
        font-size:6px;
    }

    /* SLIDE 3 / PLANOS */

    .plan-slide{
        padding:68px 0 16px;
        overflow:hidden;
    }

    .plan-slide .slide-container{
        width:100%;
        height:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    .plan-slide .slide-section-title{
        width:calc(100% - 28px);
        margin:0 auto 14px;
    }

    .plan-slide .slide-section-title h2{
        font-size:31px;
    }

    .slide-plan-grid{
        width:100%;
        margin:0;
        padding:8px 9vw 12px;
        display:flex;
        gap:10px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:9vw;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .slide-plan-grid::-webkit-scrollbar{
        display:none;
    }

    .slide-plan-card{
        flex:0 0 82vw;
        width:82vw;
        min-height:0;
        height:390px;
        padding:20px;
        scroll-snap-align:center;
        border-radius:17px;
    }

    .slide-plan-card.featured{
        transform:none;
        box-shadow:
            0 20px 60px rgba(80,54,181,.18);
    }

    .slide-plan-popular{
        top:13px;
        right:13px;
        font-size:6px;
    }

    .slide-plan-card h3{
        margin:15px 0 5px;
        font-size:21px;
    }

    .slide-plan-price b{
        font-size:27px;
    }

    .slide-plan-summary{
        margin:17px 0;
        gap:7px;
    }

    .slide-plan-summary span{
        font-size:9px;
    }

    .slide-plan-choose{
        min-height:42px;
    }

    .slide-plan-more{
        margin-top:6px;
        font-size:8px;
    }

    .slide-footer-mini{
        width:calc(100% - 28px);
        margin:8px auto 0;
        font-size:7px;
    }

    /* Modal no mobile */

    .public-plan-modal{
        padding:10px;
        align-items:end;
    }

    .public-plan-modal-panel{
        max-height:88svh;
        padding:23px 17px 17px;
        border-radius:18px 18px 12px 12px;
    }

    .public-plan-modal-columns{
        grid-template-columns:1fr;
        gap:16px;
    }

    .modal-feature-list{
        gap:6px;
    }

    .modal-feature-list span{
        min-height:31px;
        font-size:9px;
    }
}

@media(max-width:390px) and (max-height:760px){
    .slide-hero-copy h1{
        font-size:40px;
    }

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

    .slide-flow-list article{
        min-height:48px;
    }

    .slide-section-title h2{
        font-size:30px;
    }

    .slide-feature-card{
        padding:11px 12px;
    }

    .slide-plan-card{
        height:355px;
    }
}