.top{max-width:1120px;padding:16px var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.top-nav{font-family:var(--font-display);align-items:center;gap:18px;font-weight:600;display:flex}.top-nav a{color:var(--ink-2);text-decoration:none}.hero{max-width:1120px;padding:18px var(--gutter) 56px;gap:26px;margin:0 auto;display:grid}@media (min-width:900px){.hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:48px}}.hero-title{font-family:var(--font-display);font-size:clamp(40px,7vw,66px);font-weight:700;line-height:1.02}.hero-sub{max-width:34ch;color:var(--ink-2);margin-top:16px;font-size:19px}.hero-chips{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.hero-chips .chip:nth-child(2){background:var(--mint);color:var(--leaf-deep)}.demo{border:3px solid var(--frame);background:var(--paper);box-shadow:0 6px 0 var(--frame);border-radius:28px;gap:12px;padding:16px;display:grid;position:relative}.demo-task{font-family:var(--font-display);align-items:center;gap:10px;font-size:20px;font-weight:600;line-height:1.2;display:flex}.demo-task svg{flex:none}.demo-foot{gap:10px;display:grid}.demo-msg{color:var(--ink-2);font-size:15px;font-weight:600}.demo-msg[data-verdict=correct]{color:var(--leaf-deep);font-family:var(--font-display);font-size:18px}.demo-msg[data-verdict=wrong]{color:var(--rose-edge)}.demo-foot .btn{width:100%}.section-title{max-width:22ch;font-family:var(--font-display);font-size:clamp(28px,4.5vw,40px);font-weight:700;line-height:1.08}.topics,.for,.closing{max-width:1120px;padding:44px var(--gutter);margin:0 auto}.topic-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px;display:grid}@media (min-width:760px){.topic-grid{grid-template-columns:repeat(3,1fr)}}.topic{border:3px solid var(--line);background:var(--paper);min-height:120px;box-shadow:0 5px 0 var(--line);transition:transform 90ms var(--ease), box-shadow 90ms var(--ease);border-radius:22px;gap:10px;padding:16px;text-decoration:none;display:grid}a.topic:active{box-shadow:0 1px 0 var(--line);transform:translateY(4px)}.topic-icon{background:var(--mint);width:48px;height:48px;color:var(--leaf-edge);border-radius:14px;place-items:center;font-size:28px;display:grid}.topic-name{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.15}.topic[data-soon]{color:var(--ink-3);box-shadow:0 5px 0 var(--tile-edge);border-color:var(--tile-edge);background:var(--tile)}.topic[data-soon] .topic-icon{background:var(--tile-edge);color:var(--ink-3)}.topic small{font-family:var(--font-ui);font-size:13px;font-weight:700}.for-list{gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}@media (min-width:900px){.for-list{grid-template-columns:repeat(3,1fr)}}.for-list li{background:var(--paper);border:3px solid var(--line);border-radius:22px;gap:14px;padding:18px;display:flex}.for-icon{background:var(--sun-wash);color:#d99a00;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.for-list h3{font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.2}.for-list p{color:var(--ink-2);margin-top:6px;font-size:16px}.closing{text-align:center;justify-items:center;gap:16px;padding-bottom:72px;display:grid}.closing-title{max-width:18ch;font-family:var(--font-display);font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1.08}.foot{max-width:1120px;padding:24px var(--gutter) 40px;border-top:3px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 auto;font-size:14px;display:flex}@media (max-width:600px){.top-test{display:none}}.topic .topic-art{width:64px;height:64px}.topic small{color:var(--ink-3)}.top .chip,.top-nav a,.brand{white-space:nowrap}@media (max-width:600px){.top-nav{gap:10px}.brand{font-size:20px}}@media (max-width:759px){.topic:last-child:nth-child(odd){grid-column:1/-1}}