*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020604;color:#f6f8f6;font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.wrap{width:min(1480px,94%);margin:auto}.header{height:88px;position:sticky;top:0;z-index:50;background:rgba(1,6,3,.92);border-bottom:1px solid #15351f;backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;text-decoration:none;color:#fff;min-width:310px}.logo-crop{width:80px;height:72px;overflow:hidden;position:relative}.logo-crop img{position:absolute;width:150px;left:-35px;top:-30px}.brand-word{font-size:28px;font-weight:800;line-height:.85;letter-spacing:-1px}.brand-word>span{color:#39ff59}.brand-word small{display:block;font-size:8px;letter-spacing:4px;font-weight:500;margin-top:10px;color:#d8ddd9}.nav-links{display:flex;gap:34px;margin:auto}.nav-links a{color:#eee;text-decoration:none;font-size:14px;padding:34px 0 28px;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links .active{color:#42ff62;border-color:#42ff62}.top-cta{border:1px solid #39ff59;border-radius:30px;padding:13px 22px;color:white;text-decoration:none;font-size:14px}.menu-toggle{display:none}.hero{min-height:570px;position:relative;background:radial-gradient(circle at 76% 50%,rgba(36,255,82,.15),transparent 34%),linear-gradient(90deg,#020604 0%,#031008 50%,#020604 100%);overflow:hidden}.matrix{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(42,255,85,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(42,255,85,.12) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(66deg) translateY(320px) scale(1.5)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:570px;position:relative;z-index:2}.overline{font-size:12px;letter-spacing:5px;color:#d8ded9;margin-bottom:20px}.overline.green{color:#3fff60}.hero h1,.hosting h2{font-size:clamp(46px,4.5vw,76px);line-height:1.02;letter-spacing:-3px;margin:0}.hero h1 em,.hosting h2 em,.portfolio h2 em{font-style:normal;color:#3fff60}.hero-copy>p{font-size:20px;line-height:1.6;color:#d4d8d5}.benefits{display:flex;gap:0;margin:28px 0}.benefits span{display:grid;grid-template-columns:40px auto;align-items:center;padding-right:24px;margin-right:24px;border-right:1px solid #1b3a24;font-size:14px;line-height:1.35}.benefits span:last-child{border:0}.benefits b{font-size:25px;color:#43ff62}.hero-actions{display:flex;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;border-radius:14px;text-decoration:none;font-weight:700}.primary{background:#45ff63;color:#041006;box-shadow:0 0 25px rgba(63,255,95,.3)}.outline{color:#fff;border:1px solid #73a47c;background:rgba(2,8,4,.5)}.hero-scene{position:relative;height:500px}.laptop{position:absolute;width:80%;left:9%;top:95px;transform:perspective(900px) rotateY(-8deg) rotateX(2deg);filter:drop-shadow(0 25px 30px #000)}.screen{height:315px;background:#07100b;border:2px solid #78917c;border-radius:15px;padding:12px;box-shadow:0 0 35px rgba(47,255,86,.35)}.editor{height:100%;background:#030806;border-radius:8px;padding:20px;color:#6eff82;position:relative;overflow:hidden}.editor small{color:#607267}.editor code{display:block;margin-top:25px;line-height:1.75;color:#8db895;font-family:Consolas,monospace}.editor code i{color:#38ff5d}.editor code b{color:#d2ffda}.screen-logo{position:absolute;right:25px;bottom:10px;width:135px;height:100px;overflow:hidden}.screen-logo img{width:180px;transform:translate(-22px,-36px)}.base{height:24px;background:linear-gradient(#59665d,#101612);border-radius:0 0 60% 60%;transform:perspective(500px) rotateX(55deg);box-shadow:0 8px 25px #35ff55}.tech{position:absolute;border:1px solid #32ff54;color:#53ff6e;border-radius:9px;padding:10px 14px;background:#031007;box-shadow:0 0 18px rgba(46,255,82,.2);font-size:19px;z-index:4}.t1{left:2%;top:60px}.t2{left:0;top:125px}.t3{left:-2%;top:190px}.t4{left:-4%;top:260px}.t5{right:0;top:105px}.t6{right:-2%;top:175px}.t7{right:-4%;top:245px}.portfolio{padding:28px 0 24px;background:linear-gradient(#020604,#031009);border-top:1px solid #12381b}.portfolio-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.portfolio h2{font-size:32px;margin:0}.portfolio-head span{font-size:10px;letter-spacing:4px;color:#87928a}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project{height:290px;border:1px solid #285237;border-radius:12px;padding:20px;color:#fff;text-decoration:none;position:relative;overflow:hidden;background:linear-gradient(145deg,#07110b,#04100a)}.project:hover{border-color:#42ff61;transform:translateY(-2px)}.project-title{display:flex;gap:13px;align-items:center}.project-title h3{font-size:21px;margin:0}.project-title small{color:#d0d6d1}.project-icon{width:52px;height:52px;border:1px solid #41ff61;border-radius:13px;display:grid;place-items:center;font-size:32px;color:#46ff64}.p2 .project-icon{color:#1bb4ff;border-color:#1bb4ff}.p3 .project-icon{color:#9c65ff;border-color:#9c65ff}.badges{display:flex;gap:7px;margin:15px 0}.badges span{font-size:10px;padding:6px 9px;border:1px solid #405146;border-radius:5px;background:#030604}.project p{font-size:13px;line-height:1.45;width:62%;color:#d6dcd7}.fake-device{position:absolute;right:-12px;bottom:-5px;width:39%;height:175px;border:2px solid #5e6c61;border-radius:8px;transform:perspective(500px) rotateY(-12deg);background:#07100a;box-shadow:0 10px 25px #000}.fake-device.green{box-shadow:0 15px 30px rgba(41,255,78,.2)}.fake-device.blue{box-shadow:0 15px 30px rgba(0,170,255,.2)}.fake-device.purple{box-shadow:0 15px 30px rgba(135,70,255,.25)}.mini-ui{padding:15px}.mini-ui b{color:#47ff65}.mini-ui i{display:block;height:18px;margin-top:12px;background:#14231a;border-radius:3px}.view{position:absolute;bottom:18px;left:20px;border:1px solid #40ff5e;border-radius:20px;padding:8px 15px;font-size:12px}.service-strip{border-top:1px solid #194426;border-bottom:1px solid #194426;background:#020805}.service-strip .wrap{display:flex;justify-content:space-between;padding:20px 0;color:#f2f5f2;font-size:11px}.service-strip span::first-letter{color:#41ff60}.hosting{padding:72px 0 58px;background:radial-gradient(circle at 20% 80%,rgba(31,255,72,.09),transparent 30%),#020604}.hosting-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center}.hosting h2{font-size:52px}.hosting-copy>p{font-size:18px;color:#c9d1cb;line-height:1.55}.hosting-copy ul,.plan ul{list-style:none;padding:0}.hosting-copy li{margin:16px 0;color:#d8ded9}.hosting-copy li::first-letter{color:#42ff61}.billing{display:flex;justify-content:center;margin-bottom:22px}.billing button{border:1px solid #4b8e5b;background:#06100a;color:#ddd;padding:9px 24px}.billing button:first-child{border-radius:20px 0 0 20px}.billing button:last-child{border-radius:0 20px 20px 0}.billing button.active{background:#45ff63;color:#061008}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan{border:1px solid #35513c;border-radius:10px;padding:25px 20px;background:linear-gradient(#08110b,#040906);position:relative}.plan h3{font-size:21px;margin:0}.plan small{color:#9ca79e}.price{margin:25px 0}.price b{font-size:32px}.price span{font-size:11px;margin-left:8px}.plan li{font-size:12px;margin:13px 0;color:#d4dad5}.plan li::before{content:'◉';margin-right:9px;color:#eee}.plan>a{display:block;border:1px solid #d5ddd6;color:#fff;text-decoration:none;text-align:center;padding:12px;border-radius:8px;margin-top:20px}.plan.popular{border-color:#46ff64;box-shadow:0 0 28px rgba(56,255,88,.28);transform:scale(1.035)}.plan.popular h3{color:#42ff61}.plan.popular label{position:absolute;top:-12px;left:25%;right:25%;text-align:center;background:#44ff62;color:#041006;border-radius:10px;font-size:9px;padding:5px}.plan.popular>a{background:#45ff63;color:#041006;border-color:#45ff63}.process{padding:38px 0;border-top:1px solid #183820}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-grid div{padding:12px 30px;border-right:1px solid #23412a}.process-grid span{color:#43ff62;font-size:12px}.process-grid b,.process-grid small{display:block}.process-grid b{font-size:18px;margin:7px 0}.process-grid small{color:#9ca79f}.contact{padding:25px 0 45px}.contact-box{border:1px solid #39a44e;border-radius:10px;background:linear-gradient(90deg,rgba(21,106,40,.45),rgba(2,14,6,.5));padding:24px 55px;display:flex;justify-content:space-between;align-items:center}.contact h3{font-size:22px;margin:0 0 4px}.contact p{margin:0;color:#cdd4ce}footer{border-top:1px solid #193a21;padding:30px 0}.footer{display:flex;align-items:center;justify-content:space-between}.footer nav{display:flex;gap:22px}.footer a{color:#cdd3ce;text-decoration:none}.footer>small{color:#7e8a81}.reveal{opacity:1;transform:none}@media(max-width:1050px){.top-cta{display:none}.brand{min-width:250px}.nav-links{gap:20px}.hero-grid{grid-template-columns:1fr}.hero{padding-top:50px}.hero-scene{height:440px}.project-grid{grid-template-columns:1fr}.project{height:300px}.hosting-layout{grid-template-columns:1fr}.plans{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.header{height:72px}.brand{min-width:0}.logo-crop{width:58px;height:58px}.logo-crop img{width:115px;left:-29px;top:-25px}.brand-word{font-size:20px}.brand-word small{font-size:6px;letter-spacing:2px}.menu-toggle{display:block;margin-left:auto;background:none;border:0;color:#43ff62;font-size:25px}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#020805;padding:20px;flex-direction:column}.nav-links.open{display:flex}.nav-links a{padding:10px}.hero-grid{min-height:auto}.hero{padding:55px 0 20px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-copy>p{font-size:17px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefits span{border:0}.hero-actions{flex-direction:column}.hero-scene{height:330px}.laptop{width:88%;left:6%;top:70px}.screen{height:220px}.tech{font-size:12px;padding:7px}.portfolio-head{align-items:start;flex-direction:column;gap:8px}.project p{width:58%}.service-strip .wrap{overflow:auto;gap:30px;white-space:nowrap}.hosting h2{font-size:42px}.plans{grid-template-columns:1fr}.plan.popular{transform:none}.process-grid{grid-template-columns:1fr 1fr;gap:20px}.contact-box{padding:25px;flex-direction:column;align-items:start;gap:20px}.footer{flex-direction:column;gap:25px}.footer nav{flex-wrap:wrap;justify-content:center}}

/* ===== V6.1 SALES / CINEMATIC POLISH ===== */
:root{--green:#45ff63;--green2:#20d94a;--line:rgba(69,255,99,.22);--panel:#06100a}
body{background:radial-gradient(circle at 78% 8%,rgba(39,255,82,.055),transparent 25%),#020604}
.header{height:78px;background:rgba(1,5,3,.82);box-shadow:0 10px 45px rgba(0,0,0,.28)}
.nav-links a{padding:29px 0 24px}.top-cta{padding:11px 21px;transition:.2s}.top-cta:hover{background:var(--green);color:#031006;box-shadow:0 0 28px rgba(69,255,99,.24)}
.hero{min-height:620px;border-bottom:1px solid rgba(69,255,99,.12)}
.hero:before{content:"";position:absolute;width:650px;height:650px;right:6%;top:-80px;background:radial-gradient(circle,rgba(54,255,90,.14),rgba(54,255,90,.035) 36%,transparent 68%);filter:blur(6px)}
.hero-grid{min-height:620px;grid-template-columns:.92fr 1.08fr;gap:28px}
.hero-copy{padding:48px 0 36px}.hero h1{font-size:clamp(52px,4.55vw,78px);max-width:760px}.hero-copy>p{max-width:660px;margin:22px 0 8px}.benefits{margin:26px 0 30px}.hero-scene{height:550px}.laptop{width:87%;left:6%;top:100px;transform:perspective(1000px) rotateY(-10deg) rotateX(2deg) rotateZ(-.5deg)}
.screen{height:342px;border-color:#718978;box-shadow:0 0 0 1px rgba(68,255,98,.18),0 0 55px rgba(47,255,86,.30),0 45px 70px rgba(0,0,0,.55)}
.editor:after{content:"IDEAS\A EN\A SOFTWARE\A REAL";white-space:pre;position:absolute;right:28px;top:64px;font-size:22px;line-height:1.2;letter-spacing:5px;color:rgba(68,255,98,.22);font-weight:800}
.base{height:29px}.tech{backdrop-filter:blur(8px);transition:.25s;animation:floatTag 4.2s ease-in-out infinite}.tech:nth-child(even){animation-delay:-2s}@keyframes floatTag{50%{transform:translateY(-7px)}}
.portfolio{padding:34px 0 30px;background:linear-gradient(180deg,#020604 0%,#031009 100%)}
.portfolio-head{margin-bottom:22px}.portfolio h2{font-size:35px}.project-grid{gap:16px}.project{height:315px;padding:21px;background:radial-gradient(circle at 88% 82%,rgba(69,255,99,.07),transparent 32%),linear-gradient(145deg,#08130c,#030805);transition:.22s ease;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.project:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.34),0 0 28px rgba(69,255,99,.07)}
.project p{font-size:13px;line-height:1.52}.fake-device{height:194px;width:42%;bottom:-8px;background:linear-gradient(160deg,#0a1710,#020604);box-shadow:0 16px 40px #000}.fake-device:before{content:"";position:absolute;left:8%;right:8%;top:8px;height:5px;border-radius:5px;background:linear-gradient(90deg,#26372c 0 25%,#45ff63 25% 42%,#26372c 42%)}
.mini-ui{padding:25px 13px 13px}.mini-ui b{font-size:13px}.mini-ui i{height:15px;margin-top:10px;background:linear-gradient(90deg,#13251a,#0b1710)}
.service-strip{position:relative;z-index:4;background:rgba(2,8,5,.96);box-shadow:0 12px 40px rgba(0,0,0,.3)}.service-strip .wrap{padding:22px 0}.service-strip span{opacity:.92;transition:.2s}.service-strip span:hover{color:var(--green);opacity:1}
.hosting{padding:82px 0 72px;position:relative;overflow:hidden}.hosting:before{content:"";position:absolute;inset:auto 0 0 0;height:58%;background-image:linear-gradient(rgba(69,255,99,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(69,255,99,.07) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(transparent,#000);transform:perspective(600px) rotateX(68deg) scale(1.5);transform-origin:bottom;pointer-events:none}
.hosting-layout{position:relative;z-index:2;grid-template-columns:.62fr 1.38fr;gap:48px}.hosting-copy{padding-right:10px}.hosting-copy .btn{margin-top:10px}.plans-area{background:rgba(4,12,7,.48);border:1px solid rgba(69,255,99,.11);border-radius:18px;padding:20px 18px 18px;box-shadow:0 25px 70px rgba(0,0,0,.3);backdrop-filter:blur(5px)}
.plan{min-height:445px;padding:27px 21px;background:linear-gradient(180deg,rgba(9,19,12,.96),rgba(3,8,5,.96));transition:.22s}.plan:hover{border-color:#5d8c68;transform:translateY(-3px)}.plan.popular:hover{transform:scale(1.035) translateY(-3px)}.plan>a{transition:.2s}.plan>a:hover{border-color:var(--green);color:var(--green)}.plan.popular>a:hover{color:#031006;box-shadow:0 0 24px rgba(69,255,99,.25)}
.process{padding:48px 0;background:#020805}.process-grid{border:1px solid rgba(69,255,99,.13);border-radius:14px;background:rgba(7,17,10,.55);overflow:hidden}.process-grid div{padding:23px 30px}.process-grid span{font-weight:800;letter-spacing:2px}.process-grid b{font-size:20px}
.contact{padding:30px 0 58px}.contact-box{position:relative;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.25)}.contact-box:after{content:"";position:absolute;width:280px;height:280px;right:18%;top:-190px;border-radius:50%;background:rgba(69,255,99,.16);filter:blur(35px);pointer-events:none}.contact-box>*{position:relative;z-index:2}
footer{background:#010402}.footer .brand{min-width:auto}.footer .brand-word{font-size:22px}
@media(min-width:1500px){.wrap{width:min(1580px,94%)}.hero-grid{grid-template-columns:.9fr 1.1fr}.project{height:325px}}
@media(max-width:1050px){.hero{min-height:auto}.hero-grid{min-height:auto}.hero-copy{padding-top:25px}.hero-scene{height:470px}.hosting-layout{grid-template-columns:1fr}.plans-area{margin-top:10px}}
@media(max-width:760px){.header{height:72px}.hero{padding-top:38px}.hero-copy{padding:18px 0 0}.hero h1{font-size:44px}.hero-scene{height:350px}.screen{height:230px}.editor:after{font-size:12px;right:10px}.project{height:320px}.plans-area{padding:14px 10px}.process-grid{border:0;background:none}.process-grid div{border:1px solid rgba(69,255,99,.13);border-radius:10px}.contact{padding-bottom:40px}}
.proof{border-bottom:1px solid rgba(69,255,99,.12);background:#030a06}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0}.proof-row span{font-size:12px;color:#aeb8b0;text-align:center;border-right:1px solid rgba(69,255,99,.15)}.proof-row span:last-child{border:0}.proof-row b{color:#48ff66;margin-right:8px;letter-spacing:1px}@media(max-width:760px){.proof-row{grid-template-columns:1fr;gap:12px}.proof-row span{border-right:0;text-align:left}}

/* V6.2 — compactación comercial */
.services-compact{padding:58px 0 64px;background:linear-gradient(180deg,#030a06,#020604);border-bottom:1px solid rgba(69,255,99,.12)}
.section-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:28px}.section-intro h2{font-size:clamp(34px,3vw,50px);line-height:1.05;letter-spacing:-2px;margin:0}.section-intro h2 em{font-style:normal;color:#45ff63}.section-intro>p{margin:0;color:#aeb8b0;line-height:1.65;max-width:540px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.services-grid article{min-height:155px;padding:22px;border:1px solid rgba(69,255,99,.14);border-radius:12px;background:linear-gradient(145deg,rgba(8,19,12,.85),rgba(3,8,5,.92));transition:.2s ease}.services-grid article:hover{border-color:rgba(69,255,99,.55);transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.24)}.services-grid article>b{font:700 10px/1 Consolas,monospace;letter-spacing:2px;color:#45ff63}.services-grid h3{font-size:18px;margin:12px 0 8px}.services-grid p{font-size:13px;line-height:1.55;color:#aeb8b0;margin:0}
/* Keep the home punchy: proof belongs after the offer, not between portfolio and hosting */
.proof{background:linear-gradient(90deg,#030a06,#06130a,#030a06);border-top:1px solid rgba(69,255,99,.12)}
/* More cinematic desktop fold */
@media(min-width:1200px){.hero{min-height:600px}.hero-grid{min-height:600px}.hero-copy{padding-top:34px}.hero-scene{height:525px}.portfolio{padding-top:30px}.project{height:305px}.services-compact{padding:52px 0 58px}.hosting{padding-top:68px}}
@media(max-width:900px){.section-intro{grid-template-columns:1fr;gap:16px}.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.services-compact{padding:44px 0}.services-grid{grid-template-columns:1fr}.services-grid article{min-height:auto}.section-intro h2{font-size:36px}}