:root{--purple:#6d35ee;--blue:#1469e8;--ink:#161725;--muted:#6f7180;--bg:#f7f7fb;--line:#e8e8f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Roboto,Arial,sans-serif}.topbar{background:var(--ink);color:#fff;text-align:center;padding:9px 20px;font-size:13px}.header{height:80px;display:flex;align-items:center;gap:35px;padding:0 max(5vw,30px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffd;backdrop-filter:blur(12px);z-index:5}.brand{font:800 25px Montserrat,sans-serif;text-decoration:none;color:var(--ink);letter-spacing:-1.8px;position:relative;white-space:nowrap}.brand span{color:var(--purple)}.brand i{display:inline-block;width:6px;height:6px;background:#ffb200;border-radius:50%;margin-left:2px}.menu{display:flex;gap:25px;align-items:center;flex:1}.menu a,.section-title>a,footer>a{color:#383a4a;text-decoration:none;font-size:14px;font-weight:700}.header-whats{padding:12px 17px;background:#25d366;border-radius:8px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;white-space:nowrap}.menu-button{display:none}.hero{min-height:540px;background:linear-gradient(120deg,#17172b 0%,#272070 52%,#622be5 100%);color:#fff;padding:65px max(7vw,35px);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{max-width:650px;align-self:center;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:800;color:var(--purple);margin:0 0 13px}.hero .eyebrow{color:#bca6ff}.hero h1{font:800 clamp(38px,5vw,68px)/1.04 Montserrat,sans-serif;letter-spacing:-3px;margin:0 0 22px}.hero h1 em{font-style:normal;color:#c6adff}.hero-copy>p:not(.eyebrow){max-width:470px;color:#deddf3;font-size:18px;line-height:1.55;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:20px;border-radius:8px;padding:15px 20px;text-decoration:none;font-weight:800;font-size:15px}.button span{font-size:21px}.primary{background:#fff;color:var(--purple)}.hero-visual{position:relative;min-height:380px}.circle{position:absolute;border:1px solid #ffffff2f;border-radius:50%}.one{width:480px;height:480px;right:-80px;top:-40px}.two{width:340px;height:340px;right:10px;top:30px;background:#ffffff0e}.phone{height:360px;width:185px;background:#171723;border:8px solid #4c43a4;border-radius:27px;transform:rotate(10deg);position:absolute;right:115px;top:20px;box-shadow:18px 24px 30px #100d392b}.phone:before{content:"";display:block;width:70px;height:15px;border-radius:0 0 10px 10px;background:#4c43a4;margin:auto}.lens{position:absolute;top:32px;left:14px;width:45px;height:45px;border-radius:50%;background:#8874ff;border:8px solid #28204b}.screen{position:absolute;inset:83px 0;text-align:center;color:#a993ff;font:700 21px/1 Montserrat}.screen b{color:#fff;font-size:17px}.screen small{display:block;font:400 11px Roboto;margin-top:8px}.earbuds{position:absolute;right:18px;bottom:35px;width:130px;height:94px;background:#f4f4ff;border-radius:40px 40px 22px 22px;box-shadow:8px 12px 15px #180d4238;transform:rotate(-10deg)}.earbuds span{position:absolute;width:28px;height:42px;background:#9c86ff;border-radius:18px 18px 15px 15px;top:18px}.earbuds span:first-child{left:29px}.earbuds span:last-child{right:29px}.hero-tag{position:absolute;right:-10px;top:245px;background:#f9bc1d;color:#21193d;padding:15px 18px;border-radius:7px;transform:rotate(-5deg);font-size:13px;line-height:1.4}.hero-tag b{font:800 18px Montserrat}.benefits{max-width:1150px;margin:-30px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:11px;box-shadow:0 12px 28px #1e16401c;padding:22px 26px;gap:20px}.benefits div{border-right:1px solid var(--line);padding-left:10px}.benefits div:last-child{border:0}.benefits b{display:block;font-size:15px;margin-bottom:5px}.benefits span{font-size:13px;color:var(--muted)}.section{max-width:1200px;margin:0 auto;padding:90px 28px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-title h2,.service h2,.contact h2{font:800 clamp(29px,3.5vw,42px)/1.1 Montserrat;margin:0;letter-spacing:-1.7px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.category{min-height:158px;border-radius:12px;padding:17px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:end;transition:.2s}.category:hover,.product:hover{transform:translateY(-5px)}.category span{font-size:34px;margin-bottom:auto}.category b{font:800 16px Montserrat}.category small{font-size:11px;margin-top:5px;opacity:.85}.purple{background:linear-gradient(150deg,#a178ff,#5c25d9)}.blue{background:linear-gradient(150deg,#5cb3ff,#1761ca)}.orange{background:linear-gradient(150deg,#ffc65b,#e76814)}.green{background:linear-gradient(150deg,#35d795,#057b61)}.pink{background:linear-gradient(150deg,#ff8ec6,#bd3c81)}.yellow{background:linear-gradient(150deg,#ffe56c,#d8970e)}.products{background:var(--bg);max-width:none;padding-left:max(calc((100% - 1144px)/2),28px);padding-right:max(calc((100% - 1144px)/2),28px)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:#fff;border-radius:11px;overflow:hidden;position:relative;box-shadow:0 4px 15px #17172b0d;transition:.2s}.product-image{height:195px;display:grid;place-items:center;font-size:88px}.case{background:#eae1ff;color:#6e36dd}.headphones{background:#dff4ff;color:#147ee6}.keyboard{background:#ffeac9;color:#e87016}.game{background:#d7f8ea}.badge{position:absolute;z-index:1;top:12px;left:12px;background:#f8be1b;border-radius:4px;padding:5px 7px;font-size:10px;font-weight:800}.product-info{padding:17px}.product-info p{font-size:12px;color:var(--muted);margin:0}.product h3{font:700 17px Montserrat;margin:5px 0 18px}.product-info a{color:var(--purple);font-size:13px;font-weight:800;text-decoration:none}.service{margin:0 auto;max-width:1200px;min-height:385px;border-radius:15px;background:#d9ceff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:55px 65px}.service>div:first-child{max-width:500px}.service .eyebrow{color:#5633b5}.service>div:first-child>p:not(.eyebrow){line-height:1.55;color:#4e4870;margin:22px 0}.dark{background:#20194b;color:#fff}.service-art{position:relative}.tool{font-size:135px;position:absolute;right:78px;top:5px;color:#5d31d4;transform:rotate(23deg)}.repair-card{background:#fff;position:absolute;right:0;bottom:0;width:210px;border-radius:12px;padding:18px;box-shadow:10px 12px 25px #4c2b8c32}.repair-card b{display:block;font:800 22px Montserrat;color:#6330d8}.repair-card span{font-size:12px;display:block;margin:5px 0 13px;color:#696579}.repair-card i{font-style:normal;font-size:12px;line-height:1.8;color:#3c3760}.contact{text-align:center;padding:100px 25px 105px}.contact .eyebrow{color:#6839df}.contact>p:not(.eyebrow){color:var(--muted);font-size:17px;margin:18px auto 28px;max-width:480px;line-height:1.5}.contact .primary{background:var(--purple);color:#fff}.instagram{font-size:13px!important;margin-top:25px!important}.instagram a{color:var(--purple);font-weight:bold;text-decoration:none}footer{border-top:1px solid var(--line);padding:30px max(5vw,25px);display:flex;justify-content:space-between;align-items:center;gap:20px}footer p{font-size:12px;color:var(--muted)}.whatsapp-float{position:fixed;right:23px;bottom:23px;width:55px;height:55px;background:#25d366;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:27px;text-decoration:none;box-shadow:0 7px 20px #1a8c4580;z-index:4}@media(max-width:800px){.header{height:67px;gap:15px}.menu{display:none}.header-whats{margin-left:auto;font-size:12px;padding:10px}.menu-button{display:block;border:0;background:none;font-size:23px;order:3}.hero{grid-template-columns:1fr;padding:60px 28px 0}.hero h1{letter-spacing:-2px}.hero-visual{min-height:315px}.phone{right:28%;height:290px;width:150px;top:15px}.hero-tag{right:0;top:210px}.earbuds{right:0;bottom:15px}.one{width:350px;height:350px}.two{width:240px;height:240px}.benefits{margin:0;border-radius:0;grid-template-columns:1fr;padding:15px 26px}.benefits div{border:0;border-bottom:1px solid var(--line);padding:8px 0}.benefits div:last-child{border:0}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.service{border-radius:0;grid-template-columns:1fr;padding:50px 30px}.service-art{height:220px}.section{padding:65px 21px}.section-title{align-items:start;gap:15px}.section-title>a{font-size:12px;text-align:right}.product-image{height:145px}.service .tool{right:65px;font-size:110px}.repair-card{right:0}.contact{padding:75px 25px}footer{flex-wrap:wrap}.brand{font-size:22px}}@media(max-width:430px){.header-whats{display:none}.menu-button{margin-left:auto}.product-grid{grid-template-columns:1fr}.category{min-height:135px}.section-title h2{font-size:27px}}