.presentacio{background:linear-gradient(to bottom, transparent, var(--fons) 85%), linear-gradient(var(--vora) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, var(--vora) 1px, transparent 1px) 0 0 / 48px 48px, var(--fons);flex-direction:column;min-height:100dvh;display:flex}.pres-barra{justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,3rem);display:flex}.pres-marca{font:700 var(--t-s)/1 var(--mono);letter-spacing:.06em;color:var(--accent-text)}.pres-barra .btn{text-decoration:none}.pres-main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:clamp(1.5rem,6vh,5rem) clamp(1rem,4vw,3rem) 3rem}.pres-heroi{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);display:grid}.pres-etiqueta{font:600 var(--t-xs)/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);margin:0 0 1.1rem}.pres-heroi h1{font:750 clamp(2.4rem, 1.2rem + 4.6vw, 4.6rem)/1.02 var(--sans);letter-spacing:-.03em;color:var(--text-fort);text-wrap:balance;margin:0 0 1.2rem}.pres-entradeta{color:var(--text);max-width:34rem;margin:0 0 1.8rem;font-size:clamp(1rem,.94rem + .3vw,1.15rem);line-height:1.6}.pres-accio{font-size:var(--t-s);flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin:0;display:flex}.btn.pres-boto{width:auto;box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 50%, transparent);padding:.8rem 1.4rem;font-size:.95rem;transition:box-shadow .25s,background .15s}.btn.pres-boto:hover,.btn.pres-boto:focus-visible{box-shadow:0 0 0 6px color-mix(in oklch, var(--accent) 18%, transparent);text-decoration:none}.pres-radar{aspect-ratio:1;border-radius:50%;justify-self:center;width:min(100%,22rem);position:relative;overflow:hidden}.pres-radar svg{width:100%;height:100%;position:absolute;inset:0}.pres-radar .anell{fill:none;stroke:var(--vora);stroke-width:1px}.pres-radar .anell:first-child{fill:color-mix(in oklch, var(--panell) 70%, transparent);stroke:color-mix(in oklch, var(--accent) 35%, var(--vora))}.pres-radar .eix{stroke:var(--vora);stroke-width:1px}.pres-radar .punt{fill:var(--accent-text);opacity:.2;transform-box:fill-box;transform-origin:50%;animation:4s linear infinite pres-ping}.pres-radar .p1{animation-delay:.27s}.pres-radar .p2{animation-delay:1.22s}.pres-radar .p3{animation-delay:1.73s}.pres-radar .p4{animation-delay:2.34s}.pres-radar .p5{animation-delay:3.22s}.pres-radar .escombrada{background:conic-gradient(from 0deg, transparent 0deg 290deg, color-mix(in oklch, var(--accent) 38%, transparent) 360deg);border-radius:50%;animation:4s linear infinite pres-escombra;position:absolute;inset:4.5%}@keyframes pres-escombra{to{transform:rotate(1turn)}}@keyframes pres-ping{0%{opacity:1;transform:scale(1.5)}20%{opacity:.45;transform:scale(1)}to{opacity:.2;transform:scale(1)}}.pres-peces{grid-template-columns:repeat(12,minmax(0,1fr));gap:.8rem;margin:clamp(2.5rem,8vh,5rem) 0 0;padding:0;list-style:none;display:grid}.pres-peca{background:color-mix(in oklch, var(--panell) 88%, transparent);border:1px solid var(--vora);border-radius:.6rem;padding:1.2rem 1.25rem 1.3rem;transition:border-color .2s;position:relative}.pres-peca:hover{border-color:color-mix(in oklch, var(--accent) 45%, var(--vora))}.pres-peca-1{grid-column:span 7}.pres-peca-2,.pres-peca-3{grid-column:span 5}.pres-peca-4{grid-column:span 7}.pres-peca h2{font:650 1.05rem/1.3 var(--sans);color:var(--text-fort);margin:.5rem 0 .35rem}.pres-peca p{color:var(--text);margin:0;font-size:.9rem;line-height:1.55}.pres-num{font-size:var(--t-xs);color:var(--accent-text);letter-spacing:.1em}.pres-peu{text-align:center;font-size:var(--t-xs);color:var(--text-suau);letter-spacing:.08em;padding:1.5rem 1rem 2rem}@media (max-width:760px){.pres-heroi{grid-template-columns:1fr}.pres-radar{grid-row:1;width:min(70%,16rem)}.pres-peca-1,.pres-peca-2,.pres-peca-3,.pres-peca-4{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.pres-radar .escombrada{display:none}.pres-radar .punt{opacity:.8;animation:none}.btn.pres-boto{transition:none}}