:root{--bg:#090c14;--bg2:#0e1220;--panel:#111726;--text:#eef4ff;--muted:#99a6be;--cyan:#18e9f6;--purple:#b75cff;--border:rgba(151,178,210,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}::selection{background:var(--cyan);color:#041016}.container{max-width:1280px;padding:0 34px;margin:auto}.skip-link{position:absolute;top:-80px;left:10px;background:#fff;color:#000;z-index:999;padding:12px}.skip-link:focus{top:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h2{letter-spacing:-.055em;font-size:clamp(40px,5.2vw,76px);line-height:1.08;font-weight:600}h2 em{font-style:normal;color:var(--cyan)}p{line-height:1.75}.site-header{height:88px;position:sticky;top:0;z-index:100;background:rgba(9,12,20,.87);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.header-inner{height:100%;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;flex-shrink:0;width:215px;max-width:35vw;height:56px}.brand-image{display:block;width:100%;height:56px;object-fit:contain;object-position:left center}.brand-original{filter:brightness(0) invert(1)}.main-nav{margin-left:auto}.nav-list{display:flex;gap:28px;list-style:none;padding:0;margin:0}.nav-list a{color:#bcc9dc;font-size:13px;font-weight:600;transition:color .2s}.nav-list a:hover,.nav-list .current-menu-item a{color:var(--cyan)}.header-cta{white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.07em;border:1px solid rgba(24,233,246,.55);padding:14px 18px;color:var(--cyan);font-weight:700}.header-cta span{margin-left:12px}.menu-toggle{display:none}.hero{min-height:740px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 74% 44%,#131b38 0%,transparent 44%),#090c14}.hero-glow{position:absolute;pointer-events:none;filter:blur(85px);border-radius:50%;opacity:.5}.glow-one{width:490px;height:420px;right:7%;top:14%;background:#192c7c}.glow-two{width:310px;height:310px;right:13%;bottom:4%;background:#611c83;opacity:.22}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(65,122,186,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(65,122,186,.045) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to right,transparent 10%,#000 90%);pointer-events:none}.hero-layout{min-height:662px;display:grid;grid-template-columns:57% 43%;align-items:center;position:relative}.hero-content{z-index:2;padding:80px 0}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.17em;font-weight:700;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:33px}.live-dot{display:inline-block;vertical-align:middle;background:#18e9f6;box-shadow:0 0 15px #18e9f6;width:7px;height:7px;border-radius:50%}.hero h1{font-size:clamp(52px,5.7vw,88px);letter-spacing:-.065em;line-height:1.05;font-weight:600;max-width:750px;margin:0 0 30px}.hero h1::first-line{color:#fff}.hero-lead{max-width:560px;color:#b4bfd3;font-size:17px;line-height:1.85;margin-bottom:36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:17px 22px;font-size:13px;font-weight:700;min-height:54px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--cyan);color:#07111b}.btn-outline{border:1px solid #45546b;color:#ecf7ff}.btn-outline:hover{border-color:var(--cyan)}.hero-art{height:560px;position:relative;display:flex;align-items:center;justify-content:center;transform:translateX(20px)}.orb-ring{position:absolute;border:1px solid rgba(49,227,255,.22);border-radius:50%;box-shadow:0 0 35px rgba(25,204,235,.08)}.ring-a{width:460px;height:460px;transform:rotateX(66deg) rotate(-24deg);border-width:2px}.ring-b{width:420px;height:420px;transform:rotateY(65deg) rotate(36deg);border-color:rgba(186,77,252,.4)}.ring-c{width:510px;height:510px;transform:rotateX(35deg) rotateY(45deg);border-style:dashed}.orb-core{width:270px;height:270px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2a8da5 0%,#132447 30%,#090e22 60%,#040710 70%);box-shadow:0 0 36px #079bdb66,0 0 110px #7432cc40,inset -18px -20px 40px #010306,inset 12px 9px 40px #2b9eb350;position:relative;animation:float 8s ease-in-out infinite}.orb-core:before{content:'';position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(35,233,252,.4)}.orb-core-center{position:absolute;inset:45px;border-radius:50%;border:1px dashed rgba(131,225,255,.2)}.art-coordinates{position:absolute;color:#73a3be;font:10px/1.8 monospace;letter-spacing:.14em}.art-coordinates.top{top:35px;right:0}.art-coordinates.bottom{bottom:30px;left:2%}.art-cross{position:absolute;color:var(--cyan);font-size:26px;font-weight:200}.cross-one{top:110px;left:20px}.cross-two{bottom:95px;right:30px}.hero-index{position:relative;display:flex;justify-content:space-between;color:#718096;font:10px monospace;letter-spacing:.1em;padding-bottom:27px}.signal-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0c101b}.signal-inner{min-height:70px;display:flex;gap:25px;align-items:center;justify-content:space-between;color:#7489a4;font-size:10px;font-weight:800;letter-spacing:.13em}.signal-inner i{width:4px;height:4px;background:var(--cyan);transform:rotate(45deg);flex:none}.section{padding:125px 0}.section-kicker{margin-bottom:28px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:52px}.section-heading h2{margin:0}.section-heading p{color:var(--muted);font-size:15px;max-width:390px;margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.service-card{background:#0d121f;position:relative;min-height:295px;padding:28px 30px;transition:background .2s}.service-card:hover{background:#142035}.service-top{display:flex;justify-content:space-between;align-items:center;color:#6d819b;font:10px monospace;letter-spacing:.11em}.service-symbol{font-family:serif;color:var(--cyan);font-size:32px}.service-card h3{font-size:23px;letter-spacing:-.045em;margin:52px 0 13px}.service-card p{font-size:14px;line-height:1.75;color:#97a8c1;margin:0;max-width:310px}.card-corner{position:absolute;bottom:20px;right:24px;color:var(--cyan)}.lab-section{background:linear-gradient(110deg,#111126,#10182e);padding:115px 0;position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lab-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.lab-layout h2{margin-bottom:26px}.lab-layout p{max-width:470px;color:#adbcd0}.text-link{display:inline-flex;margin-top:22px;border-bottom:1px solid var(--cyan);padding-bottom:10px;color:var(--cyan);font-size:14px;font-weight:700;gap:35px}.lab-terminal{border:1px solid #324361;background:#070e1c;box-shadow:0 18px 80px rgba(0,0,0,.35)}.terminal-bar{height:48px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29384b;color:#7d90aa;letter-spacing:.12em;font:10px monospace}.terminal-dots{display:flex;gap:5px}.terminal-dots b{height:6px;width:6px;border-radius:50%;background:#6e7893}.terminal-dots b:first-child{background:#ee678c}.terminal-dots b:nth-child(2){background:#eeb45f}.terminal-dots b:nth-child(3){background:#4ccdbf}.terminal-body{padding:28px;font:12px monospace;color:#98a9bd}.terminal-body p{margin:0 0 13px}.terminal-body p span{color:var(--cyan)}.terminal-line{padding-top:15px;border-top:1px solid #233246;display:flex;gap:22px;font-size:11px}.terminal-line strong{color:var(--cyan)}.terminal-visual{height:230px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse,#123050 0%,transparent 67%);margin-top:10px}.terminal-visual-ring{width:215px;height:215px;border:1px solid #1db8d766;border-radius:50%;box-shadow:inset 0 0 30px #14a5df10,0 0 25px #0dd6dd19;position:absolute}.terminal-visual-ring:before,.terminal-visual-ring:after{content:'';position:absolute;inset:24px;border:1px dashed #2be5f047;border-radius:50%}.terminal-visual-ring.smaller{width:145px;height:145px;border-color:#b75cff70;transform:rotateX(66deg)}.terminal-visual-center{text-align:center;color:#d8faff;font:700 52px 'Space Grotesk';letter-spacing:-.09em;text-shadow:0 0 22px #15cbf6}.terminal-visual-center small{display:block;font:11px monospace;letter-spacing:.4em;color:var(--cyan)}.scan-line{position:absolute;left:0;right:0;top:50%;height:1px;background:#14e5ee44}.terminal-body .term-last{color:var(--cyan);font-size:10px;margin-top:12px}.blink{animation:blink 1s steps(2) infinite}.history-layout{display:grid;grid-template-columns:45% 55%;gap:65px;align-items:center}.history-logo-panel{height:480px;min-width:0;background:radial-gradient(circle,#15152a,#080b13 70%);border:1px solid var(--border);position:relative;display:flex;align-items:center;justify-content:center;padding:35px;overflow:hidden}.history-radar{position:absolute;width:370px;height:370px;border:1px solid #28455f;border-radius:50%;box-shadow:0 0 0 40px #21415616,0 0 0 90px #2141560a}.history-logo{width:100%;position:relative;mix-blend-mode:screen;object-fit:contain}.history-logo-panel>span{position:absolute;bottom:22px;left:24px;color:var(--cyan);font:10px monospace;letter-spacing:.16em}.history-copy{padding-left:20px}.history-copy h2{font-size:clamp(39px,4.2vw,64px);margin:5px 0 21px}.history-copy p{color:var(--muted);font-size:15px}.large-year{font:700 68px 'Space Grotesk';letter-spacing:-.07em;color:var(--cyan)}.large-year span{font-size:19px;color:#647e9c;letter-spacing:0;margin-left:12px}.history-metrics{display:flex;border-top:1px solid var(--border);margin-top:35px;padding-top:25px;gap:30px}.history-metrics div{flex:1}.history-metrics strong{display:block;font:600 30px 'Space Grotesk';margin-bottom:6px}.history-metrics span{font:9px monospace;letter-spacing:.08em;color:#8193a9}.work-section{background:#0d111c}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-card{border:1px solid var(--border);background:#101624}.work-art{height:310px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.work-purple{background:radial-gradient(circle at center,#462080,#120f29 58%,#0c0c1b)}.work-blue{background:radial-gradient(circle at center,#0b5b89,#0b2034 56%,#09121f)}.work-art:before,.work-art:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff44;transform:rotate(45deg)}.work-art:after{width:185px;height:185px;border-color:#ffffff22;transform:rotate(25deg)}.work-glyph{font-size:112px;color:#ffffffbc;text-shadow:0 0 55px #b164ff;position:relative;z-index:1}.work-label{position:absolute;left:25px;bottom:22px;font:10px monospace;letter-spacing:.16em;color:#b3d9f7}.work-caption{padding:28px}.work-caption h3{font-size:23px;margin-bottom:7px}.work-caption p{color:var(--muted);margin:0;font-size:14px}.contact-section{background:linear-gradient(125deg,#0cbfdf,#148df1 60%,#7461df);padding:105px 0;color:#041622;position:relative;overflow:hidden}.contact-section:after{content:'+';font:600 500px 'Space Grotesk';position:absolute;right:-20px;top:-250px;opacity:.06;pointer-events:none}.contact-inner{position:relative;z-index:1}.contact-section .section-kicker{color:#074257}.contact-section h2{font-size:clamp(52px,7.2vw,104px);margin-bottom:15px}.contact-section h2 em{color:#fff}.contact-section p{max-width:550px;color:#16425a;font-size:17px}.btn-light{background:#07101b;color:#fff;margin-top:18px}.contact-whatsapp{display:inline-block;margin-left:25px;font-size:13px;font-weight:700}.site-footer{background:#080b13;padding:60px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:45px;padding-bottom:60px}.footer-brand{width:230px}.footer-top p{color:#7d8ba3;font-size:13px;margin-top:20px}.footer-right{display:flex;align-items:start;flex-direction:column;gap:15px}.footer-heading{color:var(--cyan);font:11px monospace;letter-spacing:.13em}.footer-mail{font-size:21px;font-family:'Space Grotesk'}.footer-right>a:not(.footer-mail){color:#a4b0c1;font-size:13px}.footer-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:30px;padding-top:22px;color:#7d8ba3;font-size:10px;letter-spacing:.07em}.footer-bottom .live-dot{margin-left:5px;width:5px;height:5px}.inner-hero{padding:115px 0 75px;background:radial-gradient(ellipse at 85% 25%,#1a2442,transparent 45%);border-bottom:1px solid var(--border)}.inner-hero h1{font-size:clamp(46px,6vw,80px);letter-spacing:-.06em;line-height:1.1;max-width:900px;margin:18px 0}.inner-content{padding:80px 0 120px;min-height:40vh;max-width:950px}.inner-content :is(h2,h3){margin-top:1.5em}.inner-content a{color:var(--cyan)}.entry-meta{color:var(--muted);font-size:13px}.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.post-item{border:1px solid var(--border);padding:25px;background:var(--bg2)}.post-item h2{font-size:27px;letter-spacing:-.03em}.post-item p{color:var(--muted)}.pagination{margin-top:30px}.pagination a,.pagination span{padding:8px}.page-content img{height:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}.alignwide{max-width:1100px}.alignfull{max-width:none}
@keyframes float{50%{transform:translateY(-22px) rotate(6deg)}}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1100px){.nav-list{gap:16px}.header-inner{gap:22px}.header-cta{display:none}.hero-layout{grid-template-columns:60% 40%}.hero-art{transform:scale(.82)}.signal-inner{flex-wrap:wrap;justify-content:center;padding:20px 34px}.lab-layout{gap:40px}}
@media(max-width:780px){body.admin-bar .site-header{top:46px}.container{padding:0 22px}.site-header{height:72px}.brand{width:192px}.brand-image{height:48px}.menu-toggle{display:flex;margin-left:auto;width:40px;height:42px;padding:9px 5px;border:0;background:transparent;flex-direction:column;justify-content:space-around;cursor:pointer}.menu-toggle span{height:2px;background:var(--cyan);width:100%}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#0e1523;border-bottom:1px solid var(--border);margin:0;padding:24px}.main-nav.is-open{display:block}.nav-list{flex-direction:column;gap:20px}.nav-list a{font-size:16px}.hero{min-height:auto}.hero-layout{min-height:0;display:flex;flex-direction:column;align-items:stretch}.hero-content{padding:90px 0 25px}.hero h1{font-size:clamp(48px,9vw,68px)}.hero-lead{font-size:15px}.hero-art{height:340px;transform:scale(.66);margin:-85px 0 -55px}.hero-index{padding-top:25px}.signal-inner{gap:15px;font-size:9px}.section{padding:80px 0}.section-heading{display:block}.section-heading p{margin-top:25px}.service-grid{grid-template-columns:repeat(2,1fr)}.lab-section{padding:80px 0}.lab-layout,.history-layout{grid-template-columns:1fr;gap:45px}.history-copy{padding:0}.history-logo-panel{height:330px}.work-art{height:225px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:520px){.hero h1{font-size:47px}.hero-actions{display:flex;flex-direction:column}.hero-actions .btn{width:100%}.scroll-hint{display:none}.signal-inner i{display:none}.signal-inner{justify-content:flex-start}.service-grid,.work-grid,.post-list{grid-template-columns:1fr}.service-card{min-height:265px}.history-metrics{gap:12px}.history-metrics strong{font-size:25px}.history-metrics span{font-size:8px}.large-year{font-size:50px}.large-year span{font-size:14px}.footer-top{display:block}.footer-right{margin-top:35px}.footer-mail{font-size:18px}.contact-whatsapp{display:block;margin:20px 0 0}.contact-section{padding:80px 0}.terminal-body{padding:17px}.terminal-bar{font-size:8px}}

/* CIBERVIVIENTE / VISUAL SYSTEM 0.2 — layered editorial / cyberpunk corporate */
:root{--bg:#060913;--bg2:#0a1020;--panel:#0c1426;--text:#f2f7ff;--muted:#a5b5cc;--cyan:#33efff;--purple:#9f71ff;--border:rgba(112,170,225,.19)}
body{background:#060913}
.site-header{background:rgba(5,9,18,.92);border-bottom-color:rgba(67,132,179,.22)}
.container{max-width:1370px}
.hero{min-height:790px;background:radial-gradient(ellipse at 80% 44%,#10244b 0%,transparent 42%),linear-gradient(116deg,#060811 16%,#0a1125 57%,#090719 100%)}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(87,171,226,.012) 5px 6px);opacity:.6}
.hero-layout{grid-template-columns:51% 49%;min-height:705px;gap:0}
.hero-content{padding:84px 0 92px;position:relative}
.hero-content:before{content:'';position:absolute;width:44px;height:1px;top:49px;left:0;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}
.hero h1{font-size:clamp(54px,5.8vw,92px);line-height:1.025;max-width:770px;letter-spacing:-.068em;font-weight:700;margin-bottom:32px}
.hero-lead{max-width:540px;font-size:17px;line-height:1.76;color:#b8c6d9}
.hero-actions{gap:14px}
.hero-actions .btn{min-height:59px;padding:16px 23px;letter-spacing:-.01em}
.btn-primary{background:#2cebf5;box-shadow:0 10px 50px rgba(24,233,246,.12)}
.btn-primary:hover{box-shadow:0 16px 55px rgba(24,233,246,.28)}
.eyebrow{font-size:11px;letter-spacing:.21em}
.hero-art{height:630px;transform:none;margin:0;display:block;position:relative;overflow:visible}
.cyber-scene{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 100%);background:radial-gradient(circle at 50% 51%,rgba(26,180,217,.19),rgba(29,28,113,.18) 33%,transparent 66%)}
.scene-grid{position:absolute;inset:0;opacity:.54;background-image:linear-gradient(rgba(48,183,234,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(48,183,234,.08) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,#000 12%,transparent 76%)}
.scene-beam{position:absolute;top:8%;left:50%;width:1px;height:84%;background:linear-gradient(transparent,rgba(61,233,255,.65),transparent);transform-origin:center;opacity:.38}.beam-a{transform:rotate(54deg)}.beam-b{transform:rotate(-54deg)}
.scene-meta{position:absolute;font:10px ui-monospace,monospace;letter-spacing:.16em;color:#91cfef;display:flex;align-items:center;gap:12px}.meta-top{top:10%;left:12%;right:10%;justify-content:space-between;border-top:1px solid rgba(92,213,245,.4);padding-top:12px}.micro-pulse{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.scene-orbit{position:absolute;left:50%;top:49%;width:450px;height:450px;border:1px solid rgba(48,203,249,.26);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg) rotate(-28deg)}
.orbit-outer:before{content:'';position:absolute;inset:25px;border:1px dashed rgba(140,114,255,.25);border-radius:50%}.orbit-inner{width:365px;height:365px;border-color:rgba(154,99,251,.45);transform:translate(-50%,-50%) rotateY(68deg) rotate(37deg)}
.scene-prism{position:absolute;left:50%;top:49%;width:278px;height:278px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(66,229,255,.85);border-radius:26px;background:linear-gradient(145deg,rgba(34,92,150,.33),rgba(5,12,29,.9) 50%,rgba(85,36,120,.27));box-shadow:0 0 0 12px rgba(28,161,206,.055),0 0 85px rgba(18,220,247,.21),inset 0 0 85px rgba(17,129,193,.2);animation:prismFloat 9s ease-in-out infinite}
.scene-prism:before{content:'';position:absolute;inset:24px;border:1px solid rgba(50,207,253,.27);border-radius:14px}.scene-prism:after{content:'';position:absolute;width:13px;height:13px;right:-7px;top:calc(50% - 7px);background:#37edff;box-shadow:0 0 24px #37edff}
.prism-inner{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotate(-45deg)}.prism-symbol{font:bold 100px 'Space Grotesk',sans-serif;letter-spacing:-.15em;color:#f1fbff;text-shadow:0 0 38px rgba(39,213,251,.65);padding-right:20px}.prism-symbol span{color:#36edfa}.prism-year{font:11px ui-monospace,monospace;color:#81dfee;letter-spacing:.3em;margin-top:-12px}
.scene-card{position:absolute;z-index:2;width:173px;min-height:108px;padding:17px 16px;background:rgba(8,17,34,.87);border:1px solid rgba(82,201,236,.34);box-shadow:0 18px 54px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.scene-card small{display:block;font:9px ui-monospace,monospace;color:#55d6ea;letter-spacing:.08em}.scene-card b{display:block;font:700 18px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#fff;margin-top:12px}.card-ai{top:27%;left:3%}.card-build{right:1%;bottom:27%}.scene-card-line{display:block;width:55%;height:2px;margin-top:12px;background:linear-gradient(90deg,#39edff,transparent)}.scene-card-bars{display:flex;align-items:end;gap:4px;height:18px;margin-top:8px}.scene-card-bars i{display:block;width:7px;height:7px;background:#39edff}.scene-card-bars i:nth-child(2){height:14px}.scene-card-bars i:nth-child(3){height:11px}.scene-card-bars i:nth-child(4){height:18px}.scene-card-bars i:nth-child(5){height:8px}
.scene-bottom{position:absolute;bottom:9%;left:10%;right:7%;border-bottom:1px solid rgba(92,213,245,.36);padding-bottom:12px;display:flex;justify-content:space-between;gap:12px;color:#8abbd4;font:9px ui-monospace,monospace;letter-spacing:.08em}.scene-bottom span:first-child{color:var(--cyan)}
.hero-index{font-size:10px;letter-spacing:.13em}
.signal-strip{background:#0b1a2a;border-top:1px solid rgba(44,229,245,.22);border-bottom:1px solid rgba(44,229,245,.13)}
.section-heading{gap:50px}.section-heading h2{max-width:720px}
.service-card{transition:background .25s ease,border-color .25s ease,transform .25s ease;position:relative;overflow:hidden}.service-card:before{content:'';position:absolute;left:0;top:0;width:0;height:2px;background:var(--cyan);transition:width .35s}.service-card:hover{transform:translateY(-5px);border-color:rgba(55,232,255,.4);background:#101e31}.service-card:hover:before{width:100%}
.history-logo-panel{border-color:rgba(55,232,255,.27)}.history-section{background:linear-gradient(145deg,#080b15,#0c1425)}
.work-card{transition:transform .25s,border-color .25s}.work-card:hover{transform:translateY(-5px);border-color:rgba(55,232,255,.4)}
.footer-top{border-top:1px solid rgba(66,229,255,.2);padding-top:42px}
@keyframes prismFloat{50%{transform:translate(-50%,-53%) rotate(45deg)}}
@media(max-width:1100px){.hero-layout{grid-template-columns:54% 46%}.hero-art{transform:scale(.86);transform-origin:center right}.scene-card{width:150px}.scene-bottom{font-size:8px}}
@media(max-width:780px){.hero{min-height:auto}.hero-layout{display:flex;flex-direction:column}.hero-content{padding:75px 0 20px}.hero-content:before{top:42px}.hero h1{font-size:clamp(46px,9vw,68px)}.hero-art{width:100%;height:480px;transform:none;margin:0}.cyber-scene{mask-image:none}.scene-prism{width:230px;height:230px}.prism-symbol{font-size:80px}.scene-orbit{width:350px;height:350px}.orbit-inner{width:300px;height:300px}.card-ai{left:3%;top:18%}.card-build{right:2%;bottom:19%}.scene-bottom{bottom:4%}.hero-index{padding-top:10px}.history-layout{gap:35px}}
@media(max-width:520px){.hero h1{font-size:clamp(43px,11.3vw,55px)}.hero-lead{font-size:15px}.hero-art{height:380px}.scene-prism{width:185px;height:185px;border-radius:19px}.prism-symbol{font-size:60px}.prism-year{font-size:8px}.scene-orbit{width:290px;height:290px}.orbit-inner{width:230px;height:230px}.scene-card{width:119px;min-height:78px;padding:11px}.scene-card small{font-size:7px}.scene-card b{font-size:13px;margin-top:9px}.card-ai{left:0;top:19%}.card-build{right:0;bottom:19%}.scene-bottom{left:4%;right:4%;font-size:7px}.scene-bottom span:nth-child(2){display:none}.meta-top{left:5%;right:5%;font-size:8px}.hero-index{font-size:8px}}
@media(prefers-reduced-motion:reduce){.scene-prism{animation:none}}


/* Ciberviviente Cyberpunk 0.3 — consolidated corporate cyberpunk visual */
html,body{width:100%;max-width:100%;overflow-x:clip}
#main,.site-header,.site-footer{max-width:100%;min-width:0}
.container{width:100%;min-width:0}
.hero-layout,.hero-content,.hero-art,.section-heading,.history-layout,.history-copy,.lab-layout,.work-grid{min-width:0}
.hero-layout{grid-template-columns:minmax(0,54%) minmax(0,46%)}
.hero-art{width:100%;min-width:0;transform:none;overflow:visible}
.cyber-scene{max-width:100%;overflow:hidden}
.scene-prism{width:260px;height:260px}
.prism-inner{display:flex;flex-direction:column;justify-content:center;align-items:center}
.prism-symbol{display:flex;align-items:center;justify-content:center;width:100%;height:150px;text-shadow:none;letter-spacing:normal}
.brand-isotype{width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(31,227,250,.48));animation:isotypePulse 7s ease-in-out infinite}
.prism-year{margin-top:0;letter-spacing:.22em}
.terminal-visual-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:none}
.terminal-isotype{display:block;width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 0 17px rgba(30,228,247,.35))}
.terminal-visual-center small{margin-top:6px;font-size:9px;letter-spacing:.22em}
.scene-card{background:rgba(7,16,33,.90);backdrop-filter:blur(14px)}
.scene-card b{line-height:1.15}
.scene-bottom,.scene-meta{letter-spacing:.08em}
.hero{background:radial-gradient(ellipse at 83% 45%,rgba(22,46,97,.42),transparent 47%),#080c17}
.hero h1{font-size:clamp(49px,5.5vw,82px)}
.section-heading h2{overflow-wrap:normal}
.service-card{background:linear-gradient(145deg,#0f1727,#0b101b);border-color:rgba(44,111,149,.18)}
.service-card:hover{background:linear-gradient(145deg,#14283e,#111628)}
.service-card:before{content:'';position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(20,232,245,.6),transparent);opacity:0;transition:opacity .25s}
.service-card:hover:before{opacity:1}
.history-logo-panel{background:radial-gradient(circle at 50% 50%,#15213d 0%,#090d18 72%)}
.history-logo{max-width:90%;max-height:75%;object-fit:contain}
.history-metrics strong{white-space:nowrap}
.work-art{height:270px}
.contact-section{background:radial-gradient(ellipse at 78% 50%,rgba(41,99,177,.22),transparent 50%),linear-gradient(120deg,#0b1325,#101229 65%,#16132c);border-top:1px solid rgba(26,220,245,.32);border-bottom:1px solid var(--border);color:var(--text);padding:110px 0}
.contact-section:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(24,233,246,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,233,246,.035) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}
.contact-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);align-items:center;gap:40px}
.contact-inner>.section-kicker{grid-column:1/-1;margin-bottom:-10px}
.contact-section .section-kicker{color:var(--cyan)}
.contact-section h2{font-size:clamp(54px,6.7vw,96px);line-height:1.02}
.contact-section h2 em{color:var(--cyan)}
.contact-section p{color:#a8bcd4;max-width:570px}
.btn-light{background:var(--cyan);color:#041421}
.contact-whatsapp{color:var(--cyan)}
.contact-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:300px;border:1px solid rgba(24,233,246,.16);background:radial-gradient(circle,rgba(16,129,183,.15),transparent 65%);clip-path:polygon(13% 0,100% 0,100% 87%,87% 100%,0 100%,0 13%)}
.contact-mark img{height:180px;width:180px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(24,233,246,.32))}
.contact-mark span{font:10px monospace;color:var(--cyan);letter-spacing:.12em;text-align:center}
.site-footer{padding-top:74px;background:linear-gradient(180deg,#090e19,#060a11)}
.footer-top{align-items:start}
.footer-mail{overflow-wrap:anywhere}
@keyframes isotypePulse{50%{filter:drop-shadow(0 0 36px rgba(31,227,250,.75));transform:scale(1.035)}}
@media(max-width:1100px){.hero-layout{grid-template-columns:minmax(0,56%) minmax(0,44%)}.hero-art{transform:none}.scene-prism{width:205px;height:205px}.brand-isotype{width:108px;height:108px}.prism-symbol{height:118px}.scene-card{width:135px}.history-layout{grid-template-columns:minmax(0,44%) minmax(0,56%);gap:25px}.history-copy{padding-left:0}}
@media(max-width:780px){.hero-layout,.history-layout{display:flex;flex-direction:column}.hero-art{height:440px;width:100%;margin:0;transform:none;overflow:hidden}.cyber-scene{width:100%;max-width:100%}.scene-prism{width:215px;height:215px}.brand-isotype{width:112px;height:112px}.contact-inner{grid-template-columns:1fr}.contact-inner>.section-kicker{grid-column:1}.contact-mark{min-height:240px}.contact-mark img{height:125px;width:125px}.history-layout{align-items:stretch}.scene-card{width:140px}}
@media(max-width:520px){.container{padding-inline:20px}.hero-content{padding-top:70px}.hero h1{font-size:clamp(41px,10vw,55px);overflow-wrap:normal}.hero-art{height:360px}.scene-prism{width:170px;height:170px}.prism-symbol{height:90px}.brand-isotype{width:87px;height:87px}.scene-card{width:110px}.scene-card b{font-size:12px}.scene-meta{font-size:7px}.scene-bottom{font-size:7px}.contact-section{padding:77px 0}.contact-section h2{font-size:clamp(46px,11vw,62px)}.contact-mark{min-height:190px}.contact-mark img{width:95px;height:95px}.history-metrics{flex-wrap:wrap}.footer-mail{font-size:clamp(16px,5vw,21px)}}
@media(prefers-reduced-motion:reduce){.brand-isotype{animation:none!important}}

/* Ciberviviente 0.4 — legend protocol */
html,body{max-width:100%;overflow-x:clip}section{min-width:0}.container{min-width:0}.hero-content,.hero-art,.history-copy{min-width:0}
.manifesto-section{background:radial-gradient(ellipse at 5% 50%,rgba(56,28,96,.19),transparent 45%),#060912;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:140px 0}
.manifesto-layout{display:grid;grid-template-columns:minmax(0,32%) minmax(0,68%);gap:clamp(35px,6vw,100px)}
.manifesto-side{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.manifesto-seal{position:relative;width:min(290px,90%);aspect-ratio:1;border:1px solid rgba(24,233,246,.2);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(17,70,109,.3),transparent 63%);clip-path:polygon(14% 0,100% 0,100% 86%,86% 100%,0 100%,0 14%)}.manifesto-seal img{width:45%;height:45%;object-fit:contain;filter:drop-shadow(0 0 25px rgba(24,233,246,.35))}.manifesto-seal span{position:absolute;bottom:22px;left:24px;font:10px monospace;color:var(--cyan);letter-spacing:.15em}.manifesto-coordinate{color:#6e849f;font:10px monospace;letter-spacing:.1em}.manifesto-copy{min-width:0}.manifesto-pretitle{font:11px monospace;color:var(--cyan);letter-spacing:.2em;margin-bottom:36px}.manifesto-copy h2{font-size:clamp(42px,5.2vw,78px);max-width:950px;line-height:1.08}.manifesto-copy p:not(.manifesto-pretitle){color:#afbed0;font-size:clamp(16px,1.65vw,20px);max-width:740px}.manifesto-copy .manifesto-statement{margin-top:45px;font-size:clamp(23px,2.8vw,39px)!important;color:#fff!important;line-height:1.3}.manifesto-statement strong{color:var(--cyan);font-weight:600}.manifesto-sign{border-top:1px solid var(--border);padding-top:25px;margin-top:50px;color:#7e9eb5;letter-spacing:.15em;font:11px monospace}.manifesto-sign span{color:var(--cyan)}
.neuro-section{position:relative;background:linear-gradient(135deg,#0c1020,#11102c 52%,#080d18);padding:125px 0;overflow:hidden}.neuro-grid{display:grid;grid-template-columns:minmax(0,51%) minmax(0,49%);gap:30px;align-items:center}.neuro-copy{position:relative;z-index:2}.neuro-copy h2{font-size:clamp(56px,6vw,90px);margin:28px 0}.neuro-copy p{color:#afc0d6;max-width:590px}.neuro-online{margin-top:32px;font:11px monospace;letter-spacing:.12em;color:var(--cyan);display:flex;align-items:center;gap:13px}.neuro-open{margin-top:20px;border:0;cursor:pointer}.neuro-note{font:10px monospace!important;margin-top:25px;letter-spacing:.07em;color:#718eac!important}.neuro-visual{min-height:510px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(18,180,220,.14),transparent 48%)}.neuro-radar{position:absolute;width:min(440px,85%);aspect-ratio:1;border:1px solid rgba(24,233,246,.22);border-radius:50%;box-shadow:0 0 0 65px rgba(24,233,246,.015),0 0 0 130px rgba(24,233,246,.01)}.neuro-radar:before,.neuro-radar:after{content:'';position:absolute;inset:13%;border:1px dashed rgba(24,233,246,.2);border-radius:50%}.neuro-radar:after{inset:27%;border-style:solid;border-color:rgba(183,92,255,.4)}.neuro-core{position:relative;z-index:1;width:220px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#102d45,#070d1b 76%);box-shadow:0 0 65px rgba(24,233,246,.12),inset 0 0 35px rgba(24,233,246,.12)}.neuro-core img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(24,233,246,.55))}.neuro-label{position:absolute;font:10px monospace;letter-spacing:.16em;color:#8fb4c8;white-space:nowrap}.neuro-label.top{top:25px;left:0}.neuro-label.bottom{bottom:24px;right:0}.neuro-cross{position:absolute;color:var(--cyan);font:25px monospace}.neuro-cross.cross-one{top:25%;right:12%}.neuro-cross.cross-two{bottom:17%;left:14%}
.neuro-float{position:fixed;bottom:24px;right:24px;z-index:1001;background:#07111e;border:1px solid var(--cyan);box-shadow:0 12px 40px rgba(0,0,0,.4);color:var(--cyan);padding:16px 20px;display:flex;align-items:center;gap:12px;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.12em;cursor:pointer}.neuro-float:hover{background:#10273b}.neuro-drawer[hidden]{display:none!important}.neuro-drawer{position:fixed;right:24px;bottom:88px;z-index:1002;width:min(390px,calc(100vw - 32px));max-height:min(590px,calc(100dvh - 115px));overflow:auto;background:#090f1c;border:1px solid rgba(24,233,246,.48);box-shadow:0 24px 75px rgba(0,0,0,.65);color:white}.neuro-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#0e1b2a;border-bottom:1px solid var(--border)}.neuro-drawer-head>div{display:grid;grid-template-columns:10px auto;column-gap:10px;align-items:center}.neuro-drawer-head strong{font-size:13px;letter-spacing:.13em}.neuro-drawer-head small{grid-column:2;color:#82a0b5;font:9px monospace;margin-top:5px}.neuro-close{border:0;background:transparent;color:white;font-size:28px;cursor:pointer}.neuro-transcript{padding:22px}.neuro-message{color:#d6e6f4;font-size:15px;line-height:1.7}.neuro-choices{display:grid;gap:9px;margin-top:20px}.neuro-choices button{border:1px solid rgba(24,233,246,.35);background:#0c1c2b;color:#e8f9ff;cursor:pointer;text-align:left;padding:12px 14px;font-size:13px}.neuro-choices button:hover,.neuro-choices button:focus-visible{border-color:var(--cyan)}.neuro-answer{border-left:2px solid var(--cyan);padding:13px;margin-top:19px;background:#112031;line-height:1.6;font-size:14px}.neuro-answer a{color:var(--cyan);text-decoration:underline}.neuro-disclaimer{border-top:1px solid var(--border);padding:12px 20px;margin:0;color:#9aafc2;font:10px monospace;line-height:1.5}
@media(max-width:800px){.manifesto-section,.neuro-section{padding:85px 0}.manifesto-layout,.neuro-grid{grid-template-columns:1fr}.manifesto-side{gap:30px}.manifesto-seal{width:165px}.manifesto-coordinate{display:none}.neuro-visual{min-height:330px}.neuro-radar{width:260px}.neuro-core{width:155px}.neuro-label{font-size:8px}}
@media(max-width:520px){.manifesto-section,.neuro-section{padding:65px 0}.manifesto-copy h2{font-size:clamp(38px,10vw,54px)}.neuro-copy h2{font-size:clamp(45px,12vw,64px)}.neuro-visual{min-height:270px}.neuro-label{max-width:80%;white-space:normal}.neuro-float{right:14px;bottom:14px;padding:12px 14px}.neuro-drawer{right:8px;bottom:70px;width:calc(100vw - 16px);max-height:calc(100dvh - 90px)}}
@media(prefers-reduced-motion:reduce){.neuro-core{animation:none}}

/* V0.5 -- cinematic cyberspace brand system */
html,body{max-width:100%;overflow-x:clip}
.hero{background:#050914;position:relative;isolation:isolate}
.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#050914 0%,rgba(5,9,20,.98) 22%,rgba(5,9,20,.62) 51%,transparent 88%)}
.hero-layout,.hero-index{position:relative;z-index:2}
.hero-layout{grid-template-columns:minmax(0,52%) minmax(0,48%)}
.hero-content{position:relative;z-index:4}
.hero h1{font-weight:700;max-width:750px;line-height:1.025;letter-spacing:-.067em;text-wrap:balance}
.hero-art-v5{transform:none;overflow:visible;height:650px;position:relative;z-index:1}
.cyber-cosmos{position:absolute;inset:-100px -16vw -40px -14%;overflow:hidden;isolation:isolate}
.cosmos-art,.cosmos-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cosmos-art{z-index:-2;filter:saturate(1.16) contrast(1.12)}
.cosmos-glow{position:absolute;inset:5% 0;background:radial-gradient(ellipse at 57% 50%,rgba(0,227,255,.23),rgba(92,37,199,.10) 32%,transparent 62%);filter:blur(36px)}
.cosmos-haze{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#050914 0%,transparent 23%,transparent 65%,#050914 100%)}
.cosmos-portal{position:absolute;left:54%;top:49%;width:min(35vw,330px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2}
.portal-halo{position:absolute;inset:5%;border:1px solid rgba(63,239,255,.5);border-radius:50%;box-shadow:0 0 24px #00f3ff45,inset 0 0 45px #00f3ff13;animation:cvc-halo 11s linear infinite}
.portal-halo:after{content:"";position:absolute;inset:-14%;border:2px dashed #7fefff43;border-radius:50%}
.portal-beacon{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(6,21,49,.9) 0%,#0a1d42ce 51%,rgba(0,220,255,.12) 72%,transparent);box-shadow:0 0 70px #00c7ee29}
.portal-isotype{position:relative;width:63%;height:63%;display:grid;place-items:center;filter:drop-shadow(0 0 25px rgba(32,230,255,.6))}
.portal-isotype img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}
.cosmos-topline,.cosmos-data,.cosmos-caption{position:absolute;z-index:3;font-family:'Space Grotesk',sans-serif;letter-spacing:.14em;font-size:10px;font-weight:700;color:#8ad9f2}
.cosmos-topline{left:16%;top:18%;right:12%;display:flex;justify-content:space-between;border-top:1px solid #48bcdf62;padding-top:9px}
.cosmos-data{right:9%;top:43%;writing-mode:vertical-rl}
.cosmos-caption{bottom:16%;right:9%;text-align:right;line-height:1.8;color:#e9faff}
.cosmos-caption strong{color:#21f0fa}
@keyframes cvc-halo{50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.portal-halo{animation:none}}
.contact-v5{background:radial-gradient(ellipse at 68% 45%,#142f48 0%,transparent 48%),#050b16;border-top:1px solid #30e3ff35;padding:100px 0}
.contact-v5-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(38px,6vw,110px);align-items:start}
.contact-v5-intro h2{margin:30px 0 24px}.contact-v5-intro p{max-width:440px;color:#b1c4d7}
.contact-v5-art{margin-top:65px;display:flex;align-items:center;gap:16px;opacity:.75;color:#7deeff;font-size:11px;letter-spacing:.13em}
.contact-v5-art img{width:66px;height:66px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 12px #00edff)}
.contact-v5-form{background:linear-gradient(130deg,rgba(15,30,51,.94),rgba(8,14,30,.97));border:1px solid #3ae1ff4d;box-shadow:0 20px 100px #0008,0 0 50px #00d9ff0c;padding:clamp(24px,4vw,46px);position:relative}
.contact-v5-form:before,.contact-v5-form:after{content:"";position:absolute;width:28px;height:28px;border:2px solid #17edff;pointer-events:none}.contact-v5-form:before{top:-2px;left:-2px;border-right:0;border-bottom:0}.contact-v5-form:after{bottom:-2px;right:-2px;border-left:0;border-top:0}
.contact-v5-label{color:#36eaf6;font-weight:700;font-size:11px;letter-spacing:.14em;margin-bottom:30px}
.contact-v5-form .wpcf7{color:#e9f7ff}.contact-v5-form .wpcf7 form{display:grid;gap:12px}.contact-v5-form .wpcf7 p{margin:0 0 12px;font-size:13px;color:#bbcad8;line-height:1.5}.contact-v5-form .wpcf7 label{display:block}
.contact-v5-form .wpcf7 input:not([type=checkbox]):not([type=submit]),.contact-v5-form .wpcf7 select,.contact-v5-form .wpcf7 textarea{margin-top:9px;width:100%;max-width:100%;background:#071326;color:#f0fcff;border:1px solid #49647e;border-radius:0;padding:14px 16px;outline:none;min-height:48px}
.contact-v5-form .wpcf7 textarea{min-height:115px;resize:vertical}.contact-v5-form .wpcf7 :is(input,textarea,select):focus-visible{border-color:#00e6ff;box-shadow:0 0 0 2px #00e6ff33}.contact-v5-form .wpcf7 input[type=submit]{cursor:pointer;display:block;background:#21eaf2;border:0;color:#041019;font-size:13px;letter-spacing:.06em;font-weight:800;padding:17px 25px;min-height:52px;width:100%;transition:background .2s}.contact-v5-form .wpcf7 input[type=submit]:hover{background:#b4fcff}.contact-v5-form .wpcf7 .wpcf7-list-item{margin:0}.contact-v5-form .wpcf7 .wpcf7-response-output{margin:8px 0;padding:12px;border-color:#40e8ef}.contact-v5-form .wpcf7 .wpcf7-not-valid-tip{color:#ff90a6}
.cvc-form-setup,.cvc-form-offline{background:#101f30;border:1px solid #42adcf;padding:20px;font-size:14px;color:#d2e7ee}
.footer-email-text{display:block;color:#819ab1;font-size:13px;margin-top:8px}
@media(max-width:940px){.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-art-v5{min-height:470px;height:58vw;max-height:650px}.cyber-cosmos{inset:-50px -4vw -45px -4vw}.hero:after{background:linear-gradient(180deg,#050914 0%,rgba(5,9,20,.1) 60%,#050914 100%)}.cosmos-portal{width:250px}.contact-v5-grid{grid-template-columns:1fr}.contact-v5-art{margin-top:26px}}
@media(max-width:600px){.hero-art-v5{height:400px;min-height:0}.cyber-cosmos{inset:-30px -26px -15px -26px}.cosmos-portal{width:200px}.cosmos-topline{font-size:8px;left:9%;right:9%}.cosmos-caption{right:8%;bottom:12%;font-size:9px}.cosmos-data{font-size:8px}.contact-v5{padding:65px 0}.contact-v5-form{padding:22px}.hero h1{text-wrap:pretty}}

/* v0.6.0: cinematic cyberpunk imagery and manifesto */
html,body{max-width:100%;overflow-x:clip}body{background:#040914}.container{width:100%;min-width:0}.hero{min-height:760px;background:linear-gradient(90deg,#050913 0%,#050913 34%,#0b1230 100%)}.hero-layout{grid-template-columns:minmax(0,46%) minmax(0,54%);min-height:700px;gap:0}.hero-content{padding:65px 20px 65px 0}.hero h1{font-size:clamp(48px,5.3vw,79px);max-width:690px;letter-spacing:-.065em}.hero-art-v6{height:min(670px,65vw);min-height:560px;transform:none;min-width:0;margin-right:-34px;align-self:stretch;display:block;position:relative}.hero-cinema{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#0b1631}.hero-cinema:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#050913 0%,rgba(5,9,19,.72) 13%,transparent 35%),linear-gradient(0deg,#050913 0%,transparent 23%);pointer-events:none}.hero-cinema>img{width:100%;height:100%;object-fit:cover;object-position:55% center;filter:saturate(1.22) contrast(1.1)}.hero-scan{position:absolute;inset:0;z-index:3;background:repeating-linear-gradient(0deg,transparent 0,transparent 5px,rgba(7,20,39,.13) 6px);pointer-events:none;opacity:.32}.hero-billboard{position:absolute;z-index:4;left:51%;top:31%;transform:translate(-50%,-50%) rotate(-2deg);display:flex;align-items:center;flex-direction:column;gap:6px;text-shadow:0 0 20px #0df4ff;filter:drop-shadow(0 0 14px #0ae8ff)}.hero-billboard img{width:64px;height:64px;object-fit:contain;filter:brightness(0) invert(1)}.hero-billboard span{color:#e9fcff;font-family:'Space Grotesk',sans-serif;font-size:clamp(16px,2vw,24px);font-weight:700;letter-spacing:-.05em}.cinema-marker{position:absolute;z-index:5;font-family:monospace;font-size:10px;letter-spacing:.16em;color:#76dff3}.cinema-marker-top{top:26px;right:28px}.cinema-marker-bottom{bottom:34px;right:30px}.signal-inner{flex-wrap:wrap;justify-content:space-between;gap:12px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{padding:0;overflow:hidden;display:flex;flex-direction:column;background:#09121f;border:1px solid #1b3345;min-width:0}.service-photo{width:100%;aspect-ratio:1.85;overflow:hidden;background:#09172a}.service-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .4s;filter:saturate(1.2)}.service-card:hover .service-photo img{transform:scale(1.06);filter:saturate(1.5)}.service-inner{position:relative;padding:25px 25px 34px;min-height:220px;flex:1}.service-card .service-top{margin-bottom:18px}.service-card h3{font-size:clamp(21px,2vw,28px);margin-bottom:10px}.service-card p{font-size:14px;line-height:1.65}.service-card .card-corner{right:23px;bottom:15px}.lab-cinema{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(110deg,#050a16 0%,#08112b 75%,#090b17 100%);border-top:1px solid #164957;border-bottom:1px solid #164957}.lab-cinema .lab-layout{display:grid;grid-template-columns:53% 47%;align-items:center;min-height:620px}.lab-feature{position:relative;z-index:2;padding:60px 0}.lab-feature h2{max-width:780px;position:relative;z-index:2}.lab-feature h2 em{background:linear-gradient(90deg,#15eaf7,#c855f9,#ff6fbc);-webkit-background-clip:text;background-clip:text;color:transparent}.lab-feature p{max-width:500px}.lab-figure{height:620px;position:relative;min-width:0;margin-right:-34px;overflow:hidden}.lab-figure img{width:100%;height:100%;object-fit:cover;object-position:60% center}.lab-figure:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070b1a 0%,transparent 46%),linear-gradient(0deg,#070b1a 0%,transparent 26%);z-index:1}.neuro-visual-v6{overflow:hidden;background:#050b18;min-width:0}.neuro-visual-v6 .neuro-cinema-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}.neuro-visual-v6:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#070b18 0%,transparent 40%),linear-gradient(0deg,#070b18 0%,transparent 26%)}.neuro-visual-v6 .neuro-label{z-index:3}.contact-cinema-art{height:270px;max-height:none;overflow:hidden;position:relative;background:#070d1c}.contact-cinema-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;opacity:.85}.contact-cinema-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061022 0%,transparent 70%);pointer-events:none}.contact-cinema-art span{position:absolute;z-index:2;bottom:18px;left:20px}.manifesto-section{background:radial-gradient(circle at 90% 10%,rgba(100,19,140,.12),transparent 55%),#060b17}.history-logo-panel{background:radial-gradient(circle at center,rgba(42,45,92,.45),transparent 72%),#080b17}.neuro-section{background:#050a15}.contact-section{background:#06101c}.wpcf7 input:not([type=submit]),.wpcf7 textarea,.wpcf7 select{max-width:100%}
@media(max-width:960px){.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-content{padding:65px 0 20px}.hero-art-v6{height:500px;min-height:0;margin:0 -20px}.hero-cinema:before{background:linear-gradient(0deg,#050913,transparent 20%)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-cinema .lab-layout{grid-template-columns:1fr}.lab-feature{padding:70px 0 25px}.lab-figure{height:400px;margin:0 -20px}.neuro-visual-v6{min-height:400px}}
@media(max-width:600px){.hero-content{padding:52px 0 18px}.hero h1{font-size:clamp(42px,11vw,62px)}.hero-art-v6{height:355px;min-height:0}.hero-billboard img{width:46px;height:46px}.hero-billboard span{font-size:17px}.service-grid{grid-template-columns:1fr}.service-photo{aspect-ratio:1.9}.service-inner{min-height:0;padding:22px 22px 44px}.lab-feature h2{font-size:clamp(40px,10vw,65px)}.lab-figure{height:310px}.contact-cinema-art{height:210px}.cinema-marker{font-size:8px}.hero-index{flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){.service-photo img{transition:none}.service-card:hover .service-photo img{transform:none}}

/* v0.7.0: clean independent imagery; no text baked into photos */
.hero-billboard{display:none!important}
.hero-art-v6 .hero-cinema>img{object-position:52% 50%;filter:saturate(1.13) contrast(1.05)}
.lab-figure img{object-position:56% 50%;filter:saturate(1.12)}
.lab-figure:before{background:linear-gradient(90deg,#070b1a 0%,rgba(7,11,26,.3) 32%,transparent 65%)}
.neuro-visual-v6 .neuro-cinema-image{object-position:center center;filter:saturate(1.25)}
.history-logo-panel{background:radial-gradient(circle at 50% 50%,#192142 0%,#070b16 70%);isolation:isolate}
.history-logo-panel .history-logo{max-width:none;width:min(96%,620px);height:auto;max-height:none;mix-blend-mode:screen;z-index:2;filter:drop-shadow(0 0 14px rgba(65,171,247,.24))}
.history-logo-panel .history-radar{opacity:.32}
.contact-cinema-art{height:330px;border:1px solid rgba(52,213,238,.28);background:#08182e}
.contact-cinema-art img{opacity:1;object-position:center center;filter:saturate(1.24) contrast(1.06)}
.contact-cinema-art:after{background:linear-gradient(0deg,rgba(4,9,20,.88) 0%,transparent 58%)}
.contact-cinema-art>span{z-index:4;bottom:20px;left:23px;font-size:11px;letter-spacing:.13em;color:#58eaf9}
.signal-status{position:absolute;z-index:3;right:22px;top:22px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#e8faff;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.15em;text-shadow:0 1px 8px #000}
.signal-status i{height:7px;width:7px;border-radius:50%;background:#00f3ef;box-shadow:0 0 12px #00f3ef;margin-bottom:3px}
.signal-status small{font:600 9px monospace;color:#79ddf5;letter-spacing:.08em}
@media(max-width:600px){.history-logo-panel{height:285px}.history-logo-panel .history-logo{width:98%}.contact-cinema-art{height:260px}.signal-status{right:13px;top:15px}}


/* v0.8.0 visual corrections */
.hero-cinema img,.lab-figure img,.neuro-cinema-image,.contact-cinema-art img,.history-logo-panel .history-logo{width:100%;height:100%;object-fit:cover;display:block}
.history-logo-panel .history-logo{object-fit:cover;max-width:none;border:0;box-shadow:none;filter:none;position:relative;z-index:2}
.history-logo-panel{overflow:hidden;background:#060c19}
.history-logo-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center, rgba(24,233,246,.08), transparent 55%);pointer-events:none;z-index:1}
.history-radar{display:none}
.service-grid-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border)}
.service-card-icon{min-height:0;background:linear-gradient(180deg,rgba(9,16,32,.88),rgba(5,10,20,.96));border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.service-card-icon .service-inner{padding:34px 30px 30px}
.service-card-icon .service-top{margin-bottom:18px}
.service-icon{width:72px;height:72px;border:1px solid rgba(24,233,246,.28);display:flex;align-items:center;justify-content:center;border-radius:20px;background:radial-gradient(circle at 30% 30%,rgba(44,239,255,.14),rgba(13,20,35,.06));margin-bottom:20px;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 0 22px rgba(24,233,246,.08)}
.service-icon svg{width:38px;height:38px;stroke:var(--cyan);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.service-icon-ia svg circle{fill:none}
.manifesto-section{background:linear-gradient(180deg,#060b16 0%,#081121 100%)}
.manifesto-seal img{width:58px;height:58px;object-fit:contain;filter:brightness(0) invert(1)}
.neuro-visual-v6{position:relative;min-height:620px;overflow:hidden;background:#050b17}
.neuro-visual-v6:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,16,.36) 0%,rgba(4,8,16,.06) 36%,rgba(4,8,16,.16) 100%)}
.contact-cinema-art{position:relative;overflow:hidden;background:#050b17;min-height:300px}
.contact-cinema-art .signal-status{position:absolute;right:22px;bottom:22px;background:rgba(5,10,20,.72);border:1px solid rgba(24,233,246,.25);padding:16px 18px;display:grid;gap:3px;backdrop-filter:blur(10px)}
.contact-cinema-art .signal-status i{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
.contact-cinema-art .signal-status strong{font-size:12px;letter-spacing:.14em;color:var(--cyan)}
.contact-cinema-art .signal-status small{font-size:11px;letter-spacing:.1em;color:#b7c3d6}
@media (max-width:900px){.service-grid-icons{grid-template-columns:1fr}.history-logo-panel{min-height:260px}.neuro-visual-v6{min-height:360px}}

/* v0.8.2 — original Ciberviviente symbol, transparently composited in the Manifesto */
.manifesto-seal{width:min(290px,100%);aspect-ratio:1;background:radial-gradient(circle,rgba(24,233,246,.13) 0%,rgba(24,233,246,.025) 43%,transparent 73%);border:0;clip-path:none;overflow:visible;position:relative}
.manifesto-seal::before{content:"";position:absolute;inset:12%;border:1px solid rgba(24,233,246,.15);border-radius:50%;pointer-events:none}
.manifesto-seal img{display:block;width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 0 24px rgba(24,233,246,.2));background:transparent;position:relative;z-index:1}
.manifesto-seal span{bottom:4px;left:0;width:100%;text-align:center}
@media (max-width:900px){.manifesto-seal{width:min(250px,100%)}}


/* v0.8.3 — image integration and visual order */
.hero-art-v6,.lab-figure,.history-logo-panel,.neuro-visual-v6,.contact-cinema-art{position:relative;overflow:hidden;isolation:isolate}
.hero-art-v6 img,.lab-figure img,.history-logo-panel .history-logo,.neuro-visual-v6 .neuro-cinema-image,.contact-cinema-art img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.02)}
.hero-cinema,.lab-figure,.history-logo-panel,.neuro-visual-v6,.contact-cinema-art{clip-path:inset(0 round 20px)}
.hero-cinema::before,.lab-figure::before,.history-logo-panel::before,.neuro-visual-v6::before,.contact-cinema-art::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,rgba(6,10,18,.55) 0%,rgba(6,10,18,0) 18%,rgba(6,10,18,0) 82%,rgba(6,10,18,.7) 100%),linear-gradient(90deg,rgba(6,10,18,.5) 0%,rgba(6,10,18,0) 16%,rgba(6,10,18,0) 84%,rgba(6,10,18,.45) 100%)}
.hero-cinema::after,.lab-figure::after,.history-logo-panel::after,.neuro-visual-v6::after,.contact-cinema-art::after{content:"";position:absolute;inset:-12%;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 50%,rgba(24,233,246,.12),transparent 45%),radial-gradient(circle at 72% 26%,rgba(198,78,255,.11),transparent 26%);filter:blur(36px)}
.hero-cinema>img{object-position:70% center;filter:saturate(1.1) contrast(1.04)}
.lab-figure{height:100%;min-height:560px}
.lab-figure img{object-position:62% center;filter:saturate(1.08) contrast(1.03)}
.history-logo-panel{min-height:520px;background:#070b16}
.history-logo-panel .history-logo{object-position:center center;mix-blend-mode:screen;opacity:.94;filter:saturate(1.08) contrast(1.03)}
.history-logo-panel span{position:absolute;left:22px;bottom:20px;z-index:3}
.neuro-visual-v6{min-height:560px;background:#060b16}
.neuro-visual-v6 .neuro-cinema-image{object-position:62% center;filter:saturate(1.16) contrast(1.05)}
.neuro-visual-v6 .neuro-label{z-index:4}
.contact-cinema-art{min-height:330px;background:#06101c}
.contact-cinema-art img{object-position:center center;filter:saturate(1.08) contrast(1.03)}
.contact-cinema-art>span,.contact-cinema-art .signal-status{z-index:4}
.lab-cinema .lab-layout,.neuro-grid,.history-layout,.contact-v5-grid{align-items:stretch}
.lab-feature,.neuro-copy,.history-copy,.contact-v5-intro,.contact-v5-form{display:flex;flex-direction:column;justify-content:center}
.history-layout{gap:34px}
.contact-v5-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px}
@media(max-width:1100px){.hero-cinema,.lab-figure,.history-logo-panel,.neuro-visual-v6,.contact-cinema-art{clip-path:inset(0 round 16px)}.history-logo-panel,.neuro-visual-v6,.lab-figure{min-height:460px}}
@media(max-width:960px){.lab-figure{min-height:360px}.history-logo-panel{min-height:340px}.neuro-visual-v6{min-height:360px}.contact-v5-grid{grid-template-columns:1fr}.hero-cinema>img{object-position:62% center}}
@media(max-width:600px){.hero-cinema,.lab-figure,.history-logo-panel,.neuro-visual-v6,.contact-cinema-art{clip-path:inset(0 round 12px)}.hero-art-v6{height:380px}.hero-cinema>img{object-position:68% center}.lab-figure{min-height:280px}.history-logo-panel{min-height:260px}.neuro-visual-v6{min-height:280px}.contact-cinema-art{min-height:220px}}


/* 0.8.4 — Composition-first, edge-to-edge section artwork
   Images are atmospheric layers. No framed cards, rounded image rectangles,
   inset padding or artificial dark floating panels. */
.hero,
.lab-cinema,
.history-section,
.neuro-section,
.contact-section { isolation:isolate; overflow:hidden; }

.hero-cinema, .lab-figure, .history-logo-panel,
.neuro-visual-v6, .contact-cinema-art {
    clip-path:none !important; border:0 !important; border-radius:0 !important;
    box-shadow:none !important; padding:0 !important;
    background:transparent !important;
}
.hero-cinema::after, .lab-figure::after, .history-logo-panel::after,
.neuro-visual-v6::after, .contact-cinema-art::after { display:none !important; }

/* Portal image occupies right-hand section, not a rounded card. */
.hero-layout { position:relative; grid-template-columns:52% 48%; }
.hero-art-v6 {
    position:absolute !important; top:0; bottom:0; right:max(-34px, calc((1280px - 100vw)/2 - 34px));
    margin:0 !important; width:62vw; max-width:none; height:100% !important;
    min-height:0 !important; align-self:auto;
}
.hero-cinema { position:absolute; inset:0; }
.hero-art-v6 .hero-cinema img {
    object-fit:cover; object-position:78% center; transform:none !important;
    filter:saturate(1.12) contrast(1.05);
}
.hero-cinema::before {
    content:""; position:absolute; inset:0; z-index:3; pointer-events:none;
    background:
      linear-gradient(90deg,#050914 0%,rgba(5,9,20,.96) 9%,rgba(5,9,20,.52) 31%,transparent 53%),
      linear-gradient(0deg,#050914 0%,transparent 15%,transparent 88%,rgba(5,9,20,.3) 100%);
}
.hero::after { display:none !important; }
.hero-content { max-width:675px; }

/* Manifiesto preview: bleed into the section; right-aligned face. */
.lab-cinema .lab-layout { position:relative; min-height:620px; grid-template-columns:1fr; }
.lab-cinema .lab-feature { width:54%; min-width:0; position:relative; z-index:4; }
.lab-cinema .lab-figure {
    position:absolute; top:0; bottom:0; right:max(-34px, calc((1280px - 100vw)/2 - 34px));
    width:65vw; min-height:0 !important; height:100% !important;
    margin:0 !important; z-index:1;
}
.lab-figure img { object-fit:cover; object-position:78% center; transform:none !important; }
.lab-figure::before {
    content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
    background:linear-gradient(90deg,#050a16 0%,rgba(5,10,22,.9) 14%,rgba(5,10,22,.2) 49%,transparent 75%),
               linear-gradient(0deg,#050a16 0%,transparent 16%,transparent 88%,rgba(5,10,22,.4) 100%);
}

/* 1997: use the entire panel, with no inner picture frame or visible edges. */
.history-layout { gap:0 !important; grid-template-columns:minmax(0,48%) minmax(0,52%) !important; }
.history-logo-panel {
    height:560px !important; min-height:560px !important;
    position:relative; margin-left:0; overflow:hidden; display:block;
}
.history-logo-panel .history-logo {
    position:absolute !important; inset:0; width:100% !important;
    height:100% !important; max-width:none !important; max-height:none !important;
    object-fit:cover !important; object-position:center center !important;
    transform:none !important; opacity:1 !important; mix-blend-mode:normal !important;
    filter:saturate(1.05) contrast(1.05) !important;
}
.history-logo-panel::before {
    content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
    background:
      linear-gradient(90deg,rgba(6,10,19,.18),transparent 17%,transparent 73%,#090e1a 100%),
      linear-gradient(0deg,#090e1a 0%,transparent 15%,transparent 87%,#090e1a 100%);
}
.history-logo-panel>span { z-index:4; }
.history-copy { padding-left:clamp(25px,4vw,70px) !important; min-width:0; }

/* Neuromante belongs to the section, not in a photo box. */
.neuro-grid { position:relative; min-height:630px; grid-template-columns:1fr !important; }
.neuro-copy { position:relative; z-index:4; width:52%; }
.neuro-visual-v6 {
    position:absolute !important; top:0; bottom:0; width:62vw;
    right:max(-34px, calc((1280px - 100vw)/2 - 34px));
    min-height:0 !important; height:100% !important; z-index:1;
}
.neuro-visual-v6 .neuro-cinema-image {
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:76% center; transform:none !important;
}
.neuro-visual-v6::before {
    content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
    background:
      linear-gradient(90deg,#050a15 0%,rgba(5,10,21,.9) 10%,rgba(5,10,21,.35) 39%,transparent 70%),
      linear-gradient(0deg,#050a15 0%,transparent 14%,transparent 90%,rgba(5,10,21,.4) 100%);
}

/* Contact visual merges into its own column and fills the available height. */
.contact-v5-grid { align-items:stretch; }
.contact-v5-intro { position:relative; }
.contact-cinema-art {
    width:100%; height:365px !important; min-height:365px !important;
    margin-top:30px !important; display:block !important;
}
.contact-cinema-art img {
    position:absolute !important; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:76% center; transform:none !important;
}
.contact-cinema-art::before {
    content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
    background:linear-gradient(90deg,#06101c 0%,transparent 16%,transparent 78%,#06101c 100%),
               linear-gradient(0deg,#06101c 0%,transparent 20%,transparent 80%,#06101c 100%);
}
.contact-cinema-art .signal-status { background:rgba(5,10,20,.35); border:0; backdrop-filter:blur(5px); }
.contact-cinema-art::after { display:none !important; }

@media(max-width:960px) {
 .hero-layout { grid-template-columns:1fr; }
 .hero-art-v6 { position:relative !important; width:calc(100% + 40px) !important;
      right:auto; left:-20px; height:420px !important; min-height:0 !important; }
 .hero-cinema::before { background:linear-gradient(0deg,#050914 0%,transparent 18%,transparent 75%,#050914 100%); }
 .lab-cinema .lab-layout { display:flex; flex-direction:column; }
 .lab-cinema .lab-feature { width:100%; }
 .lab-cinema .lab-figure { position:relative !important; right:auto; width:calc(100% + 40px);
      margin:0 -20px !important; height:400px !important; }
 .lab-figure::before { background:linear-gradient(0deg,#050a16 0%,transparent 20%,transparent 82%,#050a16 100%); }
 .history-layout { display:flex !important; flex-direction:column !important; }
 .history-logo-panel { width:100%; min-height:380px !important; height:380px !important; }
 .history-copy { padding-left:0 !important; }
 .neuro-grid { display:flex !important; flex-direction:column; min-height:0; }
 .neuro-copy { width:100%; }
 .neuro-visual-v6 { position:relative !important; right:auto; width:100%;
       height:400px !important; min-height:400px !important; }
 .neuro-visual-v6::before { background:linear-gradient(0deg,#050a15 0%,transparent 20%,transparent 82%,#050a15 100%); }
}
@media(max-width:600px) {
 .hero-art-v6 { height:300px !important; }
 .lab-cinema .lab-figure { height:300px !important; }
 .history-logo-panel { height:280px !important; min-height:280px !important; }
 .neuro-visual-v6 { height:320px !important; min-height:320px !important; }
 .contact-cinema-art { height:260px !important; min-height:260px !important; }
}