:root{--blue:#79baff;--blue-strong:#3d95f7;--blue-soft:#eaf5ff;--ink:#0a0f18;--text:#344054;--muted:#667085;--line:#dce9f5;--white:#fff;--shadow:0 20px 60px rgba(52,113,170,.14);--shadow-soft:0 12px 32px rgba(40,96,150,.10);--radius:22px}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}

body.menu-open{overflow:hidden}

img{max-width:100%;display:block}

a{text-decoration:none;color:inherit}

button,input,select{font:inherit}

button{cursor:pointer}

.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,233,245,.8)}

.nav-wrap{height:86px;display:flex;align-items:center;gap:32px}

.brand{width:290px;flex:none}

.brand img{width:100%;height:72px;object-fit:contain;object-position:left center}

.main-nav{display:flex;align-items:center;gap:31px;margin-left:auto}

.main-nav a{font-size:14px;font-weight:600;color:#20252d;transition:.2s}

.main-nav a:hover{color:var(--blue-strong)}

.nav-actions{display:flex;align-items:center;gap:22px}

.login-link{border:0;background:transparent;font-weight:600;display:flex;align-items:center;gap:8px}

.user-icon{width:18px;height:18px;border:2px solid #1e293b;border-radius:50%;display:inline-block}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:12px;border:1px solid transparent;font-weight:700;transition:.2s}

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

.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue-strong),var(--blue));box-shadow:0 12px 28px rgba(61,149,247,.25)}

.btn-outline{border-color:#b9dcff;color:var(--blue-strong);background:#fff}

.btn-soft{border-color:#cfe6fb;background:rgba(255,255,255,.82);color:#203044}

.menu-toggle{
    display:none;

    width:46px;
    height:46px;

    border:1px solid #dbe8f5;
    border-radius:12px;

    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.08);

    padding:0;

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

    transition:.2s;
}

.menu-toggle:hover{
    background:#f6fbff;
}

.menu-toggle span{
    display:block;
    width:22px;
    height:2.5px;
    margin:3px 0;
    background:#20252d;
    border-radius:999px;
}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:.19em;font-weight:800;color:var(--blue-strong);margin-bottom:14px}

h1,h2,h3{font-family:Montserrat,Inter,sans-serif;line-height:1.1;margin-top:0}

h1{font-size:clamp(44px,5vw,72px);letter-spacing:-.045em;margin-bottom:22px}

h1 strong{display:block;color:var(--blue)}

.hidden{display:none!important}

.site-footer{background:#08111c;color:#e9f4ff;padding:60px 0 25px}

.footer-grid{display:grid;grid-template-columns:1.6fr .7fr 1fr;gap:60px}

.footer-brand img{width:250px;background:#fff;border-radius:14px;padding:7px}

.footer-brand p{color:#9fb0c2}

.footer-grid h3{font-family:Inter,sans-serif;font-size:14px;color:#fff;margin-bottom:14px}

.footer-grid a{display:block;color:#aebdca;font-size:14px;margin:9px 0}

.footer-grid a:hover{color:var(--blue)}

.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1e2b38;margin-top:45px;padding-top:22px;color:#8194a6;font-size:13px}

.modal{position:fixed;inset:0;z-index:100;background:rgba(2,10,18,.58);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}

.modal-card{width:min(460px,100%);background:#fff;border-radius:24px;padding:38px;position:relative;box-shadow:0 35px 80px rgba(0,0,0,.28)}

.modal-card h2{font-size:30px;margin-bottom:12px}

.modal-card p{color:#667085}

.modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;font-size:30px;color:#667085}

.full{width:100%;margin-top:10px}

@media(max-width:760px){

    html,
    body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }

    .container{
        width:min(calc(100% - 28px),1180px);
    }

    .nav-wrap{
        height:72px;
    }

    .brand{
        width:150px;
    }

    .brand img{
        height:48px;
    }

    .nav-actions{
        display:none;
    }

    .menu-toggle{
        display:flex;
        margin-left:auto;
    }

    .main-nav{
        display:flex;
        position:fixed;
        top:72px;
        right:0;
        bottom:0;
        left:0;
        z-index:1000;

        background:#fff;
        flex-direction:column;
        align-items:flex-start;

        padding:30px 24px;
        gap:24px;
        margin:0;

        transform:translateX(100%);
        opacity:0;
        visibility:hidden;
        pointer-events:none;

        transition:
            transform .25s ease,
            opacity .2s ease,
            visibility .2s ease;
    }

    .main-nav.open{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .main-nav a{
        font-size:21px;
    }

    h1{
        font-size:43px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .footer-bottom{
        flex-direction:column;
    }
}