:root{--night:#06182e;--deep:#09284a;--blue:#0878f9;--cyan:#29d8ed;--white:#f7fbff;--ink:#10233b;--muted:#677b91;--line:rgba(112,177,230,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:fixed;left:10px;top:10px;z-index:9999;background:#fff;padding:10px;transform:translateY(-150%)}.skip:focus{transform:none}.header{height:80px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:1000;inset:0 0 auto;background:rgba(5,21,41,.72);border-bottom:1px solid rgba(120,202,255,.12);backdrop-filter:blur(18px);color:#fff;transition:.3s}.header.scrolled{background:rgba(5,21,41,.95)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:45px;height:45px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand b{letter-spacing:.18em;font-size:18px}.brand small{font-size:8px;letter-spacing:.09em;color:#8fa9c3}.header nav{display:flex;gap:28px}.header nav a{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;color:#c2d2e4}.header nav a:hover{color:var(--cyan)}#menuButton{display:none;background:none;border:0}#menuButton i{display:block;width:24px;height:2px;background:#fff;margin:5px}.hero{height:min(920px,100vh);min-height:720px;position:relative;background:var(--night);color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,16,32,.98) 0%,rgba(3,16,32,.84) 43%,rgba(3,16,32,.25) 75%),linear-gradient(0deg,rgba(3,16,32,.8),transparent 50%),url('/img/hero-autos-robados-bg.png') 70% center/cover}.grid-lines{position:absolute;inset:0;background:linear-gradient(rgba(34,179,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,179,238,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-inner{width:min(1180px,calc(100% - 48px));height:100%;margin:auto;position:relative;display:flex;align-items:center}.hero-copy{position:relative;z-index:3;max-width:790px;padding-top:60px}.hero-logo{display:flex;align-items:center;gap:12px}.hero-logo img{width:58px;height:58px;object-fit:contain}.hero-logo span{font-size:9px;letter-spacing:.17em;color:#9eb3c9}.overline,.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#7290ac}.overline{margin:28px 0 14px}.hero h1{font-size:clamp(43px,5.3vw,78px);letter-spacing:-.055em;line-height:.96;margin:0;color:#fff}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #62d5f3}.hero-name{display:flex;align-items:center;gap:18px;font-size:19px;font-weight:800;letter-spacing:.3em;color:var(--cyan);margin:25px 0 7px}.hero-name span{height:1px;width:100px;background:var(--cyan)}.hero h2{font-size:18px;margin:0 0 12px}.hero-copy>p:last-of-type{max-width:620px;color:#a8bbcf;font-size:14px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:27px}.btn{min-height:49px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.08em;border:1px solid transparent;border-radius:4px;cursor:pointer}.primary{background:linear-gradient(100deg,#0878f9,#05aada);color:#fff;box-shadow:0 12px 35px rgba(0,133,235,.24)}.glass{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.05)}.scanner{position:absolute;right:2%;top:23%;width:35%;height:45%;border:1px solid rgba(42,211,238,.23)}.corner{position:absolute;width:35px;height:35px;border-color:var(--cyan);border-style:solid}.corner.a{left:-1px;top:-1px;border-width:2px 0 0 2px}.corner.b{right:-1px;top:-1px;border-width:2px 2px 0 0}.corner.c{left:-1px;bottom:-1px;border-width:0 0 2px 2px}.corner.d{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.scanline{position:absolute;left:0;right:0;top:0;height:1px;background:var(--cyan);box-shadow:0 0 15px var(--cyan);animation:scan 4s ease-in-out infinite}.scanner small{position:absolute;left:12px;bottom:10px;font-size:8px;color:#72dceb;letter-spacing:.13em}.scroll-cue{position:absolute;bottom:25px;left:50%;font-size:8px;letter-spacing:.18em;color:#7990a8}.scroll-cue span{font-size:15px;margin-left:10px}@keyframes scan{50%{top:100%}}.readings{background:#071d37;color:#fff;padding:82px 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2,.ecosystem h2,.origin h2,.story h2,.web-skano h2,.community h2,.contact h2{font-size:clamp(39px,5vw,67px);line-height:1.02;letter-spacing:-.05em;margin:10px 0}.section-head p{margin:0;color:#9bb6cd}.cyan{color:var(--cyan)}.live{font-size:8px;letter-spacing:.1em;color:#aac6d9}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#38e19b;box-shadow:0 0 0 5px rgba(56,225,155,.12);margin-right:9px}.readings-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.readings-track{display:flex;width:max-content;gap:18px;animation:flow var(--speed,38s) linear infinite}.readings-marquee:hover .readings-track{animation-play-state:paused}.reading-card{position:relative;width:clamp(310px,30vw,470px);aspect-ratio:16/10;margin:0;border-radius:10px;overflow:hidden;border:1px solid rgba(100,200,255,.18)}.reading-card img{width:100%;height:100%;object-fit:cover}.reading-card:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(3,18,36,.86))}.reading-label{position:absolute;z-index:2;left:15px;bottom:14px;font-size:8px;letter-spacing:.12em;font-weight:800;background:rgba(3,18,36,.74);padding:7px 9px;border-left:2px solid var(--cyan)}.reading-note{margin-top:25px;color:#809bb2;font-size:11px}.reading-note b{color:#fff}@keyframes flow{to{transform:translateX(calc(-50% - 9px))}}.ecosystem{padding:120px 0;background:#f4f8fc}.ecosystem h2{color:var(--night);max-width:900px}.ecosystem h2 em{font-style:normal;color:var(--blue)}.eco-line{display:grid;grid-template-columns:repeat(6,1fr);margin-top:65px;border-top:1px solid #b9cadb}.eco-line article{padding:22px 14px;border-right:1px solid #d5e0ea;min-height:135px;display:flex;flex-direction:column;justify-content:space-between}.eco-line b{color:#a2b5c7;font-size:11px}.eco-line span{font-size:10px;font-weight:800;color:#1c3858}.origin{min-height:850px;position:relative;background:#06182e;color:#fff;display:flex;align-items:center;overflow:hidden}.origin-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,37,.95) 10%,rgba(4,19,37,.67),rgba(4,19,37,.92)),url('/img/bg-seguridad.jpg') center/cover}.origin-grid{position:relative;display:grid;grid-template-columns:.25fr 1fr}.origin-number{font-size:160px;line-height:1;color:rgba(49,204,235,.08);font-weight:800}.origin-copy{max-width:800px}.origin blockquote{margin:32px 0;padding-left:25px;border-left:2px solid var(--cyan);font-size:clamp(19px,2.2vw,29px);line-height:1.45;color:#e9f6ff}.origin-copy>p{max-width:680px;color:#9fb4c8;line-height:1.8;font-size:13px}.origin-copy>strong{display:block;font-size:20px;margin-top:35px}.origin-copy strong em{font-style:normal;color:var(--cyan)}.story{padding:120px 0}.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.story-visual{height:580px;position:relative}.story-visual img{width:100%;height:100%;object-fit:cover}.story-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,119,244,.18);transform:translate(15px,15px);z-index:-1}.story-visual>div{position:absolute;left:0;bottom:0;background:var(--night);color:#fff;padding:18px 25px}.story-visual span,.story-visual b{display:block}.story-visual span{font-size:9px;color:var(--cyan);letter-spacing:.15em}.story-visual b{font-size:12px}.story-copy p{color:var(--muted);line-height:1.8}.story-copy .big{font-size:25px;color:var(--night);margin-top:40px}.story-copy .big b{color:var(--blue)}.purpose{display:grid;grid-template-columns:1fr 1fr}.purpose-card{padding:100px max(50px,calc((100vw - 1180px)/2));min-height:520px}.purpose-card span{font-size:9px;letter-spacing:.15em;font-weight:800}.purpose-card h2{font-size:clamp(35px,4vw,58px);line-height:1.05;margin:35px 0 20px}.purpose-card p{max-width:520px;line-height:1.8}.mission{background:#eef6fb;color:var(--night)}.mission span{color:var(--blue)}.vision{background:linear-gradient(130deg,#08365e,#076ca9);color:#fff}.vision span{color:var(--cyan)}.vision p{color:#c5deed}.web-skano{padding:120px 0;background:#fff}.web-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.web-skano h2 em{font-style:normal;color:var(--blue)}.web-skano p{color:var(--muted)}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portal-grid>a,.portal-grid>div{min-height:180px;padding:24px;border:1px solid #dce6ef;text-decoration:none;display:flex;flex-direction:column;transition:.3s}.portal-grid>a:hover{background:var(--night);color:#fff;transform:translateY(-4px)}.portal-grid i{font-style:normal;font-size:10px;color:#8aa0b5}.portal-grid b{font-size:18px;margin:auto 0 8px}.portal-grid span{font-size:10px;color:var(--blue)}.soon{background:#f4f7fa}.route{min-height:850px;position:relative;color:#fff;display:flex;align-items:center}.route-bg{position:absolute;inset:0;background:url('/img/skano-en-ruta.webp') center/cover}.route-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,31,.97) 0%,rgba(3,15,31,.87) 43%,rgba(3,15,31,.15) 80%)}.route-copy{position:relative}.badge{display:inline-block;padding:8px 11px;border:1px solid var(--cyan);font-size:8px;letter-spacing:.15em;color:var(--cyan)}.route-copy>p:first-of-type{font-size:10px;letter-spacing:.18em;margin-top:35px}.route h2{font-size:clamp(60px,8vw,110px);line-height:.85;margin:15px 0}.route h2 em{font-style:normal;color:var(--cyan)}.route-intro{max-width:550px;color:#b5c8d8;line-height:1.7}.route-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.route-tags span{padding:7px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-size:8px}.route h3{font-size:13px;margin-top:35px}.community{padding:120px 0;background:#06182e;color:#fff;position:relative;overflow:hidden}.community-orbit{position:absolute;width:650px;height:650px;border:1px solid rgba(44,211,235,.12);border-radius:50%;right:-250px;top:-300px;box-shadow:0 0 0 80px rgba(44,211,235,.025),0 0 0 160px rgba(44,211,235,.018)}.community h2 em{font-style:normal;color:var(--cyan)}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px}.social-grid a{min-height:145px;padding:22px;border:1px solid rgba(119,177,222,.15);background:rgba(255,255,255,.035);text-decoration:none;display:grid;grid-template-columns:1fr auto;transition:.3s}.social-grid a:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 15px 35px rgba(0,0,0,.2)}.social-grid b{font-size:17px}.social-grid span{grid-column:1;color:#7e99b1;font-size:10px}.social-grid i{grid-row:1/3;grid-column:2;font-style:normal;color:var(--accent);font-size:19px}.tiktok{--accent:#ff3f7c}.facebook{--accent:#2986ff}.group{--accent:#38d4eb}.youtube{--accent:#ff3d3d}.twitch{--accent:#a66cff}.whats{--accent:#36da77}.contact{padding:120px 0;background:#f5f8fb}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px}.contact h2{font-size:clamp(70px,9vw,130px)}.contact-grid>div>p{color:var(--muted);max-width:540px;line-height:1.8}.contact-grid>div>a{display:inline-block;margin-top:25px;color:var(--blue);font-weight:800;text-decoration:none}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact form>div{display:flex;flex-direction:column}.contact form>label,.contact textarea,.contact form>button,#formStatus{grid-column:1/-1}.contact label{font-size:8px;font-weight:800;letter-spacing:.12em}.contact input,.contact textarea{border:0;border-bottom:1px solid #b8c7d4;background:transparent;padding:12px 0;font:inherit;outline:none}.contact textarea{height:110px;resize:vertical}.contact button{margin-top:10px}#formStatus{font-size:10px;color:var(--blue)}footer{padding:70px 0 25px;background:#041326;color:#fff}.footer-grid{display:grid;grid-template-columns:1fr .5fr .5fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid>div a{color:#8ca4ba;text-decoration:none;font-size:10px}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:50px;padding-top:20px;font-size:8px;color:#647d95}.wa{position:fixed;z-index:900;right:18px;bottom:18px;width:52px;height:52px;background:#25d366;border-radius:50%;display:grid;place-items:center}.wa img{width:26px;filter:brightness(0) invert(1)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#06182e;padding:20px;flex-direction:column}.header nav.open{display:flex}#menuButton{display:block}.scanner{opacity:.55;width:45%}.eco-line{grid-template-columns:repeat(3,1fr)}.story-grid,.web-grid,.contact-grid{grid-template-columns:1fr}.story-copy{max-width:700px}.purpose{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr 1fr}.contact h2{font-size:75px}}
@media(max-width:600px){.shell,.hero-inner{width:calc(100% - 30px)}.header{padding:0 15px}.hero{min-height:700px}.hero-bg{background:linear-gradient(rgba(3,16,32,.76),rgba(3,16,32,.95)),url('/img/hero-autos-robados-bg.png') center/cover}.hero h1{font-size:42px}.hero h2{font-size:14px}.scanner{display:none}.actions{flex-direction:column}.section-head{display:block}.live{display:none}.reading-card{width:80vw}.ecosystem,.story,.web-skano,.community,.contact{padding:80px 0}.eco-line{grid-template-columns:1fr 1fr}.origin{min-height:900px}.origin-grid{display:block}.origin-number{font-size:90px}.story-visual{height:390px}.purpose-card{padding:75px 25px;min-height:auto}.portal-grid,.social-grid{grid-template-columns:1fr}.route{min-height:780px}.route-overlay{background:linear-gradient(90deg,rgba(3,15,31,.95),rgba(3,15,31,.55))}.contact h2{font-size:58px}.contact form{grid-template-columns:1fr}.contact form>div{grid-column:1}.footer-grid{grid-template-columns:1fr}.scroll-cue{display:none}}
.footer-grid>div .operations-portal-link{width:max-content;margin-top:8px;padding:11px 14px;border:1px solid rgba(41,216,237,.45);border-radius:4px;color:#eafcff;background:rgba(41,216,237,.08);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:.25s}.footer-grid>div .operations-portal-link:hover,.footer-grid>div .operations-portal-link:focus-visible{color:#041326;background:var(--cyan);border-color:var(--cyan)}.operations-portal-link span{margin-left:8px}
.header nav .nav-operations{padding:9px 12px;border:1px solid rgba(41,216,237,.55);border-radius:4px;color:#eaffff;background:rgba(41,216,237,.1);white-space:nowrap}.header nav .nav-operations:hover,.header nav .nav-operations:focus-visible{color:#041326;background:var(--cyan);border-color:var(--cyan)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.readings-track{overflow-x:auto;width:100%;scroll-snap-type:x mandatory}.reading-card{scroll-snap-align:center}.reveal{opacity:1;transform:none}}
@media(max-width:600px){.hero h1{font-size:36px}}

/* Bloques recuperados de la identidad original SKANO */
.web-skano{position:relative;overflow:hidden;background:linear-gradient(125deg,#06172f,#082a50 62%,#064c78);color:#fff}.web-skano:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(43,201,246,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(43,201,246,.045) 1px,transparent 1px);background-size:54px 54px}.web-stage{position:relative;display:grid;grid-template-columns:1fr 350px;gap:110px;align-items:center}.web-copy h2{color:#fff}.web-copy p{color:#9db8ce;max-width:550px;line-height:1.8}.web-signal{display:flex;align-items:center;gap:12px;margin-top:35px;font-size:9px;letter-spacing:.14em;color:#8eb2cb}.web-signal i{width:9px;height:9px;border-radius:50%;background:#42e39c;box-shadow:0 0 0 7px rgba(66,227,156,.1)}.web-panel{padding:27px 24px;border-radius:24px;background:rgba(5,18,42,.84);border:1px solid rgba(48,166,255,.38);box-shadow:0 30px 70px rgba(0,8,24,.35),inset 0 0 35px rgba(0,124,255,.05)}.web-panel h3{text-align:center;font-size:13px;letter-spacing:.09em;margin:0 0 23px}.web-panel>a,.web-panel>div{min-height:60px;margin:12px 0;border-radius:13px;padding:12px 15px;display:flex;align-items:center;gap:13px;text-decoration:none}.portal-main{background:linear-gradient(120deg,#1593fa,#09d0ec);color:#fff;box-shadow:0 10px 25px rgba(0,169,244,.18)}.portal-main:hover{transform:translateY(-2px);filter:brightness(1.08)}.portal-icon{width:30px;height:30px;display:grid;place-items:center}.portal-icon.parking{border:1px solid #062d60;border-radius:4px}.web-panel b{font-size:13px;line-height:1.15}.portal-download{background:#142541;border:1px solid rgba(255,255,255,.12)}.portal-soon{background:rgba(255,255,255,.035);border:1px dashed rgba(255,255,255,.12);color:#8c9aac}.community{background:linear-gradient(rgba(3,15,35,.92),rgba(3,15,35,.96)),url('/img/hero-autos-robados-bg.png') center/cover fixed}.community-frame{position:relative;padding:38px 42px 24px;border:1px solid rgba(26,180,239,.42);border-radius:26px;background:rgba(5,17,44,.76);box-shadow:inset 0 0 60px rgba(16,94,216,.08)}.community-title{text-align:center}.community-title h2{font-size:clamp(25px,3vw,44px);margin:0;letter-spacing:-.025em;font-style:italic}.community-title h2 em{color:var(--cyan)}.community-title h2 strong{color:#6579eb}.community-title p{color:#a6b4c7;font-size:12px;margin:8px 0 0}.social-grid{grid-template-columns:repeat(6,1fr);gap:0;margin-top:30px}.social-grid a{min-height:255px;padding:16px 8px;border:0;border-right:1px solid rgba(50,120,205,.23);background:transparent;display:flex;flex-direction:column;align-items:center;text-align:center}.social-grid a:last-child{border-right:0}.social-grid a:hover{box-shadow:none;transform:translateY(-5px)}.social-icon{width:96px;height:96px;border-radius:50%;display:grid!important;place-items:center;font-size:38px!important;font-weight:800;color:#fff!important;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),var(--accent) 55%,rgba(3,12,28,.9));border:2px solid var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 18%,transparent),0 0 28px color-mix(in srgb,var(--accent) 55%,transparent)}.social-grid b{margin-top:17px;font-size:13px}.social-grid small{color:#98a8bd;font-size:9px;margin-top:5px}.social-grid i{margin-top:14px;min-width:100px;padding:7px 12px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:8px;font-style:normal;font-weight:800}.social-spectrum{height:2px;margin:8px 40px 0;background:linear-gradient(90deg,#ff2e7b,#258cff,#20d9ed,#ff2929,#974fff,#32db79);box-shadow:0 0 12px rgba(45,175,255,.4)}.contact{position:relative;background:#06172e;color:#fff;padding:105px 0}.contact-backdrop{position:absolute;inset:0;background:linear-gradient(rgba(4,18,40,.78),rgba(4,18,40,.94)),url('/img/hero-autos-robados-bg.png') center/cover;opacity:.8}.contact>.shell{position:relative}.contact-heading{text-align:center;max-width:750px;margin:0 auto 38px}.contact-heading h2{font-size:clamp(42px,6vw,76px);color:#fff;margin:10px 0}.contact-heading p{color:#a9bbce}.account-delete{position:relative;display:grid;grid-template-columns:45px 1fr;gap:16px;padding:34px 38px;margin-bottom:35px;border-radius:18px;background:rgba(5,16,44,.88);border:1px solid rgba(47,151,235,.32);overflow:hidden}.account-delete:after{content:"";position:absolute;right:-5%;bottom:15%;width:45%;height:1px;background:#0d80d5;transform:rotate(-10deg)}.delete-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(27,134,229,.13);color:var(--cyan);font-size:19px}.account-delete h3{margin:5px 0 14px;font-size:17px}.account-delete p{color:#b7c4d4;font-size:12px;line-height:1.7;max-width:1000px}.account-delete .deadline{color:#d2dbea}.account-delete a{position:relative;z-index:2;display:inline-flex;margin-top:8px;padding:11px 17px;border:1px solid rgba(255,255,255,.2);border-radius:9px;text-decoration:none;font-size:10px;font-weight:800}.contact .contact-grid{padding:40px;border:1px solid rgba(48,153,235,.25);border-radius:18px;background:rgba(5,19,42,.85);gap:65px}.contact-copy h2{color:#fff;font-size:clamp(44px,6vw,78px)}.contact-copy p{color:#9fb2c7}.contact-channel{display:flex;align-items:center;gap:12px;margin-top:18px}.contact-channel>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:rgba(16,142,226,.14);color:var(--cyan)}.contact-channel a{color:#dfeefa;text-decoration:none;font-size:12px}.contact form{padding:25px;border-radius:12px;background:#f8fbff;color:var(--ink)}.contact input,.contact textarea{color:var(--ink)}.wa{width:auto;min-width:54px;padding:0 17px;gap:9px;text-decoration:none;color:#fff;font-size:10px;font-weight:800}.wa span{white-space:nowrap}.wa img{flex:0 0 auto}
@media(max-width:1000px){.web-stage{grid-template-columns:1fr 310px;gap:50px}.social-grid{grid-template-columns:repeat(3,1fr)}.social-grid a:nth-child(3){border-right:0}.social-grid a{border-bottom:1px solid rgba(50,120,205,.23)}}
@media(max-width:700px){.web-stage{grid-template-columns:1fr}.web-panel{max-width:370px;width:100%;margin:auto}.community-frame{padding:30px 14px 20px}.social-grid{grid-template-columns:1fr 1fr}.social-grid a:nth-child(3){border-right:1px solid rgba(50,120,205,.23)}.social-grid a:nth-child(even){border-right:0}.social-icon{width:82px;height:82px}.account-delete{grid-template-columns:1fr;padding:25px 20px}.contact .contact-grid{padding:25px 18px;gap:40px}.wa{min-width:52px;width:52px;padding:0}.wa span{display:none}}
.social-icon svg{width:43px;height:43px;fill:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.wa{width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;border-radius:50%!important}.wa span{display:none!important}.wa img{width:28px!important}

.traffic-network{position:relative;min-height:760px;padding:115px 0;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 48%,#0b416b 0,#071f3b 35%,#041326 70%);color:#fff}.traffic-network:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(47,190,239,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(47,190,239,.055) 1px,transparent 1px);background-size:52px 52px;animation:gridDrift 18s linear infinite}.traffic-glow{position:absolute;width:700px;height:700px;right:-90px;top:30px;border-radius:50%;border:1px solid rgba(41,216,237,.12);box-shadow:0 0 0 95px rgba(41,216,237,.018),0 0 0 190px rgba(41,216,237,.012)}.traffic-layout{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:45px;align-items:center}.traffic-copy{z-index:3}.traffic-copy h2{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:17px 0 25px}.traffic-copy h2 em{font-style:normal;color:var(--cyan)}.traffic-copy p{max-width:460px;color:#9eb6ca;font-size:13px;line-height:1.8}.traffic-status{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:8px;font-weight:800;letter-spacing:.14em;color:#b6d4e7}.traffic-status i{width:8px;height:8px;border-radius:50%;background:#42e39c;box-shadow:0 0 0 7px rgba(66,227,156,.1);animation:statusPulse 2s ease-in-out infinite}.traffic-scene{position:relative;height:520px;perspective:900px;transform:rotate(-2deg)}.road{position:absolute;left:-8%;width:116%;height:122px;border:1px solid rgba(74,186,238,.17);background:linear-gradient(180deg,rgba(3,14,27,.94),rgba(12,48,76,.92) 48%,rgba(3,14,27,.96));box-shadow:0 30px 55px rgba(0,0,0,.3),inset 0 0 35px rgba(22,143,211,.08);overflow:hidden}.road:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px dashed rgba(151,211,238,.28)}.road:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(44,211,235,.14),transparent);transform:translateX(-100%);animation:roadScan 5s linear infinite}.road-a{top:105px;transform:rotate(18deg) rotateX(55deg)}.road-b{top:285px;transform:rotate(-22deg) rotateX(55deg)}.lane{position:absolute;left:0;width:100%;height:50%}.lane-forward{top:0}.lane-reverse{bottom:0}.lane i{position:absolute;z-index:2;left:-50px;top:50%;width:34px;height:17px;border-radius:6px 9px 5px 5px;background:var(--car);box-shadow:0 0 8px var(--car);animation:drive var(--speed) linear infinite;animation-delay:var(--delay)}.lane i:before,.lane i:after{content:"";position:absolute;bottom:-4px;width:7px;height:7px;border-radius:50%;background:#020914;border:1px solid #718395}.lane i:before{left:5px}.lane i:after{right:5px}.lane-reverse i{left:auto;right:-50px;transform:rotate(180deg);animation-name:driveReverse}.traffic-core{position:absolute;z-index:5;left:50%;top:50%;width:145px;height:145px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(4,20,41,.94);border:1px solid rgba(41,216,237,.5);box-shadow:0 0 0 12px rgba(41,216,237,.06),0 0 55px rgba(0,172,238,.35)}.traffic-core:before{content:"";position:absolute;inset:-23px;border:1px dashed rgba(41,216,237,.28);border-radius:50%;animation:coreSpin 18s linear infinite}.traffic-core img{width:48px;height:48px;object-fit:contain}.traffic-core span{font-size:14px;font-weight:800;letter-spacing:.2em;margin-top:5px}.traffic-core small{font-size:6px;color:var(--cyan);letter-spacing:.18em;margin-top:4px}.signal{position:absolute;z-index:4;width:10px;height:10px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);animation:signalPulse 2.8s ease-out infinite}.signal-a{left:14%;top:19%}.signal-b{right:12%;top:38%;animation-delay:-1s}.signal-c{left:25%;bottom:11%;animation-delay:-2s}.hero-bg{animation:heroBreathe 16s ease-in-out infinite alternate}.route-bg{animation:routePan 22s ease-in-out infinite alternate}.community-orbit{animation:orbitSpin 28s linear infinite}@keyframes drive{to{left:calc(100% + 55px)}}@keyframes driveReverse{to{right:calc(100% + 55px)}}@keyframes gridDrift{to{background-position:52px 52px}}@keyframes roadScan{to{transform:translateX(100%)}}@keyframes coreSpin{to{transform:rotate(360deg)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes statusPulse{50%{opacity:.4;transform:scale(.75)}}@keyframes signalPulse{0%{box-shadow:0 0 0 0 rgba(41,216,237,.55)}70%,100%{box-shadow:0 0 0 24px rgba(41,216,237,0)}}@keyframes heroBreathe{to{transform:scale(1.045)}}@keyframes routePan{to{transform:scale(1.04) translateX(-1.5%)}}@media(max-width:900px){.traffic-layout{grid-template-columns:1fr}.traffic-copy{max-width:650px}.traffic-scene{height:440px}.traffic-network{padding:90px 0}.road-a{top:75px}.road-b{top:235px}}@media(max-width:600px){.traffic-network{min-height:860px;padding:80px 0}.traffic-copy h2{font-size:46px}.traffic-scene{height:390px;margin:0 -40px}.road{height:100px}.road-a{top:80px}.road-b{top:230px}.traffic-core{width:112px;height:112px}.traffic-core img{width:38px}.traffic-core span{font-size:11px}.traffic-glow{width:450px;height:450px;right:-220px}}@media(prefers-reduced-motion:reduce){.traffic-network:before,.traffic-status i,.road:after,.lane i,.traffic-core:before,.signal,.hero-bg,.route-bg,.community-orbit{animation:none!important}.lane i{left:35%!important}.lane-reverse i{left:auto!important;right:35%!important}}