*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#171b24;background:#fafafb}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(1360px,calc(100% - 64px));margin:auto}.site-header{background:#fafafb;border-bottom:1px solid #e7e8eb;position:sticky;top:0;z-index:20}.nav{height:76px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:13px;white-space:nowrap;font-weight:700;font-size:19px}.logo .mark{display:grid;place-items:center;width:38px;height:38px;border:3px solid #171b24;border-radius:9px;font-weight:900;font-style:italic;transform:skew(-12deg)}.logo i{height:27px;width:1px;background:#adb1ba;margin:0 3px}.logo>span:last-child{font-size:16px}.muted{color:#7b7e87}.menu{margin-left:auto;display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.menu a:hover{color:#777}.header-contact{background:#181c25;color:white;border-radius:30px;padding:14px 21px;font-size:13px;font-weight:650;white-space:nowrap}.menu-toggle{display:none}.hero{min-height:590px;display:grid;grid-template-columns:42% 58%;align-items:center;padding-top:65px;padding-bottom:65px;gap:10px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700}.hero h1{font-size:clamp(43px,4.4vw,72px);letter-spacing:-2.7px;line-height:1.1;margin:28px 0 20px}.hero h1 span{color:#7a7d86}.hero-text>p{font-size:18px;line-height:1.65;max-width:480px;margin:0 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:16px 22px;border-radius:30px;font-size:14px;font-weight:700;transition:transform .15s}.button:hover{transform:translateY(-2px)}.dark{background:#191d26;color:#fff}.light{background:transparent;border:1px solid #adb0b9}.hero-display{height:470px;position:relative;display:flex;justify-content:center;align-items:center;gap:0;padding-bottom:30px}.hero-display img{width:30%;max-height:330px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 14px 12px #161b2b23)}.hero-display img:nth-of-type(1){transform:rotate(-5deg) translateX(15px)}.hero-display img:nth-of-type(2){transform:translateY(-12px);z-index:3}.hero-display img:nth-of-type(3){transform:rotate(5deg) translateX(-15px)}.platform{position:absolute;width:95%;height:95px;bottom:48px;border-radius:50%;background:linear-gradient(#fdfdfe,#dfe1e5);box-shadow:0 18px 32px #2d334021,0 7px 0 #d5d7dd}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e7e8eb;border-bottom:1px solid #e7e8eb;padding:25px 0;gap:12px}.benefits>div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #d7d9df}.benefits>div:last-child{border:0}.benefits span{font-size:32px}.benefits p{margin:0}.benefits b,.benefits small{display:block}.benefits small{color:#727783;margin-top:3px}.products{padding:90px 0 100px;background:#fff}.section-title{text-align:center;margin-bottom:42px}.section-title>span{letter-spacing:3px;color:#858997;font-size:12px;font-weight:700}.section-title h2{font-size:clamp(27px,3vw,42px);letter-spacing:-1.2px;margin:15px 0}.section-title p{color:#858997}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{padding:24px 26px 27px;background:#f5f5f7;border:1px solid #e8e9ed;border-radius:24px;display:flex;flex-direction:column}.product-image{height:250px;border-radius:19px;background:#f0f0f2;display:grid;place-items:center;overflow:hidden}.product-image img{height:93%;width:95%;object-fit:contain;filter:drop-shadow(0 10px 10px #1b1c2926)}.product h3{font-size:22px;margin:23px 0 12px}.product p{color:#747985;line-height:1.7;margin:0 0 22px;flex:1}.product button{align-self:flex-start;border:1px solid #ccd0d7;border-radius:30px;background:white;padding:13px 19px;font-weight:700}.product button:hover{background:#191d26;color:white}.how{padding:90px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{padding:32px;border:1px solid #e6e7eb;border-radius:22px;background:white}.steps span{color:#9a9da5;font-weight:800}.steps h3{font-size:20px}.steps p{color:#737985;line-height:1.6}.contact{background:#1b1e26;color:#fff;padding:80px 0}.contact-layout{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:clamp(26px,3vw,40px);max-width:590px;line-height:1.2}.contact p{color:#c6c8ce}.white{background:white;color:#171b24}.outline-white{border:1px solid #858995;color:white}.footer{display:flex;justify-content:space-between;padding-top:30px;padding-bottom:30px;color:#717580;font-size:13px}dialog{width:min(850px,calc(100% - 32px));border:0;border-radius:24px;padding:38px;box-shadow:0 25px 100px #0005;color:#171b24}dialog::backdrop{background:#111827aa}.close{position:absolute;right:18px;top:12px;background:transparent;border:0;font-size:30px}.dialog-grid{display:grid;grid-template-columns:42% 58%;gap:30px;align-items:center}.dialog-grid img{width:100%;max-height:350px;object-fit:contain}.dialog-grid h2{font-size:30px}.dialog-grid p,.dialog-grid li{color:#6d7380;line-height:1.7}.dialog-grid ul{padding-left:20px}.dialog-grid .button{margin-top:12px}@media(max-width:1050px){.logo>span:last-child,.logo i{display:none}.menu{gap:15px}.hero{grid-template-columns:1fr 1fr}.hero-display{height:360px}.product-image{height:200px}}@media(max-width:760px){.container{width:min(100% - 34px,600px)}.nav{height:68px;gap:10px}.logo{font-size:17px}.header-contact{margin-left:auto;font-size:11px;padding:11px}.menu-toggle{display:block;background:none;border:0;font-size:23px;order:3}.menu{display:none;position:absolute;top:68px;left:0;right:0;background:#fafafb;padding:20px;box-shadow:0 12px 20px #0002;flex-direction:column;align-items:stretch}.menu.open{display:flex}.hero{display:flex;flex-direction:column;padding-top:60px;padding-bottom:45px;gap:25px;align-items:stretch}.hero h1{font-size:46px}.hero-text>p{font-size:16px}.hero-display{height:310px}.hero-display img{max-height:245px}.platform{bottom:24px;height:60px}.benefits{grid-template-columns:repeat(2,1fr);gap:20px}.benefits>div{justify-content:flex-start;border:0}.benefits span{font-size:26px}.benefits b{font-size:13px}.benefits small{font-size:12px}.products{padding:60px 0}.product-grid,.steps{grid-template-columns:1fr}.product-image{height:260px}.contact-layout{flex-direction:column;align-items:flex-start}.dialog-grid{grid-template-columns:1fr;gap:0}dialog{padding:25px}.dialog-grid img{max-height:200px}.footer{gap:12px;flex-wrap:wrap}}