.topbar nav a.active{color:var(--red);font-weight:700}.nav-drop{position:relative}.nav-menu{display:none;position:absolute;top:28px;left:-22px;width:310px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(24,38,73,.14);grid-template-columns:1fr 1fr;gap:5px}.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{display:grid}.nav-menu a{padding:11px 12px;border-radius:10px;display:flex;justify-content:space-between;gap:10px}.nav-menu a:hover{background:#fff2f2}.nav-menu small{color:#8b95a8}.nav-menu.compact{grid-template-columns:1fr;width:210px}.nav-toggle{display:none;border:0;background:none;font-size:25px}.page-hero{padding:92px max(7vw,30px) 70px;background:linear-gradient(145deg,#fff4f4,#f5f8ff)}.page-hero>div{max-width:850px}.page-hero span,.lesson-heading span{color:var(--red);font-size:12px;font-weight:800;letter-spacing:2px}.page-hero h1{font-size:52px;margin:16px 0}.page-hero p{font-size:19px;line-height:1.8;color:var(--muted)}.matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.platform-card{border:1px solid var(--line);border-radius:22px;padding:30px;background:#fff;position:relative}.platform-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#ff5757,#ff8585);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800}.status{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.platform-card>.status{position:absolute;right:26px;top:28px}.status.live{background:#e8f8ef;color:#16854b}.status.beta{background:#fff1dc;color:#b66b00}.status.plan{background:#eef2f8;color:#65728a}.platform-card h2{font-size:24px;margin-top:24px}.platform-card p,.platform-card li{color:var(--muted);line-height:1.7}.platform-card ul{padding-left:20px;min-height:90px}.platform-card a,.download-actions>a,.platform-lessons a{color:#ef4d4d;font-weight:700;text-decoration:none}.product-hero{padding:85px max(7vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:radial-gradient(circle at 80% 15%,#ffe4e4,transparent 32%),#f7f9fd}.product-hero h1{font-size:52px;margin:22px 0 12px}.product-hero h2{font-size:23px;line-height:1.55}.product-hero p{font-size:18px;color:var(--muted);line-height:1.8}.product-visual{padding:25px}.window-mock{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 25px 70px rgba(25,38,72,.15)}.window-bar{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:25px}.window-bar i{width:11px;height:11px;background:#ff7777;border-radius:50%}.window-bar i:nth-child(2){background:#ffc85e}.window-bar i:nth-child(3){background:#4fd58b}.window-mock>strong{font-size:25px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.mock-stats span{background:#f5f7fb;padding:20px 10px;border-radius:12px;text-align:center}.mock-lines{display:grid;gap:10px}.mock-lines i{height:34px;border-radius:9px;background:linear-gradient(90deg,#f0f3f8 70%,#ffe8e8 70%)}.soft{background:#f7f9fd}.download-list{display:grid;gap:18px}.download-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:28px;border:1px solid var(--line);border-radius:20px}.download-list h2{margin:8px 0}.download-list p{color:var(--muted)}.download-actions{display:flex;align-items:center;gap:20px}.btn.disabled{opacity:.55;cursor:not-allowed}.tutorial-hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}.lesson-nav{display:grid;gap:7px}.lesson-nav a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding:10px 0}.lesson-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:36px}.lesson-heading>b{font-size:42px;color:#ffd1d1}.lesson-heading h2{font-size:34px;margin:7px 0}.lesson-heading p{color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lesson-grid article{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff}.lesson-grid i{font-style:normal;color:var(--red);font-weight:800}.lesson-grid p{color:var(--muted)}.platform-lessons{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.platform-lessons article{padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.platform-lessons h3{font-size:22px;margin:10px 0}.platform-lessons p{color:var(--muted);margin:0}.platform-lessons a{white-space:nowrap}@media(max-width:980px){.nav-toggle{display:block;margin-left:auto}.topbar nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:18px 24px;border-bottom:1px solid var(--line);flex-direction:column}.topbar.nav-open nav{display:flex}.nav-menu{position:static;display:none;box-shadow:none;width:100%;grid-template-columns:1fr 1fr}.nav-drop:focus-within .nav-menu{display:grid}.matrix-grid{grid-template-columns:repeat(2,1fr)}.product-hero{grid-template-columns:1fr}.lesson-grid{grid-template-columns:repeat(2,1fr)}.tutorial-hero{grid-template-columns:1fr}.download-list article{grid-template-columns:auto 1fr}.download-actions{grid-column:2}}@media(max-width:620px){.topbar-actions .ghost{display:none}.page-hero h1,.product-hero h1{font-size:36px}.matrix-grid,.lesson-grid,.platform-lessons{grid-template-columns:1fr}.download-list article{grid-template-columns:1fr}.download-actions{grid-column:1;flex-wrap:wrap}.product-hero{padding:55px 20px}.product-visual{padding:0}.mock-stats{grid-template-columns:1fr}.nav-menu{grid-template-columns:1fr}.lesson-heading h2{font-size:28px}}
