@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#122b47;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.page{max-width:1600px;margin:0 auto;padding:0 5.2vw}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5ef}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#168cff,#0752b8);color:#fff;font-family:Manrope;font-weight:800;font-size:26px;box-shadow:0 8px 22px #087cf033}.brand strong{display:block;font-family:Manrope;font-size:14px;letter-spacing:.12em}.brand small{display:block;color:#6b7d90;font-size:11px;margin-top:3px}.topbar>a{font-size:13px;font-weight:600;color:#31516f}.topbar>a span{color:#087cf0}.hero{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;min-height:610px;gap:18px;padding:28px 0 24px}.intro{padding:0 0 20px 2px;position:relative;z-index:1}.eyebrow,.section-title>span{font-size:10px;font-weight:700;letter-spacing:.2em;color:#087cf0}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(36px,4vw,62px);line-height:1.08;letter-spacing:-.055em;margin:20px 0 18px;font-weight:800}.intro h1 em{font-style:normal;color:#087cf0}.intro p{max-width:380px;color:#64768a;line-height:1.8;font-size:15px}.hint{margin-top:30px;font-size:11px;color:#6b7d90;display:flex;align-items:center;gap:9px}.pulse{width:8px;height:8px;border-radius:50%;background:#168cff;box-shadow:0 0 0 5px #168cff1e}.canvas-wrap{height:530px;position:relative;border:1px solid #e0e8f1;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 52% 44%,#fff,#f4f8fc 70%);box-shadow:0 24px 65px #1d45640d}.canvas-wrap canvas{touch-action:pan-y}.canvas-label{position:absolute;bottom:16px;left:18px;font-size:9px;letter-spacing:.15em;font-weight:700;color:#71859a;pointer-events:none}.canvas-label span{color:#087cf0;margin-left:6px}.loading{font-size:12px;color:#54718b}.services{padding:38px 0 42px;border-top:1px solid #dce5ef}.section-title{text-align:center}.section-title h2{font-family:Manrope;font-size:clamp(21px,2.5vw,32px);letter-spacing:-.04em;margin:10px 0 28px}.service-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.service{min-height:110px;border:1px solid #e0e8f1;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:14px 8px;transition:transform .2s,border-color .2s,box-shadow .2s}.service:hover{transform:translateY(-4px);border-color:#9dcfff;box-shadow:0 12px 26px #087cf012}.service span{width:36px;height:36px;border-radius:11px;background:#eaf5ff;color:#087cf0;display:grid;place-items:center;font-size:23px;font-weight:700}.service small{font-size:11px;line-height:1.4;font-weight:600;color:#405a74}footer{border-top:1px solid #dce5ef;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#718398}footer a{color:#087cf0;font-weight:700}@media(max-width:900px){.page{padding:0 22px}.hero{grid-template-columns:1fr;gap:4px;padding-top:35px}.intro{padding:0 0 10px}.intro h1{font-size:clamp(38px,8vw,58px);margin:13px 0}.intro p{max-width:520px}.hint{margin-top:18px}.canvas-wrap{height:min(66vw,490px);min-height:330px}.service-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.page{padding:0 15px}.topbar{height:72px}.brand-icon{width:36px;height:36px}.brand strong{font-size:11px}.brand small{font-size:9px;max-width:190px}.topbar>a{font-size:10px}.hero{padding-top:28px;min-height:auto}.intro h1{font-size:39px}.intro p{font-size:13px}.canvas-wrap{height:350px;min-height:0;border-radius:17px;margin:8px -3px 0}.services{padding-top:30px}.section-title h2{font-size:22px}.service-grid{grid-template-columns:repeat(2,1fr);gap:9px}.service{min-height:95px}.service small{font-size:10px}footer{padding:17px 0;flex-wrap:wrap;justify-content:center;text-align:center;line-height:1.6}footer span:nth-child(2){display:none}}