:root{color-scheme:dark;--bg:#020713;--panel:#07162b;--line:rgba(124,167,255,.22);--text:#edf7ff;--muted:#9bb1c9;--green:#228eff;--cyan:#31c4ff}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#020713 0%,#061121 52%,#020713 100%);color:var(--text)}
a{color:inherit;text-decoration:none}
.wrap{width:min(1360px,calc(100% - 48px));margin:0 auto}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:20px}
.brand img{width:64px;height:64px}
.nav-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px}
.nav-links a:hover,footer a:hover{color:var(--text)}
.nav-download{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:8px;color:#02111f;background:linear-gradient(135deg,var(--cyan),var(--green));font-weight:850;box-shadow:0 12px 34px rgba(34,142,255,.24)}
.nav-download:hover{color:#02111f;transform:translateY(-1px)}
.blog-shell{padding:54px 0 90px}
.blog-hero{max-width:820px;border-top:1px solid var(--line);padding-top:24px;margin-bottom:42px}
.eyebrow{color:var(--green);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
h1{margin:14px 0 18px;font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:0}
.lead{color:var(--muted);font-size:20px;line-height:1.65;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.blog-card{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);overflow:hidden}
.blog-card> a{display:block;min-height:12px;background:rgba(49,196,255,.08)}
.blog-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-card div{padding:24px}
.article-date{color:var(--green);font-size:13px;font-weight:800;margin:0 0 10px}
.blog-card h2{font-size:26px;line-height:1.15;margin:0 0 12px}
.blog-card p,.article-body p{color:#c7d7ea;line-height:1.72}
.empty{color:var(--muted)}
.pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:28px}
.page-numbers{display:flex;align-items:center;gap:6px}
.page-link{border:1px solid var(--line);border-radius:6px;padding:8px 13px;font-size:14px;color:var(--cyan);min-width:38px;text-align:center}
.page-link:hover{border-color:var(--cyan);color:var(--text)}
.page-link.current{background:var(--cyan);border-color:var(--cyan);color:#02111f;pointer-events:none}
.page-link.disabled{color:var(--muted);pointer-events:none}
.page-ellipsis{color:var(--muted);padding:0 4px}
.page-info{font-size:14px;color:var(--muted)}
.article-shell{padding:48px 0 86px}
.article-shell article{width:100%;margin:0}
.back-link{display:inline-flex;margin-bottom:24px;color:var(--muted)}
.blog-cover,.inline-image{margin:32px 0}
.blog-cover img,.inline-image img{display:block;width:100%;border-radius:8px;border:1px solid var(--line)}
.blog-cover img{height:clamp(260px,32vw,440px);object-fit:cover}
.article-body{margin-top:34px;font-size:18px}
.article-body a{color:var(--cyan)}
.article-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,440px);align-items:center;gap:34px;margin:64px 0 0;min-height:390px;padding:38px 44px;border:1px solid rgba(124,167,255,.24);border-radius:8px;background:linear-gradient(120deg,rgba(4,13,28,.98) 0%,rgba(7,22,43,.96) 44%,rgba(16,67,112,.7) 74%,rgba(49,196,255,.22) 100%);box-shadow:0 28px 80px rgba(0,0,0,.34)}
.article-cta::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.8}
.cta-copy{position:relative;z-index:2;max-width:720px}
.article-cta h2{margin:10px 0 12px;font-size:clamp(32px,4vw,60px);line-height:.98;letter-spacing:0}
.article-cta p{max-width:660px;margin:0;color:#c7d7ea;font-size:18px;line-height:1.58}
.cta-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.cta-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(34,142,255,.72)}
.cta-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}
.cta-points{display:flex;flex-wrap:wrap;gap:8px}
.cta-points span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(124,167,255,.24);border-radius:999px;color:#d9ecff;background:rgba(255,255,255,.045);font-size:13px;font-weight:800}
.cta-download{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;min-width:174px;padding:10px 20px;border-radius:8px;color:#02111f;background:linear-gradient(135deg,var(--cyan),var(--green));font-weight:950;box-shadow:0 18px 46px rgba(34,142,255,.32);animation:cta-float 3.8s ease-in-out infinite}
.cta-download small{font-size:12px;font-weight:850;opacity:.72}
.cta-download:hover{color:#02111f;transform:translateY(-3px)}
.cta-visual{position:relative;align-self:stretch;min-height:338px;z-index:1}
.cta-phone{position:absolute;display:block;width:174px;height:276px;padding:8px 7px 16px;object-fit:cover;object-position:top center;border-radius:28px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#071120,#020713);box-shadow:0 24px 58px rgba(0,0,0,.44)}
.cta-phone-main{left:60%;top:4px;width:204px;height:322px;z-index:3;transform:translateX(-50%) rotate(-2deg);animation:phone-rise 5.6s ease-in-out infinite}
.cta-phone-side{left:22%;top:46px;opacity:.82;transform:rotate(-6deg) scale(.94);z-index:2}
@keyframes cta-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes phone-rise{0%,100%{transform:translateX(-50%) translateY(0) rotate(-2deg)}50%{transform:translateX(-50%) translateY(-7px) rotate(-2deg)}}
footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:36px 0 50px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.nav{align-items:flex-start;flex-direction:column;padding:18px 0}.nav-links{flex-wrap:wrap}.blog-grid{grid-template-columns:1fr}h1{font-size:42px}.blog-cover img{height:240px}.article-cta{grid-template-columns:1fr;min-height:0;padding:26px 22px}.article-cta h2{font-size:38px}.cta-actions{align-items:stretch;flex-direction:column}.cta-download{width:100%}.cta-points{gap:6px}.cta-visual{min-height:272px}.cta-phone{width:136px;height:224px}.cta-phone-main{left:60%;top:2px;width:154px;height:252px}.cta-phone-side{left:16%;top:40px}}