@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{
    --navy:#0b2748;
    --navy-2:#12375f;
    --ink:#14263e;
    --muted:#64758a;
    --muted-2:#8492a3;
    --line:#e2e9f1;
    --soft:#f7faff;
    --blue:#246fd1;
    --green:#199568;
    --amber:#d89c00;
    --yellow:#ffc400;
    --shadow:0 18px 48px rgba(12,37,69,.09);
    --shadow-soft:0 10px 28px rgba(12,37,69,.07)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:clip}
body{margin:0;width:100%;max-width:100%;overflow-x:clip;background:#fff;color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
img{display:block;max-width:100%;height:auto}
.container{width:min(1320px,calc(100% - 48px));max-width:100%;margin-inline:auto;min-width:0}
.btn{min-height:44px;padding:0 21px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;font-weight:750;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid rgba(36,111,209,.22);outline-offset:3px}
.btn-primary{background:linear-gradient(135deg,#ffc400,#ffd33b);color:#10243f;box-shadow:0 8px 20px rgba(255,196,0,.2)}
.btn-outline{background:#fff;border-color:#bdcad8;color:var(--navy)}
.btn-light{background:#fff;border-color:#dbe4ee;color:var(--navy)}
.btn-sm{min-height:40px;padding-inline:18px;font-size:12px}
.brand{display:inline-flex;align-items:center;gap:7px;direction:ltr}
.brand-mark{width:34px;height:34px;display:block;object-fit:contain;flex:0 0 34px;border-radius:9px}
.brand-word{font-family:Arial,sans-serif;font-size:25px;font-weight:900;letter-spacing:-1.1px;color:#10264a;direction:ltr}
.brand-word span{color:#eaaa00}

.site-header{height:72px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(220,229,238,.96);backdrop-filter:blur(14px)}
.nav-shell{height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:31px}
.main-nav a{font-size:12.5px;color:#425a73;font-weight:680}
.main-nav a:hover{color:var(--navy)}
.nav-actions{display:flex;gap:8px;align-items:center}
.mobile-only,.menu-button,.mobile-header-login{display:none}

.hero{position:relative;overflow:hidden;padding:70px 0 58px;background:linear-gradient(112deg,#fff 0%,#fbfdff 42%,#eef5fc 100%)}
.hero:before{content:"";position:absolute;left:-120px;top:-200px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(217,234,255,.55),rgba(217,234,255,0) 69%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:64px;align-items:center;min-width:0}
.hero-grid>*{min-width:0}
.hero-copy{position:relative;z-index:2}
.eyebrow,.section-kicker,.section-head>span{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:#eaf3fd;color:#2467ad;font-size:10.5px;font-weight:740}
.hero h1{max-width:600px;margin:17px 0 14px;color:#08284d;font-size:clamp(34px,2.75vw,44px);line-height:1.52;letter-spacing:-.8px;font-weight:800}
.hero h1 em{font-style:normal;color:#1769c9;font-weight:800}
.hero-copy>p{margin:0;max-width:560px;color:#465f79;font-size:14.5px;line-height:2}
.hero-actions{display:flex;gap:10px;margin-top:24px}
.play{width:22px;height:22px;border:1px solid #cad6e2;border-radius:50%;display:grid;place-items:center;font-size:7px}
.hero-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:21px;color:#52687f;font-size:10.5px;font-weight:640}
.hero-trust span{display:flex;gap:6px;align-items:center}
.hero-trust i{font-style:normal;color:var(--green);font-weight:900}

.hero-visual{position:relative;min-width:0;padding:7px 0 17px}
.shot-window{overflow:hidden;border:1px solid #cbd8e5;border-radius:18px;background:#fff;box-shadow:0 22px 58px rgba(12,37,69,.13)}
.shot-bar{height:36px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#fbfcfe;border-bottom:1px solid #dfe8f0;color:#75869a;font-size:8.5px}
.shot-dots{display:flex;gap:5px}.shot-dots i{width:6px;height:6px;border-radius:50%;background:#d5dde6}.shot-dots i:first-child{background:#f0c86e}
.shot-window img{width:100%;filter:contrast(1.045) saturate(1.025);image-rendering:auto}
.hero-shot{transform:none;transform-origin:center}
.shot-note{position:absolute;left:18px;bottom:-3px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #dce5ee;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-soft)}
.shot-note>b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e7f7f0;color:var(--green);font-size:12px}
.shot-note span{display:flex;flex-direction:column}.shot-note strong{font-size:8px}.shot-note small{font-size:6.5px;color:#8492a3}

.feature-band{border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#fff}
.three-features{min-height:136px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.three-features article{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px 28px;border-left:1px solid #e2eaf2}
.three-features article:last-child{border-left:0}
.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:18px;flex:0 0 auto;font-weight:800}
.feature-icon.blue{background:#edf5ff;color:#2677dc}.feature-icon.green{background:#e8f9f2;color:#18a073}.feature-icon.amber{background:#fff6de;color:#dda100}
.three-features h2{margin:0 0 3px;font-size:15px;color:#0a2a4f;font-weight:780}.three-features p{margin:0;color:#60748a;font-size:11.25px}

.lazy-section{content-visibility:auto;contain-intrinsic-size:650px}
.product-section{padding:78px 0}
.product-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:60px;align-items:center}
.product-preview,.product-copy{min-width:0}
.product-shot{border-radius:19px}
.product-copy h2,.responsive-copy h2,.section-head h2,.faq-box>h2{margin:11px 0 10px;color:#092b51;font-size:clamp(25px,2.15vw,31px);line-height:1.58;letter-spacing:-.45px;font-weight:790}
.product-copy>p,.responsive-copy>p,.section-head>p{margin:0;color:#52687f;font-size:13.5px;line-height:2}
.ticks{list-style:none;margin:19px 0 17px;padding:0;display:grid;gap:8px}
.ticks li{font-size:12.5px;color:#38516b;position:relative;padding-right:22px}
.ticks li:before{content:"✓";position:absolute;right:0;color:var(--green);font-weight:900}
.text-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #bdcad8;border-radius:11px;padding:8px 15px;color:var(--navy);font-size:10.5px;font-weight:700}

.workflow-section{padding:8px 0 70px}
.section-head{text-align:center;max-width:650px;margin-inline:auto}.section-head h2{margin-bottom:4px}
.workflow{margin-top:26px;display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;align-items:center;padding:18px;background:#f8fbff;border:1px solid #e8eef5;border-radius:18px}
.workflow article{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e5ebf2;border-radius:13px;padding:17px}
.workflow article>b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#2878da;font-size:12px;flex:0 0 auto}
.workflow h3{margin:0;font-size:12.5px;font-weight:760}.workflow p{margin:2px 0 0;color:#8290a0;font-size:9px}.workflow>i{height:0;border-top:2px dotted #9abde4}

.responsive-section{padding:70px 0;background:linear-gradient(180deg,#fff,#f7faff)}
.responsive-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:62px;align-items:center}
.responsive-copy{max-width:470px}
.responsive-points{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.responsive-points span{padding:7px 10px;border:1px solid #dfe7ef;border-radius:999px;background:#fff;color:#52687e;font-size:9.5px;font-weight:650}
.phone-pair{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,230px));justify-content:center;gap:18px;min-height:455px;align-items:center}
.phone-shot{margin:0;padding:7px;border:1px solid #d9e2eb;border-radius:27px;background:#111d2c;box-shadow:0 24px 50px rgba(12,37,69,.14)}
.phone-shot img{width:100%;border-radius:20px;background:#fff}
.phone-shot figcaption{display:none}
.phone-front{transform:translateY(-14px)}
.phone-back{transform:translateY(14px)}

.plans-faq{padding:70px 0;background:#f8fbff;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}
.plans-faq-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start;margin-top:32px}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.plan{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px 19px;border:1px solid #dfe7ef;border-radius:16px;background:#fff}
.plan.featured{border:1.5px solid #e8b400;box-shadow:0 12px 30px rgba(255,196,0,.1)}
.plan-badge{align-self:flex-start;padding:4px 8px;background:#f3f7fb;border-radius:999px;font-size:8.5px;color:#64768a}.featured .plan-badge{background:#fff5cc;color:#8a6800;font-weight:800}
.plan h3{font-size:16.5px;margin:11px 0 4px;font-weight:780}.plan>p{min-height:42px;margin:0;color:#748497;font-size:11.5px;line-height:1.9}.plan>strong{margin:15px 0;color:var(--navy);font-size:12px;font-weight:760}
.plan ul{list-style:none;margin:0 0 19px;padding:0;display:grid;gap:8px}.plan li{font-size:11px;color:#53687e;padding-right:18px;position:relative}.plan li:before{content:"✓";position:absolute;right:0;color:#16946a;font-weight:900}.plan .btn{margin-top:auto;width:100%;min-height:39px;font-size:10.5px}
.faq-box{padding:21px;background:#fff;border:1px solid #e1e8f0;border-radius:18px}
.faq-box>h2{font-size:20px;margin-top:0}
.faq-box details{border-bottom:1px solid #e9eef4}.faq-box details:last-child{border-bottom:0}
.faq-box summary{list-style:none;cursor:pointer;padding:13px 0;font-size:11.5px;font-weight:720;position:relative;padding-left:25px}
.faq-box summary::-webkit-details-marker{display:none}.faq-box summary:after{content:"⌄";position:absolute;left:0;color:#61778e}.faq-box details[open] summary:after{content:"⌃"}
.faq-box p{margin:-2px 0 14px;color:#6e7f92;font-size:11px;line-height:1.95}

.final-cta{padding:44px 0 52px}
.cta-panel{position:relative;overflow:hidden;min-height:148px;border-radius:20px;background:linear-gradient(115deg,#081e3a,#0d3159);padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff}
.cta-panel:before,.cta-panel:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06)}
.cta-panel:before{width:220px;height:220px;right:-55px;top:-145px}.cta-panel:after{width:300px;height:300px;left:35%;bottom:-260px}
.cta-panel>*{position:relative;z-index:1}.cta-panel>div>span{display:block;margin-bottom:5px;color:#f4c72e;font-size:9px;font-weight:700}
.cta-panel h2{margin:0 0 4px;font-size:21px;font-weight:760}.cta-panel p{margin:0;color:#b6c4d3;font-size:10.5px}

.site-footer{border-top:1px solid #e5ecf3;background:#fff;padding:42px 0 18px}
.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .85fr .8fr;gap:42px;align-items:start}
.footer-brand p{max-width:300px;margin:10px 0 0;color:#718195;font-size:10.5px;line-height:1.9}
.footer-links,.footer-account{display:grid;gap:8px;align-content:start}
.footer-links strong,.footer-account strong{margin-bottom:3px;color:var(--navy);font-size:10.5px}.footer-links a,.footer-account a{width:max-content;max-width:100%;color:#65778b;font-size:10px}.footer-links a:hover,.footer-account a:hover{color:var(--navy)}
.footer-start{margin-top:2px;color:#8d6900!important;font-weight:750}
.footer-bottom{margin-top:30px;padding-top:16px;border-top:1px solid #edf1f5;display:flex;justify-content:space-between;gap:20px;color:#909dab;font-size:9px}
.footer-bottom small{font:inherit}

.legal-page{min-height:100vh;background:#f7faff;padding:34px 0 60px}
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.legal-back{display:inline-flex;align-items:center;gap:6px;color:#587089;font-size:10.5px;font-weight:650}
.legal-card{max-width:850px;margin-inline:auto;padding:30px;border:1px solid #e0e8f0;border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}
.legal-card .section-kicker{margin-bottom:8px}.legal-card h1{margin:4px 0 10px;color:var(--navy);font-size:28px;line-height:1.5;font-weight:780}.legal-lead{margin:0 0 26px;color:#63758a;font-size:12px;line-height:2}
.legal-card section{padding:18px 0;border-top:1px solid #edf1f5}.legal-card h2{margin:0 0 7px;color:#17314f;font-size:14px;font-weight:760}.legal-card p,.legal-card li{color:#637589;font-size:11px;line-height:2}.legal-card ul{margin:7px 0 0;padding-right:20px}
.support-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}


.mobile-menu-layer{display:none}

@keyframes mobile-menu-fade{
    from{opacity:0}
    to{opacity:1}
}
@keyframes mobile-menu-slide-in{
    from{transform:translateX(104%)}
    to{transform:translateX(0)}
}

@media(max-width:980px){
    .container{width:min(100% - 36px,1180px)}
    .site-header,.nav-shell{height:68px}
    .hero{padding:56px 0 46px}.hero-grid{gap:36px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:36px}.hero-copy>p{font-size:13.5px}.product-grid{gap:36px}.responsive-grid{gap:34px}.plans-faq-grid{grid-template-columns:1fr}.faq-box{max-width:none}.footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:26px}
}
@media(max-width:820px){
    .container{width:calc(100% - 28px)}
    .site-header,.nav-shell{height:62px}
    .nav-shell{position:relative;display:flex;align-items:center;justify-content:center;gap:0}
    .brand-word{font-size:21px}
    .nav-actions,.main-nav{display:none}
    .menu-button{
        position:absolute;
        right:0;
        top:50%;
        z-index:2;
        width:39px;
        height:39px;
        padding:0;
        display:grid;
        place-items:center;
        color:#22364c;
        background:#f5f7f9;
        border:1px solid #e4eaf0;
        border-radius:11px;
        transform:translateY(-50%);
        cursor:pointer;
    }
    .menu-button svg{
        width:20px;
        height:20px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.9;
        stroke-linecap:round;
    }
    .menu-button[aria-expanded="true"]{
        color:#8a6500;
        background:#fff8df;
        border-color:#f0d16c;
    }

    .mobile-menu-layer{
        position:fixed;
        inset:0;
        z-index:4000;
        display:block;
        visibility:hidden;
        pointer-events:none;
    }
    .mobile-menu-layer.open{
        visibility:visible;
        pointer-events:auto;
    }
    .mobile-menu-backdrop{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        padding:0;
        background:rgba(8,19,31,.46);
        border:0;
        opacity:0;
        backdrop-filter:blur(2px);
        -webkit-backdrop-filter:blur(2px);
        transition:opacity .2s ease;
    }
    .mobile-menu-layer.open .mobile-menu-backdrop{opacity:1}
    .mobile-menu-drawer{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        width:min(87vw,350px);
        height:100dvh;
        max-height:100dvh;
        padding:10px 12px calc(10px + env(safe-area-inset-bottom));
        display:flex;
        flex-direction:column;
        overflow:hidden;
        direction:rtl;
        background:#f8fafc;
        border-left:1px solid #dfe6ed;
        box-shadow:-20px 0 54px rgba(8,19,31,.22);
        transform:translateX(104%);
        transition:transform .24s cubic-bezier(.22,.8,.28,1);
    }
    .mobile-menu-layer.open .mobile-menu-drawer{transform:translateX(0)}
    .mobile-menu-head{
        min-height:44px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        padding:0 1px 7px;
        border-bottom:1px solid #e7edf2;
        flex:0 0 auto;
    }
    .mobile-menu-head .brand{gap:6px}
    .mobile-menu-head .brand-mark{width:30px;height:30px;flex-basis:30px;border-radius:8px}
    .mobile-menu-head .brand-word{font-size:20px}
    .mobile-menu-close{
        width:35px;
        height:35px;
        padding:0;
        display:grid;
        place-items:center;
        color:#52667c;
        background:#eef2f6;
        border:0;
        border-radius:10px;
        cursor:pointer;
    }
    .mobile-menu-close svg{
        width:19px;
        height:19px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.9;
        stroke-linecap:round;
    }
    .mobile-menu-intro{
        margin-top:8px;
        padding:8px 10px;
        display:flex;
        align-items:center;
        gap:9px;
        color:#263b51;
        background:linear-gradient(135deg,#fff9e6,#fff);
        border:1px solid #f1df9a;
        border-radius:13px;
        box-shadow:0 4px 12px rgba(16,24,40,.03);
        flex:0 0 auto;
    }
    .mobile-menu-intro-icon{
        width:32px;
        height:32px;
        display:grid;
        place-items:center;
        color:#157454;
        background:#e9f8f2;
        border-radius:10px;
        flex:0 0 32px;
    }
    .mobile-menu-intro-icon svg{
        width:18px;
        height:18px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
    .mobile-menu-intro>span:last-child{display:flex;flex-direction:column;min-width:0}
    .mobile-menu-intro strong{font-size:11px;color:#142b45}
    .mobile-menu-intro small{margin-top:1px;color:#7e8d9d;font-size:8px}

    .mobile-menu-nav{
        min-height:0;
        flex:1 1 auto;
        overflow:hidden;
        overscroll-behavior:none;
        padding:0 1px 4px;
    }
    .mobile-menu-group{
        margin-top:8px;
        overflow:hidden;
        background:#fff;
        border:1px solid #e0e7ee;
        border-radius:14px;
        box-shadow:0 5px 16px rgba(16,24,40,.035);
    }
    .mobile-menu-section-title{
        min-height:28px;
        padding:6px 10px 4px;
        display:block;
        color:#8291a2;
        background:#fbfcfd;
        border-bottom:1px solid #edf1f4;
        font-size:8.5px;
        font-weight:850;
    }
    .mobile-menu-item{
        width:100%;
        min-height:43px;
        padding:4px 9px;
        display:grid;
        grid-template-columns:30px minmax(0,1fr) 18px;
        align-items:center;
        gap:8px;
        color:#263b51;
        background:#fff;
        border-bottom:1px solid #edf1f4;
        font-size:11px;
        font-weight:760;
        text-align:right;
    }
    .mobile-menu-item:last-child{border-bottom:0}
    .mobile-menu-item:active{background:#fffaf0}
    .mobile-menu-item-icon{
        width:29px;
        height:29px;
        display:grid;
        place-items:center;
        color:#315a9e;
        background:#f0f4fa;
        border-radius:9px;
    }
    .mobile-menu-item-icon svg{
        width:17px;
        height:17px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
    .mobile-menu-item-arrow{
        color:#a0adba;
        font-size:18px;
        font-weight:500;
        text-align:left;
    }
    .mobile-menu-actions{
        padding:8px 1px 0;
        flex:0 0 auto;
    }
    .mobile-menu-start{
        width:100%;
        min-height:42px;
        border-radius:11px;
    }
    .mobile-menu-footer{
        min-height:30px;
        padding:8px 2px 0;
        display:flex;
        align-items:flex-end;
        justify-content:space-between;
        gap:12px;
        color:#8a98a8;
        font-size:8.5px;
        flex:0 0 auto;
    }
    .mobile-menu-footer small{color:#667b91;font-size:8px;font-weight:800;direction:ltr}
    .hero{padding:42px 0 34px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-copy>p{max-width:560px}.hero-actions{justify-content:center}.hero-trust{justify-content:center}
    .hero-visual{margin-top:6px}.hero-shot{transform:none;max-width:720px;margin-inline:auto}.shot-note{left:20px}
    .three-features{grid-template-columns:1fr;min-height:0;padding:8px 0}.three-features article{justify-content:flex-start;border-left:0;border-bottom:1px solid #e9eef4;padding:13px 6px}.three-features article:last-child{border-bottom:0}
    .product-section,.responsive-section,.plans-faq{padding:52px 0}.product-grid{grid-template-columns:1fr}.product-copy{text-align:center;max-width:640px;margin-inline:auto}.ticks{width:max-content;max-width:100%;margin-inline:auto;text-align:right}
    .workflow{grid-template-columns:1fr;gap:8px}.workflow>i{display:none}
    .responsive-grid{grid-template-columns:1fr}.responsive-copy{text-align:center;max-width:600px;margin-inline:auto}.responsive-points{justify-content:center}.phone-pair{min-height:430px}
    .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan:last-child{grid-column:1/-1;max-width:calc(50% - 6px);width:100%;justify-self:center}
    .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:26px}.footer-account{grid-column:2/4}.footer-bottom{margin-top:24px}
}

@media(max-width:820px) and (max-height:640px){
    .mobile-menu-drawer{padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}
    .mobile-menu-head{min-height:40px;padding-bottom:5px}
    .mobile-menu-intro{margin-top:6px;padding:6px 8px}
    .mobile-menu-intro-icon{width:28px;height:28px;flex-basis:28px}
    .mobile-menu-intro-icon svg{width:16px;height:16px}
    .mobile-menu-group{margin-top:6px}
    .mobile-menu-section-title{min-height:25px;padding:5px 9px 3px}
    .mobile-menu-item{min-height:39px;padding-block:3px}
    .mobile-menu-item-icon{width:27px;height:27px}
    .mobile-menu-actions{padding-top:6px}
    .mobile-menu-start{min-height:39px}
    .mobile-menu-footer{display:none}
}
@media(max-width:820px) and (max-height:520px){
    .mobile-menu-intro{display:none}
    .mobile-menu-group{margin-top:5px}
    .mobile-menu-section-title{min-height:23px;padding:4px 9px 3px}
    .mobile-menu-item{min-height:36px}
    .mobile-menu-actions{padding-top:5px}
    .mobile-menu-start{min-height:37px}
}

@media(max-width:600px){
    html,body{overflow-x:clip}.container{width:calc(100% - 24px);max-width:calc(100% - 24px)}
    .hero{padding-top:34px}.eyebrow{font-size:8.5px}.hero h1{font-size:28px;line-height:1.58;margin:13px 0 10px;letter-spacing:-.4px}.hero-copy>p{font-size:12px;line-height:1.95}
    .hero-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.hero-actions .btn{width:100%}.hero-trust{gap:10px;font-size:8.5px}
    .hero-visual{width:100%;padding-top:7px}.shot-bar{height:27px;font-size:6.5px}.hero-shot{border-radius:13px}.shot-note{position:static;margin:9px auto 0;width:max-content;max-width:100%}
    .feature-icon{width:40px;height:40px;font-size:15px}.three-features h2{font-size:12.5px}.three-features p{font-size:9.5px}
    .product-section{padding:42px 0}.product-grid{gap:24px}.product-shot{border-radius:14px}
    .product-copy h2,.responsive-copy h2,.section-head h2{font-size:22px;line-height:1.6}.product-copy>p,.responsive-copy>p,.section-head>p{font-size:11.5px}.ticks li{font-size:11px}
    .workflow-section{padding:4px 0 46px}.workflow{margin-top:21px;padding:9px}.workflow article{padding:12px}.workflow article>b{width:30px;height:30px}.workflow h3{font-size:12px}
    .responsive-section{padding:46px 0}.phone-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;align-items:start}.phone-shot{padding:4px;border-radius:18px;box-shadow:0 14px 30px rgba(12,37,69,.11)}.phone-shot img{border-radius:14px}.phone-front,.phone-back{transform:none}
    .plans-faq{padding:46px 0}.plans-grid{grid-template-columns:1fr;gap:10px}.plan{padding:20px}.plan:last-child{grid-column:auto;max-width:none}.plan>p{min-height:0}.plans-faq-grid{margin-top:24px}.faq-box{padding:17px}.faq-box>h2{font-size:19px}
    .final-cta{padding:28px 0 38px}.cta-panel{min-height:0;padding:24px 19px;flex-direction:column;text-align:center;gap:18px}.cta-panel h2{font-size:19px;line-height:1.65}.cta-panel .btn{width:100%}
    .site-footer{padding-top:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-account{grid-column:auto}.footer-bottom{flex-direction:column;gap:4px}
    .legal-page{padding:22px 0 40px}.legal-top{margin-bottom:18px}.legal-card{padding:21px 18px;border-radius:17px}.legal-card h1{font-size:23px}.legal-lead{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* SEO knowledge pages */
.guide-strip{padding:66px 0;background:#fff;border-top:1px solid #edf2f7}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.guide-card{min-width:0;min-height:112px;padding:18px 19px;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:13px;color:#243a52;background:#f9fbfd;border:1px solid #e1e8ef;border-radius:16px;box-shadow:0 7px 18px rgba(16,24,40,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.guide-card:hover{transform:translateY(-2px);border-color:#d5be61;box-shadow:0 12px 26px rgba(16,24,40,.07)}
.guide-card-icon{width:42px;height:42px;display:grid;place-items:center;color:#876600;background:#fff5cc;border:1px solid #f0dc87;border-radius:12px;font-size:12px;font-weight:850}
.guide-card h3{margin:0 0 4px;color:#142b45;font-size:14px;font-weight:800}
.guide-card p{margin:0;color:#718195;font-size:10.5px;line-height:1.9}
.guide-card>b{color:#9a7a13;font-size:17px;font-weight:700}

.guide-page{min-height:100vh;background:#f7faff;padding:24px 0 64px}
.guide-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.guide-top-actions{display:flex;align-items:center;gap:8px}
.guide-back{display:inline-flex;align-items:center;gap:6px;color:#5c7187;font-size:10.5px;font-weight:700}
.guide-shell{max-width:1000px;margin-inline:auto}
.guide-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:11px;color:#8a99a8;font-size:9.5px}
.guide-breadcrumb a{color:#61788f}.guide-breadcrumb span{color:#a7b1bb}
.guide-article{padding:34px 38px;background:#fff;border:1px solid #e0e8f0;border-radius:22px;box-shadow:0 12px 32px rgba(17,39,68,.055)}
.guide-article header{max-width:790px}
.guide-article h1{margin:7px 0 10px;color:#102a46;font-size:31px;line-height:1.55;font-weight:820;letter-spacing:-.35px}
.guide-lead{margin:0;color:#5f7388;font-size:13px;line-height:2.05}
.guide-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;color:#8493a2;font-size:9px}
.guide-meta span{padding:5px 8px;background:#f6f8fa;border-radius:999px}
.guide-note{margin:24px 0 8px;padding:13px 15px;color:#5e6d7a;background:#fff9e8;border:1px solid #f0dda0;border-radius:13px;font-size:10.5px;line-height:1.95}
.guide-toc{margin:24px 0 6px;padding:16px 18px;background:#f8fbfe;border:1px solid #e5edf4;border-radius:14px}
.guide-toc strong{display:block;margin-bottom:9px;color:#203953;font-size:11px}
.guide-toc div{display:flex;flex-wrap:wrap;gap:7px}
.guide-toc a{padding:6px 9px;color:#4d657c;background:#fff;border:1px solid #e3e9ef;border-radius:9px;font-size:9.5px;font-weight:700}
.guide-article section{padding:25px 0;border-top:1px solid #edf1f5;scroll-margin-top:26px}
.guide-article section:first-of-type{border-top:0}
.guide-article h2{margin:0 0 9px;color:#17314f;font-size:18px;line-height:1.7;font-weight:790}
.guide-article h3{margin:17px 0 6px;color:#294660;font-size:13px;font-weight:780}
.guide-article p,.guide-article li{color:#5e7286;font-size:11.5px;line-height:2.1}
.guide-article p{margin:0 0 9px}.guide-article ul,.guide-article ol{margin:9px 0 0;padding-right:22px}
.guide-article li+li{margin-top:3px}
.guide-compare{width:100%;margin-top:14px;border-collapse:collapse;font-size:10.5px;overflow:hidden;border-radius:12px}
.guide-compare th,.guide-compare td{padding:10px 11px;border:1px solid #e5ebf1;text-align:right;vertical-align:top;line-height:1.9}
.guide-compare th{color:#273f57;background:#f6f9fc;font-weight:800}.guide-compare td{color:#607488;background:#fff}
.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.guide-step{padding:14px;border:1px solid #e3eaf1;border-radius:13px;background:#fbfcfd}
.guide-step b{display:grid;place-items:center;width:28px;height:28px;margin-bottom:9px;color:#806100;background:#fff2bd;border-radius:9px;font-size:10px}
.guide-step strong{display:block;margin-bottom:4px;color:#263f58;font-size:11px}.guide-step p{margin:0;font-size:10px}
.guide-related{margin-top:18px;padding:20px;background:#0c2948;border-radius:18px;color:#fff}
.guide-related h2{margin:0 0 5px;color:#fff;font-size:16px}.guide-related>p{margin:0 0 14px;color:#bbcad8;font-size:10.5px}
.guide-related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.guide-related-links a{padding:10px 11px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:10px;font-size:9.5px;line-height:1.7}
.guide-cta{margin-top:16px;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e0e8f0;border-radius:17px}
.guide-cta h2{margin:0 0 4px;color:#17314f;font-size:15px}.guide-cta p{margin:0;color:#718296;font-size:10px}
.guide-cta .btn{flex:0 0 auto}

@media(max-width:820px){
    .guide-strip{padding:52px 0}
    .guide-grid{grid-template-columns:1fr}
    .guide-article{padding:29px 27px}
    .guide-article h1{font-size:27px}
    .guide-related-links{grid-template-columns:1fr}
}
@media(max-width:600px){
    .guide-page{padding:18px 0 42px}
    .guide-top{margin-bottom:15px}
    .guide-top .brand-mark{width:30px;height:30px}
    .guide-top .brand-word{font-size:20px}
    .guide-article{padding:23px 18px;border-radius:17px}
    .guide-article h1{font-size:24px;line-height:1.65}
    .guide-lead{font-size:11.5px}
    .guide-toc div{display:grid;grid-template-columns:1fr 1fr}
    .guide-steps{grid-template-columns:1fr}
    .guide-compare{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .guide-cta{padding:17px;flex-direction:column;align-items:stretch;text-align:center}
    .guide-cta .btn{width:100%}
    .guide-card{grid-template-columns:38px minmax(0,1fr) 18px;padding:15px}
    .guide-card-icon{width:38px;height:38px}
}


/* Shared layout page context */
.page-context-nav{display:flex;align-items:center;justify-content:flex-start;margin-bottom:14px}
.legal-page,.guide-page{min-height:auto}
@media(max-width:600px){
    .page-context-nav{margin-bottom:10px}
}


/* Guide hub */
.guide-more{display:flex;justify-content:center;margin-top:20px}
.guide-hub{max-width:1080px}
.guide-hub-head{max-width:760px;margin:8px auto 0;text-align:center}
.guide-hub-head h1{margin:8px 0 10px;color:#102a46;font-size:32px;line-height:1.55;font-weight:820}
.guide-hub-head p{margin:0;color:#64778b;font-size:12.5px;line-height:2}
.guide-hub-section{padding:30px 0 0}
.guide-hub-title{margin-bottom:12px}
.guide-hub-title>span{display:block;margin-bottom:3px;color:#9a7710;font-size:9px;font-weight:800}
.guide-hub-title h2{margin:0;color:#17314f;font-size:18px}
.guide-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.guide-library-grid>a{min-width:0;padding:16px 17px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:start;color:#253d55;background:#fff;border:1px solid #e1e8ef;border-radius:14px;box-shadow:0 6px 18px rgba(16,24,40,.035);transition:transform .18s ease,border-color .18s ease}
.guide-library-grid>a:hover{transform:translateY(-2px);border-color:#d7c16b}
.guide-library-grid>a>b{width:36px;height:36px;display:grid;place-items:center;color:#846300;background:#fff3c3;border-radius:10px;font-size:9px}
.guide-library-grid h3{margin:0 0 4px;color:#17314f;font-size:12.5px}
.guide-library-grid p{margin:0;color:#758597;font-size:10px;line-height:1.9}
@media(max-width:820px){
    .guide-library-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .guide-hub-head h1{font-size:25px}
    .guide-hub-head p{font-size:11.5px}
    .guide-hub-section{padding-top:24px}
}


/* Public catalog search */
.public-catalog-section{padding:72px 0;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border-top:1px solid #e9eff5;border-bottom:1px solid #e9eff5}
.public-catalog-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:46px;align-items:center}
.public-catalog-copy h2{margin:10px 0 9px;color:#092b51;font-size:clamp(27px,2.2vw,33px);line-height:1.55}
.public-catalog-copy>p{margin:0;color:#52687f;font-size:15px;line-height:2}
.public-catalog-points{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.public-catalog-points span{padding:7px 10px;border:1px solid #dbe5ef;border-radius:999px;background:#fff;color:#52687f;font-size:11px;font-weight:700}
.public-catalog-tool{padding:19px;background:#fff;border:1px solid #dce6ef;border-radius:19px;box-shadow:0 16px 38px rgba(14,42,75,.07)}
.public-catalog-input-wrap{min-height:52px;padding:5px 6px 5px 13px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #cfdce8;border-radius:13px;background:#fbfdff}
.public-catalog-input-wrap:focus-within{border-color:#c8a832;box-shadow:0 0 0 3px rgba(255,189,0,.12)}
.public-catalog-input-wrap svg{width:20px;height:20px;fill:none;stroke:#7890a7;stroke-width:1.8;stroke-linecap:round}
.public-catalog-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#18334f;font:inherit;font-size:14px}
.public-catalog-input-wrap input::placeholder{color:#9aa8b6}
.public-catalog-input-wrap button{min-height:40px;padding:0 18px;border:0;border-radius:10px;background:#ffbd00;color:#15283e;font-size:12px;font-weight:800;cursor:pointer}
.public-catalog-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.public-catalog-filters button{min-height:32px;padding:0 12px;border:1px solid #dce4ec;border-radius:999px;background:#fff;color:#61758a;font-size:10.5px;font-weight:750;cursor:pointer}
.public-catalog-filters button.is-active{border-color:#d4b43c;background:#fff8db;color:#795e07}
.public-catalog-status{min-height:34px;padding:12px 2px 5px;color:#8493a2;font-size:11px}
.public-catalog-status.is-loading{color:#536f8c}.public-catalog-status.is-success{color:#24805f}.public-catalog-status.is-error{color:#a64555}
.public-catalog-results{display:grid;gap:8px;max-height:430px;overflow:auto;scrollbar-width:thin}
.public-catalog-result{padding:12px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e4eaf0;border-radius:12px;background:#fff}
.public-catalog-result-title{display:flex;align-items:flex-start;gap:8px}
.public-catalog-result-title strong{color:#1a354f;font-size:12.5px;line-height:1.8}
.public-catalog-result-title>span{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#f0f5fa;color:#5f7488;font-size:8.5px;font-weight:800}
.public-catalog-result-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;color:#8795a4;font-size:9.5px}
.public-catalog-result-id{display:flex;align-items:center;gap:6px}
.public-catalog-result-id code{padding:6px 8px;border-radius:8px;background:#f7f9fb;color:#263f58;font-family:ui-monospace,Consolas,monospace;font-size:11px}
.public-catalog-result-id button{min-height:31px;padding:0 9px;border:1px solid #d8e0e8;border-radius:8px;background:#fff;color:#546c83;font-size:9.5px;font-weight:750;cursor:pointer}
.public-catalog-foot{display:flex;justify-content:space-between;gap:14px;margin-top:11px;padding-top:11px;border-top:1px solid #edf1f5;color:#8998a7;font-size:9.5px}
.public-catalog-foot a{color:#375b7d;font-weight:750}

/* Index readability pass */
.landing-main .hero-copy>p{font-size:16px}
.landing-main .hero-trust{font-size:12px}
.landing-main .three-features h2{font-size:16.5px}
.landing-main .three-features p{font-size:13px;line-height:1.85}
.landing-main .product-copy>p,.landing-main .responsive-copy>p,.landing-main .section-head>p{font-size:15px}
.landing-main .ticks li{font-size:14px}
.landing-main .text-link{font-size:12px}
.landing-main .workflow h3{font-size:14px}
.landing-main .workflow p{font-size:11.5px;line-height:1.8}
.landing-main .responsive-points span{font-size:11.5px}
.landing-main .plan>p{font-size:13px}
.landing-main .plan>strong{font-size:13.5px}
.landing-main .plan li{font-size:12.5px}
.landing-main .faq-box summary{font-size:12.5px}
.landing-main .faq-box p{font-size:12px;line-height:1.9}
.landing-main .guide-card h3{font-size:15px}
.landing-main .guide-card p{font-size:12.5px}

@media(max-width:820px){
    .public-catalog-panel{grid-template-columns:1fr;gap:22px}
}
@media(max-width:600px){
    .public-catalog-section{padding:46px 0}
    .public-catalog-copy{text-align:center}
    .public-catalog-copy h2{font-size:24px}
    .public-catalog-copy>p{font-size:13px}
    .public-catalog-points{justify-content:center}
    .public-catalog-tool{padding:13px;border-radius:15px}
    .public-catalog-input-wrap{grid-template-columns:19px minmax(0,1fr);padding:7px 10px}
    .public-catalog-input-wrap button{grid-column:1/-1;width:100%;margin-top:2px}
    .public-catalog-input-wrap input{font-size:13px}
    .public-catalog-result{grid-template-columns:1fr;gap:8px}
    .public-catalog-result-id{justify-content:space-between}
    .public-catalog-result-title strong{font-size:12px}
    .public-catalog-foot{flex-direction:column;gap:5px}
    .landing-main .hero-copy>p{font-size:13.5px}
    .landing-main .hero-trust{font-size:10px}
    .landing-main .three-features h2{font-size:14px}
    .landing-main .three-features p{font-size:11px}
    .landing-main .product-copy>p,.landing-main .responsive-copy>p,.landing-main .section-head>p{font-size:13px}
    .landing-main .ticks li{font-size:12.5px}
    .landing-main .workflow h3{font-size:13px}
    .landing-main .workflow p{font-size:10.5px}
    .landing-main .guide-card h3{font-size:14px}
    .landing-main .guide-card p{font-size:11.5px}
}


/* Homepage proof + dedicated catalog page */
.public-catalog-full-link{display:inline-flex;margin-top:14px;color:#315979;font-size:12px;font-weight:800}
.proof-section{padding:74px 0;background:#fff}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.proof-grid article{min-width:0;padding:20px 19px;border:1px solid #e2e9f0;border-radius:16px;background:#fbfcfd;box-shadow:0 8px 22px rgba(16,24,40,.035)}
.proof-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:12px;border-radius:10px;background:#fff2bd;color:#7d6008;font-size:9px;font-weight:850}
.proof-grid h3{margin:0 0 6px;color:#17314f;font-size:15px;font-weight:800}
.proof-grid p{margin:0;color:#687b8f;font-size:12.5px;line-height:1.95}
.guide-tool-cta{margin:18px 0 4px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f7fbff;border:1px solid #dce8f2;border-radius:13px}
.guide-tool-cta div{display:flex;flex-direction:column;gap:2px}.guide-tool-cta strong{color:#1f3c57;font-size:11.5px}.guide-tool-cta span{color:#74879a;font-size:9.8px}
.guide-tool-cta a{flex:0 0 auto;padding:8px 11px;border-radius:9px;background:#ffbd00;color:#172b40;font-size:9.8px;font-weight:800}

.catalog-search-page{background:#f8fbfe}
.catalog-search-hero{padding:34px 0 62px;background:linear-gradient(180deg,#f8fbfe 0%,#eef5fb 100%);border-bottom:1px solid #e1e9f1}
.catalog-search-shell{max-width:1050px}
.catalog-search-heading{max-width:760px;margin:12px auto 26px;text-align:center}
.catalog-search-heading h1{margin:9px 0 9px;color:#0f2d4c;font-size:clamp(31px,3.2vw,42px);line-height:1.5;font-weight:840;letter-spacing:-.55px}
.catalog-search-heading p{margin:0;color:#5d7288;font-size:15px;line-height:2}
.catalog-search-card{max-width:900px;margin:0 auto;padding:22px;background:#fff;border:1px solid #d9e5ee;border-radius:20px;box-shadow:0 18px 44px rgba(14,42,75,.08)}
.catalog-page-results{max-height:560px}
.catalog-info-section{padding:56px 0;background:#fff}
.catalog-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.catalog-info-grid article{padding:20px;border:1px solid #e1e8ef;border-radius:15px;background:#fbfcfd}
.catalog-info-grid article>span{display:grid;place-items:center;width:32px;height:32px;margin-bottom:10px;border-radius:9px;background:#fff2bd;color:#7c6008;font-size:8.5px;font-weight:850}
.catalog-info-grid h2{margin:0 0 6px;color:#1b3854;font-size:15px}
.catalog-info-grid p{margin:0;color:#687c90;font-size:12px;line-height:1.95}
.catalog-explain-section{padding:58px 0;background:#f6f9fc}
.catalog-explain{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}
.catalog-explain h2{margin:9px 0 0;color:#12314f;font-size:clamp(25px,2.25vw,32px);line-height:1.65}
.catalog-explain-copy p{margin:0 0 10px;color:#5f7488;font-size:13.5px;line-height:2.05}
.catalog-explain-copy a{display:inline-flex;margin-top:4px;color:#2d587b;font-size:11.5px;font-weight:800}
.catalog-faq-section{padding:58px 0 72px;background:#fff}
.catalog-faq-grid{max-width:900px;margin:25px auto 0;display:grid;gap:9px}
.catalog-faq-grid details{padding:15px 17px;border:1px solid #e1e7ed;border-radius:13px;background:#fbfcfd}
.catalog-faq-grid summary{cursor:pointer;color:#263f59;font-size:12.5px;font-weight:800}
.catalog-faq-grid p{margin:9px 0 0;color:#697c8e;font-size:11.5px;line-height:1.95}

@media(max-width:820px){
    .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .catalog-info-grid{grid-template-columns:1fr}
    .catalog-explain{grid-template-columns:1fr;gap:22px}
}
@media(max-width:600px){
    .proof-section{padding:48px 0}
    .proof-grid{grid-template-columns:1fr;margin-top:20px}
    .proof-grid article{padding:17px}
    .proof-grid h3{font-size:14px}
    .proof-grid p{font-size:11.5px}
    .guide-tool-cta{align-items:stretch;flex-direction:column}
    .guide-tool-cta a{text-align:center}
    .catalog-search-hero{padding:22px 0 42px}
    .catalog-search-heading{margin-top:8px}
    .catalog-search-heading h1{font-size:26px}
    .catalog-search-heading p{font-size:12.5px}
    .catalog-search-card{padding:13px;border-radius:15px}
    .catalog-info-section,.catalog-explain-section,.catalog-faq-section{padding:42px 0}
    .catalog-info-grid article{padding:17px}
    .catalog-info-grid h2{font-size:14px}
    .catalog-info-grid p{font-size:11.5px}
    .catalog-explain-copy p{font-size:12px}
}


/* Footer readability pass */
.footer-brand p{
    font-size:13.5px;
    line-height:2;
}
.footer-links strong,
.footer-account strong{
    font-size:13px;
    font-weight:800;
}
.footer-links a,
.footer-account a{
    font-size:12.5px;
    line-height:1.75;
}
.footer-bottom{
    font-size:11px;
    line-height:1.7;
}

@media(max-width:600px){
    .footer-brand p{
        max-width:none;
        font-size:13px;
        line-height:1.95;
    }
    .footer-links strong,
    .footer-account strong{
        font-size:12.5px;
    }
    .footer-links a,
    .footer-account a{
        font-size:12px;
        line-height:1.8;
    }
    .footer-bottom{
        font-size:10.5px;
    }
}


/* About + contact pages */
@media(min-width:821px) and (max-width:1120px){
    .main-nav{gap:18px}
    .main-nav a{font-size:11.5px}
    .nav-shell{gap:24px}
}

.landing-company-section{padding:70px 0;background:#f6f9fc;border-top:1px solid #e7edf3;border-bottom:1px solid #e7edf3}
.landing-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.landing-company-card{min-width:0;padding:30px;border:1px solid #dfe7ee;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.045)}
.landing-company-card h2{margin:9px 0 9px;color:#12314f;font-size:clamp(22px,2vw,28px);line-height:1.65}
.landing-company-card p{margin:0;color:#63778b;font-size:13.5px;line-height:2}
.landing-company-about{background:linear-gradient(145deg,#fff 0%,#fbfdff 100%)}
.landing-company-contact{background:linear-gradient(145deg,#fffdf5 0%,#fff 100%);border-color:#eadfbd}
.landing-company-card .text-link{display:inline-flex;margin-top:16px}
.landing-company-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}

.company-page{background:#f8fbfe}
.company-hero{padding:34px 0 62px;background:linear-gradient(180deg,#f8fbfe 0%,#eef5fb 100%);border-bottom:1px solid #e0e8f0}
.company-shell{max-width:1080px}
.company-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center;margin-top:26px}
.company-hero h1{margin:10px 0 12px;color:#102f4d;font-size:clamp(32px,3.25vw,44px);line-height:1.55;letter-spacing:-.45px}
.company-hero p{margin:0;color:#5e7287;font-size:15px;line-height:2.05}
.company-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.company-highlight{padding:25px;border:1px solid #dce6ee;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(14,42,75,.07)}
.company-highlight>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff3c5;color:#7e6208;font-size:9.5px;font-weight:800}
.company-highlight strong{display:block;margin:14px 0 8px;color:#183752;font-size:19px;line-height:1.75}
.company-highlight p{font-size:12.5px;line-height:2}
.company-story{padding:64px 0;background:#fff}
.company-two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.company-two-col article{min-width:0}
.company-two-col h2{margin:9px 0 10px;color:#173551;font-size:24px;line-height:1.7}
.company-two-col p{margin:0 0 10px;color:#65798c;font-size:13.5px;line-height:2.1}
.company-values{padding:64px 0;background:#f6f9fc}
.company-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}
.company-values-grid article{padding:22px 20px;border:1px solid #dfe7ee;border-radius:17px;background:#fff}
.company-values-grid b{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:10px;background:#fff2bd;color:#7e6107;font-size:9px}
.company-values-grid h3{margin:0 0 7px;color:#1b3854;font-size:15px}
.company-values-grid p{margin:0;color:#6b7d8f;font-size:12.5px;line-height:1.95}
.company-cta-section{padding:52px 0 70px;background:#fff}
.company-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid #dde6ee;border-radius:20px;background:#f8fbfe}
.company-cta span{color:#9a7710;font-size:9.5px;font-weight:800}
.company-cta h2{margin:5px 0 0;color:#173551;font-size:21px;line-height:1.65}
.company-cta-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}

.contact-hero{padding-bottom:58px}
.contact-heading{max-width:760px;margin:16px auto 28px;text-align:center}
.contact-heading h1{margin:10px 0 10px}
.contact-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.contact-route{min-width:0;padding:22px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dfe7ee;border-radius:18px;background:#fff}
.contact-route.primary{border-color:#e3d294;background:linear-gradient(180deg,#fffdf5 0%,#fff 100%)}
.contact-route-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:13px;border-radius:11px;background:#eef4f8;color:#274d6f;font-size:16px;font-weight:800}
.contact-route.primary .contact-route-icon{background:#fff1ba;color:#765b05}
.contact-route small{color:#8a9aaa;font-size:9.5px;font-weight:750}
.contact-route h2{margin:5px 0 7px;color:#183651;font-size:17px}
.contact-route p{margin:0 0 18px;color:#687b8e;font-size:12px;line-height:1.95}
.contact-route .btn{margin-top:auto}
.contact-help-section{padding:60px 0;background:#fff}
.contact-help-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:start}
.contact-help-grid h2{margin:8px 0 8px;color:#173551;font-size:26px;line-height:1.65}
.contact-help-grid p{margin:0;color:#66798d;font-size:13px;line-height:2}
.contact-help-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.contact-help-grid li{display:flex;align-items:center;gap:11px;padding:15px 16px;border:1px solid #e1e8ef;border-radius:13px;background:#fafcfd;color:#435b72;font-size:12.5px}
.contact-help-grid li b{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#fff2bd;color:#795d06;font-size:9px}

@media(max-width:820px){
    .landing-company-grid,.company-hero-grid,.company-two-col,.contact-help-grid{grid-template-columns:1fr}
    .company-hero-grid{gap:24px}
    .company-values-grid,.contact-route-grid{grid-template-columns:1fr}
    .company-two-col{gap:28px}
    .contact-help-grid{gap:24px}
    .company-cta{align-items:stretch;flex-direction:column}
    .company-cta-actions{flex:1 1 auto}
}
@media(max-width:600px){
    .landing-company-section{padding:44px 0}
    .landing-company-card{padding:20px;border-radius:16px}
    .landing-company-card h2{font-size:21px}
    .landing-company-card p{font-size:12px}
    .landing-company-actions .btn{flex:1 1 auto}
    .company-hero{padding:22px 0 42px}
    .company-hero h1{font-size:27px}
    .company-hero p{font-size:12.5px}
    .company-highlight{padding:19px;border-radius:16px}
    .company-highlight strong{font-size:17px}
    .company-highlight p{font-size:11.5px}
    .company-story,.company-values,.contact-help-section{padding:44px 0}
    .company-two-col h2,.contact-help-grid h2{font-size:21px}
    .company-two-col p,.contact-help-grid p{font-size:12px}
    .company-values-grid{margin-top:19px}
    .company-values-grid article{padding:18px}
    .company-values-grid h3{font-size:14px}
    .company-values-grid p{font-size:11.5px}
    .company-cta-section{padding:38px 0 52px}
    .company-cta{padding:20px;border-radius:16px}
    .company-cta h2{font-size:18px}
    .company-cta-actions .btn{flex:1 1 auto}
    .contact-heading{margin-top:10px}
    .contact-route{padding:18px}
    .contact-route h2{font-size:16px}
    .contact-route p{font-size:11.5px}
    .contact-help-grid li{padding:13px;font-size:11.5px}
}


/* SEO trust + mobile accessibility pass */
.contact-direct-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}
.contact-direct-card{
    min-width:0;
    padding:18px 20px;
    display:flex;
    flex-direction:column;
    gap:4px;
    border:1px solid #dfe7ee;
    border-radius:15px;
    background:#fff;
    box-shadow:0 8px 22px rgba(16,24,40,.035);
}
.contact-direct-card span{color:#8b760f;font-size:11px;font-weight:800}
.contact-direct-card strong{color:#173551;font-size:16px;font-weight:800}
.contact-direct-card small{color:#748598;font-size:11.5px;line-height:1.8}

@media(max-width:820px){
    .mobile-menu-nav{
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-width:thin;
        scrollbar-color:rgba(82,102,124,.25) transparent;
    }
    .mobile-menu-nav::-webkit-scrollbar{width:3px}
    .mobile-menu-nav::-webkit-scrollbar-thumb{background:rgba(82,102,124,.25);border-radius:99px}
}
@media(max-width:600px){
    .public-catalog-input-wrap input{font-size:16px}
    .guide-article p,.guide-article li{font-size:13.5px;line-height:2.05}
    .guide-note{font-size:12px}
    .guide-meta{font-size:10.5px}
    .guide-toc a{font-size:11px}
    .mobile-menu-item{font-size:12px}
    .mobile-menu-section-title{font-size:9.5px}
    .contact-direct-grid{grid-template-columns:1fr}
    .contact-direct-card{padding:16px}
    .contact-direct-card strong{font-size:15px}
    .footer-bottom{font-size:11.5px}
}


.guide-sources{
    margin-top:8px;
    padding:22px 0 4px;
    border-top:1px solid #e4eaf0;
}
.guide-sources h2{margin-bottom:7px}
.guide-sources p{margin-bottom:9px}
.guide-sources ul{margin:0;padding-right:20px}
.guide-sources a{
    color:#245f98;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}
.guide-sources a:hover{color:#123f6c}


/* Landing mobile login entry */
@media(max-width:820px){
    .mobile-header-login{
        position:absolute;
        left:0;
        top:50%;
        z-index:2;
        min-width:66px;
        height:39px;
        padding:0 10px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:5px;
        color:#173a61;
        background:#fff;
        border:1px solid #dfe7ef;
        border-radius:11px;
        box-shadow:0 3px 10px rgba(12,37,69,.035);
        transform:translateY(-50%);
        font-size:11.5px;
        font-weight:800;
        white-space:nowrap;
    }
    .mobile-header-login svg{
        width:17px;
        height:17px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
    .mobile-header-login:active{
        background:#f7faff;
        border-color:#ccd9e6;
    }
}
@media(max-width:380px){
    .mobile-header-login{
        min-width:58px;
        padding-inline:8px;
        font-size:10.5px;
    }
    .mobile-header-login svg{
        width:16px;
        height:16px;
    }
}