/* Movemos tu Imagen — Rediseño 2026 | CSS propio, sin frameworks */
:root {
  --ink:#182c23;--ink-2:#294339;--deep:#11291f;--deep-2:#1d3e2e;
  --lime:#b8ed73;--lime-2:#d7f4a3;--leaf:#83bd54;
  --brand-green:#00aa00;--brand-green-bright:#00c400;--brand-charcoal:#3f3f3f;
  --cream:#fafbf6;--paper:#f3f6ed;--white:#fff;
  --muted:#62736a;--line:#e1e8db;--line-dark:#4a6253;
  --radius:18px;--shadow:0 24px 70px rgba(17,41,31,.10);--width:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--lime);color:var(--deep)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
img,svg{max-width:100%}svg{display:block}
.icon{display:inline-block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vertical-align:middle}
.container{width:min(var(--width),calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;z-index:1000;top:-100px;left:16px;background:var(--lime);padding:12px 18px;color:var(--ink);border-radius:10px}.skip-link:focus{top:16px}
:focus-visible{outline:3px solid #67a63e;outline-offset:4px}
/* Navigation */
.site-header{height:88px;position:sticky;top:0;z-index:99;background:rgba(250,251,246,.96);border-bottom:1px solid rgba(21,48,35,.09);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow .3s}
.site-header.is-scrolled{box-shadow:0 4px 22px rgba(17,41,31,.07)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;min-width:205px;line-height:1;flex-shrink:0}
.brand-logo-original{display:block;width:205px;height:auto;max-width:100%;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:clamp(16px,2.25vw,35px);height:100%;margin-left:auto}
.desktop-nav a{font-size:13px;font-weight:710;white-space:nowrap;color:#3c5548;position:relative;padding:12px 0;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--brand-green)}
.desktop-nav a::after{content:"";height:2px;position:absolute;bottom:5px;left:0;right:100%;background:var(--leaf);transition:right .25s}
.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after{right:0}
.nav-actions{display:flex;align-items:center;gap:19px;flex-shrink:0}
.nav-tel{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:750;white-space:nowrap}
.nav-tel .icon{width:15px;height:15px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;border:1px solid transparent;border-radius:100px;padding:14px 22px;font-size:13px;font-weight:800;letter-spacing:-.15px;white-space:nowrap;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px)}.btn .icon{width:16px;height:16px}
.btn-dark{background:var(--deep);color:#fff}.btn-dark:hover{background:#315f40;box-shadow:0 8px 22px rgba(21,51,32,.18)}
.btn-lime{background:var(--lime);color:var(--deep)}.btn-lime:hover{background:#c9f296;box-shadow:0 10px 35px rgba(94,157,70,.25)}
.btn-large{padding:19px 27px;font-size:14px;min-height:58px}
.btn-outline-light{border:1px solid #779a82;color:#fff;background:transparent}.btn-outline-light:hover{border-color:var(--lime);background:#31523c}
.menu-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--line);height:43px;width:43px;border-radius:50%;background:transparent;color:var(--deep)}
.mobile-nav{display:none}
/* Standard components */
.section{padding:124px 0}
.kicker{display:inline-flex;gap:11px;align-items:center;color:#516d5e;font-weight:820;font-size:11px;letter-spacing:2px;line-height:1.25}
.kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--leaf);flex-shrink:0}
.kicker-on-dark{color:#c1d5c8}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:55px}
.section-head h2,.process-intro h2,.faq-grid h2,.split-note h2{font-size:clamp(38px,4.3vw,63px);letter-spacing:-3px;line-height:1.12;font-weight:780;margin:19px 0 0}
.section-head>p{max-width:370px;color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 4px}
.serif-italic,em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-2px}
/* Hero */
.hero{background:radial-gradient(ellipse 56% 61% at 82% 44%,#eef8d7 0%,transparent 94%),var(--cream);position:relative;overflow:hidden}
.hero-grid{min-height:600px;display:grid;grid-template-columns:50% 50%;align-items:center;gap:0;padding-top:80px;padding-bottom:34px}
.hero-copy{position:relative;z-index:3;padding-bottom:20px}
h1,h2,h3,p{overflow-wrap:break-word}
.hero h1{font-size:clamp(53px,5.9vw,87px);letter-spacing:-5.7px;font-weight:850;line-height:1.06;margin:0 0 27px;max-width:660px}
.headline-outline{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#507b4e;letter-spacing:-5px}
.headline-lime{background:linear-gradient(180deg,transparent 61%,#d9f5af 61%,#d9f5af 88%,transparent 88%);white-space:nowrap}
.headline-period{color:#8bbc58}
.hero-lede{color:#52695b;max-width:490px;font-size:17px;line-height:1.78;margin:0 0 34px}
.hero-lede strong{font-weight:750;color:var(--ink)}
.hero-ctas{display:flex;align-items:center;gap:29px;flex-wrap:wrap}
.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:790;border-bottom:1px solid var(--ink);padding:9px 0;transition:gap .25s}
.text-link:hover{gap:22px}.text-link span{font-size:18px}




.hero-stage{position:relative;height:560px;display:grid;place-items:center;perspective:900px}
.orbit{position:absolute;border:1px solid #d0e4b7;border-radius:50%;width:570px;height:570px;left:42px;top:-9px}
.orbit-two{width:450px;height:450px;left:105px;top:50px;border-color:#dfedcc}
.hero-float-marker{position:absolute;top:14px;right:4px;z-index:2;font-size:9px;font-weight:850;letter-spacing:1.5px;transform:rotate(9deg)}
.hero-float-marker span{margin-left:6px;color:var(--leaf);font-size:21px}
.mock-browser{position:relative;z-index:1;width:min(535px,100%);height:385px;background:#fff;border-radius:12px;box-shadow:0 24px 25px rgba(12,42,20,.13),0 50px 90px rgba(29,60,40,.13);transform:rotate(-5deg) translate(8px,0);overflow:hidden;border:1px solid #d7e0d2;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.hero-stage:hover .mock-browser{transform:rotate(-2deg) translateY(-7px)}
.browser-top{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#eef3e8;font-size:8px;color:#718078;font-weight:750;letter-spacing:.5px}
.browser-dots{display:flex;gap:4px}.browser-dots i{width:6px;height:6px;background:#c1d1ba;border-radius:100%}.browser-dots i:first-child{background:#adc897}
.browser-menu{font-size:15px;line-height:1}
.mock-content{padding:0 29px;height:calc(100% - 33px);background:#f4f0e6}
.mock-nav{height:59px;display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:9px;color:#254337}
.mock-brand{font-family:Georgia,serif;font-size:22px;font-weight:bold;letter-spacing:-1px}.mock-brand span{color:#cd8b61}
.mock-nav-items{margin-left:auto;font-weight:550}.mock-mini-cta{border:1px solid #567161;border-radius:50px;padding:7px 10px;font-size:9px}
.mock-inner{display:grid;grid-template-columns:53% 47%;height:242px;position:relative}
.mock-text{padding-top:34px;position:relative;z-index:2}
.mock-overline{font-size:8px;letter-spacing:1.8px;color:#7c816b;font-weight:900;margin-bottom:14px}
.mock-h{font-family:Georgia,serif;font-size:44px;letter-spacing:-2.6px;line-height:.96;color:#1b3b2b;font-weight:bold}
.mock-h em{font-weight:400;color:#a95d42;font-family:Georgia,serif;font-size:48px}
.mock-paragraph{font-size:9.5px;line-height:1.7;max-width:160px;color:#617162;margin:12px 0}
.mock-button{display:inline-flex;align-items:center;gap:18px;padding:10px 13px;border-radius:40px;background:#1b392b;color:#fff;font-size:9px;font-weight:bold}
.mock-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}
.art-orb{position:absolute;right:-38px;top:1px;width:270px;height:260px;background:radial-gradient(circle at 32% 32%,#e7c1a0 0%,#c78c6b 35%,#985d3e 60%,#8b4f38 75%,#62412d 100%);border-radius:47% 53% 46% 54% / 47% 37% 63% 53%;transform:rotate(-24deg);box-shadow:inset -18px -25px 28px #432f2d42,14px 22px 30px #40291933}
.art-orb::before{content:"";position:absolute;inset:23px 83px 17px 81px;border-radius:50%;border:32px solid rgba(244,223,200,.31);transform:rotate(32deg)}
.art-orb::after{content:"";position:absolute;top:-6px;right:33px;width:78px;height:66px;border-radius:50%;background:linear-gradient(135deg,#d2b494,#a76949);box-shadow:15px 15px 22px #78463140}
.orb-shine{position:absolute;width:50px;height:65px;top:45px;left:33px;background:rgba(255,229,196,.45);filter:blur(20px)}
.art-cross{position:absolute;font-size:36px;color:#f0d4b7}.art-cross-1{top:-2px;right:7px}.art-cross-2{bottom:1px;left:18px;font-size:22px;color:#ab734f}
.art-label{position:absolute;bottom:8px;right:-3px;text-align:right;font-size:7px;line-height:1.6;letter-spacing:1.5px;font-weight:850;color:#395343}
.mock-bottom{height:27px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dcdccc;font-size:8px;letter-spacing:1px;color:#7b8576;font-weight:bold}
.floating-card{position:absolute;z-index:3;box-shadow:0 18px 50px rgba(20,57,31,.12);transition:transform .35s}
.float-seo{display:flex;align-items:center;gap:13px;left:-5px;bottom:63px;background:#fff;padding:14px 21px 14px 14px;border:1px solid #e0ebd9;border-radius:12px;transform:rotate(5deg)}
.hero-stage:hover .float-seo{transform:rotate(1deg) translateY(-5px)}
.float-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:11px;background:#ddf7c3;color:#376b39;font-size:27px;font-weight:600}
.float-seo div:last-child{display:flex;flex-direction:column}.float-seo small{font-size:8px;letter-spacing:1px;font-weight:900;color:#86a080}.float-seo b{font-size:14px;color:#23412e}.float-seo div span{font-size:10px;color:#8a9b8c}
.float-dev{right:-26px;top:92px;display:flex;align-items:center;gap:10px;background:#1b3b2a;border-radius:7px;padding:13px 15px;color:#fff;font-size:9px;font-weight:800;transform:rotate(7deg)}
.dev-indicator{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #b8ed7320}
.float-dev>span:last-child{color:var(--lime)}


@keyframes marquee{to{transform:translateX(-50%)}}
/* Services */
.services-section{background:var(--cream)}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.service-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius);padding:30px;transition:transform .35s,box-shadow .35s;isolation:isolate}
.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(23,48,33,.11)}
.service-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:850;letter-spacing:1.5px}
.service-arrow{display:grid;place-items:center;border-radius:50%;border:1px solid #b7cbb7;width:39px;height:39px;font-size:20px;flex-shrink:0;transition:background .25s,transform .25s}
.service-card:hover .service-arrow{background:var(--lime);transform:rotate(45deg)}
.service-featured{min-height:490px;background:#daefc9;grid-row:span 2}
.service-featured::before{content:"";position:absolute;width:430px;height:430px;border:1px solid #b8d4ad;border-radius:50%;right:-80px;bottom:-180px;z-index:-1}
.service-feature-copy{position:relative;z-index:2;max-width:380px;margin-top:40px}
.service-feature-copy h3,.service-wide h3{font-size:clamp(31px,3.1vw,43px);line-height:1.08;letter-spacing:-2px;margin:0 0 15px;font-weight:790}
.service-feature-copy h3 em,.service-wide h3 em,.service-small h3 em{font-weight:400}
.service-feature-copy p,.service-small p,.service-wide p{font-size:13px;line-height:1.8;max-width:320px;color:#566b5d}
.service-text-cta{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #436246;padding-bottom:8px;font-size:12px;font-weight:800;margin-top:12px}
.service-text-cta span{font-size:17px}
.design-illustration{position:absolute;right:-34px;bottom:-86px;width:350px;height:285px;transform:rotate(-11deg);transition:transform .5s}
.service-featured:hover .design-illustration{transform:rotate(-7deg) translateY(-10px)}
.illustration-window{width:100%;height:100%;background:#1e3e2d;border:8px solid #fff;border-radius:13px;box-shadow:0 19px 30px #32582c47;overflow:hidden;position:relative;color:#fff}
.ill-header{height:51px;border-bottom:1px solid #69816c;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:13px;font-weight:800}
.ill-main{position:relative;z-index:2;display:flex;flex-direction:column;padding:22px}.ill-main small{font-size:8px;letter-spacing:1.4px;color:#d3e6d2}.ill-main strong{font-family:Georgia,serif;font-size:35px;letter-spacing:-2px;line-height:1.12;margin:12px 0 20px}.ill-main>span{background:var(--lime);color:var(--deep);font-size:8px;font-weight:900;border-radius:20px;width:max-content;padding:9px 13px}
.ill-petal{position:absolute;font-size:220px;color:#a2d36f;right:-58px;bottom:-122px}
.service-small{background:#eef3e9;min-height:248px}
.service-small h3{position:relative;z-index:2;margin:14px 0 6px;font-size:27px;line-height:1.1;letter-spacing:-1.15px}
.service-small p{position:relative;z-index:2;margin:0;max-width:330px;font-size:12px}
.service-search{background:#f2f1e5}.service-care{background:#e6f2e8}
.service-graphic{position:absolute;right:25px;top:84px;width:175px;height:88px;z-index:1;pointer-events:none}
.search-pill{background:#fff;box-shadow:0 7px 14px #6576531c;padding:8px 12px;border-radius:25px;font-size:9px;width:max-content;transform:rotate(-6deg);border:1px solid #e2e5d8}
.search-pill span{margin-left:14px;font-size:13px}
.location-pin{width:57px;height:57px;background:#b5d981;border:8px solid #fff;box-shadow:0 9px 20px #5574462d;border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin:0 auto}.location-pin span{display:block;border-radius:50%;background:#567b4b;width:17px;height:17px;transform:translate(12px,12px)}
.care-graphic{display:flex;flex-direction:column;align-items:center;top:75px}
.shield-shape{height:74px;width:75px;display:grid;place-items:center;background:var(--deep);color:var(--lime);font-size:43px;font-weight:bold;clip-path:polygon(50% 0%,91% 16%,87% 61%,50% 100%,13% 61%,9% 16%)}
.care-pill{background:white;border-radius:22px;padding:7px 12px;box-shadow:0 5px 12px #284b381c;color:#407c50;font-size:9px;font-weight:850;position:relative;top:-10px}
.service-wide{min-height:255px;grid-column:1/-1;background:var(--deep);color:#fff;flex-direction:row;align-items:center}
.service-wide-content{width:65%;position:relative;z-index:2}
.service-wide .service-top{color:#d3e7c6;margin-bottom:26px}.service-wide .service-arrow{border-color:#749479;color:#fff}
.service-wide h3{font-size:34px;margin-bottom:9px}.service-wide p{color:#bbcdbf;max-width:510px}.service-wide .service-text-cta{border-color:#c1e9ac}
.wide-graphic{flex:1;align-self:stretch;position:relative;display:grid;place-items:center}
.wide-graphic::before{content:"";position:absolute;width:265px;height:265px;border:1px solid #75966e;border-radius:50%}
.wide-graphic::after{content:"";position:absolute;width:190px;height:190px;border:1px solid #709166;border-radius:50%}
.chart-curve{width:165px;height:100px;border-left:3px solid var(--lime);border-bottom:3px solid var(--lime);transform:rotate(-28deg);clip-path:polygon(0 80%,22% 63%,49% 58%,68% 39%,100% 0,100% 100%,0 100%)}
.chart-badge{position:absolute;z-index:2;top:28px;right:-6px;border-radius:10px;padding:10px 13px;background:var(--lime);color:var(--deep);font-size:8px;line-height:1.7;letter-spacing:.6px;transform:rotate(9deg)}
.chart-badge strong{font-size:11px}
.chart-spark{color:var(--lime);font-size:39px;position:absolute;left:28px;bottom:9px}
/* statement */
.statement-section{background:var(--deep);color:white;overflow:hidden;position:relative}
.statement-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding:112px 0;align-items:center}
.statement-layout h2{font-size:clamp(43px,5.2vw,77px);letter-spacing:-4px;line-height:1.08;margin:21px 0 0}.statement-layout h2 em{color:var(--lime)}
.statement-right{position:relative;min-height:220px}.statement-right p{font-size:17px;line-height:1.88;max-width:480px;color:#cedfcf;margin:0 0 30px;position:relative;z-index:2}.statement-right .btn{position:relative;z-index:2}
.giant-asterisk{position:absolute;color:#b7ed6f0e;font-size:360px;right:-65px;top:-175px;line-height:1;pointer-events:none}
/* process */
.process-section{background:var(--paper)}.process-grid{display:grid;grid-template-columns:.8fr 1fr;gap:120px}
.process-intro{position:relative}.process-intro>p{max-width:355px;font-size:16px;line-height:1.82;color:var(--muted);margin-top:25px}

.process-list{padding-top:4px}.process-step{display:grid;grid-template-columns:58px minmax(0,1fr);gap:19px;padding:24px 0 28px;border-bottom:1px solid #cbd9c8;align-items:start}.process-step:first-child{border-top:1px solid #cbd9c8}
.step-number{color:#649a57;font-size:12px;font-weight:850;padding-top:8px}.process-step h3{font-size:22px;letter-spacing:-.6px;margin:0 0 8px}.process-step p{color:var(--muted);font-size:13px;line-height:1.8;margin:0;max-width:340px}
/* FAQ */
.faq-section{background:#d6f3a8}.faq-grid{display:grid;grid-template-columns:.86fr 1.1fr;gap:130px}.faq-grid>div:first-child p{font-size:15px;color:var(--muted);line-height:1.8;max-width:280px;margin:23px 0}.faq-list{border-top:1px solid #cbd8cc}.faq-list details{border-bottom:1px solid #cbd8cc}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:23px 0;font-size:15px;font-weight:760;transition:color .25s}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b7c9b6;border-radius:50%;flex-shrink:0;font-size:19px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg);background:#d9eeca}.faq-list details p{margin:-4px 0 23px;line-height:1.75;color:#637769;font-size:13px;max-width:510px}
/* final CTA / footer */
.final-cta{background:#d6f3a8;overflow:hidden}.cta-content{position:relative;padding:90px 0 100px}.cta-small{font-size:11px;letter-spacing:2px;font-weight:880;color:#57804c}.cta-content h2{font-size:clamp(47px,6.2vw,90px);font-weight:830;line-height:1.06;letter-spacing:-5px;margin:25px 0 22px;position:relative;z-index:1}.cta-content h2 em{font-weight:400;color:#527d47}.cta-content p{font-size:16px;color:#4c6e4d;max-width:560px;line-height:1.8}.cta-buttons{display:flex;align-items:center;gap:35px;margin-top:32px;position:relative;z-index:1}.cta-buttons .btn-lime{background:var(--deep);color:#fff}.cta-buttons .btn-lime:hover{background:#31563f}.cta-phone span{margin-left:15px}
.site-footer{background:#11271e;color:#fff;padding:74px 0 25px}.footer-top{display:grid;grid-template-columns:2.15fr 1fr 1.2fr 1fr;gap:65px;padding-bottom:67px}.footer-logo-link{display:inline-flex;align-items:center;justify-content:center;background:var(--cream);padding:10px 14px;border-radius:13px;line-height:0;transition:transform .25s,box-shadow .25s}
.footer-logo-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0004}
.footer-logo-original{display:block;width:211px;height:auto;max-width:100%}.footer-brand-col p{max-width:340px;color:#a8c1b1;font-size:14px;line-height:1.85;margin:21px 0 0}.footer-col{display:flex;flex-direction:column;gap:14px;padding-top:8px}.footer-col strong{font-size:11px;color:#eaf5e7;margin-bottom:15px;letter-spacing:1px;text-transform:uppercase}.footer-col a,.footer-col span{font-size:12px;color:#a9bfae;transition:color .2s;line-height:1.5}.footer-col a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:flex-start;gap:24px;border-top:1px solid #355041;padding-top:22px;font-size:11px;color:#91a799}
/* Shared interior pages */
.inner-hero{background:var(--paper);overflow:hidden;padding:95px 0 80px}.inner-hero-grid{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:65px;min-height:430px}
.inner-hero h1{font-size:clamp(48px,5.4vw,77px);letter-spacing:-4px;font-weight:820;line-height:1.09;margin:24px 0 23px}.inner-hero h1 em{color:#668b51}.inner-hero-grid>div:first-child>p{font-size:16px;color:#597166;line-height:1.8;max-width:510px;margin:0 0 32px}
.inner-visual{height:435px;display:flex;align-items:center;justify-content:center;position:relative}.inner-visual::before{content:"";position:absolute;width:420px;height:420px;background:#deedcd;border-radius:50%;filter:blur(1px)}
.inner-mock{position:relative;width:92%;height:350px;overflow:hidden;z-index:1;border:8px solid white;box-shadow:0 23px 50px #2c4e3224;border-radius:13px;transform:rotate(-6deg)}
.inner-web{background:#ece4d6;color:#163528;padding:22px 28px}.inner-card-top{font-size:9px;letter-spacing:2px;font-weight:800;display:flex;justify-content:space-between}.inner-card-top span{font-size:8px}.inner-artword{position:relative;z-index:2;display:block;font-size:49px;line-height:1.05;font-weight:800;letter-spacing:-3px;margin-top:72px}.inner-artword em{font-weight:400;color:#a7674a}.inner-web>small{position:absolute;bottom:26px;left:28px;font-size:9px;z-index:2;font-weight:900;letter-spacing:1px}.inner-web-shape{position:absolute;background:radial-gradient(circle at 20% 20%,#d8a37c,#a46347,#5e4835);border-radius:60% 40% 50% 50%;width:240px;height:280px;right:-30px;bottom:-50px;transform:rotate(-31deg)}
.inner-seo{background:#dfead6}.seo-map-grid{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#ffffff9e 0 3px,transparent 4px 69px),repeating-linear-gradient(-40deg,#fff9 0 3px,transparent 4px 85px)}.seo-search-box{position:absolute;top:27px;left:26px;right:26px;background:#fff;padding:13px 16px;border-radius:30px;font-size:12px;color:#647565;box-shadow:0 6px 19px #182d2420}.seo-map-pin{position:absolute;left:55%;top:39%;width:98px;height:98px;border-radius:50% 50% 50% 0;background:var(--leaf);border:13px solid #fff;transform:rotate(-45deg);box-shadow:4px 15px 20px #182d242e;display:grid;place-items:center;font-size:26px;color:#3d7f44}.seo-signal-card{position:absolute;bottom:23px;left:26px;background:#fff;box-shadow:0 8px 20px #182d242b;padding:17px 25px;border-radius:10px;display:flex;flex-direction:column;gap:5px}.seo-signal-card small{color:#82a276;font-size:8px;letter-spacing:1.5px}.seo-signal-card b{font-size:22px;line-height:1.08;letter-spacing:-1px}.seo-signal-card span{font-size:9px;color:#78907d}
.inner-care{background:#1b3d2a;display:grid;place-items:center}.inner-care::before,.inner-care::after{content:"";position:absolute;border:1px solid #82ac74;border-radius:50%;width:300px;height:300px}.inner-care::after{width:210px;height:210px}.care-center{height:120px;width:112px;clip-path:polygon(50% 0,96% 16%,92% 62%,50% 100%,8% 62%,4% 16%);background:var(--lime);display:grid;place-items:center;font-size:75px;color:#21432d;z-index:1}.care-orbit{position:absolute;color:#e4f9d4;font-size:10px;font-weight:850;letter-spacing:1px}.care-orbit.a{left:25px;top:56px}.care-orbit.b{right:24px;top:107px}.care-orbit.c{left:27px;bottom:94px}.care-status{position:absolute;bottom:19px;font-size:9px;font-weight:850;letter-spacing:1.5px;color:var(--lime)}
.inner-marketing{background:#d8edaa;padding:40px}.mark-big{position:relative;z-index:2;color:#213e2d;font-size:55px;font-weight:850;letter-spacing:-3px;line-height:1.03;margin-top:30px}.mark-big em{color:#619046}.mark-stars{font-size:46px;color:#90b762;position:absolute;top:20px;right:25px;transform:rotate(-20deg)}.mark-graph{position:absolute;right:30px;bottom:50px;width:180px;height:130px;display:flex;gap:12px;align-items:flex-end}.mark-graph span{display:block;background:#29513c;border-radius:6px 6px 0 0;width:24px;height:28%}.mark-graph span:nth-child(2){height:54%}.mark-graph span:nth-child(3){height:42%}.mark-graph span:nth-child(4){height:72%}.mark-graph span:nth-child(5){height:100%}.mark-caption{position:absolute;bottom:24px;left:40px;font-size:9px;letter-spacing:1px;font-weight:830}
.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:11px;color:#738477;padding-top:23px}.breadcrumbs a{text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .3s}.breadcrumbs a:hover{text-decoration-color:currentColor}.breadcrumbs span:last-child{color:var(--ink);font-weight:750}
.benefit-section{padding-top:94px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-card{min-height:236px;background:#f0f4e9;border:1px solid #e5ebde;border-radius:12px;padding:26px;display:flex;flex-direction:column;position:relative;transition:transform .3s}.benefit-card:hover{transform:translateY(-4px)}.benefit-number{font-size:11px;color:#819781;font-weight:900}.benefit-symbol{width:55px;height:55px;display:grid;place-items:center;background:#d5eac5;color:#2b5436;border-radius:14px;font-size:27px;position:absolute;top:21px;right:20px}.benefit-card h3{margin:68px 0 8px;font-size:20px;letter-spacing:-.5px}.benefit-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.8;max-width:280px}
.split-note{background:var(--paper)}.split-note-grid{display:grid;grid-template-columns:1fr .8fr;gap:120px}.split-note h2{font-size:clamp(38px,4.1vw,60px)}.split-note-grid>div:last-child{padding-top:30px}.split-note p{font-size:15px;color:var(--muted);line-height:1.87;margin:0 0 17px}.tick-list{list-style:none;padding:0;margin:25px 0}.tick-list li{padding:9px 0 9px 31px;position:relative;font-size:14px;border-bottom:1px solid #d7e1d2}.tick-list li:before{content:"✓";position:absolute;left:0;color:#508d3c;font-weight:900}
.small-cta{background:var(--deep);color:#fff}.small-cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:77px 0}.small-cta-wrap>div{max-width:750px}.small-cta span:not(.btn span){font-size:10px;letter-spacing:2px;color:#a5c79e;font-weight:900}.small-cta h2{font-size:clamp(33px,3.5vw,53px);letter-spacing:-2px;line-height:1.12;margin:15px 0}.small-cta p{color:#afc4b5;margin:0;font-size:15px}
/* Contact */
.contact-hero{background:var(--paper);padding:90px 0 72px;position:relative;overflow:hidden}.contact-hero::after{content:"✳";position:absolute;right:2%;top:-180px;color:#daebcf;font-size:420px;pointer-events:none}.contact-header{position:relative;z-index:1}.contact-header h1{font-size:clamp(53px,6.2vw,87px);letter-spacing:-5px;line-height:1.08;margin:20px 0 23px}.contact-header h1 em{color:#6e9858}.contact-header p{font-size:16px;color:#5e7164;max-width:610px;line-height:1.8}.contact-breadcrumbs{padding-top:22px}.contact-section{padding:47px 0 125px}.contact-layout{display:grid;grid-template-columns:1.55fr .85fr;gap:30px;align-items:start}.contact-form-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:44px}.form-heading>span{font-size:10px;color:#78a169;font-weight:900;letter-spacing:2px}.form-heading h2{font-size:34px;letter-spacing:-1.4px;line-height:1.15;margin:16px 0 8px}.form-heading p{font-size:13px;color:#7d8a7f;margin:0 0 32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:23px}.field label{font-size:12px;font-weight:790}.field label span,.privacy-check b{color:#5b9447}.field input,.field textarea,.field select{width:100%;border:1px solid #dce5d9;background:#f9fbf7;color:var(--ink);border-radius:9px;padding:15px 16px;font-size:13px;min-height:51px;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:142px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#81b45e;box-shadow:0 0 0 3px #96cf6b2c}.field input::placeholder,.field textarea::placeholder{color:#96a59a}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2367786b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:calc(100% - 13px) center;background-repeat:no-repeat;padding-right:36px}
.website-trap{position:absolute!important;clip-path:inset(100%);height:1px!important;width:1px!important;overflow:hidden;white-space:nowrap;opacity:0;pointer-events:none}.privacy-check{display:flex;align-items:flex-start;gap:12px;margin-bottom:25px;color:#5b7064;font-size:12px;line-height:1.7}.privacy-check input{margin-top:4px;accent-color:#517e42;flex-shrink:0;width:16px;height:16px}.privacy-check a{text-decoration:underline;color:#295639}.send-button{min-width:230px;border:0}.send-button:disabled{opacity:.7;cursor:wait;transform:none}.form-caption{font-size:11px;color:#8d9a90;line-height:1.6;margin:20px 0 0}.form-status{padding:13px 17px;border:1px solid #b7d39d;background:#f1f9e8;border-radius:9px;font-size:13px;line-height:1.6;margin-bottom:18px}.form-status.is-error{background:#fff2ef;color:#922f1c;border-color:#e8b8ad}
.contact-aside{display:flex;flex-direction:column;gap:22px}.contact-aside-dark{position:relative;overflow:hidden;background:var(--deep);color:#fff;border-radius:16px;padding:37px 34px 45px;min-height:470px}.contact-aside-tag{font-size:10px;color:#c5e0b4;letter-spacing:1.3px;font-weight:870}.contact-aside-dark h2{font-size:32px;line-height:1.14;letter-spacing:-1.4px;max-width:290px;margin:30px 0 15px}.contact-aside-dark>p{font-size:13px;color:#abc1b0;line-height:1.85;margin-bottom:35px}.aside-contact-link{border-top:1px solid #41624e;padding:18px 0;display:flex;flex-direction:column;gap:6px;position:relative;z-index:2}.aside-contact-link>span{font-size:9px;letter-spacing:1.5px;color:#acc8ac;font-weight:850}.aside-contact-link a{font-size:19px;font-weight:850;letter-spacing:-.4px;display:flex;justify-content:space-between}.aside-contact-link b{font-weight:400;color:var(--lime)}.aside-hours{margin-top:23px;font-size:11px;color:#9db9a7;position:relative;z-index:2}.aside-asterisk{position:absolute;bottom:-140px;right:-75px;font-size:300px;color:#33543e;line-height:1}.aside-mini{background:#dceecb;border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px}.aside-mini span{font-size:50px;line-height:1;color:#6b9e50}.aside-mini p{font-size:13px;line-height:1.6;max-width:250px;margin:0;font-weight:680}
/* Progressive enhancement */
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.2,1)}
.js [data-reveal].in-view{opacity:1;transform:translateY(0)}
/* Tablet */
@media(max-width:1190px){.container{width:min(var(--width),calc(100% - 56px))}.nav-tel{display:none}.desktop-nav{gap:19px}.nav-cta{padding:13px 16px}.hero h1{font-size:clamp(57px,6.3vw,77px);letter-spacing:-4px}.hero-grid{grid-template-columns:51% 49%}.mock-browser{width:100%;height:365px}.mock-content{padding:0 21px}.mock-h{font-size:41px}.hero-stage{height:510px}.float-dev{right:-5px}.orbit{left:5px}.orbit-two{left:65px}.process-grid{gap:70px}.faq-grid{gap:75px}.footer-top{gap:32px}}
@media(max-width:980px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex}.site-header{height:76px}.nav-wrap{gap:10px}.mobile-nav{display:flex;flex-direction:column;gap:0;position:absolute;top:76px;left:0;right:0;background:var(--cream);box-shadow:0 20px 40px #14281d24;padding:12px max(28px,calc((100vw - 900px)/2)) 24px;max-height:0;visibility:hidden;overflow:hidden;opacity:0;transition:opacity .28s,max-height .35s,visibility .28s}.mobile-nav.is-open{max-height:580px;visibility:visible;opacity:1}.mobile-nav a{font-size:16px;font-weight:770;padding:13px 10px;border-bottom:1px solid #e8ede5}.mobile-nav a[aria-current="page"]{color:var(--brand-green)}.mobile-nav .mobile-phone{color:#63934b}.hero-grid{min-height:auto;grid-template-columns:1fr;gap:15px;padding-top:95px;padding-bottom:34px}.hero-copy{max-width:740px}.hero h1{font-size:clamp(55px,8.5vw,82px)}.hero-stage{height:525px;width:min(570px,100%);margin:0 auto}.hero-float-marker{right:-10px}.section{padding:90px 0}.services-grid{grid-template-columns:1fr 1fr}.service-featured{min-height:500px}.service-small{min-height:249px}.service-graphic{opacity:.75;right:9px}.service-small h3{font-size:24px}.statement-layout{gap:50px}.process-grid{gap:55px}.faq-grid{gap:65px}.footer-top{grid-template-columns:1.6fr 1fr 1fr;gap:36px}.footer-col:last-child{grid-column:2/-1}.inner-hero-grid{gap:30px}.inner-hero h1{font-size:clamp(46px,5.5vw,64px)}.inner-artword{font-size:40px}.benefits-grid{grid-template-columns:1fr 1fr}.split-note-grid{gap:50px}.contact-layout{grid-template-columns:1.35fr .9fr}.contact-form-panel{padding:30px}}
@media(max-width:740px){.container{width:calc(100% - 38px)}.brand{min-width:auto}.hero-grid{padding-top:70px}.hero h1{font-size:clamp(48px,10vw,66px);letter-spacing:-3.6px}.headline-outline,.serif-italic{letter-spacing:-1.6px}.hero-lede{font-size:15.5px}.hero-ctas{gap:19px}.btn-large{font-size:13px;padding:17px 20px}.hero-stage{height:440px}.mock-browser{width:93%;height:320px;transform:rotate(-4deg)}.mock-content{height:calc(100% - 27px);padding:0 15px}.browser-top{height:27px}.mock-nav{height:47px}.mock-brand{font-size:18px}.mock-nav-items{font-size:7px}.mock-mini-cta{font-size:7px}.mock-inner{height:211px}.mock-text{padding-top:18px}.mock-h{font-size:clamp(29px,7vw,42px)}.mock-h em{font-size:40px}.mock-paragraph{font-size:8px}.mock-overline{font-size:7px}.art-orb{width:205px;height:210px;right:-54px}.float-seo{left:-1px;bottom:14px;padding:10px}.float-icon{width:38px;height:38px}.float-seo b{font-size:12px}.float-seo div span{font-size:8px}.float-dev{top:21px;right:-7px;font-size:8px}.orbit{width:400px;height:400px;left:50%;transform:translateX(-50%);top:20px}.orbit-two{width:280px;height:280px;left:50%;top:78px}.section-head{display:block;margin-bottom:39px}.section-head h2,.process-intro h2,.faq-grid h2{font-size:clamp(38px,8vw,54px);letter-spacing:-2px}.section-head>p{margin-top:24px}.services-grid{display:grid;grid-template-columns:1fr}.service-featured{min-height:465px;grid-row:auto}.service-small{min-height:260px}.service-wide{grid-column:auto;min-height:400px;align-items:start}.service-wide-content{width:100%}.service-wide .service-top{margin-bottom:33px}.wide-graphic{position:absolute;right:24px;bottom:14px;width:180px;height:130px;transform:scale(.65);transform-origin:bottom right}.service-wide h3{font-size:clamp(28px,7vw,38px)}.statement-layout{grid-template-columns:1fr;gap:30px;padding:80px 0}.statement-layout h2{font-size:clamp(46px,9vw,69px);letter-spacing:-3px}.statement-right{min-height:auto}.statement-right p{font-size:15px}.process-grid,.faq-grid{grid-template-columns:1fr;gap:40px}.process-step{grid-template-columns:43px 1fr 22px}.cta-content{padding:73px 0 80px}.cta-content h2{font-size:clamp(43px,9vw,63px);letter-spacing:-3px}.cta-content p{font-size:14px}.cta-buttons{flex-direction:column;align-items:flex-start;gap:22px}.footer-top{grid-template-columns:1fr 1fr;row-gap:40px}.footer-brand-col{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.inner-hero{padding:65px 0}.inner-hero-grid{grid-template-columns:1fr;gap:25px}.inner-hero h1{font-size:clamp(46px,9vw,68px);letter-spacing:-2.5px}.inner-hero-grid>div:first-child>p{font-size:15px}.inner-visual{height:350px}.inner-mock{max-width:500px;height:300px}.inner-visual::before{width:350px;height:350px}.benefits-grid{grid-template-columns:1fr 1fr}.benefit-card{min-height:220px}.split-note-grid{grid-template-columns:1fr;gap:20px}.split-note-grid>div:last-child{padding-top:0}.small-cta-wrap{flex-direction:column;align-items:flex-start;padding:66px 0}.contact-hero{padding:65px 0 42px}.contact-header h1{font-size:clamp(48px,8.4vw,68px);letter-spacing:-2.5px}.contact-layout{grid-template-columns:1fr}.contact-form-panel{padding:30px}.contact-aside-dark{min-height:auto}.contact-section{padding:25px 0 90px}}
@media(max-width:470px){.container{width:calc(100% - 32px)}.site-header{height:70px}.mobile-nav{top:70px;padding-left:16px;padding-right:16px}.brand-logo-original{width:168px}.hero-grid{padding-top:56px}.hero h1{font-size:clamp(43px,11vw,55px);letter-spacing:-2.8px}.hero-lede{font-size:14px}.hero-ctas{align-items:flex-start;flex-direction:column;gap:13px}.hero-stage{height:356px;margin-top:5px}.hero-float-marker{top:-2px;right:4px;font-size:7px}.mock-browser{width:95%;height:270px}.browser-top{font-size:6px;height:25px}.mock-content{height:calc(100% - 25px);padding:0 12px}.mock-nav{height:41px}.mock-brand{font-size:16px}.mock-nav-items{display:none}.mock-inner{grid-template-columns:55% 45%;height:177px}.mock-text{padding-top:12px}.mock-overline{font-size:6px;margin-bottom:7px}.mock-h{font-size:clamp(25px,8.5vw,33px)}.mock-h em{font-size:31px}.mock-paragraph{font-size:7px;margin:7px 0}.mock-button{font-size:7px;padding:7px 9px}.art-orb{width:158px;height:160px;right:-49px;top:2px}.art-orb::before{inset:15px 57px;border-width:19px}.art-orb::after{width:50px;height:45px;right:20px}.art-cross-1{font-size:22px}.art-cross-2{font-size:15px}.art-label{font-size:5px}.mock-bottom{font-size:6px;height:26px}.float-seo{bottom:6px;left:-6px;gap:8px}.float-seo small{font-size:6px}.float-seo b{font-size:10px}.float-seo div span{font-size:7px}.float-icon{height:32px;width:32px}.float-dev{top:10px;font-size:6px;padding:9px}.orbit{width:335px;height:335px}.orbit-two{width:230px;height:230px;top:60px}.ticker{padding:14px 0}.ticker-track>span{font-size:10px}.ticker-track i{margin-inline:20px}.section{padding:74px 0}.section-head h2,.process-intro h2,.faq-grid h2{font-size:39px;letter-spacing:-1.7px}.section-head>p{font-size:14px}.service-card{padding:22px}.service-top{font-size:9px}.service-featured{min-height:460px}.service-feature-copy{margin-top:36px}.service-feature-copy h3{font-size:33px}.service-feature-copy p{font-size:12px;max-width:260px}.design-illustration{width:285px;height:225px;right:-48px;bottom:-50px}.ill-header{height:40px}.ill-main{padding:15px}.ill-main strong{font-size:29px;margin:9px 0}.ill-petal{font-size:180px;right:-47px;bottom:-92px}.service-small{min-height:240px}.service-small h3{font-size:24px}.service-graphic{opacity:.4;right:-15px}.service-small p{max-width:270px}.service-wide{min-height:390px}.service-wide h3{font-size:29px}.statement-layout h2{font-size:48px}.process-step{padding:19px 0}.process-step h3{font-size:19px}.faq-list summary{font-size:13px}.cta-content h2{font-size:47px}.footer-top{column-gap:25px}.footer-logo-original{width:200px}.footer-col a,.footer-col span{font-size:11px}.inner-hero h1{font-size:47px}.inner-visual{height:280px}.inner-mock{height:245px;border-width:5px}.inner-artword{font-size:38px;margin-top:36px}.inner-web-shape{width:165px;height:200px}.seo-signal-card b{font-size:18px}.seo-map-pin{height:75px;width:75px}.care-center{height:90px;width:82px;font-size:55px}.inner-care::before{width:230px;height:230px}.inner-care::after{width:150px;height:150px}.care-orbit{font-size:8px}.mark-big{font-size:38px}.mark-graph{transform:scale(.7);transform-origin:bottom right}.benefits-grid{grid-template-columns:1fr}.benefit-card{min-height:185px}.benefit-card h3{margin-top:58px}.split-note h2{font-size:42px}.contact-header h1{font-size:47px}.contact-form-panel{padding:23px 19px}.form-row{grid-template-columns:1fr;gap:0}.form-heading h2{font-size:29px}.contact-aside-dark{padding:30px 22px}}
/* v1.1.9: las animaciones CSS se inician sin depender de prefers-reduced-motion. */


/* Menú móvil robusto también si el navegador bloquea sprites SVG externos */
.menu-toggle .icon{display:none}
.menu-toggle::before{content:"☰";font-size:22px;line-height:1;font-weight:400}
.menu-toggle[aria-expanded="true"]::before{content:"×";font-size:28px}


/* Hero visual v1.1.1 */
.hero-stage-image{height:auto;display:flex;align-items:center;justify-content:center;perspective:none;padding:14px 0 8px}
.hero-stage-art{display:block;width:min(100%,760px);height:auto;border-radius:28px;filter:drop-shadow(0 34px 58px rgba(23,43,35,.14));}
@media(max-width:980px){.hero-stage-image{width:min(740px,100%);margin:0 auto;padding-top:8px}.hero-stage-art{width:100%;max-width:720px}}
@media(max-width:740px){.hero-stage-image{height:auto;padding-top:4px}.hero-stage-art{width:100%;border-radius:22px}}
@media(max-width:470px){.hero-stage-image{height:auto;margin-top:8px}.hero-stage-art{border-radius:18px}}


/* FAQ green background v1.1.15 */
.faq-section .kicker{color:#57804c}
.faq-section .kicker-dot{background:#78b24b}
.faq-grid>div:first-child p{color:#4c6e4d}
.faq-list{border-top:1px solid #b6d293}.faq-list details{border-bottom:1px solid #b6d293}.faq-list summary span{border-color:#9fc46f;background:#e5f6c5}.faq-list details[open] summary span{background:#edf9d8}


/* Marketing home card refined from v1.1.25 - v1.1.27 */
.marketing-wide{position:relative;overflow:hidden}
.marketing-wide-arrow{position:absolute;top:24px;right:24px;z-index:4}
.marketing-wide .service-top{padding-right:48px}
.marketing-visual{display:block;flex:1;align-self:stretch;position:relative}
.marketing-visual::before{content:"";position:absolute;right:74px;top:30px;width:250px;height:165px;border-radius:20px;background:rgba(215,237,170,.08);transform:rotate(-6deg)}
.marketing-board{position:absolute;right:82px;top:50%;transform:translateY(-50%) rotate(-6deg);width:240px;min-height:170px;background:#d8edaa;color:#213e2d;border-radius:18px;padding:26px 24px 20px;box-shadow:0 18px 38px rgba(3,24,15,.18)}
.marketing-board-title{font-size:40px;font-weight:820;line-height:1.02;letter-spacing:-2px}
.marketing-board-title em{font-weight:400;color:#5c8a43}
.marketing-board-bars{position:absolute;right:20px;bottom:20px;width:102px;height:62px;display:flex;gap:8px;align-items:flex-end}
.marketing-board-bars span{display:block;width:14px;background:#29513c;border-radius:5px 5px 0 0}
.marketing-board-bars span:nth-child(1){height:24%}.marketing-board-bars span:nth-child(2){height:52%}.marketing-board-bars span:nth-child(3){height:40%}.marketing-board-bars span:nth-child(4){height:68%}.marketing-board-bars span:nth-child(5){height:100%}
.marketing-board-caption{position:absolute;left:24px;bottom:20px;font-size:9px;font-weight:820;letter-spacing:1px;color:#517746}
.marketing-note{position:absolute;top:28px;right:24px;border-radius:11px;padding:10px 13px;background:var(--lime);color:var(--deep);font-size:8px;line-height:1.65;letter-spacing:.6px;transform:rotate(8deg);z-index:3}
.marketing-note strong{font-size:11px}
.marketing-spark{color:var(--lime);font-size:39px;position:absolute;left:28px;bottom:14px}
@media(max-width:740px){.marketing-wide-arrow{top:20px;right:20px}.marketing-wide .service-top{padding-right:40px}.marketing-visual{position:absolute;right:24px;bottom:14px;width:180px;height:130px;transform:scale(.68);transform-origin:bottom right}.marketing-visual::before{right:36px;top:16px;width:205px;height:140px}.marketing-board{right:42px;width:218px;min-height:150px;padding:22px 20px 18px}.marketing-board-title{font-size:34px}.marketing-note{top:4px;right:0}.marketing-spark{left:12px;bottom:10px;font-size:32px}}
@media(max-width:470px){.marketing-wide-arrow{top:16px;right:16px}.marketing-visual{right:8px;bottom:8px;width:172px;height:128px;transform:scale(.62)}.marketing-board{right:36px;width:205px;min-height:142px;padding:19px 18px 17px}.marketing-board-title{font-size:30px}.marketing-board-caption{left:18px;bottom:17px;font-size:8px}.marketing-board-bars{right:18px;bottom:18px;width:95px;height:55px}.marketing-note{padding:8px 11px;font-size:7px}.marketing-note strong{font-size:10px}.marketing-spark{font-size:27px}}