:root{--red:#e9232b;--ink:#241f25;--muted:#6b656a;--cream:#fffaf7;--soft:#f7efeb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.logo{font:800 30px Outfit,sans-serif;color:var(--red);letter-spacing:-2px}.logo small{font:800 12px Outfit,sans-serif;color:var(--ink);letter-spacing:0}header{height:76px;padding:0 7%;display:flex;align-items:center;gap:25px;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee}nav{display:flex;gap:19px;margin-left:auto;font-size:12px;font-weight:bold}nav a:hover{color:var(--red)}.cta{border:0;border-radius:99px;background:var(--red);color:#fff;padding:14px 19px;font-size:12px;font-weight:800;text-transform:uppercase}.menu{display:none;border:0;background:none;font-size:22px}.overline{color:var(--red);font-weight:800;font-size:10px;letter-spacing:1.5px;margin:0 0 15px}h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-2px}h1,h2{margin:0;line-height:.96}.hero{min-height:570px;padding:90px 12%;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;overflow:hidden}.hero h1{font-size:clamp(45px,5.6vw,76px)}.hero>div>p:not(.overline){color:var(--muted);max-width:520px;font-size:17px;line-height:1.6;margin:25px 0}.hero aside{height:350px;border-radius:25px;color:#fff;background:var(--red);position:relative;padding:30px;overflow:hidden;box-shadow:17px 18px #ffd2cb}.hero aside:before{content:'';position:absolute;width:410px;height:410px;border:1px solid #ffffff90;border-radius:50%;right:-110px;top:-45px}.hero aside small,.hero aside strong{display:block;position:relative;z-index:1}.hero aside small{font-weight:bold;letter-spacing:1.4px}.hero aside strong{font:700 39px Outfit,sans-serif;letter-spacing:-2px;margin-top:8px}.hero aside span{position:absolute;right:60px;top:80px;font-size:155px;transform:rotate(-40deg)}.quick{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-block:1px solid #eee}.quick a,.quick button{border:0;border-right:1px solid #eee;background:#fff;padding:23px 2vw;text-align:center;font-size:13px;display:flex;align-items:center;justify-content:center;gap:9px}.quick b{font-size:13px}.quick a:first-letter,.quick button:first-letter{color:var(--red);font-size:19px}.section{padding:100px 9%}.heading{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:end;margin-bottom:42px}.heading>p{color:var(--muted);line-height:1.6;font-size:15px;max-width:350px}.section h2,.internet h2,.portable h2{font-size:49px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.services a,.services button{min-height:250px;background:var(--soft);border:0;border-radius:15px;padding:20px;text-align:left;display:flex;flex-direction:column;font-size:28px}.services h3{font-size:20px;margin:22px 0 8px}.services p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.services b{font-size:11px;color:var(--red);margin-top:auto}.plans{background:#fff}.tabs{display:flex;gap:8px;margin-bottom:22px}.tab{border:1px solid #ded6d2;border-radius:99px;padding:10px 17px;background:transparent;font-size:12px;font-weight:bold}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid #e6dfdb;border-radius:16px;background:#fff;padding:23px;display:flex;flex-direction:column;min-height:360px}.card.featured{border:2px solid var(--red)}.type{color:var(--red);font-size:10px;letter-spacing:1px;font-weight:800;margin:0}.card h3{font-size:25px;line-height:1.05;margin:14px 0}.label{font-size:10px;color:var(--muted);font-weight:bold;margin:0}.price{font:800 29px Outfit,sans-serif;letter-spacing:-1.4px;margin:3px 0}.price small{font:400 12px 'DM Sans',sans-serif;letter-spacing:0}.after{font-size:11px;color:var(--muted);margin:0 0 13px}.benefits{list-style:none;padding:12px 0;margin:0;border-top:1px solid #eee;font-size:12px;line-height:1.55;color:#575157}.benefits li:before{content:'✓';color:var(--red);font-weight:bold;margin-right:7px}.card button{border:0;border-radius:8px;padding:12px;background:var(--red);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;margin-top:auto}.internet{padding:80px 14%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:#f6e6e0}.drawing{height:245px;position:relative;overflow:hidden;border-radius:130px 130px 20px 20px;background:var(--ink);font-size:210px;color:var(--red);line-height:1;text-align:right;padding-top:35px}.drawing i{color:#fff;position:absolute;left:23%;top:62px;font-size:100px;transform:rotate(-45deg)}.internet>div>p:not(.overline){color:var(--muted);line-height:1.6}.internet b{font-size:12px}.compact{padding-top:28px}.combo{background:#fff4f1}.tv{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;padding-bottom:45px}.tv>div>p:not(.overline){color:var(--muted);line-height:1.6;max-width:460px}.tv aside{height:260px;border-radius:20px;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 28px/.7 Outfit,sans-serif;box-shadow:14px 14px var(--red)}.tv aside b{font-size:45px}.pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.pills span{border:1px solid #ddd5d1;border-radius:99px;font-size:11px;font-weight:bold;padding:7px 9px}.portable{padding:75px 12%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.portable .overline{color:#ffd4d1}.portable p:last-child{line-height:1.55;max-width:500px}.white{background:#fff;color:var(--red);white-space:nowrap}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact>div>p:not(.overline){line-height:1.6;color:var(--muted);max-width:420px}.contact .cta{margin-top:12px}.contact-links{display:grid;gap:14px;align-content:center}.contact-links a{padding:18px;border:1px solid #e6ddda;background:#fff;border-radius:13px;display:flex;gap:14px;align-items:center;font-size:23px}.contact-links span{margin-right:auto}.contact-links small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;font-weight:bold}.contact-links b{font:700 17px Outfit,sans-serif}footer{background:var(--ink);color:#fff;padding:52px 9%;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}footer .logo small,footer p{color:#c7bec4}footer p{font-size:12px;max-width:260px;line-height:1.5}footer>div>b{display:block;font-size:12px;margin-bottom:12px}footer a,footer button{display:block;border:0;background:none;padding:0;margin:8px 0;color:#ddd4da;font-size:12px}footer button{color:#ffb1ab;font-weight:bold}dialog{border:0;border-radius:19px;padding:32px;width:min(92%,480px);box-shadow:0 30px 100px #0006}dialog::backdrop{background:#241f25aa}dialog h2{font-size:38px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.sellers{display:grid;gap:9px}.sellers a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e3dcd8;border-radius:12px;font-weight:bold}.sellers a:hover{border-color:var(--red)}.sellers b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f7e1de;color:var(--red);font-size:12px}.sellers span{margin-right:auto;font:700 16px Outfit,sans-serif}.sellers small{display:block;color:var(--muted);font:800 9px 'DM Sans',sans-serif;letter-spacing:1px}#product{font-size:13px;color:var(--muted)}@media(max-width:800px){header{height:65px;padding:0 6%}nav{display:none;position:absolute;left:0;right:0;top:65px;background:#fff;padding:20px 6%;flex-direction:column}.menu{display:block;margin-left:auto}.header>.cta{display:none}nav.open{display:flex}.hero{padding:62px 7%;grid-template-columns:1fr;gap:42px;min-height:0}.hero h1{font-size:51px}.hero aside{height:280px}.quick{grid-template-columns:1fr 1fr}.quick a,.quick button{padding:17px 8px;font-size:10px}.section{padding:68px 7%}.heading{display:block;margin-bottom:29px}.heading>p{margin-top:18px}.section h2,.internet h2,.portable h2{font-size:40px}.services,.cards,.cards.two,.cards.three{grid-template-columns:1fr}.services a,.services button{min-height:190px}.internet{padding:65px 9%;grid-template-columns:1fr;gap:35px}.drawing{height:205px}.tv{grid-template-columns:1fr}.portable{display:block;padding:63px 9%}.portable .cta{margin-top:18px;white-space:normal}.contact{grid-template-columns:1fr;gap:30px}footer{grid-template-columns:1fr 1fr;padding:42px 7%;gap:26px}footer>div:first-child{grid-column:1/-1}.card{min-height:330px}}
