:root{--ink:#12101c;--night:#101120;--blue:#2849d8;--orange:#ff5b22;--cream:#f3e9d5;--sand:#e6bd7c;--white:#fffaf0;--font:"Arial Narrow","Aptos Display","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.kicker{text-transform:uppercase;letter-spacing:.19em;font-size:.78rem;font-weight:800}.kicker.dark{color:#413d4b}
.nav-shell{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(100%,1320px);height:104px;padding:0 2.2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff42}.brand{display:flex;align-items:center;gap:.8rem}.brand-word{font-size:1.35rem;font-weight:950;letter-spacing:.05em}.brand-word span{color:var(--orange)}.brand-mark{width:43px;height:34px;position:relative;display:grid;place-items:center}.brand-mark i{position:absolute;border:2px solid var(--white);border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-radius:50% 50% 0 0}.brand-mark i:first-child{width:42px;height:27px;top:0}.brand-mark i:nth-child(2){width:28px;height:18px;top:8px}.brand-mark b{font-size:1.1rem;color:var(--orange);position:absolute;bottom:-2px}.nav-shell nav{display:flex;gap:2.3rem;font-size:.9rem;font-weight:700}.nav-shell nav a{opacity:.8}.nav-shell nav a:hover{opacity:1}.nav-cta{border:1px solid #ffffff8a;padding:.8rem 1rem;font-weight:800;font-size:.85rem}.nav-cta span,.button span{margin-left:.7rem}
.hero{min-height:940px;height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('/conecta2-san-quintin.jpg') center/cover no-repeat;transform:scale(1.03);animation:breathe 16s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d0d1deb 0%,#10101fa8 43%,#10101f24 72%),linear-gradient(0deg,#101120 0%,transparent 32%),linear-gradient(180deg,#08081799 0%,transparent 22%)}@keyframes breathe{to{transform:scale(1.09) translateX(-1%)}}
.hero-copy{position:relative;z-index:3;width:min(1320px,100%);margin:auto;padding:7rem 2.2rem 8rem}.hero-copy .kicker{color:#ffd5bf}.hero h1{font-size:clamp(4.4rem,8.8vw,9.2rem);line-height:.81;letter-spacing:-.075em;text-transform:uppercase;margin:1.2rem 0 2rem;max-width:970px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{font-family:"Segoe UI",sans-serif;max-width:560px;font-size:1.13rem;line-height:1.65;color:#eee6dd}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2rem}.button{min-height:55px;display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.25rem;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:900}.button-orange{background:var(--orange)}.text-link{font-size:.88rem;font-weight:800;border-bottom:1px solid #ffffff80;padding:.75rem 0}.text-link span{margin-left:.6rem}.hero-stamp{position:absolute;z-index:4;right:5%;top:26%;width:220px;height:220px;border:1px solid #fff8;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;backdrop-filter:blur(8px);animation:float 5s ease-in-out infinite}.hero-stamp:before{content:"";position:absolute;inset:10px;border:1px dashed #fff7;border-radius:50%;animation:spin 25s linear infinite}.hero-stamp strong{font-size:4.7rem;line-height:.9}.hero-stamp span{text-transform:uppercase;text-align:center;font-size:.68rem;letter-spacing:.1em;margin-top:.7rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}.signal-field{position:absolute;z-index:2;right:20%;top:46%;width:14px;height:14px}.signal-field b{position:absolute;width:12px;height:12px;background:var(--orange);border-radius:50%;box-shadow:0 0 26px #ff5b22}.signal-field i{position:absolute;inset:0;border:1px solid #fff9;border-radius:50%;animation:signal 4s ease-out infinite}.signal-field i:nth-child(2){animation-delay:1.25s}.signal-field i:nth-child(3){animation-delay:2.5s}@keyframes signal{to{transform:scale(35);opacity:0}}.hero-bottom{position:absolute;z-index:4;bottom:0;left:50%;transform:translateX(-50%);width:min(1320px,100%);padding:1.7rem 2.2rem;display:flex;gap:3.2rem;border-top:1px solid #ffffff3b;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.hero-bottom span:before{content:"●";color:var(--orange);margin-right:.65rem}
.manifesto{position:relative;background:var(--blue);padding:8rem max(2rem,calc((100% - 1320px)/2)) 9rem;overflow:hidden}.manifesto>p{color:#b9c5ff}.manifesto h2{font-size:clamp(3rem,6.5vw,7.2rem);line-height:.9;letter-spacing:-.065em;text-transform:uppercase;position:relative;z-index:2}.manifesto h2 em{color:var(--orange);font-style:normal}.marquee{position:absolute;left:-2%;bottom:-.15em;white-space:nowrap;font-size:7rem;line-height:1;font-weight:950;color:#ffffff0d;letter-spacing:-.04em;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-38%)}}
.plans-scene{background:var(--cream);color:var(--ink);padding:8rem max(2rem,calc((100% - 1320px)/2));position:relative}.plans-scene:before{content:"";position:absolute;right:-10rem;top:-10rem;width:32rem;height:32rem;border:1px solid #14111c20;border-radius:50%;box-shadow:0 0 0 4rem #14111c08,0 0 0 8rem #14111c05}.scene-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:end;margin-bottom:4rem;position:relative}.scene-heading .kicker{grid-column:1/-1}.scene-heading h2{font-size:clamp(3.6rem,6vw,7rem);line-height:.85;letter-spacing:-.07em;text-transform:uppercase;margin:0}.scene-heading>p:last-child{font-family:"Segoe UI",sans-serif;max-width:420px;line-height:1.65;color:#4f4951}.plans-list{position:relative}.plan-band{min-height:170px;display:grid;grid-template-columns:.35fr 1.1fr 1fr .9fr .75fr 64px;align-items:center;gap:1.2rem;padding:1.5rem 1.8rem;border-top:1px solid #1a172a40;transition:transform .25s}.plan-band:last-child{border-bottom:1px solid #1a172a40}.plan-band:hover{transform:translateX(12px)}.plan-number{align-self:start;font-size:.7rem;font-weight:900}.plan-name small{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.plan-name h3{font-size:2.3rem;line-height:1;text-transform:uppercase;margin:.35rem 0 0}.plan-speed{display:flex;align-items:center;gap:.7rem}.plan-speed strong{font-size:5.2rem;line-height:.8;letter-spacing:-.08em}.plan-speed span{font-size:.7rem;text-transform:uppercase;line-height:1.35;font-weight:800}.plan-detail{display:flex;flex-direction:column;gap:.4rem;font-family:"Segoe UI",sans-serif;font-size:.78rem}.plan-price{display:flex;flex-direction:column}.plan-price strong{font-size:2.1rem}.plan-price small{text-transform:uppercase;font-size:.65rem}.plan-band>a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid;font-size:1.3rem}.plan-band.orange{background:var(--orange);color:#fff;margin:0 -1.8rem;padding-left:3.6rem;padding-right:3.6rem;border:0}.plan-band.blue{color:var(--blue)}.plan-note{text-align:right;font-family:"Segoe UI",sans-serif;font-size:.72rem;color:#686069;margin-top:1.3rem}
.coverage-scene{min-height:780px;background:var(--night);position:relative;display:flex;align-items:center;padding:8rem max(2rem,calc((100% - 1320px)/2));overflow:hidden}.coverage-copy{width:58%;position:relative;z-index:3}.coverage-copy .kicker{color:#aebcff}.coverage-copy h2{font-size:clamp(3.6rem,6.5vw,7.3rem);line-height:.85;letter-spacing:-.07em;text-transform:uppercase}.coverage-copy h2 em{color:var(--orange);font-style:normal}.coverage-copy>p:not(.kicker){font-family:"Segoe UI",sans-serif;max-width:600px;line-height:1.7;color:#b6b6c6}.button-cream{background:var(--cream);color:var(--ink);margin-top:1.5rem}.coverage-figure{position:absolute;right:5%;top:50%;transform:translateY(-50%);display:flex;align-items:flex-start}.coverage-figure strong{font-size:clamp(11rem,24vw,25rem);line-height:.65;letter-spacing:-.12em;color:#ffffff08;-webkit-text-stroke:1px #ffffff35}.coverage-figure>span{font-size:5rem;color:var(--orange);z-index:2}.coverage-figure small{position:absolute;bottom:-3rem;right:0;text-transform:uppercase;letter-spacing:.15em;font-size:.68rem}.coverage-contours{position:absolute;right:13%;top:50%;width:10px;height:10px}.coverage-contours i{position:absolute;inset:0;border:1px solid #6881ff38;border-radius:48%;animation:contour 8s ease-out infinite}.coverage-contours i:nth-child(2){animation-delay:2s}.coverage-contours i:nth-child(3){animation-delay:4s}.coverage-contours i:nth-child(4){animation-delay:6s}@keyframes contour{to{transform:scale(65) rotate(40deg);opacity:0}}
.local-scene{min-height:820px;background:var(--sand);color:var(--ink);display:grid;grid-template-columns:1fr 1fr}.local-photo{min-height:820px;background:linear-gradient(0deg,#e6bd7c55,#11122415),url('/conecta2-san-quintin.jpg') 65% center/cover no-repeat;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.local-copy{display:flex;flex-direction:column;justify-content:center;padding:7rem max(2rem,calc((100vw - 1320px)/2)) 7rem 4rem}.local-copy h2{font-size:clamp(3.2rem,5vw,5.8rem);line-height:.87;text-transform:uppercase;letter-spacing:-.065em}.local-copy h2 em{font-style:normal;color:var(--blue)}.local-copy>p:not(.kicker){font-family:"Segoe UI",sans-serif;line-height:1.7;color:#4e4542;max-width:560px}.local-facts{display:flex;gap:2rem;border-top:1px solid #17131e40;margin-top:2rem;padding-top:1.5rem}.local-facts span{display:flex;flex-direction:column;font-size:.72rem;text-transform:uppercase}.local-facts b{font-size:1.1rem;margin-bottom:.3rem}
.contact-scene{background:var(--orange);min-height:650px;padding:8rem max(2rem,calc((100% - 1320px)/2));position:relative}.contact-scene h2{font-size:clamp(4rem,8vw,9rem);line-height:.82;text-transform:uppercase;letter-spacing:-.075em}.contact-scene h2 em{font-style:normal;color:var(--night)}.contact-scene>p:not(.kicker){font-family:"Segoe UI",sans-serif;font-size:1.1rem}.contact-action{position:absolute;right:max(2rem,calc((100% - 1320px)/2));bottom:6rem;width:310px;border-top:1px solid #fff8;padding-top:1rem;display:flex;flex-direction:column}.contact-action span{text-transform:uppercase;letter-spacing:.15em;font-size:.62rem}.contact-action strong{font-size:1.6rem;margin:.5rem 0}.contact-action small{font-family:"Segoe UI",sans-serif;opacity:.8}footer{background:#090a14;min-height:150px;padding:3rem max(2rem,calc((100% - 1320px)/2));display:flex;align-items:center;justify-content:space-between;color:#9999aa;font-family:"Segoe UI",sans-serif;font-size:.78rem}footer .brand{color:#fff}
@media(max-width:900px){.nav-shell{height:82px;padding:0 1.2rem}.nav-shell nav{display:none}.nav-cta{font-size:0}.nav-cta span{font-size:1rem;margin:0}.hero{min-height:820px}.hero-copy{padding:8rem 1.2rem 9rem}.hero h1{font-size:clamp(4rem,17vw,7rem)}.hero-stamp{width:145px;height:145px;right:1rem;top:auto;bottom:8rem}.hero-stamp strong{font-size:3rem}.hero-stamp span{font-size:.55rem}.hero-bottom{padding:1.4rem 1.2rem;gap:1rem;flex-wrap:wrap}.manifesto,.plans-scene,.coverage-scene,.contact-scene{padding-left:1.2rem;padding-right:1.2rem}.scene-heading{grid-template-columns:1fr}.plan-band{grid-template-columns:.3fr 1fr 1fr 50px}.plan-detail,.plan-price{display:none}.plan-band.orange{margin:0 -.8rem;padding-left:2.6rem;padding-right:1.8rem}.coverage-copy{width:100%}.coverage-figure{right:-4rem}.local-scene{grid-template-columns:1fr}.local-photo{min-height:500px;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.local-copy{padding:5rem 1.2rem}.contact-action{position:static;margin-top:4rem}.contact-scene{min-height:720px}footer{align-items:flex-start;flex-direction:column;gap:1rem}}@media(max-width:560px){.brand-word{font-size:1.05rem}.hero-lead{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stamp{display:none}.manifesto{padding-top:6rem;padding-bottom:7rem}.manifesto h2{font-size:3.2rem}.plans-scene{padding-top:6rem;padding-bottom:6rem}.scene-heading h2,.coverage-copy h2,.local-copy h2{font-size:3.4rem}.plan-band{grid-template-columns:.25fr 1fr .9fr 44px;gap:.5rem;padding-left:.5rem;padding-right:.5rem}.plan-name h3{font-size:1.3rem}.plan-speed strong{font-size:3.6rem}.plan-band>a{width:42px;height:42px}.local-facts{flex-direction:column}.contact-scene h2{font-size:4.2rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Cool spectrum: preserve the composition and remove the orange identity. */
:root{--ink:#111224;--night:#0c1024;--blue:#3154d9;--orange:#7659ee;--cream:#e9e9f5;--sand:#c6caef;--white:#f7f8ff}.kicker.dark{color:#34384f}.brand-word span{color:inherit}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--white);border-radius:50%;font-size:1rem;font-weight:950;letter-spacing:-.08em;color:var(--white);box-shadow:inset 0 0 0 4px #ffffff0c}.brand-mark i,.brand-mark b{display:none}.hero-copy .kicker{color:#cbd3ff}.signal-field b{box-shadow:0 0 26px #7659ee}.local-photo{background:linear-gradient(0deg,#7b83d455,#11122415),url('/conecta2-san-quintin.jpg') 65% center/cover no-repeat}.local-copy>p:not(.kicker){color:#383c57}
