:root{
    --promo-bg:#f4f7fb;
    --promo-ink:#0f1d3a;
    --promo-muted:#64748b;
    --promo-line:#dfe7f2;
    --promo-primary:#3156d3;
    --promo-primary-dark:#233f9f;
    --promo-soft:#eef3ff;
    --promo-white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:var(--promo-bg);
    color:var(--promo-ink);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit}
.promo-container{width:min(1180px,calc(100% - 36px));margin:0 auto}
.promo-header{
    position:sticky;
    top:0;
    z-index:50;
    border-bottom:1px solid rgba(223,231,242,.88);
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(14px);
}
.promo-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    min-height:74px;
}
.promo-brand{
    display:flex;
    align-items:center;
    gap:11px;
    text-decoration:none;
}
.promo-brand-mark{
    display:grid;
    place-items:center;
    width:42px;height:42px;
    border-radius:13px;
    background:linear-gradient(135deg,#3156d3,#7088ed);
    color:#fff;
    font-weight:900;
}
.promo-brand strong,.promo-brand small{display:block}
.promo-brand strong{font-size:15px}
.promo-brand small{margin-top:2px;color:var(--promo-muted);font-size:11px}
.promo-nav{display:flex;align-items:center;gap:24px}
.promo-nav a{
    color:#475569;
    font-size:13px;
    font-weight:750;
    text-decoration:none;
}
.promo-nav a:hover{color:var(--promo-primary)}
.promo-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:9px 16px;
    border-radius:11px;
    font-size:13px;
    font-weight:850;
    text-decoration:none;
    transition:.18s ease;
}
.promo-btn:hover{transform:translateY(-1px)}
.promo-btn-primary{
    background:var(--promo-primary);
    color:#fff;
    box-shadow:0 10px 24px rgba(49,86,211,.22);
}
.promo-btn-primary:hover{background:var(--promo-primary-dark)}
.promo-btn-light{border:1px solid var(--promo-line);background:#fff}
.promo-btn-ghost{border:1px solid #cfd9eb;background:rgba(255,255,255,.72)}
.promo-btn-lg{min-height:50px;padding:12px 21px;border-radius:13px;font-size:14px}
.promo-hero{
    overflow:hidden;
    background:
      radial-gradient(circle at 85% 15%,rgba(92,119,231,.19),transparent 30%),
      linear-gradient(180deg,#f8faff 0%,#f2f6fb 100%);
}
.promo-hero-grid{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    align-items:center;
    gap:64px;
    min-height:660px;
    padding-top:68px;
    padding-bottom:72px;
}
.promo-eyebrow{
    display:inline-block;
    color:#6279df;
    font-size:11px;
    font-weight:900;
    letter-spacing:.13em;
}
.promo-hero h1{
    max-width:700px;
    margin:12px 0 18px;
    font-size:clamp(44px,5.4vw,70px);
    line-height:1.02;
    letter-spacing:-.045em;
}
.promo-hero-lead{
    max-width:690px;
    margin:0;
    color:#52647b;
    font-size:19px;
    line-height:1.7;
}
.promo-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.promo-trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#516178;font-size:12px;font-weight:700}
.promo-dashboard-demo{
    overflow:hidden;
    border:1px solid #dce5f2;
    border-radius:24px;
    background:#fff;
    box-shadow:0 34px 70px rgba(41,55,92,.16);
    transform:rotate(1deg);
}
.promo-window-bar{
    display:flex;
    align-items:center;
    gap:7px;
    padding:14px 16px;
    border-bottom:1px solid #e8edf5;
    background:#fafcff;
}
.promo-window-bar>span{width:9px;height:9px;border-radius:50%;background:#d4ddeb}
.promo-window-bar strong{margin-left:8px;color:#627083;font-size:11px}
.promo-demo-body{padding:22px}
.promo-demo-score{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:5px 14px;
    padding:20px;
    border-radius:18px;
    background:linear-gradient(135deg,#3156d3,#667fe4);
    color:#fff;
}
.promo-demo-score span{font-size:12px;font-weight:700}
.promo-demo-score strong{grid-row:1/3;grid-column:2;font-size:44px}
.promo-demo-score small{opacity:.82}
.promo-demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.promo-demo-stats div{
    padding:14px 10px;
    border:1px solid #e4eaf3;
    border-radius:13px;
    background:#f9fbfd;
}
.promo-demo-stats span{display:block;color:#7b8798;font-size:10px;font-weight:700}
.promo-demo-stats strong{display:block;margin-top:5px;font-size:21px}
.promo-demo-chart{margin-top:12px;padding:16px;border:1px solid #e5ebf3;border-radius:15px}
.promo-chart-head{display:flex;justify-content:space-between;align-items:center}
.promo-chart-head strong{font-size:13px}.promo-chart-head span{color:#94a3b8;font-size:10px}
.promo-bars{height:130px;display:flex;align-items:flex-end;gap:10px;padding-top:18px}
.promo-bars i{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(#6580e8,#c4d0ff)}
.promo-demo-list{display:grid;gap:8px;margin-top:12px}
.promo-demo-list span{
    display:flex;justify-content:space-between;align-items:center;
    padding:10px 12px;border-radius:11px;background:#f8fafc;
}
.promo-demo-list b{font-size:12px}.promo-demo-list em{color:#3156d3;font-size:12px;font-style:normal;font-weight:850}
.promo-section{padding:92px 0}
.promo-section-white{background:#fff}
.promo-section-head{max-width:780px;margin-bottom:36px}
.promo-section-head h2{
    margin:10px 0 12px;
    font-size:clamp(32px,4vw,48px);
    line-height:1.08;
    letter-spacing:-.035em;
}
.promo-section-head p{margin:0;color:var(--promo-muted);font-size:16px;line-height:1.7}
.promo-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.promo-feature{
    padding:22px;
    border:1px solid #e2e8f2;
    border-radius:17px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.04);
}
.promo-feature-icon{
    display:grid;place-items:center;width:38px;height:38px;margin-bottom:16px;
    border-radius:11px;background:var(--promo-soft);color:var(--promo-primary);font-size:11px;font-weight:900;
}
.promo-feature h3{margin:0 0 9px;font-size:17px}
.promo-feature p{margin:0;color:var(--promo-muted);font-size:13px;line-height:1.65}
.promo-audience{
    background:linear-gradient(135deg,#162451,#203a85 58%,#3156d3);
    color:#fff;
}
.promo-section-head-light p{color:#cbd5e1}
.promo-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.promo-role-grid article{
    min-height:176px;
    padding:22px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:17px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
}
.promo-role-grid strong{font-size:18px}
.promo-role-grid p{margin:10px 0 0;color:#d7def1;font-size:13px;line-height:1.65}
.promo-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.promo-flow-item{
    position:relative;
    padding:22px;
    border:1px solid #e1e8f2;
    border-radius:17px;
    background:#f8fafc;
}
.promo-flow-item>span{
    display:grid;place-items:center;width:40px;height:40px;margin-bottom:30px;border-radius:12px;
    background:#3156d3;color:#fff;font-weight:900;
}
.promo-flow-item h3{margin:0 0 8px;font-size:17px}
.promo-flow-item p{margin:0;color:var(--promo-muted);font-size:13px;line-height:1.65}
.promo-report{background:#f1f5fb}
.promo-report-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}
.promo-report-grid h2{
    margin:10px 0 15px;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.035em;
}
.promo-report-grid>div>p{color:var(--promo-muted);font-size:16px;line-height:1.75}
.promo-check-list{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.promo-check-list li{padding-left:27px;position:relative;color:#42536b;font-weight:700}
.promo-check-list li:before{
    content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:19px;height:19px;
    border-radius:6px;background:#e7edff;color:#3156d3;font-size:11px;font-weight:900;
}
.promo-report-card{
    padding:24px;border:1px solid #dae3f1;border-radius:22px;background:#fff;box-shadow:0 28px 65px rgba(24,39,75,.12);
}
.promo-report-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}
.promo-report-top small{display:block;color:#8190a5;font-weight:700}
.promo-report-top strong{display:block;margin-top:5px;font-size:29px}
.promo-report-top>span{padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#15803d;font-size:11px;font-weight:900}
.promo-progress-row{margin:14px 0}
.promo-progress-row>span{display:flex;justify-content:space-between;margin-bottom:7px;color:#53647a;font-size:12px;font-weight:700}
.promo-progress-row i{display:block;height:8px;border-radius:999px;background:#edf1f6;overflow:hidden}
.promo-progress-row em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3156d3,#7289eb)}
.promo-final{background:#fff}
.promo-final-box{
    display:flex;align-items:center;justify-content:space-between;gap:30px;
    padding:44px;border-radius:24px;background:linear-gradient(135deg,#eff3ff,#f9fbff);border:1px solid #dde5f2;
}
.promo-final-box h2{margin:8px 0 10px;font-size:34px}
.promo-final-box p{max-width:720px;margin:0;color:var(--promo-muted);line-height:1.7}
.promo-footer{padding:28px 0;border-top:1px solid #e3e9f2;background:#fff;color:#64748b}
.promo-footer .promo-container{display:flex;justify-content:space-between;gap:20px;font-size:12px}
.promo-footer strong{color:#334155}

@media(max-width:1020px){
    .promo-nav{display:none}
    .promo-hero-grid{grid-template-columns:1fr;min-height:auto;gap:42px}
    .promo-dashboard-demo{max-width:720px;transform:none}
    .promo-feature-grid{grid-template-columns:repeat(2,1fr)}
    .promo-role-grid{grid-template-columns:repeat(2,1fr)}
    .promo-flow{grid-template-columns:repeat(2,1fr)}
    .promo-report-grid{grid-template-columns:1fr;gap:38px}
}
@media(max-width:650px){
    .promo-container{width:min(100% - 24px,1180px)}
    .promo-header-inner{min-height:66px}
    .promo-brand small{display:none}
    .promo-header-actions .promo-btn{min-height:38px;padding:7px 11px}
    .promo-hero-grid{padding-top:48px;padding-bottom:52px}
    .promo-hero h1{font-size:42px}
    .promo-hero-lead{font-size:16px}
    .promo-trust-row{display:grid;gap:8px}
    .promo-demo-stats{grid-template-columns:1fr}
    .promo-feature-grid,.promo-role-grid,.promo-flow{grid-template-columns:1fr}
    .promo-section{padding:66px 0}
    .promo-final-box{align-items:flex-start;flex-direction:column;padding:28px}
    .promo-final-box h2{font-size:28px}
    .promo-footer .promo-container{flex-direction:column}
}

/* OGRMN BRAND LOGO V1 */
.promo-brand-image{
    display:flex;
    align-items:center;
    text-decoration:none;
}
.promo-brand-image img{
    display:block;
    width:auto;
    height:54px;
    max-width:285px;
    object-fit:contain;
}
.promo-footer-logo{
    display:block;
    width:auto;
    height:42px;
    max-width:220px;
    object-fit:contain;
}
@media(max-width:650px){
    .promo-brand-image img{
        height:42px;
        max-width:210px;
    }
    .promo-footer-logo{
        height:36px;
        max-width:185px;
    }
}


/* OGRMN PROMO HEADER SCALE V1 START */
.promo-header-inner{
    min-height:110px;
    gap:32px;
}

.promo-brand-image img,
.promo-brand img{
    display:block;
    width:auto;
    height:96px !important;
    max-width:560px !important;
    object-fit:contain;
}

.promo-nav{
    gap:34px;
}

.promo-nav a{
    font-size:16px;
    font-weight:800;
    letter-spacing:.01em;
}

.promo-header-actions .promo-btn,
.promo-btn-light{
    min-height:46px;
    padding:10px 18px;
    border-radius:13px;
    font-size:15px;
    font-weight:800;
}

@media(max-width:1180px){
    .promo-header-inner{
        min-height:98px;
        gap:24px;
    }

    .promo-brand-image img,
    .promo-brand img{
        height:82px !important;
        max-width:470px !important;
    }

    .promo-nav{
        gap:26px;
    }

    .promo-nav a{
        font-size:15px;
    }
}

@media(max-width:1020px){
    .promo-header-inner{
        min-height:88px;
    }

    .promo-brand-image img,
    .promo-brand img{
        height:74px !important;
        max-width:420px !important;
    }
}

@media(max-width:650px){
    .promo-header-inner{
        min-height:76px;
        gap:14px;
    }

    .promo-brand-image img,
    .promo-brand img{
        height:56px !important;
        max-width:270px !important;
    }

    .promo-header-actions .promo-btn,
    .promo-btn-light{
        min-height:40px;
        padding:8px 13px;
        font-size:14px;
    }
}
/* OGRMN PROMO HEADER SCALE V1 END */


/* OGRMN PROMO FOOTER LEGAL V1 START */
.promo-footer-expanded{
    padding:36px 0 30px;
    border-top:1px solid #e3e9f2;
    background:#fff;
}
.promo-footer-grid{
    display:grid !important;
    grid-template-columns:minmax(260px,1.1fr) minmax(330px,1.4fr) auto;
    align-items:center;
    gap:34px;
}
.promo-footer-brand{
    display:flex;
    align-items:center;
}
.promo-footer-logo{
    display:block;
    width:auto;
    height:92px !important;
    max-width:520px !important;
    object-fit:contain;
}
.promo-footer-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px 22px;
}
.promo-footer-links a{
    color:#475569;
    font-size:14px;
    font-weight:750;
    text-decoration:none;
}
.promo-footer-links a:hover{color:#3156d3}
.promo-footer-copy{
    color:#64748b;
    font-size:13px;
    white-space:nowrap;
}
.promo-legal-page{
    min-height:70vh;
    padding:64px 0 86px;
    background:#f4f7fb;
}
.promo-legal-wrap{
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    gap:24px;
    align-items:start;
}
.promo-legal-menu{
    display:grid;
    gap:7px;
    position:sticky;
    top:132px;
}
.promo-legal-menu a{
    padding:12px 14px;
    border:1px solid #dfe7f2;
    border-radius:11px;
    background:#fff;
    color:#475569;
    font-size:13px;
    font-weight:750;
    text-decoration:none;
}
.promo-legal-menu a.is-active{
    background:#3156d3;
    border-color:#3156d3;
    color:#fff;
}
.promo-legal-card{
    padding:34px;
    border:1px solid #dfe7f2;
    border-radius:20px;
    background:#fff;
    box-shadow:0 12px 34px rgba(15,23,42,.05);
}
.promo-legal-card h1{
    margin:8px 0 24px;
    font-size:36px;
}
.promo-legal-card h2{
    margin:28px 0 8px;
    font-size:19px;
}
.promo-legal-card p{
    margin:0 0 12px;
    color:#5c6d82;
    font-size:15px;
    line-height:1.75;
}
.promo-legal-note{
    margin-top:28px;
    padding:14px 16px;
    border-radius:12px;
    background:#fff8e6;
    color:#805b00;
    font-size:13px;
    line-height:1.6;
}
.promo-legal-updated{
    margin-top:32px;
    padding-top:16px;
    border-top:1px solid #e8edf3;
    color:#94a3b8;
    font-size:12px;
}
@media(max-width:980px){
    .promo-footer-grid{
        grid-template-columns:1fr;
        justify-items:center;
        text-align:center;
    }
    .promo-footer-logo{
        height:82px !important;
    }
    .promo-legal-wrap{grid-template-columns:1fr}
    .promo-legal-menu{
        position:static;
        display:flex;
        overflow-x:auto;
    }
    .promo-legal-menu a{flex:0 0 auto}
}
@media(max-width:650px){
    .promo-footer-expanded{padding:28px 0}
    .promo-footer-logo{
        height:66px !important;
        max-width:310px !important;
    }
    .promo-footer-links{
        flex-direction:column;
        align-items:center;
        gap:10px;
    }
    .promo-footer-links a{font-size:14px}
    .promo-footer-copy{white-space:normal}
    .promo-legal-page{padding:34px 0 58px}
    .promo-legal-card{padding:22px}
    .promo-legal-card h1{font-size:28px}
}
/* OGRMN PROMO FOOTER LEGAL V1 END */