:root { --yellow:#ffd400; --ink:#111215; --muted:#626771; --line:#e7e8eb; --soft:#f5f6f7; }
* { box-sizing:border-box; }
body.loko-info { margin:0; color:var(--ink); background:#fff; font-family:Arial,Helvetica,sans-serif; }
.loko-info a { color:inherit; text-decoration:none; }
.li-shell { width:min(1160px,calc(100% - 40px)); margin:0 auto; }
.li-header { position:sticky; z-index:50; top:0; background:rgba(8,9,10,.97); backdrop-filter:blur(14px); }
.li-nav { min-height:80px; display:flex; align-items:center; gap:30px; }
.li-logo img { width:140px; height:48px; display:block; object-fit:contain; }
.li-menu { display:flex; gap:28px; margin-left:auto; color:#fff; font-size:15px; font-weight:700; }
.li-menu a { opacity:.75; }
.li-menu a:hover,.li-menu a[aria-current="page"] { opacity:1; }
.li-nav-cta,.li-button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:0 23px; background:var(--yellow); color:#111!important; font-weight:800; }
.li-nav-cta { margin-left:8px; }
.li-hero { overflow:hidden; background:#0b0c0e; color:#fff; }
.li-hero-grid { min-height:500px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:70px; padding:72px 0; }
.li-kicker { margin:0 0 18px; color:#8a7100; font-size:13px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.li-hero .li-kicker { color:var(--yellow); }
.li-hero h1 { max-width:760px; margin:0; font-size:clamp(48px,6vw,78px); line-height:1; letter-spacing:-.055em; }
.li-hero p { max-width:680px; margin:23px 0 0; color:#c5c8ce; font-size:19px; line-height:1.7; }
.li-hero-panel { position:relative; padding:34px; border:1px solid #383b40; border-radius:26px; background:linear-gradient(145deg,#202328,#111316); }
.li-hero-panel::before { position:absolute; top:-10px; right:-10px; width:70px; height:70px; border-radius:50%; content:""; background:var(--yellow); }
.li-hero-panel strong { position:relative; display:block; font-size:26px; line-height:1.25; }
.li-hero-panel span { position:relative; display:block; margin-top:15px; color:#adb1b8; line-height:1.6; }
.li-section { padding:96px 0; }
.li-section-soft { background:var(--soft); }
.li-section-head { max-width:760px; margin-bottom:42px; }
.li-section h2 { margin:0; font-size:clamp(36px,4vw,54px); line-height:1.08; letter-spacing:-.04em; }
.li-section-head>p:not(.li-kicker) { margin:18px 0 0; color:var(--muted); font-size:18px; line-height:1.7; }
.li-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.li-card { min-height:230px; padding:30px; border:1px solid var(--line); border-radius:22px; background:#fff; }
.li-card-icon { width:48px; height:48px; display:grid; place-items:center; margin-bottom:25px; border-radius:15px; background:var(--yellow); font-size:20px; font-weight:900; }
.li-card h3 { margin:0 0 11px; font-size:22px; }
.li-card p { margin:0; color:var(--muted); line-height:1.7; }
.li-card a { display:inline-block; margin-top:22px; font-weight:800; }
.li-steps { counter-reset:steps; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.li-step { position:relative; padding:30px; border-radius:22px; background:#16181c; color:#fff; }
.li-step::before { counter-increment:steps; content:"0" counter(steps); display:block; margin-bottom:45px; color:var(--yellow); font-size:14px; font-weight:900; }
.li-step h3 { margin:0 0 10px; font-size:22px; }
.li-step p { margin:0; color:#afb3ba; line-height:1.65; }
.li-faq { display:grid; gap:12px; max-width:900px; }
.li-faq details { border:1px solid var(--line); border-radius:16px; background:#fff; padding:0 24px; }
.li-faq summary { cursor:pointer; list-style:none; padding:22px 36px 22px 0; font-size:18px; font-weight:800; }
.li-faq summary::-webkit-details-marker { display:none; }
.li-faq details p { margin:0; padding:0 0 23px; color:var(--muted); line-height:1.7; }
.li-list { display:grid; gap:14px; }
.li-row { display:grid; grid-template-columns:150px 1fr auto; align-items:center; gap:25px; padding:24px 26px; border:1px solid var(--line); border-radius:18px; }
.li-row small { color:#777c84; font-weight:800; }
.li-row h3 { margin:0 0 5px; font-size:21px; }
.li-row p { margin:0; color:var(--muted); }
.li-row b { white-space:nowrap; }
.li-note { padding:28px; border-left:5px solid var(--yellow); border-radius:0 18px 18px 0; background:#fff9d9; line-height:1.7; }
.li-cta { padding:85px 0; background:var(--yellow); }
.li-cta-grid { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.li-cta h2 { margin:0; font-size:clamp(36px,4vw,55px); letter-spacing:-.04em; }
.li-cta p { max-width:650px; margin:14px 0 0; line-height:1.6; }
.li-cta .li-button { background:#111; color:#fff!important; white-space:nowrap; }
.li-footer { padding:70px 0 35px; background:#0b0c0e; color:#fff; }
.li-footer-grid { display:grid; grid-template-columns:1.25fr repeat(3,1fr); gap:55px; }
.li-footer-logo img { width:130px; height:45px; object-fit:contain; }
.li-footer-logo p { max-width:270px; margin:18px 0; color:#aeb2b9; line-height:1.65; }
.li-footer h3 { margin:0 0 18px; color:var(--yellow); font-size:13px; letter-spacing:.1em; text-transform:uppercase; }
.li-footer-links { display:grid; gap:12px; }
.li-footer-links a { color:#c4c7cc; }
.li-footer-links a:hover { color:#fff; }
.li-footer-bottom { margin-top:50px; padding-top:25px; border-top:1px solid #282b30; color:#888d95; font-size:13px; }

@media(max-width:900px){
	.li-menu{display:none}.li-nav-cta{margin-left:auto}.li-hero-grid{grid-template-columns:1fr;min-height:auto}.li-grid,.li-steps{grid-template-columns:repeat(2,1fr)}.li-footer-grid{grid-template-columns:repeat(2,1fr)}.li-row{grid-template-columns:1fr auto}.li-row small{grid-column:1/-1}.li-cta-grid{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
	.li-shell{width:min(100% - 28px,1160px)}.li-nav{min-height:70px}.li-logo img{width:110px}.li-nav-cta{min-height:42px;padding:0 16px;font-size:13px}.li-hero-grid{padding:60px 0}.li-hero h1{font-size:48px}.li-hero-panel{padding:27px}.li-section{padding:72px 0}.li-grid,.li-steps,.li-footer-grid{grid-template-columns:1fr}.li-row{grid-template-columns:1fr}.li-row b{margin-top:8px}.li-cta{padding:70px 0}
}