@font-face{font-display:swap;font-family:'DM Sans';src:url('assets/dm-0.ttf');font-weight:400}@font-face{font-display:swap;font-family:'DM Sans';src:url('assets/dm-1.ttf');font-weight:500}@font-face{font-display:swap;font-family:'DM Sans';src:url('assets/dm-2.ttf');font-weight:600}@font-face{font-display:swap;font-family:'DM Sans';src:url('assets/dm-3.ttf');font-weight:700}@font-face{font-display:swap;font-family:Manrope;src:url('assets/manrope-0.ttf');font-weight:400}@font-face{font-display:swap;font-family:Manrope;src:url('assets/manrope-1.ttf');font-weight:500}@font-face{font-display:swap;font-family:Manrope;src:url('assets/manrope-2.ttf');font-weight:600}@font-face{font-display:swap;font-family:Manrope;src:url('assets/manrope-3.ttf');font-weight:700}
:root{--ink:#152a32;--sea:#174e55;--accent:#3155d9;--muted:#76838b;--line:#e5e9ec;--bg:#f7f8fa;--sand:#ece9e2}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;font-weight:500;letter-spacing:-.045em}svg{flex-shrink:0;vertical-align:middle}img{display:block;object-fit:cover}button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:none;color:inherit}.screen{position:relative;overflow:hidden;background:var(--bg)}.screen.desktop{width:1440px;min-height:960px}.screen.mobile{width:390px;height:844px;overflow:hidden}#sheet{width:max-content}.btn{padding:14px 22px;min-height:46px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:13px;font-weight:600;display:inline-flex;gap:12px;align-items:center;justify-content:center;white-space:nowrap}.btn.primary{background:var(--sea);color:#fff;border-color:var(--sea)}.btn.blue{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;background:#e7f0ed;color:#216254;padding:6px 9px;border-radius:6px;white-space:nowrap}.badge.blue{color:#3155d9;background:#edf0fe}.badge.amber{color:#8c6b31;background:#f7f0e3}.badge.gray{color:#66737b;background:#f0f2f4}.logo{font-family:Manrope,sans-serif;font-size:38px;font-weight:600;letter-spacing:-3px;line-height:1}.logo small{display:block;font-family:'DM Sans',sans-serif;font-size:7px;line-height:1;margin:9px 0 0 3px;font-weight:500;letter-spacing:5px}.row{display:flex;align-items:center;justify-content:space-between}.demo-mark{position:absolute;bottom:12px;left:24px;font-size:8px;color:#89949a;letter-spacing:.02em}.board{padding:40px 48px;background:#f0f2f4;width:max-content}.board-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;color:#213b44}.board-head h1{font-size:30px}.board-head p{font-size:12px;color:#7c898f}.board-grid{display:flex;gap:26px}.board-item>p{font-size:12px;letter-spacing:.03em;margin:0 0 12px;color:#64747c}.board-item .screen.mobile{border-radius:24px;outline:1px solid #dce2e7}.board-foot{padding-top:22px;font-size:10px;color:#849198;display:flex;justify-content:space-between}.board.desktop-board .board-grid{display:grid;grid-template-columns:1440px;gap:36px}