:root{--ice:#e7f0f4;--ink:#173847;--sun:#edc25a;--paper:#fff;--blue:#b5cbd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ice);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}.top,main,footer{width:min(1240px,calc(100% - 80px));margin-inline:auto}.top{height:116px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.07em;line-height:1.15}.brand small{font-size:10px;font-weight:500;letter-spacing:.2em}.brand-icon{height:43px;width:43px;background:var(--ink);color:var(--sun);border-radius:50%;display:grid;place-items:center;font-size:24px}.demo{padding:10px 14px;border:1px solid var(--blue);border-radius:30px;font-size:12px}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:20px}.intro{background:var(--paper);border-radius:26px;padding:54px 50px 43px}.location{text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:700;margin:0 0 26px}h1{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:clamp(48px,5.5vw,78px);line-height:1.04;letter-spacing:-.065em;margin:0 0 26px;max-width:450px}h1::first-line{letter-spacing:-.06em}.lead{font-size:24px;line-height:1.3;max-width:330px;margin:0 0 17px}.description{font-size:15px;line-height:1.7;max-width:325px;margin:0 0 29px}.cta{display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--ink);color:var(--paper);min-height:60px;padding:18px 22px;border-radius:12px;max-width:310px;font-size:16px}.cta>span:last-child{color:var(--sun);font-size:24px}.cta:hover{background:#245065}.number{font-family:ui-monospace,monospace;font-size:14px;margin:14px 0 0}.art{min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:38px 0 32px;border-radius:26px;border:1px solid var(--blue);overflow:hidden}.art-label,.art-bottom{padding-inline:36px;font-size:11px;letter-spacing:.14em}.art svg{width:100%;height:auto;display:block}.art-bottom{text-align:right}.contact{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:52px 28px 48px}.contact .location{margin-bottom:12px}h2{font-size:22px;line-height:1.3;letter-spacing:-.03em;margin:0;font-weight:500}.contact-phone{display:flex;gap:24px;align-items:center;font-family:ui-monospace,monospace;font-size:24px;white-space:nowrap;border-bottom:2px solid var(--ink);padding-block:10px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--blue);padding:27px 0 32px;font-size:12px;line-height:1.7}footer p{margin:0;text-align:right}@media(max-width:850px){.top,main,footer{width:calc(100% - 40px)}.hero{grid-template-columns:1fr}.intro{padding:38px}.art{max-height:400px}.art svg{height:315px}.contact{padding:36px 10px;flex-direction:column;align-items:flex-start}.contact-phone{font-size:22px}}@media(max-width:480px){.top,main,footer{width:calc(100% - 28px)}.top{height:91px}.brand{font-size:13px;gap:9px}.brand-icon{height:34px;width:34px;font-size:21px}.brand small{font-size:8px}.demo{font-size:10px;padding:8px 10px}.intro{padding:29px 23px;border-radius:20px}.location{font-size:10px;margin-bottom:20px}h1{font-size:53px;max-width:300px;margin-bottom:20px}.lead{font-size:21px;margin-bottom:14px}.description{font-size:14px;line-height:1.6;margin-bottom:24px}.cta{font-size:14px;min-height:57px;padding:14px 17px}.number{font-size:13px}.art{padding:25px 0;border-radius:20px}.art svg{height:285px}.art-label,.art-bottom{padding-inline:24px}.contact{padding:34px 8px;gap:18px}h2{font-size:22px}.contact-phone{font-size:20px;gap:16px}footer{flex-direction:column;gap:13px;font-size:11px}footer p{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
