:root{
  --bg:#fff;--surface:#f6f8fb;--surface2:#eef3f7;--line:#dfe6ec;
  --text:#0a1118;--muted:#6d7985;--cyan:#13b6f4;--cyan-dark:#0b97cc;
  --shadow:0 24px 70px rgba(17,33,48,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body.radova-site{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{height:78px;display:flex;align-items:center;gap:28px;width:min(1220px,calc(100% - 40px));margin:auto;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,230,236,.75)}
.brand img{display:block;width:150px;height:46px;object-fit:contain;object-position:left center}
.site-nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.site-nav a,.login-link{color:#65727e;text-decoration:none;font-size:13px;font-weight:800}
.site-nav a:hover,.login-link:hover{color:#0a1118}
.login-link{border:1px solid var(--line);border-radius:11px;padding:10px 18px;margin-left:12px;color:#0a1118;background:#fff;box-shadow:0 5px 16px rgba(14,29,43,.04)}
.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center;padding:92px 0 88px}
.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:900;color:var(--cyan-dark);margin-bottom:18px}
.hero h1{font-size:clamp(52px,6.2vw,82px);line-height:.95;letter-spacing:-.058em;margin:0 0 26px}
.hero h1 span{color:#9ba7b2}
.hero-copy>p{font-size:19px;line-height:1.65;color:#697681;max-width:640px}
.hero-actions{display:flex;gap:10px;margin:32px 0 20px}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:12px;text-decoration:none;font-weight:900;font-size:13px;border:1px solid transparent;transition:.18s ease}
.cta:hover{transform:translateY(-1px)}
.cta.primary{background:#0a1118;color:#fff;box-shadow:0 12px 24px rgba(10,17,24,.14)}
.cta.secondary{background:#fff;color:#0a1118;border-color:var(--line)}
.hero-note{font-size:12px;color:#86929d}
.product-preview{background:#0d141c;border:1px solid #18222c;border-radius:24px;padding:17px;box-shadow:0 34px 90px rgba(15,28,41,.18);transform:rotate(1deg)}
.preview-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22303d;padding-bottom:13px}
.preview-brand{display:flex;align-items:center;gap:9px;color:#fff}.preview-brand img{width:36px;height:36px;border-radius:9px}
.preview-brand b,.preview-brand span{display:block}.preview-brand span{font-size:9px;color:#7d8a97;margin-top:2px}
.preview-dots{display:flex;gap:5px}.preview-dots i{width:6px;height:6px;border-radius:50%;background:#52606d}
.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 0}
.preview-stats div{background:#121c26;border:1px solid #21303d;padding:12px;border-radius:11px}
.preview-stats span,.preview-stats b{display:block}.preview-stats span{font-size:8px;color:#7e8c99;text-transform:uppercase;letter-spacing:.08em}.preview-stats b{font-size:21px;color:#fff;margin-top:5px}
.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-column{background:#0b1219;border:1px solid #1d2a35;border-radius:11px;padding:8px;min-height:245px}
.mini-column strong{font-size:7px;color:#788693;letter-spacing:.12em}.mini-card{background:#151f2a;border:1px solid #273542;border-radius:8px;padding:10px;margin-top:8px}.mini-card.accent{border-color:#1aa6db}
.mini-card b,.mini-card span{display:block}.mini-card b{font-size:9px;color:#fff}.mini-card span{font-size:7px;color:#7f8a96;margin-top:4px}
.trust-strip{min-height:72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:34px;color:#7d8994;font-size:11px;background:#fbfcfd}
.trust-strip span{font-size:9px;letter-spacing:.18em;color:#a2adb7}.trust-strip b{color:#53606b}
.section{padding:108px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:110px}
.section h2{font-size:clamp(40px,4.4vw,58px);line-height:1.05;letter-spacing:-.045em;margin:0}
.section-copy p,.section-heading p,.contact-grid>div>p{color:#6e7a85;line-height:1.75;font-size:16px}.section-copy p:first-child{color:#0b1118;font-size:21px}
.section-heading{max-width:700px;margin-bottom:42px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature-grid article,.use-card,.how-card,.faq-item{border:1px solid var(--line);background:#fff;border-radius:18px;padding:26px;box-shadow:0 8px 24px rgba(22,36,50,.04)}
.feature-num{font-size:10px;color:var(--cyan-dark);font-weight:900}.feature-grid h3,.use-card h3,.how-card h3{font-size:20px;margin:42px 0 10px}
.feature-grid p,.use-card p,.how-card p{font-size:13px;line-height:1.68;color:#74818d}
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.use-card span{font-size:10px;color:#96a1ab}.use-card h3{margin-top:60px}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-card{background:linear-gradient(180deg,#fff,#f9fbfd)}
.how-card strong{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf7fd;color:#0d95c9;font-size:12px}
.statement{border-top:1px solid #1c2731;border-bottom:1px solid #1c2731;background:#0c131a}.statement .shell{min-height:300px;display:flex;align-items:center;gap:40px}
.statement img{width:72px;height:72px;border-radius:17px}.statement blockquote{font-size:clamp(28px,4vw,48px);letter-spacing:-.035em;line-height:1.12;margin:0;max-width:900px;font-weight:800;color:#fff}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px}.contact-points{margin-top:34px;display:grid;gap:12px}.contact-points div{display:flex;align-items:center;gap:14px;color:#61707d}.contact-points b{color:var(--cyan-dark);font-size:10px}
.contact-form{border:1px solid var(--line);background:#fff;border-radius:20px;padding:26px;box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form label{display:grid;gap:7px;margin-bottom:12px;color:#5c6975;font-size:11px;font-weight:800}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#f8fafc;border:1px solid #dbe3ea;border-radius:11px;color:#0b1118;padding:14px;font:inherit;font-size:15px;outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#5bc6ef;box-shadow:0 0 0 3px rgba(21,183,245,.10)}
.contact-form .submit{border:0;width:100%;cursor:pointer;margin-top:5px}.form-note{font-size:10px!important;color:#8a96a1!important;text-align:center}.hidden-field{display:none}
.faq{display:grid;gap:10px;max-width:850px}.faq-item{padding:20px 22px}.faq-item h3{font-size:16px;margin:0 0 8px}.faq-item p{font-size:13px;line-height:1.65;color:#72808d;margin:0}
.site-footer{border-top:1px solid var(--line);padding:34px 0 48px;background:#fbfcfd}.footer-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px}
.footer-inner img{width:120px}.footer-inner div{display:flex;gap:22px}.footer-inner a,.footer-inner span{font-size:10px;color:#7f8b96;text-decoration:none}
@media(max-width:900px){.site-header{height:70px;width:min(100% - 28px,1220px)}.site-nav{display:none}.brand img{width:136px}.login-link{margin-left:auto;padding:9px 16px}.hero{grid-template-columns:1fr;gap:48px;padding:64px 0 72px}.product-preview{max-width:670px;width:100%;margin:auto;transform:none}.split,.contact-grid{grid-template-columns:1fr;gap:44px}.feature-grid{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr}.trust-strip{overflow:auto;justify-content:flex-start;padding:0 20px}.statement .shell{padding:54px 0;align-items:flex-start}.footer-inner{grid-template-columns:1fr}.footer-inner div{flex-wrap:wrap}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.site-header{width:min(100% - 24px,1220px)}.brand img{width:122px}.login-link{font-size:12px;padding:9px 14px}.hero{padding:44px 0 58px;gap:38px}.hero h1{font-size:47px;line-height:.98}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.cta{width:100%}.product-preview{padding:10px;border-radius:16px}.preview-stats{gap:5px}.preview-stats div{padding:9px}.preview-stats b{font-size:16px}.mini-board{grid-template-columns:1fr 1fr}.mini-column:last-child{display:none}.trust-strip{gap:22px;font-size:10px}.section{padding:72px 0}.section h2{font-size:38px}.feature-grid,.use-grid{grid-template-columns:1fr}.feature-grid article,.use-card{min-height:auto}.feature-grid h3,.use-card h3{margin-top:26px}.statement img{width:52px;height:52px}.statement .shell{gap:18px}.statement blockquote{font-size:31px}.form-row{grid-template-columns:1fr}.contact-form{padding:17px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.footer-inner div{gap:14px}}