@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');
@keyframes premium-rise{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes premium-float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes premium-glow{0%,100%{opacity:.42;transform:scale(.92)}50%{opacity:.9;transform:scale(1.1)}}@keyframes sheen{0%{transform:translateX(-140%) skewX(-18deg)}58%,100%{transform:translateX(250%) skewX(-18deg)}}.motion-ready header{animation:premium-rise .7s cubic-bezier(.2,.8,.2,1) both}.motion-ready .hero-copy{animation:premium-rise .9s .12s cubic-bezier(.2,.8,.2,1) both}.motion-ready .phone-art{animation:premium-rise 1s .24s cubic-bezier(.2,.8,.2,1) both}.motion-ready .device{animation:premium-float 7s 1s ease-in-out infinite}.motion-ready .floating-card{animation:premium-float 6s 1.3s ease-in-out infinite reverse}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero:after{content:"";position:absolute;width:420px;height:420px;right:7%;top:135px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ff573d1c,transparent 68%);filter:blur(4px);animation:premium-glow 6s ease-in-out infinite}.hero{position:relative}.hero-copy,.phone-art{position:relative;z-index:1}.primary,.mobile-bar a:last-child{position:relative;overflow:hidden}.primary:after,.mobile-bar a:last-child:after{content:"";position:absolute;inset:0;width:42%;background:linear-gradient(90deg,transparent,#ffffff6b,transparent);animation:sheen 4.8s 1.2s ease-in-out infinite}.cards article,.promo,.map{will-change:transform}.cards article:hover{transform:translateY(-8px) scale(1.012)!important}.map:hover{transform:scale(1.012);box-shadow:0 28px 65px #1112;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s cubic-bezier(.2,.8,.2,1)}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}nav a:hover:after{transform:scaleX(1);transform-origin:left}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:800px){.hero:after{width:250px;height:250px;right:-60px;top:80px}.motion-ready .device,.motion-ready .floating-card{animation:none}.reveal{transform:translateY(16px)}}
.repair-pill{display:none}body{background:linear-gradient(#11111108 1px,transparent 1px),linear-gradient(90deg,#11111108 1px,transparent 1px),#fff;background-size:28px 28px}:root{--blue:#ff573d;--ink:#111;--muted:#747a84;--line:#e5e7eb}header{max-width:none;padding:14px 4.4%;background:#ffffffeb;backdrop-filter:blur(18px)}.brand{letter-spacing:-2px}.brand b{color:#111}.brand small{color:#ff573d;letter-spacing:2px}.hero{max-width:none;padding:78px 4.4% 35px;min-height:610px;background:radial-gradient(circle at 80% 36%,#0aa6b725,transparent 23%)}.hero h1{font-size:clamp(49px,5.6vw,79px);letter-spacing:-5px;max-width:700px}.hero .lead{font-size:16px;max-width:640px}.primary{background:#ff573d;border-radius:8px}.ghost{border-radius:8px}.phone-art{margin-right:3vw}.device{transform:rotate(-9deg);background:#111;border-color:#ff573d;box-shadow:24px 30px 0 #ff573d33,0 30px 60px #1113}.device strong{color:#fff}.floating-card{border-radius:12px;font-weight:800;color:#ff573d}.promo{max-width:91.2%;border-radius:16px;background:linear-gradient(135deg,#ff573d,#d73e28 48%,#0aa6b7)}.section{max-width:91.2%}.cards article{background:#ffffffb3;transition:transform .2s ease,box-shadow .2s ease}.cards article:hover{transform:translateY(-6px);box-shadow:0 22px 50px #1112}.dark{background:linear-gradient(135deg,#111,#202225)}.contact{background:linear-gradient(135deg,#fff2ee,#f1fbfc)}.map{border-radius:18px}.hero-cta .button{transition:transform .18s ease}.hero-cta .button:hover{transform:translateY(-2px)}@media(max-width:800px){.hero{padding-top:52px}.hero h1{letter-spacing:-3px}.promo,.section{max-width:calc(100% - 32px)}.promo{margin-left:16px;margin-right:16px}.dark{max-width:none}.mobile-bar a:last-child{background:#ff573d}}
.phone-art{min-height:470px}.device{width:360px;height:470px;padding:0;border:0;border-radius:18px;background:#fff url('https://www.itdroid.com.ua/assets/hero-broken-phone.png') center/contain no-repeat;box-shadow:0 24px 65px #1112;transform:none}.device:before,.device i,.device strong,.device span{display:none}@media(max-width:800px){.device{width:310px;height:390px;transform:none;margin:auto}.phone-art{min-height:350px}}
.mobile-bar{display:none}@media(max-width:1024px){header,.hero{padding-left:28px;padding-right:28px}.hero{min-height:570px;padding-top:82px}.section{padding-left:28px;padding-right:28px}.promo{margin-left:28px;margin-right:28px}.dark{padding-left:28px;padding-right:28px}.contact{padding-left:28px;padding-right:28px}.cards article{padding:20px}.section-head{gap:35px}.contact{gap:45px}}@media(max-width:800px){body{padding-bottom:62px}header{position:sticky;top:0;background:#fff;z-index:10}.mobile-bar{display:grid;grid-template-columns:1fr 1.45fr;position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;z-index:20;border-top:1px solid #d9e0e8}.mobile-bar a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:800;color:var(--ink);padding:10px;text-align:center}.mobile-bar a:last-child{background:var(--blue);color:white}.button{min-height:48px;align-items:center;justify-content:center}}@media(max-width:420px){.trust{display:grid;gap:10px}.price-list div{gap:18px;align-items:center}.price-list b{text-align:right;line-height:1.5}.map{min-height:240px}.langs button{padding:4px}.hero-cta .button{width:100%}}
:root{--ink:#07101e;--muted:#607084;--line:#dce2e9;--blue:#2764f5;--cream:#f5f7f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Manrope,Arial,sans-serif}header{height:84px;max-width:1280px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf2}.brand{color:var(--ink);font-weight:800;font-size:21px;letter-spacing:-1.4px;text-decoration:none;line-height:.75}.brand b{color:var(--blue)}.brand small{display:block;padding-top:7px;letter-spacing:2.5px;font-size:7px;font-family:'DM Mono';font-weight:400}nav{display:flex;gap:30px}nav a{font-size:13px;color:#344256;text-decoration:none;font-weight:700}.header-actions{display:flex;align-items:center;gap:20px}.langs{display:flex;gap:2px}.langs button{border:0;background:none;padding:5px;font:700 11px 'DM Mono';color:#8390a1;cursor:pointer}.langs button.active{color:var(--blue)}.call{color:var(--ink);text-decoration:none;font:700 13px 'DM Mono'}.hero{min-height:610px;max-width:1280px;margin:auto;padding:105px 34px 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;overflow:hidden}.eyebrow{font:11px 'DM Mono';color:var(--blue);letter-spacing:1.5px;margin:0 0 18px}.hero h1,.section h2,.contact h2{font-size:clamp(38px,5vw,68px);letter-spacing:-3.8px;line-height:1.04;margin:0;max-width:760px}.lead{font-size:17px;line-height:1.65;color:var(--muted);max-width:570px;margin:26px 0 34px}.hero-cta{display:flex;gap:12px}.button{display:inline-flex;text-decoration:none;padding:15px 21px;font-size:13px;font-weight:800;border-radius:2px}.primary{background:var(--blue);color:white}.ghost{border:1px solid #c8d1dc;color:var(--ink)}.trust{display:flex;gap:19px;margin-top:56px;font-size:11px;color:#526175}.trust span{color:#36a373}.trust b{color:#526175}.phone-art{position:relative;min-height:420px}.device{height:435px;width:240px;background:linear-gradient(150deg,#15213b,#09111f 62%,#152c63);border:8px solid #101827;border-radius:38px;box-shadow:24px 30px 0 #e9edf5,0 30px 60px #cbd5e5;transform:rotate(13deg);margin:5px auto;position:relative;color:white;padding:80px 23px}.device:before{content:"";position:absolute;top:14px;left:85px;width:55px;height:9px;border-radius:8px;background:#03070d}.device i{display:block;width:38px;height:38px;border:2px solid #4d91ff;border-radius:50%;margin-bottom:136px}.device strong{font-size:23px;letter-spacing:-2px;line-height:.8}.device em{font:10px 'DM Mono';letter-spacing:0;color:#a9c4ff}.floating-card{position:absolute;right:0;bottom:45px;width:174px;padding:16px;background:#fff;box-shadow:0 14px 30px #bac5d855;font:11px 'DM Mono';color:var(--blue)}.floating-card b{display:block;color:var(--ink);font:700 13px Manrope;margin-top:7px}.promo{max-width:1212px;margin:0 auto;padding:32px 40px;background:var(--ink);color:white;display:grid;grid-template-columns:170px 1fr 175px;gap:30px;align-items:center}.promo p{margin:0;color:#99a7bc;font-size:13px;line-height:1.6}.promo>p{font:10px 'DM Mono';color:#87aaff}.promo h2{font-size:25px;letter-spacing:-1.2px;margin:0 0 8px}.promo-price{border-left:1px solid #35445c;padding-left:25px}.promo-price small{font:10px 'DM Mono';color:#a8b4c6}.promo-price>b{display:block;font-size:30px;letter-spacing:-2px}.promo-price>b small{font:15px Manrope;color:white}.promo-price a{color:#a9c6ff;font-size:11px;text-decoration:none;font-weight:bold}.section{max-width:1212px;padding:130px 0;margin:auto}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end}.section h2{font-size:44px;max-width:630px}.section-head p{max-width:350px;color:var(--muted);font-size:14px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.cards article{min-height:240px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cards span,.steps>b{font:11px 'DM Mono';color:var(--blue)}.cards h3{font-size:18px;letter-spacing:-.7px;margin:68px 0 11px}.cards p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.dark{max-width:none;padding:110px max(calc((100% - 1212px)/2),34px);background:var(--ink);color:white}.dark .eyebrow{color:#95b3ff}.dark h2{font-size:44px}.price-note{color:#a5b1c4;max-width:540px;line-height:1.6;font-size:13px}.price-list{margin-top:45px;max-width:780px}.price-list div{border-top:1px solid #29374c;padding:18px 0;display:flex;justify-content:space-between;font-size:14px}.price-list b{font:700 13px 'DM Mono';color:#b4ccff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:58px}.steps h3{font-size:17px;margin:18px 0 8px}.steps p{color:var(--muted);font-size:13px;line-height:1.6}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-top:50px}.faq h2{font-size:42px}.faq>div>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.6}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;font-weight:800;list-style:none}summary:after{content:'+';float:right;color:var(--blue);font-size:20px}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);line-height:1.65;max-width:560px}.contact{background:#e9eff6;min-height:490px;padding:85px max(calc((100% - 1212px)/2),34px);display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:48px}.phone{display:block;font:700 24px 'DM Mono';color:var(--ink);text-decoration:none;margin-top:28px}.phone.secondary,.email{font-size:14px;margin-top:9px}.email{display:block;color:var(--blue);font-weight:800;text-decoration:none;margin-top:20px}.address,.contact div>p:last-child{font-size:13px;color:#526175;line-height:1.7;margin-top:24px}.map{background:#d5e0d2;min-height:340px;color:var(--ink);text-decoration:none;position:relative;padding:28px;overflow:hidden;background-image:linear-gradient(33deg,transparent 44%,#a9c5a3 45%,transparent 46%),linear-gradient(120deg,transparent 47%,#f4f1dc 48%,#f4f1dc 52%,transparent 53%),radial-gradient(circle at 50% 48%,#3976f5 0 7px,transparent 8px)}.map:after{content:'';position:absolute;inset:-30px;background:repeating-linear-gradient(90deg,transparent 0 60px,#bdcbb7 61px 63px,transparent 64px 110px);transform:rotate(-13deg)}.map span,.map b{position:relative;z-index:1;background:white;padding:8px 10px;display:inline-block;font:700 12px 'DM Mono'}.map b{position:absolute;bottom:25px;right:25px;color:var(--blue)}footer{max-width:1212px;margin:auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;color:#77869a;font-size:11px}footer>a:last-child{color:#526175;text-decoration:none}@media(max-width:800px){header{height:70px;padding:0 18px}header nav,.call{display:none}.hero{display:block;padding:72px 22px 35px;min-height:0}.hero h1{letter-spacing:-2.6px}.phone-art{min-height:300px;margin-top:50px}.device{transform:rotate(8deg) scale(.76);transform-origin:top center;margin-left:15%}.floating-card{bottom:30px;right:0}.trust{margin-top:36px;flex-wrap:wrap}.promo{margin:0 16px;padding:27px 24px;display:block}.promo>p{margin-bottom:20px}.promo h2{font-size:21px}.promo-price{border:0;padding:20px 0 0}.section{padding:75px 22px}.section-head,.faq{display:block}.section h2{font-size:35px}.cards,.steps{grid-template-columns:1fr 1fr}.cards article{min-height:190px}.cards h3{margin-top:35px}.dark{padding:75px 22px}.dark h2{font-size:34px}.faq>div:first-child{margin-bottom:30px}.contact{padding:65px 22px;display:block}.contact h2{font-size:38px}.map{margin-top:40px;min-height:280px}footer{padding:25px 22px;gap:20px;align-items:flex-start;flex-direction:column}.header-actions{gap:0}.hero-cta{flex-wrap:wrap}}@media(max-width:420px){.cards,.steps{grid-template-columns:1fr}.hero h1{font-size:39px}.brand{font-size:18px}}
