.home{max-width:1560px;margin:auto;padding:20px 54px 64px}.home>header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 28px}.home main{display:block}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.hero h1{font-size:46px;line-height:1.12;letter-spacing:-.05em;margin:16px 0}.hero p{color:var(--muted);line-height:1.8}.live{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-grid div{background:#f7f8fb;border-radius:12px;padding:14px}.live-grid small,.live-grid b{display:block}.live-grid b{font-size:20px;margin-top:5px}.flow-wrap{margin-top:38px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;position:relative}.flow:before{content:"";position:absolute;left:8%;right:8%;top:48px;height:2px;background:linear-gradient(90deg,var(--green),var(--primary),var(--blue),var(--amber));opacity:.45}.flow a{position:relative;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;min-height:145px;z-index:1}.sketch{width:62px;height:62px;border:2px solid currentColor;border-radius:18px;display:grid;place-items:center;color:var(--primary);background:#f2f1ff}.flow a:nth-child(3n) .sketch{color:var(--green);background:#ecf9f5}.flow h3{font-size:12px;margin:11px 0 5px}.flow p{font-size:9px;color:var(--muted);margin:0;line-height:1.5}.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:15px}.cap{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.cap h3{margin:12px 0 7px}.cap p,.cap small{color:var(--muted);font-size:10px;line-height:1.6}.cycle{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#332ec8,#5d58ef);color:#fff;border-radius:18px;padding:24px;margin-top:30px}.cycle span{background:#ffffff14;border:1px solid #ffffff25;border-radius:99px;padding:10px 14px;font-size:10px}.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.role{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.role h3{margin:10px 0 6px}.role p{font-size:9px;color:var(--muted);min-height:46px}.home-section{margin-top:42px}.sketch svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1440px){.home{padding:20px 34px 56px}.hero h1{font-size:40px}.flow{grid-template-columns:repeat(4,minmax(0,1fr))}.roles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.flow,.caps{grid-template-columns:repeat(2,1fr)}.cycle{flex-wrap:wrap;gap:8px}.flow:before{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}