*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080f39;font-family:'Segoe UI',Arial,sans-serif;color:white}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}.site{width:min(1600px,100%);margin:auto;position:relative;aspect-ratio:2/3;container-type:inline-size;background:url('assets/fabbtel-reference-background.png') top center/100% 100% no-repeat;isolation:isolate;font-size:1.2cqw}.site header{position:absolute;top:.6%;left:7.4%;right:7.2%;height:3.3%;display:flex;align-items:center;gap:3cqw;z-index:5}.logo{width:17cqw;flex-shrink:0}.logo img{display:block;width:100%;height:auto}nav{display:flex;gap:2.6cqw;margin:auto;font-size:.92cqw}nav a:hover{color:#8fffe7}.login{font-size:.9cqw;border:1px solid #ff9fd8;border-radius:99px;padding:.6cqw 1.3cqw;background:#d438a420;white-space:nowrap}section{position:absolute;width:100%}h1{font-size:6.05cqw;line-height:.85;font-weight:800;letter-spacing:-.22cqw}h1 span{color:#8dffe0}h2{font-size:3.1cqw;font-weight:800;letter-spacing:-.1cqw;line-height:1.05}h3{font-size:1.65cqw;line-height:1.2;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;font-size:1cqw;padding:.78cqw 1.8cqw;border-radius:99px;border:0;font-weight:650;min-height:2.7cqw;white-space:nowrap}.coral{background:linear-gradient(#ff987c,#ff4e78);color:white;box-shadow:0 0 16px #ff55844a}.pink{background:linear-gradient(100deg,#fc4e9b,#ee225b);color:white}.ghost{border:1px solid #becfff;background:#ffffff08;color:white}.light{background:#fff;color:#261778}.dark{background:#073851;color:white}.actions{display:flex;gap:1.1cqw}.hero{top:5.8%;height:17.7%}.hero-copy{position:absolute;left:7.8%;width:40%}.hero p{font-size:1.5cqw;font-weight:650;line-height:1.18;margin-top:1.15cqw}.hero .actions{margin-top:1.5cqw}.benefits{display:flex;gap:1.8cqw;margin-top:2.5cqw}.benefits>div{display:flex;align-items:center;gap:.7cqw}.benefits b{font-size:2.5cqw;font-weight:400;color:#a2f8ff}.benefits span{font-size:.85cqw;line-height:1.2}.packages{top:25.7%;height:19.2%;color:#10083c}.section-heading{text-align:center}.section-heading h2{font-size:3.05cqw}.section-heading h2 span{color:#9715ed}.section-heading p{font-size:1.25cqw;margin-top:.6cqw}.package-grid{position:absolute;top:24.5%;left:5.8%;right:5.7%;height:75%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25cqw}.package{padding:1.5cqw 2.3cqw;color:white;position:relative}.package-title{display:flex;gap:1.6cqw;align-items:center;height:3.6cqw;margin-bottom:1.1cqw}.package-title b{font-size:3cqw;font-weight:400}.package-title h3{font-size:1.8cqw;letter-spacing:-.04cqw}.package p{font-size:1.15cqw;line-height:1.28;max-width:95%;margin-bottom:1.3cqw}.package li{font-size:1.02cqw;line-height:1.5;margin-bottom:.4cqw}.package li:before{content:'✓';background:white;color:#225bc8;display:inline-grid;place-items:center;font-size:.6cqw;width:1cqw;height:1cqw;border-radius:50%;margin-right:.6cqw}.package .btn{position:absolute;left:2.3cqw;bottom:1.4cqw;font-size:.95cqw;padding:.6cqw 2.2cqw}.package.business{color:#042440}.business li:before{background:#064057;color:#8fffe2}.coverage{top:47.8%;height:10%}.coverage-copy{position:absolute;left:7.8%;top:0;width:23%}.coverage h2{font-size:3.1cqw}.coverage h2 span{color:#87ffe1}.coverage-copy p{font-size:1.1cqw;line-height:1.25;margin:1.1cqw 0 .7cqw;max-width:22cqw}.zone-button{background:#082858a0;border:1px solid #83ceec80;border-radius:20px;color:white;font-size:.85cqw;padding:.45cqw .9cqw}#zone-list{position:absolute;top:100%;padding:1cqw;background:#052754;z-index:12;border-radius:8px;font-size:1cqw;line-height:1.6;box-shadow:0 5px 20px #0005}#coverage-form{position:absolute;left:45.2%;top:-.55cqw;width:25.5%;background:#062951d9;border-radius:1.7cqw;padding:1.45cqw 1.55cqw 1cqw;box-shadow:0 4px 18px #09154950}#coverage-form h3{font-size:1.2cqw;margin-bottom:1.1cqw}input,select{border:0;border-radius:.6cqw;display:block;width:100%;padding:.55cqw .9cqw;font-size:1.05cqw;background:#f9f8ff;color:#282247;margin-bottom:.55cqw;min-width:0}#coverage-form .btn{width:100%;font-size:1cqw;padding:.5cqw;min-height:2.8cqw}.form-note{font-size:.55cqw;margin-top:.35cqw;color:#cfdef6}.status{font-size:.8cqw;color:#8cffe0;margin-top:.4cqw}.coast-caption{position:absolute;right:6%;top:4.8cqw;font-size:2.2cqw;font-family:cursive;font-style:italic;text-align:center;transform:rotate(-8deg);line-height:1.05}.iptv{top:59.4%;height:13%}.iptv-copy{position:absolute;left:7.8%;width:30%}.eyebrow{font-size:.9cqw;letter-spacing:.3cqw;font-weight:700}.iptv .eyebrow{color:#ff8ca6;margin-bottom:1.1cqw}.iptv h2{font-size:3.2cqw}.iptv h2 span{color:#ff8a7d}.iptv p{font-size:1.12cqw;line-height:1.25;margin:1.1cqw 0 1.3cqw;max-width:26cqw}.tv-features{position:absolute;left:82.3%;top:.4cqw;right:2%;display:grid;gap:1.9cqw}.tv-features li{display:flex;gap:1cqw;align-items:center;font-size:.9cqw;line-height:1.2}.tv-features b{color:#ff947e;font-size:2.1cqw;font-weight:400}.support{top:74.8%;height:8.8%;color:#0e0d38}.support-copy{position:absolute;left:7.8%;width:46%}.support .eyebrow{color:#e73068;margin-bottom:1cqw}.support h2{font-size:3.05cqw}.support h2 span{color:#d7164c}.support p{font-size:1.2cqw;line-height:1.2;margin:1cqw 0 1.1cqw}.support-checks{position:absolute;top:.4cqw;right:8.8%;width:15.6%;padding:1.3cqw;border-radius:2cqw;background:#fffffff0;box-shadow:0 4px 18px #be718518;display:grid;gap:.8cqw}.support-checks li{font-size:.86cqw;white-space:nowrap}.support-checks li:before{content:'✓';display:inline-grid;place-items:center;background:#3976fd;color:white;border-radius:50%;width:1.2cqw;height:1.2cqw;margin-right:.6cqw}.faq{top:85.3%;height:4.4%;color:#201261;left:7.8%;width:85%}.faq>.eyebrow{color:#742be8;font-size:.75cqw;margin-bottom:1cqw}.faq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw}details{position:relative;background:#ffffffa0;border-radius:1cqw;padding:1cqw;font-size:.95cqw}summary{cursor:pointer;list-style:none;font-weight:600}summary:after{content:'⌄';float:right;color:#4339ff}details[open]{z-index:10;background:white;box-shadow:0 8px 22px #30207328}details p{padding-top:1cqw;font-size:1cqw;line-height:1.4}footer{position:absolute;top:91%;left:8%;right:8%;height:8%;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:5cqw;font-size:1cqw}.footer-brand img{display:block;width:17cqw;height:auto}.footer-brand p{margin-top:1cqw;font-size:1.2cqw}.footer-brand small{display:block;font-size:.85cqw;margin-top:1cqw}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:.6cqw}.footer-contact small{color:#c9bde6;font-size:.8cqw}.copyright{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff20;padding-top:.8cqw;font-size:.78cqw;color:#bfc3e4}.copyright span{float:right}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffcf76;outline-offset:3px}
.help-toggle{position:fixed;right:20px;bottom:20px;z-index:50;width:54px;height:54px;border:2px solid white;border-radius:50%;background:linear-gradient(145deg,#29cfff,#4346d2);box-shadow:0 4px 18px #283de760;display:grid;place-items:center}.robot-dot{position:absolute;right:0;top:0;width:11px;height:11px;border:2px solid white;border-radius:50%;background:#29bd72}.help-panel{position:fixed;right:20px;bottom:85px;z-index:51;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;background:white;color:#102a43;border:1px solid #d9e6ee;border-radius:16px;box-shadow:0 15px 55px #102a4330;font-size:13px}.help-panel[hidden]{display:none}.help-head{display:flex;align-items:center;justify-content:space-between;padding:17px;background:linear-gradient(110deg,#2548df,#9c3dda);color:white}.help-head small{display:block;font-size:11px;color:#e1f1ff}.help-close{border:0;background:transparent;color:white;font-size:25px}.help-messages{max-height:240px;overflow:auto;padding:14px}.help-messages p{padding:11px 13px;border-radius:11px;margin:0 0 10px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.help-answer{background:#eff5fa;color:#32485a}.help-answer a{display:inline-block;margin-top:8px;color:#1265c2;font-weight:700}.help-question{background:#1265c2;color:white;margin-left:30px!important}.help-topics{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}.help-topics button{border:1px solid #cbdde9;border-radius:20px;background:white;color:#1265c2;padding:6px 10px;font-size:12px}.help-form{padding:10px 14px;border-top:1px solid #e5edf3}.help-label{display:block;font-size:11px;margin-bottom:5px}.help-form>div{display:flex;gap:7px}.help-form input{margin:0;min-width:0;font-size:13px;padding:10px;border:1px solid #dbe5ed;border-radius:8px}.help-form button{border:0;border-radius:8px;background:#5635cb;color:white;padding:0 13px}.help-note{font-size:10px;text-align:center;margin:0 0 12px;color:#6a7d8a}
@media(max-width:700px){.site{aspect-ratio:auto;background:#080f39;font-size:14px;container-type:normal}.site header,section,footer{position:relative;top:auto;left:auto;right:auto;width:100%;height:auto}.site header{padding:15px 20px;gap:15px;flex-wrap:wrap;background:#0c0b42}.logo{width:155px}.login{margin-left:auto;font-size:11px;padding:8px 12px}nav{order:3;width:100%;justify-content:center;font-size:12px;gap:20px}.hero{background:linear-gradient(#090a4480,#1828cb90),url('assets/fabbtel-neon-tv.png') center/cover;padding:38px 24px 40px;min-height:370px}.hero-copy,.coverage-copy,.iptv-copy,.support-copy{position:relative;left:auto;width:100%}h1{font-size:56px;line-height:.93;letter-spacing:-2px}.hero p{font-size:15px;margin-top:16px;max-width:250px;text-shadow:0 1px 5px #000}.hero .actions{margin-top:20px;gap:8px}.btn{font-size:12px;padding:11px 18px;min-height:38px}.benefits{margin-top:28px;gap:20px}.benefits b{font-size:25px}.benefits span{font-size:10px}.packages{padding:30px 20px;background:linear-gradient(130deg,#ddd6ff,#ffe1d5)}.section-heading h2{font-size:28px;letter-spacing:-1px}.section-heading p{font-size:13px;margin-top:10px}.package-grid{position:relative;top:auto;left:auto;right:auto;height:auto;grid-template-columns:1fr;gap:15px;margin-top:22px}.package{padding:22px 25px;border-radius:18px;background:linear-gradient(135deg,#224aff,#2144a4);min-height:255px}.package:nth-child(2){background:linear-gradient(135deg,#9a45ff,#4915bb)}.package:nth-child(3){background:linear-gradient(135deg,#73ffdc,#40c4c8)}.package-title{height:auto;gap:15px;margin-bottom:15px}.package-title b{font-size:32px}.package-title h3{font-size:23px}.package p{font-size:14px;margin-bottom:16px}.package li{font-size:13px;margin-bottom:7px}.package li:before{font-size:8px;width:13px;height:13px;margin-right:8px}.package .btn{position:relative;left:auto;bottom:auto;font-size:12px;padding:10px 20px;margin-top:14px}.coverage{padding:35px 24px;background:linear-gradient(#053365df,#087cabd0),url('assets/wallpaper-deti.png') center/cover}.coverage h2,.iptv h2{font-size:32px;letter-spacing:-1px}.coverage-copy p{font-size:14px;max-width:100%;margin:16px 0}.zone-button{font-size:12px;padding:8px 14px}#zone-list{font-size:13px;padding:12px;max-width:100%}#coverage-form{position:relative;left:auto;top:auto;width:100%;padding:22px;border-radius:18px;margin-top:25px}#coverage-form h3{font-size:17px;margin-bottom:15px}input,select{font-size:14px;padding:11px;border-radius:8px;margin-bottom:10px}#coverage-form .btn{font-size:14px;padding:12px}.form-note{font-size:10px;margin-top:9px}.status{font-size:12px;margin-top:8px}.coast-caption{display:none}.iptv{padding:35px 24px 30px;background:radial-gradient(at 100% 100%,#d1448150,transparent),#231045}.eyebrow{font-size:10px;letter-spacing:2px}.iptv .eyebrow{margin-bottom:15px}.iptv p{font-size:14px;max-width:100%;margin:16px 0}.tv-features{position:relative;left:auto;right:auto;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.tv-features li{font-size:12px;gap:10px}.tv-features b{font-size:24px}.support{padding:35px 24px;background:linear-gradient(120deg,#ffdcbd,#ffc2d6)}.support h2{font-size:30px;letter-spacing:-1px}.support .eyebrow{font-size:10px;margin-bottom:15px}.support p{font-size:14px;margin:16px 0}.support-checks{position:relative;right:auto;top:auto;width:100%;padding:18px;border-radius:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.support-checks li{font-size:11px}.support-checks li:before{width:15px;height:15px;margin-right:5px}.faq{padding:28px 20px;background:linear-gradient(120deg,#e5d6ff,#ecebff)}.faq>.eyebrow{font-size:10px;margin-bottom:16px}.faq-grid{grid-template-columns:1fr;gap:10px}details{border-radius:10px;padding:15px;font-size:13px}details p{font-size:13px;padding-top:12px}footer{padding:30px 24px 80px;background:linear-gradient(120deg,#0b1039,#221254);grid-template-columns:1fr 1fr;gap:25px;font-size:12px}.footer-brand{grid-column:1/-1}.footer-brand img{width:170px}.footer-brand p{font-size:14px;margin-top:15px}.footer-brand small{font-size:11px;margin-top:10px}.footer-links,.footer-contact{gap:9px}.footer-contact small{font-size:10px}.copyright{position:relative;grid-column:1/-1;font-size:10px;padding-top:15px}.copyright span{float:none;display:block;margin-top:8px}.help-toggle{right:16px;bottom:16px}.help-panel{right:16px;bottom:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.help-toggle{width:80px;height:96px;border:0;border-radius:0;background:transparent;box-shadow:none;right:20px;bottom:16px;overflow:visible;display:block;padding:0}.robot-character{display:block;filter:drop-shadow(0 0 10px #169bff85);transition:transform .2s}.help-toggle:hover .robot-character{transform:translateY(-3px)}.robot-greeting{position:absolute;right:80px;top:22px;min-width:100px;padding:12px 14px;border-radius:15px 15px 3px 15px;background:linear-gradient(140deg,#139bff,#2153ed);border:1px solid #9bdfff60;box-shadow:0 5px 20px #164df035;color:white;font-size:11px;font-weight:500;line-height:1.35;text-align:left;white-space:nowrap}.help-toggle[aria-expanded=true] .robot-greeting{display:none}.help-panel{bottom:122px}@media(max-width:700px){.help-toggle{right:12px;bottom:12px;width:65px;height:78px}.robot-character{width:65px;height:78px}.robot-greeting{right:65px;top:17px;min-width:90px;font-size:10px;padding:10px 12px}.help-panel{bottom:100px}}
.help-whatsapp{display:block;margin:5px 14px 12px;padding:11px 12px;border-radius:10px;background:#147f45;color:white;text-align:center;font-size:13px;font-weight:650}.help-whatsapp:hover{background:#0c6837}
@media(max-width:700px){.hero .actions{flex-wrap:wrap}.hero .actions .btn{padding:10px 14px;font-size:11px}.site{overflow-x:clip}.footer-contact a{overflow-wrap:anywhere}.support-checks li{white-space:normal}}

.coverage-strip{position:absolute;top:24.3%;left:4%;right:4%;display:flex;align-items:center;justify-content:center;gap:.75cqw;font-size:.86cqw;line-height:1.2;color:#241159;z-index:3;white-space:nowrap}.coverage-strip strong{font-weight:800}.coverage-strip a{font-weight:650}.coverage-strip a:hover{text-decoration:underline;color:#7a16c9}.coverage-strip a+a:before{content:"·";margin-right:.75cqw;color:#7a55a3}@media(max-width:700px){.coverage-strip{position:relative;top:auto;left:auto;right:auto;background:linear-gradient(110deg,#e2d5ff,#ffd4d2);padding:14px 18px;justify-content:flex-start;overflow-x:auto;gap:12px;font-size:12px}.coverage-strip a+a:before{margin-right:12px}}
.coverage-strip{font-size:1.1cqw;gap:.65cqw}.coverage-strip a{font-weight:750}.coverage-strip a+a:before{margin-right:.65cqw}@media(max-width:700px){.coverage-strip{font-size:15px;gap:14px}.coverage-strip a+a:before{margin-right:14px}}