:root{--paper:#fafaf9;--ink:#282c2f;--muted:#596166;--line:#dedfdd;--accent:#526575;--panel:#f0f1ef}
*{box-sizing:border-box}
html{scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.wrap{width:min(1000px,calc(100% - 72px));margin-inline:auto}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px;border-bottom:1px solid var(--line)}
.wordmark{font-size:17px;font-weight:600;letter-spacing:-.025em}
nav{display:flex;gap:28px;font-size:13px}
.about{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:start;padding:83px 0 76px}
h1{font-size:clamp(36px,4.4vw,54px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:0}
.about-copy{padding-top:3px}
.about p{font-size:20px;line-height:1.6;margin:0}
.about p+p{font-size:15px;line-height:1.75;color:var(--muted);margin-top:22px}
h2{font-size:17px;font-weight:500;letter-spacing:-.02em;margin:0}
.apps{padding:29px 0 46px;border-top:1px solid var(--line)}
.app-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:46px;align-items:start;background:var(--panel);border:1px solid #e4e5e2;border-radius:4px;padding:34px;margin-top:25px}
.app-identity{display:flex;align-items:center;gap:20px;min-width:0}
.app-identity img{width:64px;height:64px;border-radius:15px}
h3{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin:0 0 8px}
.app-identity p{font-size:14px;color:var(--muted);margin:0}
.app-description p{font-size:15px;color:var(--muted);line-height:1.75;margin:0 0 20px}
.text-link{display:inline-block;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:2px;width:fit-content}
.text-link span{margin-left:7px}
.company-contact{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;border-top:1px solid var(--line);padding:33px 0 50px}
dl{margin:23px 0 0;font-size:14px}
dl>div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:7px 0}
dt{color:var(--muted)}
dd{margin:0}
address{font-style:normal}
.contact h2{margin-bottom:27px}
.email{display:block;font-size:20px;letter-spacing:-.025em;overflow-wrap:anywhere;line-height:1.4}
.phone{display:inline-block;font-size:14px;margin-top:10px;color:var(--muted)}
.contact p{font-size:14px;color:var(--muted);margin:23px 0 19px;max-width:310px}
.contact p a{border-bottom:1px solid var(--line)}
.details{font-size:12px;color:var(--muted)}
.footer{border-top:1px solid var(--line);padding:25px 0 30px;color:var(--muted);font-size:12px}
.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}
.footer p{margin:0}
.footer nav{font-size:12px;gap:22px}
.footer .registration{margin-top:10px;font-size:11px}
@media(max-width:900px){.about,.company-contact{gap:36px;grid-template-columns:1fr 1fr}.about p{font-size:18px}.app-panel{gap:28px;padding:28px;grid-template-columns:1fr 1fr}.app-identity{gap:15px}.app-identity img{width:54px;height:54px;border-radius:13px}dl>div{grid-template-columns:1fr;gap:2px;padding:8px 0}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.masthead{min-height:76px;gap:15px}.wordmark{font-size:15px}nav{gap:15px;font-size:12px}.about{grid-template-columns:1fr;gap:26px;padding:49px 0 43px}h1{font-size:40px}.about-copy{padding:0}.about p{font-size:18px}.about p+p{font-size:14px;margin-top:16px}.apps{padding:26px 0 34px}.app-panel{grid-template-columns:1fr;gap:25px;padding:25px 23px;margin-top:21px}.app-identity{gap:17px}.app-identity img{width:56px;height:56px}.app-description p{font-size:14px;margin-bottom:17px}h3{font-size:23px;margin-bottom:6px}.app-identity p{font-size:13px}.company-contact{grid-template-columns:1fr;gap:31px;padding:28px 0 38px}dl{margin-top:18px}dl>div{grid-template-columns:145px 1fr;gap:15px;padding:7px 0;font-size:13px}.contact{border-top:1px solid var(--line);padding-top:27px}.contact h2{margin-bottom:21px}.email{font-size:19px}.contact p{margin-top:19px}.footer-top{flex-direction:column;align-items:flex-start;gap:17px}.footer nav{gap:24px}.footer .registration{margin-top:17px}}
@media(max-width:360px){.wordmark{font-size:14px}nav{gap:10px;font-size:11px}h1{font-size:35px}dl>div{grid-template-columns:1fr;gap:2px}.app-panel{padding:23px 20px}}