:root{--blue:#0b63d1;--blue-dark:#02408d;--bg:#f5f7fb;--text:#1f2933;--muted:#6b7280;--radius-lg:18px;--shadow-soft:0 18px 40px rgba(15,23,42,.15);}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#e3f1ff 0,#f5f7fb 45%,#fff 100%);color:var(--text);line-height:1.5;}
a{color:inherit;text-decoration:none;}
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(148,163,184,.3);}
.header-inner{max-width:1100px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.logo-wrap{display:flex;align-items:center;gap:10px;}
.logo-wrap img{height:110px;width:150px;loading:lazy;}
.logo-text{font-size:14px;color:var(--muted);}
nav{display:flex;gap:18px;align-items:center;font-size:15px;}
nav a{padding:6px 0;position:relative;color:#1f2933;font-weight:500;}
nav a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;border-radius:999px;background:var(--blue);transition:width .2s ease-out;}
nav a:hover::after{width:100%;}
.nav-cta{padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-weight:600;box-shadow:0 10px 20px rgba(37,99,235,.35);}
.nav-cta:hover{transform:translateY(-1px);}
.page{max-width:1100px;margin:0 auto;padding:30px 18px 50px;}
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px;align-items:center;margin-top:15px;margin-bottom:40px;}
.hero-card{background:radial-gradient(circle at top left,#fff 0,#e6f0ff 30%,#fff 70%);border-radius:26px;padding:28px 26px;box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,184,.4);}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:rgba(37,99,235,.08);color:var(--blue-dark);font-size:13px;margin-bottom:14px;}
.hero-eyebrow span{width:6px;height:6px;border-radius:999px;background:#22c55e;}
.hero h1{font-size:clamp(30px,3.1vw,36px);margin-bottom:10px;color:var(--blue-dark);}
.hero-highlight{color:var(--blue);}
.hero p{font-size:16px;color:var(--muted);margin-bottom:18px;}
.hero-keywords{margin-top:15px;font-size:14px;color:#4b5563;}
.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px;font-size:13px;color:var(--muted);}
.hero-badges span{padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:rgba(248,250,252,.9);}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.btn-primary{padding:10px 20px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-size:15px;font-weight:600;box-shadow:0 15px 30px rgba(37,99,235,.4);}
.btn-primary:hover{transform:translateY(-1px);}
.btn-ghost{border-radius:999px;border:1px solid rgba(148,163,184,.7);padding:9px 18px;background:rgba(255,255,255,.8);font-size:14px;cursor:pointer;color:var(--text);}
.hero-small{font-size:13px;color:var(--muted);margin-top:6px;}
.hero-side{display:flex;align-items:stretch;justify-content:center;}
.hero-side-card{width:100%;max-width:360px;border-radius:24px;padding:20px 18px;background:rgba(15,23,42,.95);color:#fff;box-shadow:var(--shadow-soft);}
.hero-side-title{font-size:16px;margin-bottom:10px;}
.hero-side-item{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px dashed rgba(148,163,184,.6);}
.hero-side-item:last-child{border-bottom:none;}
.hero-side-label{color:#cbd5f5;}
.hero-side-value{font-weight:600;color:#e5f0ff;}
.section-title{font-size:20px;margin-bottom:14px;color:var(--blue-dark);}
.section-sub{font-size:14px;color:var(--muted);margin-bottom:20px;}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:40px;}
.feature-card{background:rgba(255,255,255,.95);border-radius:var(--radius-lg);padding:18px 16px;border:1px solid rgba(148,163,184,.35);box-shadow:0 8px 20px rgba(15,23,42,.06);}
.feature-tag{display:inline-block;font-size:11px;padding:3px 8px;border-radius:999px;background:rgba(37,99,235,.09);color:var(--blue-dark);margin-bottom:8px;}
.feature-title{font-size:16px;font-weight:600;margin-bottom:6px;}
.feature-text{font-size:14px;color:var(--muted);}
.steps{background:#fff;border-radius:22px;padding:18px 18px 20px;border:1px solid rgba(148,163,184,.35);box-shadow:0 10px 24px rgba(15,23,42,.08);}
.steps-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:10px;}
.step{position:relative;padding-left:26px;font-size:14px;color:var(--muted);}
.step::before{content:attr(data-step);position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:999px;background:var(--blue);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700;}
.step strong{display:block;color:var(--text);margin-bottom:4px;}
.cta{margin-top:36px;text-align:center;}
.cta p{font-size:15px;color:var(--muted);margin-top:6px;}
.cta .btn-primary{margin-top:10px;padding-inline:26px;}
.footer{margin-top:60px;background:#f8fafc;border-top:1px solid rgba(148,163,184,.3);padding:40px 20px 25px;color:#1f2933;}
.footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;}
.footer-col h4{font-size:16px;margin-bottom:10px;color:#02408d;}
.footer-col p{font-size:14px;color:#6b7280;line-height:1.6;}
.footer-col ul{list-style:none;padding:0;}
.footer-col ul li{font-size:14px;color:#6b7280;padding:4px 0;}
.footer-col a{text-decoration:none;color:#0b63d1;}
.footer-bottom{text-align:center;margin-top:30px;padding-top:18px;font-size:13px;color:#6b7280;border-top:1px solid rgba(148,163,184,.2);}
.opening-status{font-size:14px;color:#6b7280;margin:6px 0 10px;}
.dot-open,.dot-closed{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:6px;}
.dot-open{background:#22c55e;}
.dot-closed{background:#ef4444;}
@media (max-width:880px){.hero{grid-template-columns:minmax(0,1fr);} .hero-side{order:-1;} .features{grid-template-columns:repeat(2,minmax(0,1fr));} .steps-list{grid-template-columns:repeat(2,minmax(0,1fr));} .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.header-inner{flex-direction:column;align-items:flex-start;} nav{flex-wrap:wrap;row-gap:8px;} .features{grid-template-columns:minmax(0,1fr);} .steps-list{grid-template-columns:minmax(0,1fr);} .hero-card,.hero-side-card{padding:20px 16px;} .footer-grid{grid-template-columns:minmax(0,1fr);}}