:root{
  --yellow:#FFEE58;
  --navy:#061426;
  --black:#050505;
  --charcoal:#0D0D0D;
  --paper:#FFFFFF;
  --soft:#F6F6F2;
  --text:#050505;
  --muted:rgba(0,0,0,.62);
  --muted-dark:rgba(255,255,255,.70);
  --line:rgba(0,0,0,.14);
  --line-dark:rgba(255,255,255,.16);
  --max:1160px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--drpp-header-height,84px) + var(--drpp-white-gap,16px) + 24px);background:var(--black);overflow-x:hidden}
body{margin:0;background:var(--black);color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overflow-x:hidden}
main{padding-top:var(--drpp-header-height,84px);background:#fff}a{color:inherit;text-decoration:none}.shell{width:min(var(--max),calc(100% - 48px));margin:0 auto}h1,h2,h3,p{margin-top:0}

.hero{position:relative;min-height:calc(100vh - var(--drpp-header-height,84px) - var(--drpp-white-gap,16px));display:grid;align-content:center;margin-top:var(--drpp-white-gap,16px);padding:110px 0 82px;text-align:left;background:#050505;border-bottom:1px solid rgba(255,255,255,.10);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0 48%,rgba(5,5,5,.72) 66%,rgba(5,5,5,.48) 100%),radial-gradient(circle at 82% 18%,rgba(255,238,88,.30),transparent 32%),linear-gradient(90deg,rgba(255,238,88,.16) 1px,transparent 1px),linear-gradient(180deg,rgba(255,238,88,.13) 1px,transparent 1px),linear-gradient(135deg,rgba(255,238,88,.22),rgba(255,238,88,.04));background-size:auto,auto,54px 54px,54px 54px,auto;opacity:1}
.hero::after{content:"";position:absolute;right:min(5vw,76px);top:118px;bottom:70px;width:min(42vw,520px);border:2px solid rgba(255,238,88,.88);background:linear-gradient(135deg,rgba(255,238,88,.82) 0 18%,transparent 18% 100%),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.16) 1px,transparent 1px),radial-gradient(circle at 74% 28%,rgba(255,238,88,.35),transparent 34%),rgba(255,238,88,.08);background-size:auto,44px 44px,44px 44px,auto,auto;box-shadow:14px 14px 0 rgba(255,238,88,.16);opacity:.46}
.hero .shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,780px) minmax(240px,340px);gap:clamp(32px,6vw,80px);align-items:end}
.hero .shell::after{content:"ÁREAS\A MOVILIDAD\A SAAS\A CONSULTORÍA IA";white-space:pre-line;display:block;align-self:stretch;min-height:260px;padding:26px;border:2px solid rgba(255,238,88,.82);background:rgba(6,20,38,.86);color:var(--yellow);font-size:12px;font-weight:700;letter-spacing:.16em;line-height:2.1;box-shadow:10px 10px 0 rgba(255,238,88,.18)}
html[lang="en"] .hero .shell::after{content:"AREAS\A MOBILITY\A SAAS\A AI CONSULTING"}
html[lang="ca"] .hero .shell::after{content:"ÀREES\A MOBILITAT\A SAAS\A CONSULTORIA IA"}
.hero .kicker,.hero h1,.hero .body,.hero .actions{grid-column:1}.kicker,.eyebrow{color:var(--yellow);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1{max-width:790px;margin-bottom:30px;font-size:clamp(50px,6.3vw,88px);line-height:.96;letter-spacing:-.068em}.hero .body{max-width:690px;margin:0 0 34px;color:rgba(255,255,255,.78);font-size:clamp(18px,1.65vw,23px);line-height:1.45;letter-spacing:-.025em}.actions{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:700}.button.primary{background:var(--yellow);color:#000}.button.secondary{border:1px solid var(--line-dark);color:#fff;background:rgba(255,255,255,.02)}

.section{padding:clamp(82px,9vw,132px) 0}.section.paper{background:var(--paper);color:var(--text);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}.section.dark{background:var(--charcoal);color:#fff;box-shadow:0 0 0 100vmax var(--charcoal);clip-path:inset(0 -100vmax)}.section-title{max-width:900px;margin-bottom:34px;font-size:clamp(38px,5vw,74px);line-height:1;letter-spacing:-.064em}.section-copy{max-width:760px;color:var(--muted);font-size:clamp(18px,1.55vw,22px);line-height:1.48;letter-spacing:-.022em}.dark .section-copy{color:var(--muted-dark)}

.split-block{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(28px,5vw,72px);align-items:stretch}.split-aside{padding:clamp(26px,3vw,40px);border:2px solid #000;background:var(--yellow);color:#000;box-shadow:12px 12px 0 rgba(0,0,0,.10)}.dark .split-aside{border-color:var(--yellow);background:#fff;color:#000;box-shadow:12px 12px 0 rgba(255,238,88,.18)}.split-aside h3{margin-bottom:22px;font-size:clamp(28px,2.4vw,42px);line-height:1;letter-spacing:-.055em}.split-aside ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.split-aside li{padding:12px 0;border-top:1px solid rgba(0,0,0,.22);font-size:17px;font-weight:700;line-height:1.25}.dark .split-aside li{border-top-color:rgba(0,0,0,.18)}

.grid{display:grid;gap:18px;min-width:0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;min-width:0;min-height:220px;padding:clamp(22px,2.5vw,32px);border:1px solid var(--line);border-radius:0;background:#fff;overflow:hidden}.card::after{content:"";position:absolute;right:26px;bottom:18px;width:86px;height:10px;background:rgba(255,238,88,.55);transform:rotate(-45deg);transform-origin:center}.dark .card{border-color:rgba(255,238,88,.24);background:#fff;color:#000}.card h3{position:relative;z-index:1;max-width:100%;margin-bottom:16px;font-size:clamp(24px,1.65vw,31px);line-height:1.06;letter-spacing:-.05em;overflow-wrap:anywhere;hyphens:auto}.card p{position:relative;z-index:1;color:var(--muted);font-size:clamp(16px,1.15vw,18px);line-height:1.5;overflow-wrap:anywhere}.dark .card p{color:rgba(0,0,0,.62)}.card a{color:#000;font-weight:700}.dark .card a,.card h3 a{color:#000}.paper .card h3 a{color:#000}.footer{padding:80px 0;background:var(--black);color:var(--muted-dark)}

@media(max-width:1180px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .shell{grid-template-columns:1fr}.hero .shell::after{min-height:150px}.hero::after{display:none}.split-block{grid-template-columns:1fr}}
@media(max-width:980px){.grid.four,.grid.three,.grid.two{grid-template-columns:1fr}h1{font-size:clamp(46px,11vw,76px)}.hero{padding-top:104px}.section-title{font-size:clamp(36px,9vw,64px)}}
@media(max-width:620px){.shell{width:min(100% - 28px,var(--max))}.hero .shell::after{display:none}.actions{justify-content:flex-start}.section-title{letter-spacing:-.055em}.card{min-height:190px}}