:root{font-family:Inter,Arial,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#f8fafc;color:#0f172a}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:#f8fafceb;backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:24px;font-weight:900;display:inline-flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:20px;color:#475569;font-weight:600;flex-wrap:wrap}.nav-links a{white-space:nowrap}.nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-weight:800;cursor:pointer;text-align:center;white-space:nowrap}.btn-primary{background:#0b5fff;color:#fff}.btn-primary:hover{background:#0847c7}.btn-secondary{background:#fff;color:#0f172a;border-color:#dbe3ef}.hero{padding:72px 0 48px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.eyebrow{display:inline-block;margin-bottom:12px;color:#0b5fff;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.eyebrow-dark{color:#93c5fd}.hero h1,.section h2,.page h1,.final-cta h2{margin:0 0 14px;line-height:1.08}.hero h1{font-size:clamp(34px,5vw,58px)}.hero p,.section p,.page p{color:#64748b;line-height:1.7;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-card{display:flex;justify-content:center}.mockup{width:320px;background:#fff;border:1px solid #dbe3ef;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #0f172a1f}.mockup-top{padding:18px;font-weight:900;background:#eef4ff}.mockup-body{padding:16px;display:grid;gap:12px}.mockup-item{height:90px;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#eff6ff)}.section{padding:72px 0}.section-soft{background:#eef4ff}.section-dark{background:#0b1220;color:#fff}.section-dark p{color:#cbd5e1}.section-head{margin-bottom:28px}.grid-4,.grid-3,.footer-grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px}.dark-card{background:#ffffff0f;border-color:#ffffff14}.step-number{width:38px;height:38px;border-radius:999px;background:#0b5fff;color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:14px}.category-card{text-align:center;min-height:120px;display:grid;place-items:center}.cta-box,.final-cta{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:28px}.final-cta{text-align:center}.site-footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:40px;padding-top:36px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid h3,.footer-grid h4{margin-top:0}.footer-grid p,.footer-grid li,.footer-bottom{color:#64748b}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-bottom{padding:20px 0 28px;border-top:1px solid #e2e8f0;margin-top:28px}.page{padding:64px 0 96px}.logo img,.footer-grid h3 img{display:block;width:auto;height:30px;max-width:none;object-fit:contain;flex-shrink:0}@media(max-width:920px){.hero-grid,.grid-4,.grid-3,.footer-grid{grid-template-columns:1fr}.nav{flex-wrap:wrap;padding:12px 0;justify-content:center}.logo{width:100%;justify-content:center}.nav-links{width:100%;justify-content:center;gap:14px}.nav-actions{width:100%;justify-content:center;flex-wrap:nowrap}}@media(max-width:768px){.container{width:min(1120px,calc(100% - 24px))}.site-header{position:sticky}.nav{min-height:auto;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding:12px 0}.logo{width:100%;justify-content:center;font-size:20px;text-align:center}.logo img,.footer-grid h3 img{display:block!important;width:auto!important;height:36px!important;max-width:none!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}.nav-links{display:flex;width:100%;justify-content:center;flex-wrap:wrap;gap:10px 14px;font-size:14px}.nav-actions{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:10px}.nav-actions .btn{min-width:140px}.hero{padding:44px 0 28px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero p,.section p,.page p{font-size:16px}.mockup{width:min(100%,320px)}.section{padding:52px 0}.cta-box,.final-cta,.card{padding:20px;border-radius:20px}.footer-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:480px){.container{width:min(1120px,calc(100% - 20px))}.logo{font-size:18px;gap:8px}.logo img,.footer-grid h3 img{display:block!important;width:auto!important;height:32px!important;max-width:none!important;opacity:1!important;visibility:visible!important}.nav-links{gap:8px 10px;font-size:13px}.nav-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:10px;width:100%}.nav-actions .btn{flex:1;width:auto;min-width:0;text-align:center}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero h1{font-size:clamp(28px,8vw,40px)}.section{padding:44px 0}.cta-box,.final-cta,.card{padding:18px}}
