:root{--bg:#070b12;--bg2:#0a1019;--card:#101925;--card2:#131f2e;--line:rgba(255,255,255,.105);--text:#f5f8fc;--muted:#a9b6c7;--blue:#1680ff;--green:#00c26a;--green2:#2cf29f;--white:#fff;--radius:24px;--shadow:0 24px 80px rgba(0,0,0,.32);--max:1180px;--logo-size:43px;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--text);background:radial-gradient(circle at 86% 4%,rgba(22,128,255,.17),transparent 28%),radial-gradient(circle at 8% 30%,rgba(0,194,106,.08),transparent 24%),var(--bg);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.wrap{width:min(calc(100% - 38px),var(--max));margin:auto}.section{padding:96px 0}.cv{content-visibility:auto;contain-intrinsic-size:800px}.skip-link{position:fixed;left:16px;top:-80px;background:#fff;color:#000;padding:12px 16px;border-radius:8px;z-index:1000}.skip-link:focus{top:16px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#c1ccda;font-size:.77rem;font-weight:900;letter-spacing:.145em;text-transform:uppercase}.eyebrow:before{content:"";width:23px;height:2px;background:var(--green);border-radius:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading)}h1{max-width:920px;margin-bottom:26px;font-size:clamp(3.15rem,7.7vw,7rem);line-height:.92;letter-spacing:-.075em}h2{max-width:860px;margin-bottom:20px;font-size:clamp(2.25rem,5vw,4.45rem);line-height:1.02;letter-spacing:-.055em}h3{font-size:1.35rem;line-height:1.15;letter-spacing:-.025em}.lead{max-width:790px;color:var(--muted);font-size:clamp(1.04rem,2vw,1.27rem)}.accent{color:var(--green2)}.blue{color:#61a8ff}
.nav{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:rgba(7,11,18,.78);backdrop-filter:blur(18px)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:1.22rem;font-weight:950;letter-spacing:-.04em}.mark{width:var(--logo-size);height:var(--logo-size);display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:linear-gradient(145deg,#17263b,#09101a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.mark svg{width:29px;height:29px}.mark-image{overflow:hidden}.mark-image.logo-bg-light{background:#fff}.mark-image.logo-bg-dark{background:#070b12}.mark-image.logo-bg-transparent{background:transparent}.mark-image img{width:100%;height:100%;object-fit:contain}.brand-logo-wide{display:flex;align-items:center;height:calc(var(--logo-size) + 1px);max-width:190px}.brand-logo-wide img{width:auto;max-width:100%;max-height:100%;object-fit:contain}.brand-logo-wide.footer-logo{max-width:220px}.brand-wordmark{white-space:nowrap}.nav-links{display:flex;align-items:center;gap:24px;color:#c6d0dd;font-size:.91rem;font-weight:800}.nav-links>a:not(.btn):hover{color:#fff}.menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}.menu-toggle span{display:block;width:20px;height:2px;margin:5px auto;background:#fff;border-radius:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:14px;font-weight:900;transition:transform .2s ease,filter .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#03130b;background:var(--green);box-shadow:0 14px 40px rgba(0,194,106,.19)}.btn-primary:hover{filter:brightness(1.07)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.035)}.btn-secondary:hover{background:rgba(255,255,255,.075)}.btn-small{min-height:44px;padding:0 17px;border-radius:12px}.text-link{display:inline-flex;align-items:center;gap:8px;padding:12px 5px;color:#d9e3ef;font-weight:900}.arrow-link{font-weight:900;color:#eef6ff}.arrow-link span{color:var(--green)}
.hero{padding:112px 0 72px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(360px,.83fr);gap:52px;align-items:end}.hero-copy{padding-bottom:10px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:36px 0}.trust{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#aebac8;font-size:.88rem;font-weight:800}.hero-card{padding:31px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(160deg,rgba(22,128,255,.19),transparent 42%),linear-gradient(340deg,rgba(0,194,106,.13),transparent 38%),var(--card);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"N5";position:absolute;right:-23px;bottom:-88px;color:rgba(255,255,255,.032);font-size:15rem;font-weight:1000;letter-spacing:-.14em}.hero-card .tag,.route-label{color:#dbe6f2;font-size:.77rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero-card h2{font-size:clamp(2rem,3.4vw,3.25rem);margin:66px 0 18px;max-width:520px}.hero-card>p{color:#bcc8d7}.stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:30px;position:relative;z-index:1}.stage{min-height:138px;padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(5,10,17,.54)}.stage>span{display:block;color:var(--green);font-size:.72rem;font-weight:950}.stage strong{display:block;margin:13px 0 4px;font-size:1.07rem}.stage small{display:block;color:#97a5b6;line-height:1.42}

/* Visual principal administrable del hero */
.hero-grid-single{grid-template-columns:minmax(0,920px);justify-content:center}.hero-grid-single .hero-copy{text-align:center}.hero-grid-single h1,.hero-grid-single .lead{margin-left:auto;margin-right:auto}.hero-grid-single .hero-actions,.hero-grid-single .trust{justify-content:center}.hero-visual{min-height:590px;border:1px solid var(--line);border-radius:32px;position:relative;overflow:hidden;box-shadow:var(--shadow);isolation:isolate}.hero-canvas{background:radial-gradient(circle at 67% 28%,color-mix(in srgb,var(--blue) 22%,transparent),transparent 30%),radial-gradient(circle at 25% 76%,color-mix(in srgb,var(--green) 17%,transparent),transparent 31%),linear-gradient(145deg,#121d2b,#070b12)}.hero-canvas-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 92%)}.hero-canvas:after{content:"N5";position:absolute;right:-45px;bottom:-115px;color:rgba(255,255,255,.035);font-size:16rem;font-weight:1000;letter-spacing:-.15em;z-index:-1}.hero-canvas-core{position:absolute;left:50%;top:44%;width:158px;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:2px;border:1px solid color-mix(in srgb,var(--green) 46%,var(--line));border-radius:38px;background:rgba(5,10,17,.78);box-shadow:0 0 90px color-mix(in srgb,var(--green) 18%,transparent),inset 0 0 0 1px rgba(255,255,255,.04);transform:translate(-50%,-50%) rotate(-5deg);backdrop-filter:blur(14px);z-index:3}.hero-canvas-core strong{font-size:4rem;line-height:.88;letter-spacing:-.11em}.hero-canvas-core span{color:var(--green2);font-size:.61rem;font-weight:950;letter-spacing:.13em}.hero-canvas-orbit{position:absolute;left:50%;top:44%;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform:translate(-50%,-50%);animation:hero-orbit 18s linear infinite}.hero-canvas-orbit.orbit-one{width:320px;aspect-ratio:1}.hero-canvas-orbit.orbit-two{width:455px;aspect-ratio:1;animation-direction:reverse;animation-duration:26s}.hero-canvas-orbit:before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 25px var(--green)}@keyframes hero-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-canvas-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;min-height:47px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:rgba(8,14,23,.84);box-shadow:0 16px 36px rgba(0,0,0,.24);backdrop-filter:blur(12px);font-size:.78rem;font-weight:900;animation:hero-float 5.5s ease-in-out infinite}.hero-canvas-chip .n5-icon{width:20px;height:20px;color:var(--green2)}.chip-brand{left:7%;top:14%}.chip-product{right:6%;top:21%;animation-delay:-1.4s}.chip-video{left:8%;bottom:25%;animation-delay:-2.8s}.chip-digital{right:7%;bottom:20%;animation-delay:-4.1s}@keyframes hero-float{50%{transform:translateY(-7px)}}.hero-canvas-flow{position:absolute;left:6%;right:6%;bottom:22px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(4,9,15,.73);backdrop-filter:blur(12px);color:#dce6f1;font-size:.57rem;font-weight:950;letter-spacing:.09em}.hero-canvas-flow i{width:20px;height:1px;background:linear-gradient(90deg,var(--blue),var(--green))}.hero-canvas-note{position:absolute;left:24px;top:24px;z-index:4;max-width:205px}.hero-canvas-note b,.hero-canvas-note small{display:block}.hero-canvas-note b{color:#fff;font-size:.83rem}.hero-canvas-note small{margin-top:4px;color:#9eacbd;font-size:.72rem;line-height:1.38}.hero-photo{background:#08101a;min-height:590px}.hero-photo picture,.hero-photo img{position:absolute;inset:0;width:100%;height:100%}.hero-photo img{object-fit:cover;object-position:var(--hero-position,center);transform:scale(1.002)}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,9,15,.84),rgba(5,9,15,calc(var(--hero-overlay,.34) * .35)) 52%,rgba(5,9,15,var(--hero-overlay,.34)));z-index:1}.hero-photo-card{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;padding:19px;border:1px solid rgba(255,255,255,.16);border-radius:19px;background:rgba(6,11,18,.76);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.28)}.hero-photo-card>span{display:block;margin-bottom:7px;color:var(--green2);font-size:.65rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.hero-photo-card>strong{display:block;font-size:1.22rem;line-height:1.15}.hero-photo-stages{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.hero-photo-stages small{padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d9e3ee;font-size:.62rem;font-weight:900}.hero-mode-image .hero-grid,.hero-mode-canvas .hero-grid{align-items:center}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#0a1019}.marquee-track{width:max-content;display:flex;gap:34px;padding:17px 0;color:#c7d1df;font-size:.78rem;font-weight:900;letter-spacing:.105em;text-transform:uppercase;animation:move 31s linear infinite}.marquee-track span:after{content:"◆";margin-left:34px;color:var(--green)}@keyframes move{to{transform:translateX(-50%)}}
.capabilities{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:46px}.capability{grid-column:span 6;min-height:390px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016));transition:.22s ease}.capability:nth-child(5){grid-column:span 12}.capability:hover{transform:translateY(-4px);border-color:rgba(97,168,255,.38)}.cap-top{display:flex;justify-content:space-between;gap:20px}.num{color:var(--green);font-size:.77rem;font-weight:950;letter-spacing:.13em}.cap-tag{color:#8fa0b3;font-size:.73rem;font-weight:900;letter-spacing:.12em}.cap-image{width:100%;height:190px;object-fit:cover;margin:22px 0;border-radius:16px}.capability h3{font-size:1.75rem;margin:70px 0 12px}.capability:has(.cap-image) h3{margin-top:24px}.capability p{color:var(--muted)}.cap-items{margin:22px 0 25px;padding-top:18px;border-top:1px solid var(--line);color:#c7d2df;font-size:.92rem}
.integral{border-block:1px solid var(--line);background:radial-gradient(circle at 82% 42%,rgba(0,194,106,.12),transparent 34%),#0a1019}.integral-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:70px;align-items:center}.integral .btn{margin-top:18px}.project-map{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.02)}.project-map li{display:flex;align-items:center;gap:18px;padding:21px 24px;border-bottom:1px solid var(--line);font-size:1.03rem;font-weight:850}.project-map li:last-child{border-bottom:0}.project-map span{color:var(--green);font-size:.74rem;letter-spacing:.12em}
.routes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px}.route{min-height:290px;padding:29px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);position:relative;overflow:hidden}.route:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% 5%,rgba(255,255,255,.1),transparent 28%);pointer-events:none}.route-green{background:linear-gradient(145deg,rgba(0,194,106,.18),transparent 48%),var(--card)}.route-blue{background:linear-gradient(145deg,rgba(22,128,255,.22),transparent 48%),var(--card)}.route img{width:100%;height:150px;object-fit:cover;margin:20px 0;border-radius:15px}.route h3{max-width:390px;margin:62px 0 12px;font-size:1.65rem}.route:has(img) h3{margin-top:24px}.route p{max-width:470px;color:var(--muted)}.route a{display:inline-block;margin-top:15px;font-weight:900}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.product{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.025)}.product-media{height:250px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#172438,#090f17);position:relative;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.product-media>span{font-size:6rem;font-weight:1000;color:rgba(255,255,255,.06);letter-spacing:-.12em}.product-media b{position:absolute;left:13px;top:13px;padding:7px 10px;border-radius:999px;background:var(--green);color:#03130b;font-size:.72rem}.product h3{margin:22px 4px 10px}.product p{margin-inline:4px;color:var(--muted)}.product .price{display:block;margin:0 4px 14px;color:var(--green2)}.product .arrow-link{display:inline-block;margin:5px 4px 8px}
.id-section{border-block:1px solid var(--line);background:radial-gradient(circle at 82% 38%,rgba(0,194,106,.11),transparent 33%),#0a1019}.id-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:62px;align-items:center}.id-visual{min-height:570px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(155deg,#131f2e,#080e16);position:relative;overflow:hidden}.id-visual>img{width:100%;height:100%;min-height:570px;object-fit:cover}.plate{width:min(68%,370px);aspect-ratio:1.72;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:88px auto 0;padding:25px;border-radius:28px;background:linear-gradient(145deg,#171d26,#020407);box-shadow:0 35px 70px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.13);transform:rotate(-7deg);position:relative;z-index:2}.plate strong{display:block;font-size:2.05rem;letter-spacing:-.05em}.plate small{display:block;color:#9ca9b8}.qr{width:104px;aspect-ratio:1;border:10px solid #fff;border-radius:8px;background:linear-gradient(90deg,#fff 12%,transparent 12% 22%,#fff 22% 34%,transparent 34% 48%,#fff 48% 64%,transparent 64% 74%,#fff 74%),linear-gradient(#fff 12%,transparent 12% 23%,#fff 23% 34%,transparent 34% 50%,#fff 50% 66%,transparent 66% 78%,#fff 78%)}.phone-mock{position:absolute;right:36px;bottom:-55px;width:225px;height:390px;padding:26px 20px;border:7px solid #1b2634;border-radius:38px;background:#eef4f7;color:#0a1118;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:rotate(8deg)}.phone-mock span{display:block;color:#00a95d;font-size:.72rem;font-weight:900}.phone-mock strong{display:block;margin:44px 0 6px;font-size:2.2rem}.phone-mock small{color:#586573}.phone-mock i{display:block;height:13px;margin-top:15px;border-radius:10px;background:#d6dfe4}.phone-mock i:nth-last-child(2){width:75%}.phone-mock i:last-child{width:54%;background:#00c26a}.proof-note{margin:29px 0;padding:21px;border-left:3px solid var(--green);background:rgba(255,255,255,.035);color:#c3cfdd}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:44px}.step{padding:27px 21px;border-top:1px solid var(--line)}.step b{display:block;margin-bottom:38px;color:var(--green);font-size:.78rem;letter-spacing:.13em}.step h3{font-size:1.22rem}.step p{color:var(--muted);font-size:.94rem}
.local-section{background:linear-gradient(180deg,transparent,rgba(22,128,255,.04),transparent)}.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.local-cards{display:grid;gap:15px}.local-cards article{padding:25px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.local-cards span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(0,194,106,.12);color:var(--green2);font-size:.77rem;font-weight:950}.local-cards h3{margin:21px 0 8px}.local-cards p{margin:0;color:var(--muted)}
.location-section{border-block:1px solid var(--line);background:#0a1019}.location-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center}.location-visual{min-height:470px;border:1px solid var(--line);border-radius:30px;background:#101923;position:relative;overflow:hidden}.location-visual img{width:100%;height:470px;object-fit:cover}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;transform:rotate(9deg) scale(1.2)}.location-visual:after{content:"SANTA LUCÍA DEL CAMINO · OAXACA";position:absolute;left:24px;bottom:22px;color:#97a8ba;font-size:.72rem;font-weight:900;letter-spacing:.12em}.pin{position:absolute;left:50%;top:46%;display:grid;place-items:center;width:74px;height:74px;border:8px solid rgba(0,194,106,.24);border-radius:50%;background:var(--green);color:#03140c;font-weight:1000;box-shadow:0 0 0 18px rgba(0,194,106,.08);transform:translate(-50%,-50%)}.nap{display:grid;gap:7px;margin:28px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);font-style:normal}.nap strong{font-size:1.15rem}.nap span,.nap a{color:#c1ccda}.nap a:hover{color:var(--green2)}.button-row{display:flex;flex-wrap:wrap;gap:12px}
.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.faqs details{border-top:1px solid var(--line)}.faqs details:last-child{border-bottom:1px solid var(--line)}.faqs summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;list-style:none;font-weight:900}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{color:var(--green);font-size:1.25rem}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{padding:0 45px 22px 0;color:var(--muted)}
.final-section{padding-top:28px}.cta{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:48px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 90% 15%,rgba(22,128,255,.22),transparent 35%),linear-gradient(145deg,#111b29,#090f18)}.cta h2{margin:12px 0;font-size:clamp(2.25rem,5vw,4.65rem)}.cta p{margin:0;color:var(--muted)}
footer{padding:46px 0 102px;color:#96a5b6}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:38px;padding-top:34px;border-top:1px solid var(--line)}.footer-brand p{max-width:410px;margin:16px 0 0}.footer-contact,.footer-links{display:flex;flex-direction:column;gap:8px}.footer-contact strong{color:#fff}.footer-contact a:hover,.footer-links a:hover,.socials a:hover{color:#fff}.socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;padding-top:6px}.copyright{padding-top:26px;font-size:.86rem}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;align-items:center;gap:9px;min-height:58px;padding:0 20px;border-radius:999px;background:var(--green);color:#03140c;font-weight:950;box-shadow:0 16px 50px rgba(0,194,106,.3)}
@media(max-width:980px){.hero-grid,.integral-grid,.id-grid,.local-grid,.location-grid,.faq-grid{grid-template-columns:1fr}.hero{padding-top:76px}.hero-card{max-width:760px}.capability{grid-column:span 12}.process{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.location-visual{order:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:760px){.nav-inner{height:68px}.menu-toggle{display:block}.nav-links{position:absolute;left:14px;right:14px;top:74px;display:none;flex-direction:column;align-items:stretch;padding:17px;border:1px solid var(--line);border-radius:18px;background:#0b121c;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{text-align:center}.hero-grid{gap:28px}.hero-card h2{margin-top:43px}.routes,.products{grid-template-columns:1fr}.process{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.socials{grid-column:auto}.cta{align-items:flex-start;flex-direction:column}.stage-grid{grid-template-columns:1fr 1fr}.id-visual{min-height:500px}.plate{width:82%}.phone-mock{right:18px}}
@media(max-width:520px){.wrap{width:min(calc(100% - 24px),var(--max))}.section{padding:72px 0}h1{font-size:3.35rem}.hero{padding-top:58px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-actions .text-link{justify-content:center}.hero-card{padding:23px;border-radius:25px}.stage-grid{grid-template-columns:1fr}.stage{min-height:108px}.capability{min-height:0;padding:23px}.capability h3{margin-top:44px}.routes{gap:13px}.route{min-height:260px;padding:24px}.id-visual{min-height:440px}.plate{width:94%;margin-top:54px;padding:18px}.plate strong{font-size:1.55rem}.qr{width:82px}.phone-mock{width:185px;height:330px;right:10px;bottom:-70px}.local-cards article{padding:21px}.location-visual{min-height:390px}.location-visual img{height:390px}.cta{padding:31px 23px}.whatsapp-float{left:12px;right:12px;justify-content:center}}

@media(max-width:980px){.hero-visual{max-width:760px;width:100%;min-height:540px}.hero-grid-single{grid-template-columns:1fr}}
@media(max-width:760px){.hero-visual{min-height:500px}.hero-canvas-orbit.orbit-two{width:410px}.hero-canvas-flow{left:14px;right:14px;gap:6px}.hero-photo-card{left:16px;right:16px;bottom:16px}}
@media(max-width:520px){.hero-visual{min-height:430px;border-radius:25px}.hero-canvas-core{width:128px;border-radius:30px}.hero-canvas-core strong{font-size:3.25rem}.hero-canvas-orbit.orbit-one{width:245px}.hero-canvas-orbit.orbit-two{width:340px}.hero-canvas-chip{min-height:41px;padding:0 10px;font-size:.68rem}.chip-brand{left:4%;top:17%}.chip-product{right:4%;top:23%}.chip-video{left:4%;bottom:25%}.chip-digital{right:4%;bottom:20%}.hero-canvas-note{left:17px;top:17px;max-width:160px}.hero-canvas-note small{display:none}.hero-canvas-flow{overflow:hidden;justify-content:flex-start;white-space:nowrap}.hero-photo-card>strong{font-size:1.05rem}.hero-photo-stages small:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.announcement{border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#00c26a,#2cf29f);color:#03140c}.announcement .wrap{min-height:42px;display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;font-size:.87rem;font-weight:900}.announcement a{text-decoration:underline;text-underline-offset:3px}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px}.project-card{display:grid;grid-template-columns:.92fr 1.08fr;min-height:370px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.project-image{min-height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#172438,#090f17);overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-image span{font-size:6rem;font-weight:1000;color:rgba(255,255,255,.06);letter-spacing:-.12em}.project-body{padding:28px}.project-body h3{margin:44px 0 12px;font-size:1.65rem}.project-body p{color:var(--muted)}.project-result{margin:20px 0;padding:16px;border-left:3px solid var(--green);background:rgba(255,255,255,.035);color:#c6d1df}.project-result strong{display:block;margin-bottom:4px;color:var(--green2);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.reviews-section{border-block:1px solid var(--line);background:#0a1019}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:42px}.review{margin:0;padding:26px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.025)}.review blockquote{margin:0 0 28px;color:#dbe4ee;font-size:1.04rem}.review figcaption{display:flex;align-items:center;gap:12px}.review figcaption img{width:52px;height:52px;border-radius:50%;object-fit:cover}.review figcaption strong,.review figcaption span{display:block}.review figcaption span{color:var(--muted);font-size:.84rem}@media(max-width:980px){.projects{grid-template-columns:1fr}.reviews{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.announcement .wrap{padding:9px 0;align-items:flex-start;flex-direction:column;gap:2px}.project-card{grid-template-columns:1fr}.project-image{min-height:230px}.reviews{grid-template-columns:1fr}}

/* =========================================================
   N5 V4 EXPERIENCE · UI PROFESIONAL Y LIGERA
   ========================================================= */
.n5-icon{width:1.15em;height:1.15em;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em}.btn .n5-icon{width:1.22em;height:1.22em}.btn-primary{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--green),var(--green2));box-shadow:0 16px 44px color-mix(in srgb,var(--green) 24%,transparent),inset 0 1px rgba(255,255,255,.35)}.btn-primary:after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.38) 48%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}.btn-primary:hover:after{transform:translateX(120%)}.btn-secondary{box-shadow:inset 0 1px rgba(255,255,255,.04)}.btn:focus-visible,.text-link:focus-visible,.arrow-link:focus-visible,.project-filters button:focus-visible{outline:3px solid color-mix(in srgb,var(--green2) 58%,transparent);outline-offset:3px}.arrow-link .n5-icon{transition:transform .2s ease}.arrow-link:hover .n5-icon{transform:translateX(4px)}
.cap-icon,.route-icon,.experience-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--green) 13%,transparent),rgba(255,255,255,.03));color:var(--green2)}.cap-icon .n5-icon,.route-icon .n5-icon,.experience-icon .n5-icon{width:25px;height:25px}.cap-top{align-items:flex-start}.cap-top>div{display:flex;align-items:center;gap:12px}.route-icon{position:absolute;top:26px;right:26px;z-index:2}.route{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.route:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--green) 38%,var(--line));box-shadow:0 26px 65px rgba(0,0,0,.24)}

/* Experiencia central: idea → mercado */
.experience-section{position:relative;overflow:clip;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg2) 88%,var(--green) 3%))}.experience-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.experience-ambient i{position:absolute;width:420px;aspect-ratio:1;border-radius:50%;filter:blur(80px);opacity:.13}.experience-ambient i:nth-child(1){left:-180px;top:8%;background:var(--green)}.experience-ambient i:nth-child(2){right:-190px;top:26%;background:var(--blue)}.experience-ambient i:nth-child(3){left:45%;bottom:-260px;background:var(--green2)}.experience-head{position:relative;z-index:1}.experience-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr);gap:72px;align-items:start;margin-top:52px}.experience-visual{position:sticky;top:112px;min-height:590px;display:grid;place-items:center;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--green) 14%,transparent),transparent 31%),radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--blue) 15%,transparent),transparent 25%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:var(--shadow);overflow:hidden;isolation:isolate}.experience-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 18%,transparent 74%)}.experience-core{position:relative;z-index:4;width:158px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid color-mix(in srgb,var(--green) 48%,transparent);border-radius:38px;background:linear-gradient(145deg,color-mix(in srgb,var(--green) 22%,#101925),#080d14 65%);box-shadow:0 0 0 14px rgba(255,255,255,.018),0 0 70px color-mix(in srgb,var(--green) 18%,transparent);transform:rotate(-6deg)}.experience-core span{font-size:4.1rem;line-height:.8;font-weight:1000;letter-spacing:-.13em}.experience-core small{margin-top:15px;color:var(--green2);font-size:.62rem;font-weight:950;letter-spacing:.13em}.experience-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:translate(-50%,-50%)}.orbit-a{width:360px;aspect-ratio:1;animation:n5Orbit 22s linear infinite}.orbit-a:after,.orbit-b:after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--green2);box-shadow:0 0 24px var(--green)}.orbit-b{width:500px;aspect-ratio:1;border-style:dashed;animation:n5OrbitReverse 36s linear infinite}.orbit-b:after{left:12%;top:17%;background:var(--blue);box-shadow:0 0 24px var(--blue)}@keyframes n5Orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes n5OrbitReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}.experience-output{position:absolute;z-index:5;width:210px;min-height:146px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:22px;background:rgba(8,14,22,.88);backdrop-filter:blur(14px);opacity:0;transform:scale(.86) translateY(18px);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1);pointer-events:none}.experience-output.active{opacity:1;transform:scale(1) translateY(0)}.experience-output:nth-of-type(3n+1){left:7%;top:9%}.experience-output:nth-of-type(3n+2){right:7%;top:14%}.experience-output:nth-of-type(3n){right:9%;bottom:9%}.experience-output img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:.76}.experience-output img+strong,.experience-output img~span{position:relative;text-shadow:0 2px 16px #000}.experience-output strong{font-size:1.18rem;line-height:1.1}.experience-output>span{margin-top:7px;color:var(--green2);font-size:.67rem;font-weight:950;letter-spacing:.12em}.experience-glyph{width:47px;height:47px;margin-bottom:24px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green2)}.experience-glyph .n5-icon{width:25px;height:25px}.experience-steps{display:grid;gap:16px}.experience-step{min-height:160px;padding:27px;display:grid;grid-template-columns:auto 1fr;gap:19px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.024);opacity:.58;transform:translateX(0);transition:opacity .28s ease,border-color .28s ease,background .28s ease,transform .28s ease}.experience-step.active{opacity:1;transform:translateX(8px);border-color:color-mix(in srgb,var(--green) 40%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--green) 10%,transparent),rgba(255,255,255,.03));box-shadow:0 20px 60px rgba(0,0,0,.18)}.experience-step span{display:block;margin:2px 0 9px;color:var(--green2);font-size:.72rem;font-weight:950;letter-spacing:.13em}.experience-step h3{margin-bottom:9px;font-size:1.52rem}.experience-step p{margin:0;color:var(--muted)}.experience-step.active .experience-icon{border-color:var(--green);box-shadow:0 0 30px color-mix(in srgb,var(--green) 18%,transparent)}.experience-closing{position:relative;z-index:1;margin-top:42px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line)}.experience-closing p{max-width:820px;margin:0;color:#dce5ef;font-size:1.08rem;font-weight:780}.experience-poster{width:100%;margin-top:44px;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.experience-light .experience-visual{min-height:430px}.experience-light .experience-orbit{animation:none}.experience-light .experience-step{min-height:auto}.experience-static .experience-ambient{display:none}

/* Landing links para SEO local */
.service-links{background:var(--bg2);border-block:1px solid var(--line)}.service-link-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:38px}.service-link{min-height:210px;padding:23px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.047),rgba(255,255,255,.015));transition:.22s ease}.service-link:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:linear-gradient(155deg,color-mix(in srgb,var(--green) 9%,transparent),rgba(255,255,255,.02))}.service-link .n5-icon{width:29px;height:29px;margin-bottom:auto;color:var(--green2)}.service-link strong{display:block;margin:34px 0 13px;font-size:1.11rem;line-height:1.18}.service-link span{display:flex;align-items:center;gap:7px;color:#cbd6e3;font-size:.83rem;font-weight:900}.service-link span .n5-icon{width:16px;height:16px;margin:0}

/* Prueba social honesta */
.trust-section{padding:65px 0;border-block:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--green) 8%,transparent),transparent 32%,color-mix(in srgb,var(--blue) 7%,transparent))}.trust-heading{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:end}.trust-heading h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:0}.trust-heading>p{margin:0;color:var(--muted)}.trusted-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:34px}.trusted-brand{min-height:116px;padding:18px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.028);filter:saturate(.72);transition:.2s ease}.trusted-brand:hover{filter:saturate(1);border-color:rgba(255,255,255,.24);transform:translateY(-2px)}.trusted-brand img{max-width:128px;max-height:54px;object-fit:contain}.trusted-brand span{font-weight:900;color:#dbe5ef}.proof-note{margin-top:18px;color:#8f9caf;font-size:.78rem}

/* Proyectos editoriales */
.projects-experience{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 40%,color-mix(in srgb,var(--blue) 11%,transparent),transparent 28%),var(--bg)}.projects-heading{display:flex;justify-content:space-between;align-items:end;gap:34px}.projects-heading .lead{margin-bottom:0}.project-filters{display:flex;flex-wrap:wrap;gap:8px;margin:33px 0 24px}.project-filters button{min-height:40px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#b9c6d5;font-size:.8rem;font-weight:900;cursor:pointer}.project-filters button.active,.project-filters button:hover{border-color:color-mix(in srgb,var(--green) 50%,var(--line));background:color-mix(in srgb,var(--green) 12%,transparent);color:#fff}.project-reel{display:grid;gap:30px}.project-story{--project-accent:var(--green);display:grid;grid-template-columns:minmax(0,1.14fr) minmax(330px,.86fr);min-height:640px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,color-mix(in srgb,var(--project-accent) 10%,transparent),transparent 42%),var(--card);overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.26);transition:opacity .25s ease,transform .25s ease}.project-story[hidden]{display:none}.project-gallery{position:relative;min-height:640px;display:grid;grid-template-columns:1.45fr .55fr;grid-template-rows:1fr 1fr;gap:5px;background:#06090e}.project-gallery>*:first-child{grid-row:1/3}.project-gallery img{width:100%;height:100%;object-fit:cover;min-height:0}.project-placeholder{display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--project-accent) 22%,transparent),transparent 40%),linear-gradient(140deg,#172437,#080d14)}.project-placeholder:before{content:"N5";font-size:clamp(7rem,17vw,15rem);font-weight:1000;letter-spacing:-.14em;color:rgba(255,255,255,.055);transform:rotate(-8deg)}.project-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}.project-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.project-meta span{padding:7px 10px;border:1px solid color-mix(in srgb,var(--project-accent) 35%,var(--line));border-radius:999px;color:#dbe8e1;font-size:.71rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.project-copy h3{font-size:clamp(2.1rem,4vw,4rem);margin-bottom:17px}.project-copy>p{color:var(--muted);font-size:1.03rem}.project-detail{padding:17px 0;border-top:1px solid var(--line)}.project-detail:first-of-type{margin-top:15px}.project-detail span{display:block;margin-bottom:5px;color:var(--project-accent);font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.project-detail p{margin:0;color:#c7d2de}.projects-grid .project-story{min-height:0;grid-template-columns:1fr}.projects-grid .project-gallery{min-height:420px}.projects-grid .project-copy{padding:32px}

/* Redes con iconos */
.socials{display:flex;flex-wrap:wrap;gap:9px}.socials a{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03);color:#c4d0dd;transition:.2s ease}.socials a:hover{color:#06130d;background:var(--green);border-color:var(--green);transform:translateY(-2px)}.socials .n5-icon{width:20px;height:20px}

/* Páginas especializadas locales */
.service-page{background:radial-gradient(circle at 88% 3%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 25%),var(--bg)}.service-nav{border-bottom:1px solid var(--line);background:rgba(7,11,18,.88);backdrop-filter:blur(16px)}.service-nav .wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.service-nav .brand{font-size:1.18rem}.service-hero{padding:96px 0 75px}.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:64px;align-items:center}.service-code{display:inline-flex;margin-bottom:25px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));border-radius:999px;color:var(--green2);font-size:.72rem;font-weight:950;letter-spacing:.12em}.service-hero h1{font-size:clamp(3rem,7vw,6.3rem)}.service-visual{min-height:520px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle,color-mix(in srgb,var(--green) 17%,transparent),transparent 33%),linear-gradient(145deg,#152235,#080d15);overflow:hidden;box-shadow:var(--shadow)}.service-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-symbol{width:170px;aspect-ratio:1;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--green) 40%,var(--line));border-radius:42px;background:rgba(7,12,19,.75);color:var(--green2);box-shadow:0 0 80px color-mix(in srgb,var(--green) 17%,transparent);transform:rotate(-6deg)}.service-symbol .n5-icon{width:78px;height:78px}.service-content-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:50px;align-items:start}.service-includes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:30px 0}.service-includes div{display:flex;gap:10px;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);color:#d0dbe6}.service-includes .n5-icon{color:var(--green);margin-top:3px}.service-side-card{position:sticky;top:100px;padding:29px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--green) 9%,transparent),rgba(255,255,255,.02))}.service-side-card h3{font-size:1.5rem}.service-side-card p{color:var(--muted)}.service-side-card .btn{width:100%;margin-top:15px}

/* Revelado opcional y protecciones de rendimiento */
.has-reveal .cv,.has-reveal .experience-step,.has-reveal .project-story{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.has-reveal .is-visible{opacity:1;transform:none}.has-reveal .experience-step.active{transform:translateX(8px)}.no-glow .experience-ambient,.no-glow .hero-card:before{display:none}.runtime-light .experience-orbit{animation:none}.runtime-light .experience-visual{min-height:420px}.runtime-static .experience-shell{display:none}.runtime-off .experience-section{display:none}.slow-connection .marquee-track{animation:none}.slow-connection .experience-orbit{animation:none}

@media(max-width:1100px){.service-link-grid{grid-template-columns:repeat(3,1fr)}.experience-shell{grid-template-columns:.9fr 1.1fr;gap:35px}.project-story{grid-template-columns:1fr;min-height:0}.project-gallery{min-height:520px}.project-copy{padding:38px}.service-hero-grid,.service-content-grid{gap:38px}}
@media(max-width:900px){.experience-shell{grid-template-columns:1fr}.experience-visual{position:relative;top:auto;min-height:480px}.experience-steps{grid-template-columns:repeat(2,1fr)}.experience-step{min-height:205px}.service-link-grid{grid-template-columns:repeat(2,1fr)}.trust-heading,.service-hero-grid,.service-content-grid{grid-template-columns:1fr}.service-visual{min-height:430px}.service-side-card{position:static}.project-gallery{min-height:460px}.projects-heading{display:block}}
@media(max-width:680px){.experience-section{padding-top:76px}.experience-shell{margin-top:34px}.experience-visual{min-height:360px;border-radius:24px}.experience-core{width:116px;border-radius:28px}.experience-core span{font-size:3rem}.orbit-a{width:245px}.orbit-b{width:330px}.experience-output{width:145px;min-height:112px;padding:15px;border-radius:16px}.experience-output strong{font-size:.92rem}.experience-output:nth-of-type(3n+1){left:3%;top:5%}.experience-output:nth-of-type(3n+2){right:3%;top:8%}.experience-output:nth-of-type(3n){right:4%;bottom:6%}.experience-glyph{width:38px;height:38px;margin-bottom:14px}.experience-steps{grid-template-columns:1fr}.experience-step{min-height:0;padding:20px}.experience-step.active{transform:none}.experience-closing{align-items:flex-start;flex-direction:column}.service-link-grid{grid-template-columns:1fr}.service-link{min-height:168px}.trust-heading{gap:17px}.trusted-rail{grid-template-columns:repeat(2,1fr)}.project-gallery{grid-template-columns:1fr;grid-template-rows:290px}.project-gallery>*:first-child{grid-row:auto}.project-gallery>*:not(:first-child){display:none}.project-copy{padding:27px}.service-includes{grid-template-columns:1fr}.service-hero{padding-top:72px}.service-visual{min-height:340px}.service-symbol{width:130px}.service-symbol .n5-icon{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.experience-orbit,.hero-canvas-orbit,.hero-canvas-chip{animation:none!important}.btn,.route,.capability,.service-link,.trusted-brand,.experience-output,.experience-step,.project-story{transition:none!important}.has-reveal .cv,.has-reveal .experience-step,.has-reveal .project-story{opacity:1!important;transform:none!important}}
.service-link>.n5-icon{display:none}.service-link-icon{display:grid!important;place-items:center;width:46px;height:46px;margin-bottom:auto;border-radius:14px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green2)}.service-link-icon .n5-icon{width:25px!important;height:25px!important;margin:0!important}.service-link-arrow{margin-top:auto!important}.nav-links.service-nav{border:0;background:none;backdrop-filter:none}.service-symbol{grid-auto-flow:row;gap:12px}.service-symbol span{color:#fff;font-size:1.1rem;font-weight:1000;letter-spacing:-.05em}.socials a{position:relative}.socials a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;color:#91a0b2;font-size:.8rem;font-weight:800}.breadcrumbs a:hover{color:#fff}.breadcrumbs b{color:#dbe5ef}

/* N5 PROJECT BRIEF */
.project-form-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.03)}
.n5-project-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.n5-project-form label{display:grid;gap:7px;font-weight:750;color:var(--text)}.n5-project-form input,.n5-project-form select,.n5-project-form textarea{width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,.18);color:var(--text);font:inherit}.n5-project-form textarea{min-height:130px;resize:vertical}.n5-project-form .full{grid-column:1/-1}.n5-project-form .check{display:flex;align-items:flex-start;gap:9px;font-size:.82rem;color:var(--muted)}.n5-project-form .check input{width:auto;margin-top:4px}.n5-project-form .help{font-size:.75rem;color:var(--muted);font-weight:500}.n5-project-form .hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.project-form-section{padding-top:0}@media(max-width:820px){.project-form-card{grid-template-columns:1fr}}@media(max-width:620px){.n5-project-form{grid-template-columns:1fr}}

/* N5 project brief V2.1 — low friction */
.project-entry-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(0,194,106,.035));box-shadow:0 20px 60px rgba(0,0,0,.12)}.project-entry-copy h2{margin:.2rem 0 .7rem}.project-entry-copy p{max-width:620px}.project-entry-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.project-brief{min-width:0}.project-brief[open]{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(0,0,0,.12)}.project-brief .n5-project-form{margin-top:0}.project-brief .advanced-field{opacity:.88}.project-brief::details-content{content-visibility:visible}.n5-project-form input,.n5-project-form select,.n5-project-form textarea{transition:border-color .18s,box-shadow .18s,background .18s}.n5-project-form input:focus,.n5-project-form select:focus,.n5-project-form textarea:focus{border-color:rgba(0,194,106,.7);box-shadow:0 0 0 3px rgba(0,194,106,.1)}.n5-project-form textarea{min-height:110px}.n5-project-form .btn{min-height:48px}.n5-project-form .help{display:inline-block}.project-entry-card .btn{min-height:46px}.project-entry-card .btn-secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);color:var(--text)}
@media(max-width:820px){.project-entry-card{grid-template-columns:1fr;padding:22px}.project-brief[open]{padding:15px}}

/* N5 Journal / Posts */
.n5-journal-note{border:1px solid rgba(255,255,255,.08);background:var(--surface,#101925);border-radius:24px;padding:22px}

/* N5 WORK GALLERY — conversion-focused mixed media */
.n5-work-gallery-section{position:relative}
.n5-work-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
.n5-work-gallery-heading h2{margin:.2em 0 .35em}
.n5-work-gallery-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(0,194,106,.28);background:rgba(0,194,106,.07);color:var(--green2);padding:9px 12px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}
.n5-work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:16px;align-items:start}
.n5-work-card{min-width:0;grid-column:span 4;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.16)}
.n5-work-card-vertical{grid-column:span 4}
.n5-work-card-horizontal{grid-column:span 8}
.n5-work-card-square{grid-column:span 4}
.n5-work-media{position:relative;display:block;width:100%;padding:0;border:0;background:#070b12;overflow:hidden;cursor:pointer;aspect-ratio:4/3}
.n5-work-card-vertical .n5-work-media{aspect-ratio:9/16}
.n5-work-card-horizontal .n5-work-media{aspect-ratio:16/9}
.n5-work-card-square .n5-work-media{aspect-ratio:1/1}
.n5-work-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.n5-work-card-vertical .n5-work-media img{object-fit:cover}
.n5-work-card:hover .n5-work-media img{transform:scale(1.025)}
.n5-work-card-copy{padding:13px 15px 16px}
.n5-work-type{display:block;color:var(--green2);font-size:.68rem;letter-spacing:.1em;font-weight:850}
.n5-work-card-copy h3{margin:.35rem 0 .25rem;font-size:1rem}
.n5-work-card-copy p{margin:0;color:var(--muted);line-height:1.55;font-size:.9rem}
.n5-work-video-label{position:absolute;left:12px;bottom:12px;z-index:3;padding:7px 10px;border-radius:999px;background:rgba(4,8,12,.78);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.72rem;font-weight:850;backdrop-filter:blur(8px)}
.n5-work-placeholder{display:grid;place-items:center;height:100%;color:var(--green2)}
.n5-work-gallery-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:18px 20px;border:1px solid rgba(0,194,106,.2);border-radius:var(--radius);background:linear-gradient(135deg,rgba(0,194,106,.08),rgba(255,255,255,.025))}
.n5-work-gallery-cta strong,.n5-work-gallery-cta span{display:block}
.n5-work-gallery-cta strong{font-size:1rem}
.n5-work-gallery-cta span{margin-top:3px;color:var(--muted);font-size:.88rem}
@media(max-width:900px){
  .n5-work-card,.n5-work-card-vertical,.n5-work-card-horizontal,.n5-work-card-square{grid-column:span 6}
  .n5-work-card-vertical .n5-work-media{aspect-ratio:9/16}
  .n5-work-card-horizontal .n5-work-media{aspect-ratio:16/9}
}
@media(max-width:650px){
  .n5-work-gallery-heading{display:block}
  .n5-work-gallery-badge{margin-top:14px}
  .n5-work-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .n5-work-card,.n5-work-card-vertical,.n5-work-card-horizontal,.n5-work-card-square{grid-column:1}
  .n5-work-media{aspect-ratio:4/3}
  .n5-work-card-vertical .n5-work-media{aspect-ratio:9/16}
  .n5-work-card-horizontal .n5-work-media{aspect-ratio:16/9}
  .n5-work-gallery-cta{display:block}
  .n5-work-gallery-cta .btn{margin-top:13px;width:100%;justify-content:center}
}

/* N5 Work Gallery V2 — visible play affordance + in-context modal */
.n5-work-media{isolation:isolate}
.n5-work-media .video-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.02) 48%,rgba(0,0,0,.08));z-index:1;pointer-events:none}
.n5-work-media .video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;z-index:2;background:rgba(8,13,18,.78);border:1px solid rgba(255,255,255,.7);color:#fff;box-shadow:0 8px 26px rgba(0,0,0,.34);font-size:1.15rem;transition:transform .2s ease,background .2s ease}
.n5-work-card:hover .video-play{transform:translate(-50%,-50%) scale(1.06);background:rgba(0,194,106,.9)}
.n5-work-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.n5-work-meta span{font-size:.68rem;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:var(--muted)}
.n5-work-video-modal[hidden]{display:none!important}
.n5-work-video-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}
.n5-work-video-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}
.n5-work-video-dialog{position:relative;z-index:1;width:min(980px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0b1118;box-shadow:0 30px 100px rgba(0,0,0,.65)}
.n5-work-video-close{position:absolute;right:10px;top:10px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.65);color:#fff;font-size:24px;cursor:pointer}
.n5-work-video-frame{display:grid;place-items:center;background:#05080c;min-height:300px;max-height:72vh;overflow:hidden}
.n5-work-video-frame iframe{display:block;width:100%;height:min(70vh,700px);border:0}
.n5-work-video-info{padding:18px 20px 20px}
.n5-work-video-info h2{margin:.25rem 0 .4rem}
.n5-work-video-info p{margin:0;color:var(--muted);line-height:1.55}
.n5-work-external-message{min-height:320px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:#fff}
.n5-work-external-message span{max-width:520px;color:var(--muted);line-height:1.5}
@media(max-width:650px){
  .n5-work-video-modal{padding:10px}
  .n5-work-video-dialog{width:100%;max-height:96vh;border-radius:14px}
  .n5-work-video-frame{min-height:250px;max-height:72vh}
  .n5-work-video-frame iframe{height:68vh}
  .n5-work-video-info{padding:14px}
  .n5-work-media .video-play{width:52px;height:52px}
}
.n5-video-modal-open{overflow:hidden!important}

/* N5 Work Gallery V3 — keep every supported video inside N5 */
.n5-work-video-frame .n5-tiktok-player{width:min(100%,520px)!important;height:min(78vh,760px)!important;aspect-ratio:9/16;border:0;background:#05080c}
.n5-work-video-modal-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}
.n5-work-video-modal-cta span{color:var(--muted);font-size:.86rem}
.n5-work-video-modal-cta .btn{white-space:nowrap}
.n5-work-external-message{min-height:320px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:#fff}
@media(max-width:650px){
  .n5-work-video-frame .n5-tiktok-player{width:min(100%,430px)!important;height:70vh!important}
  .n5-work-video-modal-cta{display:block}
  .n5-work-video-modal-cta .btn{display:flex;margin-top:12px;width:100%;justify-content:center}
}

/* N5 Work Gallery V3.1 — mobile-safe video closing UX */
.n5-work-video-dialog{
  position:relative;
}
.n5-work-video-close{
  position:absolute;
  right:12px;
  top:12px;
  z-index:20;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(5,9,14,.86);
  color:#fff;
  font-size:25px;
  line-height:1;
  font-weight:500;
  cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.4);
  -webkit-tap-highlight-color:transparent;
}
.n5-work-video-close:hover,
.n5-work-video-close:focus-visible{
  background:rgba(0,194,106,.94);
  border-color:rgba(255,255,255,.85);
  outline:none;
}
@media(max-width:650px){
  .n5-work-video-modal{
    padding:8px;
    align-items:center;
  }
  .n5-work-video-dialog{
    width:100%;
    max-width:520px;
    max-height:96dvh;
    max-height:96vh;
    overflow:auto;
    border-radius:16px;
  }
  .n5-work-video-close{
    right:8px;
    top:8px;
    width:46px;
    height:46px;
    min-width:46px;
    min-height:46px;
    font-size:27px;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(6px);
  }
  .n5-work-video-frame{
    position:relative;
  }
  .n5-work-video-info{
    padding-bottom:18px;
  }
}

/* N5 Work Gallery V3.2 — WhatsApp/in-app browser close safety */
@media(max-width:650px){
  .n5-work-video-close{
    position:fixed;
    top:max(10px, env(safe-area-inset-top));
    right:max(10px, env(safe-area-inset-right));
    z-index:2147483000;
    width:48px;
    height:48px;
    min-width:48px;
    min-height:48px;
    border-radius:50%;
    background:rgba(4,8,13,.94);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 8px 28px rgba(0,0,0,.55);
  }
  .n5-work-video-dialog{
    max-height:calc(100dvh - 16px);
    max-height:calc(100vh - 16px);
  }
}
/* Legacy player must never be visible. */
.n5-video-modal,
#n5-video-modal{display:none!important;}

/* N5 Reviews V1 — lightweight, responsive trust cards */
.n5-review-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.n5-review-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}
.n5-review-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.n5-stars{color:#f5c542;letter-spacing:1.5px;font-size:15px;white-space:nowrap}
.n5-source-badge{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(0,194,106,.08);color:#6ee7a8;border:1px solid rgba(0,194,106,.16)}
.n5-review-card blockquote{margin:0;line-height:1.65}
.n5-review-card figcaption{display:flex;align-items:center;gap:10px;margin-top:auto}
.n5-review-card figcaption img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.n5-review-card figcaption div{display:grid;gap:3px}
.n5-review-card figcaption span{font-size:12px;opacity:.7}
.n5-review-source-link{font-size:12px;text-decoration:none;opacity:.78}
@media(max-width:900px){.n5-review-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.n5-review-cards{grid-template-columns:1fr}.n5-review-card{padding:18px}}