:root{--accent:#67e5c4;--accent2:#79d8fb;--navy:#071019;--navy2:#0d1823}
.site-header{position:absolute;z-index:30;inset:0 0 auto;color:#fff}.site-header .nav{position:relative;left:auto;transform:none}.navcta{background:var(--accent);border-color:var(--accent);color:#071610!important}.language{position:relative;margin-left:12px}.language-button{display:flex;align-items:center;gap:7px;height:42px;padding:0 12px;border:1px solid #34404d;border-radius:10px;background:#101722;color:#fff;cursor:pointer}.language-button i{font-style:normal;color:#82909e}.language-menu{display:none;position:absolute;right:0;top:50px;width:185px;padding:8px;background:#101822;border:1px solid #2b3945;border-radius:12px;box-shadow:0 20px 55px #0008}.language.open .language-menu{display:grid}.language-menu a{padding:10px 12px;color:#dbe5ec;text-decoration:none;border-radius:7px;font-size:13px}.language-menu a:hover{background:#1b2b32;color:var(--accent)}
.terminal header{display:flex;align-items:center;gap:10px}.terminal header img{width:23px;height:18px;object-fit:contain}.trust{display:flex;gap:20px;flex-wrap:wrap}.ticker div{display:inline-block;animation:ticker-move 25s linear infinite}@keyframes ticker-move{to{transform:translateX(-50%)}}
.cards article,.cards .dark{min-height:0;background:linear-gradient(145deg,#fff,#f3fffb);color:#111b24;border-color:#bce9dc}.cards article:before{background:radial-gradient(circle,rgba(103,229,196,.38),transparent 68%)}.cards article small:first-child{display:none}.cards .dark h3,.cards .dark p,.cards .dark li{color:inherit}.cards .dark ul{border-color:#dcebe6}.cards .icon{background:#ddfff5}.cards article:nth-child(3):before,.cards article:nth-child(4):before{background:radial-gradient(circle,rgba(103,229,196,.38),transparent 68%)}
.capabilities{background:#fff}.cap-intro{max-width:850px}.cap-intro h2{font-size:clamp(38px,5vw,66px);line-height:1.07;letter-spacing:-3px;margin:17px 0}.cap-intro h2 em{font-style:normal;color:#1eaa88}.cap-intro>p:last-child{color:#667383;font-size:18px;line-height:1.7;max-width:770px}.tech-list{margin-top:70px;border-top:1px solid #d7e1df}.tech-list>div{display:grid;grid-template-columns:210px 1fr;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid #d7e1df}.tech-list h3{margin:0;color:#169b7a;font:800 13px ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase}.tech-list p{margin:0;font:600 18px/1.7 ui-monospace,monospace;color:#1b2630}
.outcome-list{border-top:1px solid #d7e0e4}.outcome-list article{display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:70px;padding:35px 0;border-bottom:1px solid #d7e0e4}.outcome-list h3{margin:0;font-size:25px}.outcome-list p{margin:0;color:#667383;line-height:1.75}
.process-band{background:radial-gradient(circle at 90% 20%,#12362d 0,transparent 30%),var(--bg);color:#edf3f7}.process-flow{border-top:1px solid #31413f}.process-flow article{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:55px;align-items:center;padding:34px 0;border-bottom:1px solid #283536}.process-flow article div{display:flex;align-items:center;gap:24px}.process-flow span{color:var(--accent);font:800 10px ui-monospace,monospace;letter-spacing:1.5px;text-transform:uppercase}.process-flow h3{margin:0;font-size:23px}.process-flow p{margin:0;color:#a0acb7;line-height:1.6}.process-flow small{color:#6f7f8c;line-height:1.55}.delivery-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:50px;background:#293735}.delivery-principles span{padding:25px;background:#0c151d;color:#7f8d99;font-size:12px}.delivery-principles b{display:block;color:#fff;margin-bottom:7px;font-size:14px}
.quick-estimate{display:none!important}.contact{padding:105px 0}.contact h2{margin-bottom:25px}.contact form{box-shadow:0 30px 90px #0005}.faq{max-width:100%;margin:0}.site-footer{background:#071019;color:#dfe8ee;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:70px}.footer-about p{max-width:330px;color:#83919e;line-height:1.7}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin:4px 0 10px}.footer-grid a{color:#929fab;text-decoration:none;font-size:13px}.footer-grid a:hover{color:#fff}.footer-cta{display:inline-flex!important;width:max-content;margin-top:12px;padding:12px 16px;border-radius:9px;background:var(--accent);color:#071610!important;font-weight:750}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:22px;border-top:1px solid #1d2a33;color:#667581;font-size:11px}
@media(max-width:1000px){.site-header nav{gap:14px}.site-header nav a{font-size:12px}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.footer-grid>div:last-child{grid-column:2}.process-flow article{grid-template-columns:.8fr 1.2fr}.process-flow small{grid-column:2}}
@media(max-width:850px){.site-header .nav{height:76px}.site-header nav{top:70px}.language{margin-left:auto;margin-right:8px}.language-menu{position:fixed;left:16px;right:16px;top:70px;width:auto;grid-template-columns:1fr 1fr}.menu{order:4}.process-flow article{grid-template-columns:1fr;gap:12px}.process-flow article div{display:block}.process-flow span{display:block;margin-bottom:9px}.process-flow small{grid-column:auto}.delivery-principles{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}}
@media(max-width:540px){.brand b{font-size:18px}.brand img{width:40px}.site-header nav{left:16px;right:16px}.language-button{height:39px;padding:0 9px}.language-button i{display:none}.trust{display:grid;gap:7px;line-height:1.5}.tech-list{margin-top:45px}.tech-list>div{grid-template-columns:1fr;gap:7px;padding:21px 0}.tech-list p{font-size:15px}.cap-intro h2{letter-spacing:-2px}.outcome-list article{grid-template-columns:1fr;gap:12px;padding:27px 0}.process-flow article{padding:28px 0}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-about,.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:grid;gap:10px}.contact{padding:78px 0}.cards article{padding:28px}.cards article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.ticker div{animation:none}}
.efficient-pricing{margin-top:28px;padding:24px 28px;border:1px solid #b9e8dc;border-radius:13px;background:linear-gradient(120deg,#effff9,#f4fbff)}.efficient-pricing b{color:#0f775f}.efficient-pricing p{margin:7px 0 0;color:#61717d;line-height:1.65;font-size:13px}

/* Capacidades técnicas en etiquetas */
.tech-groups{margin-top:72px;display:grid;gap:48px}.tech-groups section{border:0}.tech-groups h3{margin:0 0 22px;color:#28bfa2;font:800 13px ui-monospace,monospace;letter-spacing:3px;text-transform:uppercase}.tech-groups section>div{display:flex;flex-wrap:wrap;gap:10px}.tech-groups span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border:1px solid #cbd3d5;border-radius:7px;background:linear-gradient(145deg,#fff,#f3f6f6);box-shadow:inset 0 0 0 1px #fff;color:#111b23;font:650 15px ui-monospace,monospace;transition:.22s ease}.tech-groups span:hover{border-color:#65dbc0;background:#eafff8;transform:translateY(-2px);box-shadow:0 9px 25px rgba(38,173,142,.12)}.capability-note{margin:55px 0 0;padding:20px 23px;border-left:3px solid var(--accent);background:#edfff9;color:#53656b;line-height:1.7;font-size:13px}
.compact-footer{grid-template-columns:1.6fr 1fr;align-items:start}.footer-legal{align-items:flex-end}.footer-legal>div{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}

/* Alternancia visual: claro / oscuro, comenzando por claro */
.hero{background:radial-gradient(circle at 78% 38%,rgba(103,229,196,.22),transparent 30%),#f6faf9;color:#0a1520}.hero:after{background-image:linear-gradient(rgba(103,229,196,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(103,229,196,.16) 1px,transparent 1px)}.site-header{color:#0b1720}.site-header nav a{color:#465660}.site-header nav a:hover{color:#0d9476}.language-button{background:#fff;color:#102029;border-color:#cad8d5}.hero .eyebrow{color:#16866b}.hero .lead{color:#53636d}.hero .trust{color:#66757e}.hero h1 em{color:#20a985}
#servicios{width:100%;max-width:none;padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2));background:radial-gradient(circle at 90% 20%,rgba(103,229,196,.13),transparent 28%),var(--bg);color:#edf3f7}#servicios .heading>p:last-child{color:#929eaa}#servicios .cards article{background:linear-gradient(145deg,#0f1a24,#10251f);color:#f2f7f7;border-color:#29443d}#servicios .cards article p,#servicios .cards article li{color:#aab6bf}#servicios .cards ul{border-color:#2a3a40}#servicios .cards .detail-columns h4{color:#eff7f4}
.capabilities{background:#f7faf9;color:#101722}
#soluciones{width:100%;max-width:none;padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2));background:radial-gradient(circle at 8% 22%,rgba(103,229,196,.12),transparent 25%),var(--bg);color:#edf3f7}#soluciones .heading>p:last-child,#soluciones .outcome-list p{color:#929fac}#soluciones .outcome-list{border-color:#28363d}#soluciones .outcome-list article{border-color:#28363d}
.process-band{background:#f6f9f8;color:#101722}.process-band .heading>p:last-child{color:#64737d}.process-flow{border-color:#cfdad7}.process-flow article{border-color:#d6dfdd}.process-flow p{color:#5d6c75}.process-flow small{color:#78868e}.delivery-principles{background:#cbd9d5}.delivery-principles span{background:#fff;color:#697880}.delivery-principles b{color:#101c23}
.estimator-section{background:radial-gradient(circle at 92% 16%,rgba(103,229,196,.14),transparent 28%),var(--bg)!important;color:#edf3f7}.estimator-section .estimator-heading>p{color:#9ba7b2}.estimator-section .estimator-form,.estimator-section .estimate-result,.estimator-section .build-choice{background:#101a24!important;border-color:#293942!important;color:#edf3f7}.estimator-section legend,.estimator-section h3,.estimator-section h4{color:#f3f7f8}.estimator-section fieldset>p,.estimator-section .choice-heading>p,.estimator-section li,.estimator-section small{color:#94a2ae}.estimator-section .choice-grid span,.estimator-section .feature-grid span{background:#0b141d;border-color:#2a3944;color:#dce5ea}.estimator-section .efficient-pricing{background:#10231f;border-color:#245648}.estimator-section .efficient-pricing p{color:#9baba7}
#contacto{background:#f5f9f8;color:#101722}.contact h2{color:#101722}.contact> .shell p,.contact p{color:#64737d}.contact blockquote{color:#65757d}.contact blockquote b{color:#101722}.contact form{background:#fff;border-color:#d5e1de;box-shadow:0 30px 80px rgba(11,44,36,.1)}.contact label{color:#53636c}.contact input,.contact select,.contact textarea{background:#f7faf9;color:#101722;border-color:#cfdad7}
#faq{width:100%;max-width:none;padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2));background:var(--bg);color:#edf3f7}#faq .faq details{background:#101922;border-color:#293840}#faq .faq details[open]{background:#10231f;border-color:#326c5c}#faq .faq summary{color:#edf3f7}#faq .faq p{color:#98a5af}
@media(max-width:850px){.site-header nav{background:#fff;border:1px solid #d4dfdc;box-shadow:0 18px 45px rgba(15,40,34,.15)}.compact-footer{grid-template-columns:1fr}.footer-legal{align-items:flex-start}.footer-legal>div{justify-content:flex-start}}
@media(max-width:540px){.tech-groups{margin-top:48px;gap:39px}.tech-groups h3{font-size:12px;letter-spacing:2.5px}.tech-groups section>div{gap:8px}.tech-groups span{min-height:43px;padding:0 14px;font-size:14px}}

/* Comparador del estimador: contraste uniforme y aire interior */
.estimator-section .build-choice{padding:0!important;background:transparent!important;border:0!important}.estimator-section .choice-heading{padding:0 10px;margin-bottom:42px}.estimator-section .comparison-grid{gap:22px}.estimator-section .comparison-grid article,.estimator-section .comparison-grid .custom-choice{padding:44px;background:linear-gradient(145deg,#101b25,#10231f);border:1px solid #2b5147;color:#edf4f2;box-shadow:0 20px 55px rgba(0,0,0,.16)}.estimator-section .comparison-grid article:first-child{background:linear-gradient(145deg,#101b25,#14212a);border-color:#30434c}.estimator-section .comparison-grid h4{margin:0 0 25px;color:#f2f7f6}.estimator-section .comparison-grid li,.estimator-section .custom-choice li{color:#aab7b9}.estimator-section .comparison-grid li:before{color:#67e5c4;margin-right:13px}.estimator-section .comparison-grid article>span{display:none}
@media(max-width:540px){.estimator-section .choice-heading{padding:0 5px}.estimator-section .comparison-grid article,.estimator-section .comparison-grid .custom-choice{padding:34px 30px}.estimator-section .comparison-grid h4{font-size:21px;line-height:1.3}.estimator-section .comparison-grid li{padding-left:2px}}

/* Cabecera oscura */
.site-header{background:rgba(7,16,25,.97);border-bottom:1px solid #1c2c34;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.12);backdrop-filter:blur(14px)}.site-header nav a{color:#b7c3cc}.site-header nav a:hover{color:#67e5c4}.site-header .navcta{color:#071610}.site-header .language-button{background:#101b25;color:#edf4f6;border-color:#31414b}.site-header .language-button:hover{border-color:#4b7469}.site-header .menu{background:#101b25;color:#fff;border-color:#31414b}
@media(max-width:850px){.site-header nav{background:#0b151f;border-color:#273842;box-shadow:0 18px 45px rgba(0,0,0,.35)}.site-header nav a{color:#c2cdd4}.site-header nav .navcta{color:#071610}}

/* Carrusel con mayor altura y ritmo vertical más compacto */
.ticker{min-height:68px;display:flex;align-items:stretch}.ticker>div{display:flex;align-items:center;min-height:68px;padding:0 12px;font-size:15px;line-height:1.2;letter-spacing:2px}
.section{padding-top:78px;padding-bottom:78px}.heading{gap:45px;margin-bottom:36px}.hero{min-height:760px;padding-top:125px;padding-bottom:64px}.hero-grid{gap:48px}.visual{height:475px}.actions{margin-top:25px;margin-bottom:25px}.tech-groups{margin-top:48px;gap:34px}.tech-groups h3{margin-bottom:16px}.outcome-list article{gap:48px;padding-top:27px;padding-bottom:27px}.process-flow article{gap:38px;padding-top:27px;padding-bottom:27px}.delivery-principles{margin-top:35px}.contact{padding-top:78px;padding-bottom:78px}.contact-grid{gap:60px}.contact blockquote{margin-top:24px}.estimator-heading{margin-bottom:36px}.build-choice{margin-top:62px}.estimator-section .choice-heading{margin-bottom:31px}.site-footer{padding-top:52px}.footer-bottom{margin-top:38px}
@media(max-width:850px){.section{padding-top:60px;padding-bottom:60px}.hero{padding-top:105px;padding-bottom:50px}.hero-grid{gap:24px}.heading{gap:23px;margin-bottom:30px}.contact{padding-top:60px;padding-bottom:60px}.contact-grid{gap:38px}}
@media(max-width:540px){.ticker,.ticker>div{min-height:62px}.ticker>div{font-size:14px;padding-left:10px;padding-right:10px}.section{padding-top:52px;padding-bottom:52px}.hero{padding-top:98px;padding-bottom:42px}.visual{height:430px}.tech-groups{margin-top:38px;gap:29px}.outcome-list article,.process-flow article{padding-top:22px;padding-bottom:22px}.delivery-principles{margin-top:28px}.contact{padding-top:52px;padding-bottom:52px}.build-choice{margin-top:48px}.site-footer{padding-top:42px}}

/* Soluciones ampliadas */
.outcome-list article{grid-template-columns:minmax(230px,.72fr) 1.05fr .78fr;align-items:start;gap:42px}.outcome-title{display:flex;align-items:flex-start;gap:15px}.outcome-title i{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:rgba(103,229,196,.13);border:1px solid rgba(103,229,196,.25);color:#67e5c4;font:700 19px ui-monospace,monospace}.outcome-title h3{margin:4px 0 0}.outcome-copy p{margin:0 0 15px!important}.outcome-copy ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.outcome-copy li{padding:7px 10px;border:1px solid #2b4145;border-radius:7px;background:rgba(255,255,255,.025);color:#9eabb2;font-size:11px}.outcome-list article>strong{padding-left:18px;border-left:2px solid #2f8f78;color:#67e5c4;font:800 10px ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase}.outcome-list article>strong span{display:block;margin-top:8px;color:#9aa7ae;font:500 13px/1.55 Inter,ui-sans-serif,system-ui;text-transform:none;letter-spacing:0}

/* Proceso editorial con más contexto */
.process-flow article{grid-template-columns:.8fr 1.1fr .85fr;position:relative}.process-flow article>div:first-child{display:block}.process-flow article>div:first-child span{display:block;margin-bottom:10px}.process-flow .process-detail{display:block}.process-detail p{margin:0 0 13px}.process-detail ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0}.process-detail li{padding:6px 9px;border-radius:6px;background:#e7f4f0;color:#47625b;font-size:11px}.process-flow small{padding-left:17px;border-left:2px solid #67e5c4}.process-flow small b{display:block;margin-bottom:6px;color:#16866b;font:800 9px ui-monospace,monospace;letter-spacing:1.5px;text-transform:uppercase}
@media(max-width:900px){.outcome-list article{grid-template-columns:1fr 1.2fr}.outcome-list article>strong{grid-column:2}.process-flow article{grid-template-columns:.8fr 1.2fr}.process-flow small{grid-column:2}}
@media(max-width:540px){.outcome-list article,.process-flow article{grid-template-columns:1fr;gap:20px}.outcome-list article>strong,.process-flow small{grid-column:auto}.outcome-title h3{font-size:23px}.outcome-copy ul,.process-detail ul{gap:6px}.outcome-list article>strong,.process-flow small{margin-left:53px}.process-flow article>div:first-child{padding-left:17px;border-left:2px solid #c9d9d5}}

/* Opciones seleccionadas del estimador */
.estimator-section .choice-grid input:checked+span{background:linear-gradient(135deg,#eafff8,#f4fffb);border-color:#54d8b5;color:#10231d;box-shadow:0 0 0 2px rgba(84,216,181,.15)}.estimator-section .choice-grid input:checked+span b{color:#10231d}.estimator-section .choice-grid input:checked+span small{color:#536b63}.estimator-section .feature-grid input:checked+span{background:#eafff8;border-color:#54d8b5;color:#17372e}.estimator-section .feature-grid input:checked+span:before{background:#49c9a7;color:#071a14}
.estimator-section .estimate-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;padding-top:0}.estimator-section .estimate-navigation button{width:100%;min-height:52px;padding:14px 20px;border-radius:11px;font-size:14px;font-weight:800;letter-spacing:.01em;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.estimator-section .estimate-back{background:#15232d;color:#dce7eb;border:1px solid #344650;box-shadow:none}.estimator-section .estimate-back:not(:disabled):hover{background:#1b2c37;border-color:#51656e;transform:translateY(-1px)}.estimator-section .estimate-back:disabled{background:#111c25;color:#667680;border-color:#25343e;opacity:.6;cursor:not-allowed}.estimator-section .estimate-next{background:linear-gradient(135deg,#67e5c4,#55d7b5);color:#092018;border:1px solid #75efd0;box-shadow:0 10px 28px rgba(77,215,179,.18)}.estimator-section .estimate-next:hover{background:linear-gradient(135deg,#78efd0,#5cdebc);transform:translateY(-1px);box-shadow:0 14px 34px rgba(77,215,179,.24)}
.cards .service-link{display:inline-flex;margin-top:22px;color:#087b60;font-size:13px;font-weight:800;text-decoration:none}.cards .service-link:hover{text-decoration:underline;text-underline-offset:4px}
.skip-link{position:fixed;z-index:100;left:16px;top:12px;transform:translateY(-150%);padding:11px 15px;border-radius:8px;background:#67e5c4;color:#071610;font-weight:800;text-decoration:none}.skip-link:focus{transform:none}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(103,229,196,.72);outline-offset:3px}

/* Aparición progresiva y responsive */
.progressive-reveal{filter:blur(3px);transform:translateY(26px);will-change:opacity,transform,filter}.progressive-reveal.visible{filter:none;transform:none}.outcome-list article:nth-child(2),.process-flow article:nth-child(2),.tech-groups section:nth-child(2){--reveal-delay:70ms}.outcome-list article:nth-child(3),.process-flow article:nth-child(3),.tech-groups section:nth-child(3){--reveal-delay:140ms}.process-flow article:nth-child(4),.tech-groups section:nth-child(4){--reveal-delay:210ms}.tech-groups section:nth-child(5){--reveal-delay:280ms}.tech-groups section:nth-child(6){--reveal-delay:350ms}.tech-groups section:nth-child(7){--reveal-delay:420ms}
@media(max-width:1050px){.site-header .menu{display:block;order:4}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;flex-direction:column;align-items:stretch;background:#0b151f;border:1px solid #273842;border-radius:11px;box-shadow:0 18px 45px rgba(0,0,0,.35)}.site-header nav.open{display:flex}.language{margin-left:auto;margin-right:8px}.hero-grid{gap:35px}.footer-grid{gap:45px}}
@media(max-width:720px){.hero-grid,.heading,.contact-grid,.estimator-heading,.estimator-layout{grid-template-columns:1fr}.hero h1{font-size:clamp(43px,12vw,60px)}.cards{grid-template-columns:1fr}.visual,.code.terminal{width:100%}.heading>p:last-child{max-width:620px}.footer-grid{grid-template-columns:1fr}.footer-legal{align-items:flex-start}.footer-legal>div{justify-content:flex-start}}
@media(min-width:1400px){:root{--max:1240px}.hero-grid{gap:80px}.section{padding-top:88px;padding-bottom:88px}}
/* Grid visibility override */
.hero:after{z-index:0;background-image:linear-gradient(rgba(52,174,144,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(52,174,144,.24) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse 82% 72% at 54% 42%,#000 18%,rgba(0,0,0,.82) 52%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 82% 72% at 54% 42%,#000 18%,rgba(0,0,0,.82) 52%,transparent 100%)}.hero>.shell{position:relative;z-index:1}
.hero:before{content:"";position:absolute;inset:0;z-index:.5;pointer-events:none;background:radial-gradient(circle at 7% 24%,rgba(246,250,249,.98) 0,rgba(246,250,249,.72) 16%,transparent 38%),radial-gradient(circle at 91% 78%,rgba(246,250,249,.96) 0,rgba(246,250,249,.62) 20%,transparent 43%),radial-gradient(circle at 74% 5%,rgba(246,250,249,.72) 0,transparent 31%),linear-gradient(118deg,rgba(246,250,249,.38),transparent 31%,transparent 67%,rgba(246,250,249,.28))}
/* Asymmetric grid islands */
.hero:after{background-image:linear-gradient(rgba(41,154,127,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(41,154,127,.28) 1px,transparent 1px);-webkit-mask-image:radial-gradient(ellipse 48% 58% at 27% 38%,#000 0 24%,transparent 72%),radial-gradient(ellipse 44% 50% at 76% 61%,#000 0 20%,transparent 70%);mask-image:radial-gradient(ellipse 48% 58% at 27% 38%,#000 0 24%,transparent 72%),radial-gradient(ellipse 44% 50% at 76% 61%,#000 0 20%,transparent 70%)}.hero:before{display:none}
/* Fade grid on the left, preserve it on the right */
.hero:after{-webkit-mask-image:linear-gradient(100deg,transparent 0%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.55) 31%,#000 53%,#000 100%);mask-image:linear-gradient(100deg,transparent 0%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.55) 31%,#000 53%,#000 100%)}
/* Professional mesh background experiment */
.hero{background:radial-gradient(ellipse 52% 58% at 82% 34%,rgba(103,229,196,.24),transparent 68%),radial-gradient(ellipse 40% 48% at 8% 82%,rgba(113,173,255,.13),transparent 72%),linear-gradient(135deg,#f8fbfa 0%,#f3f9f7 48%,#f7fafb 100%)}.hero:after{opacity:1;background-image:radial-gradient(circle,rgba(25,118,96,.24) 1px,transparent 1.35px);background-size:25px 25px;-webkit-mask-image:linear-gradient(96deg,transparent 0%,rgba(0,0,0,.22) 18%,#000 45%,rgba(0,0,0,.72) 78%,transparent 100%);mask-image:linear-gradient(96deg,transparent 0%,rgba(0,0,0,.22) 18%,#000 45%,rgba(0,0,0,.72) 78%,transparent 100%)}.hero:before{display:block;content:"";position:absolute;inset:8% 3% 6% 44%;z-index:0;pointer-events:none;border:1px solid rgba(42,156,129,.08);border-radius:48% 16% 42% 20%;transform:rotate(-5deg);background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 55%);filter:blur(.1px)}
/* Programming-themed background experiment */
.hero{background:radial-gradient(ellipse 55% 62% at 78% 40%,rgba(103,229,196,.18),transparent 69%),linear-gradient(135deg,#f8fbfa,#f1f8f6 52%,#f8fafb)}.hero:after{background-image:linear-gradient(rgba(32,134,109,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(32,134,109,.075) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 88%,transparent 100%)}.hero:before{display:block;content:"export async function launch(product) {\A  const scope = await validate(product.requirements);\A  const release = await build({\A    architecture: scope.architecture,\A    tests: true,\A    security: \"production\",\A    monitoring: \"enabled\"\A  });\A\A  if (release.ready) {\A    await deploy(release);\A    return { status: \"online\", measurable: true };\A  }\A}";white-space:pre;position:absolute;z-index:0;inset:13% auto auto 52%;width:46%;padding:30px;color:#14785f;font:600 13px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15px;opacity:.13;transform:rotate(-3deg);border-left:1px solid rgba(24,139,110,.22);background:linear-gradient(90deg,rgba(103,229,196,.08),transparent 76%);-webkit-mask-image:linear-gradient(#000 8%,rgba(0,0,0,.8) 60%,transparent 100%);mask-image:linear-gradient(#000 8%,rgba(0,0,0,.8) 60%,transparent 100%);pointer-events:none}
/* Refined programming background */
.hero{background:radial-gradient(ellipse 50% 60% at 83% 35%,rgba(93,226,191,.22),transparent 68%),radial-gradient(ellipse 36% 46% at 11% 86%,rgba(108,174,255,.10),transparent 72%),linear-gradient(135deg,#fafcfb 0%,#f2f9f7 52%,#f8fbfc 100%)}.hero:before{inset:11% 2.5% auto 51%;width:46%;min-height:390px;padding:34px 34px 34px 48px;opacity:1;color:rgba(15,111,87,.25);font-size:13px;line-height:1.95;transform:rotate(-2deg);border:1px solid rgba(30,139,111,.19);border-left:3px solid rgba(72,208,173,.34);border-radius:18px;background:linear-gradient(125deg,rgba(255,255,255,.62),rgba(239,251,247,.27) 58%,rgba(255,255,255,.1)),repeating-linear-gradient(180deg,transparent 0 24px,rgba(30,139,111,.025) 25px 26px);box-shadow:0 28px 80px rgba(31,102,84,.10),inset 0 1px rgba(255,255,255,.75);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(105deg,rgba(0,0,0,.35),#000 18%,#000 78%,transparent 100%);mask-image:linear-gradient(105deg,rgba(0,0,0,.35),#000 18%,#000 78%,transparent 100%)}.hero:after{background-image:linear-gradient(rgba(34,139,112,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(34,139,112,.065) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse 78% 76% at 65% 46%,#000 15%,rgba(0,0,0,.72) 58%,transparent 100%);mask-image:radial-gradient(ellipse 78% 76% at 65% 46%,#000 15%,rgba(0,0,0,.72) 58%,transparent 100%)}
@media(max-width:850px){.hero:before{inset:12% -22% auto 36%;width:82%;opacity:.68;transform:rotate(-3deg)}.hero:after{opacity:.72}}
@media(max-width:540px){.hero:before{opacity:.4;inset:10% -48% auto 32%;width:110%}.hero:after{opacity:.48}}