@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Noto+Sans+SC:wght@400;700;900&display=swap";:root{--ink:#10213f;--blue:#1769ff;--muted:#66758d;--paper:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans SC,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1180px;margin:auto;padding:0 32px}header{justify-content:space-between;align-items:center;height:92px;display:flex}header>.logo{transform:translateY(4px)}.logo{align-items:center;gap:10px;font:700 20px DM Sans;display:flex}.logo img{object-fit:contain;border-radius:9px;width:34px;height:34px}nav{color:#40516d;align-items:center;gap:34px;font-size:14px;display:flex}.nav-cta{border:1px solid #c7d3e5;border-radius:99px;align-items:center;gap:8px;padding:10px 15px;display:flex}header button{display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:55px 0 100px;display:grid}.copy small,.supply small,.process>small,.contact small{letter-spacing:1.5px;color:var(--muted);font:700 11px DM Sans}h1{letter-spacing:-6px;margin:26px 0 30px;font-size:clamp(58px,7vw,94px);line-height:1.04}em{color:var(--blue);font-style:normal}.copy p{max-width:430px;color:var(--muted);line-height:1.9}.actions{align-items:center;gap:25px;margin-top:35px;font-size:13px;display:flex}.primary{background:var(--blue);color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-width:190px;padding:16px 20px;font-weight:700;display:inline-flex}.board{background:#eaf2ff;border:1px solid #c9dbfa;border-radius:24px;height:500px;position:relative;overflow:hidden}.board:before,.board:after{content:"";border:1px solid #a9c8f7;border-radius:50%;width:370px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-20deg)}.board:after{width:286px;height:425px;transform:translate(-50%,-50%)rotate(20deg)}.board-label,.board-foot{letter-spacing:1.2px;color:#6c84a7;z-index:2;justify-content:space-between;font:700 10px DM Sans;display:flex;position:absolute;left:28px;right:28px}.board-label{top:25px}.board-foot{border-top:1px solid #b8cff1;padding-top:13px;bottom:22px}.board-foot b{color:var(--blue)}.center{z-index:2;text-align:center;font-size:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center img{background:var(--blue);border-radius:18px;width:68px;height:68px;margin:0 auto 12px;padding:7px;display:block}.center strong{line-height:1.5}.center em{font-size:30px}.board-items{z-index:3;position:relative}.platform{background:#fff;border:1px solid #d9e5f7;border-radius:11px;align-items:center;gap:9px;padding:12px 13px;font:700 12px DM Sans;display:flex;box-shadow:0 10px 24px #24497d12}.platform i{width:22px;height:22px;color:var(--blue);background:#edf3ff;border-radius:6px;place-items:center;font-style:normal;display:grid}.platform svg{color:var(--blue);margin-left:auto}.board-items .platform{width:155px;position:absolute}.board-items .platform:first-child{top:95px;left:38px}.board-items .platform:nth-child(2){top:62px;right:42px}.board-items .platform:nth-child(3){top:340px;left:48px}.board-items .platform:nth-child(4){top:375px;right:38px}.stats{border-top:1px solid #d8e2f0;border-bottom:1px solid #d8e2f0;justify-content:space-between;align-items:center;padding:25px 0;display:flex}.stats>span{color:var(--muted);font-size:13px}.stats b{font:700 35px DM Sans}.stats small{color:var(--blue);font-size:16px}.stats i{color:var(--muted);font:400 11px Noto Sans SC;display:block}.supply,.process,.contact{padding:125px 0}.supply{grid-template-columns:1fr 1fr;gap:90px;display:grid}.supply h2,.process h2,.contact h2{letter-spacing:-3px;margin:25px 0;font-size:56px;line-height:1.15}.platform-grid{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.platform-grid .platform{box-shadow:none;background:0 0}.process{border-top:1px solid #d8e2f0}.steps{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:65px;display:grid}.steps article{border-top:1px solid #bdcce0;padding-top:18px;position:relative}.steps article>b{color:var(--blue);font:700 12px DM Sans}.steps h3{margin:32px 0 10px;font-size:18px}.steps p{color:var(--muted);font-size:13px;line-height:1.8}.steps svg{color:var(--blue);position:absolute;top:18px;right:0}.contact{border-top:1px solid #d8e2f0;justify-content:space-between;align-items:end;display:flex}.contact h2{margin-bottom:0}footer{color:var(--muted);border-top:1px solid #d8e2f0;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:35px;font-size:12px;display:flex}footer .logo{color:var(--ink);font-size:16px}@media (width<=760px){header,main,footer{padding-left:20px;padding-right:20px}header{height:75px}nav{display:none}header button{color:var(--ink);background:0 0;border:0;display:block}.hero{padding-top:45px;display:block}.hero h1{font-size:58px}.board{height:370px;margin-top:55px}.board-items .platform{width:128px;padding:9px}.board-items .platform:first-child{top:85px;left:10px}.board-items .platform:nth-child(2){top:60px;right:10px}.board-items .platform:nth-child(3){top:250px;left:10px}.board-items .platform:nth-child(4){top:280px;right:10px}.stats{flex-wrap:wrap;gap:18px}.stats b{font-size:25px}.supply{display:block}.platform-grid{margin-top:35px}.supply,.process,.contact{padding-top:80px;padding-bottom:80px}.supply h2,.process h2,.contact h2{font-size:44px}.steps{grid-template-columns:1fr;gap:30px;margin-top:40px}.contact{display:block}.contact .primary{margin-top:35px}footer{flex-wrap:wrap;gap:12px}}