/* Hero delle pagine interne (E5) — caricato solo dalle pagine interne, dopo geofix.css.

   La Home non carica questo foglio: niente qui può cambiarla. Nessuna regola su `a` nudi (la regola
   condivisa dei link resta in geofix.css) e nessuna modifica a classi condivise (.hero, .hero-subtitle,
   .hero-actions, .shot): solo classi .page-hero*.

   Una famiglia, tre composizioni (AI/Work/E5/REPORT.md):
   - .page-hero              base comune — fascia, curve di livello decorative, scala tipografica;
                              da sola è l'intestazione semplice (C);
   - .page-hero--photo       fotografia di contesto (A): testo su fondo pieno a sinistra, immagine a
                              destra fino al bordo, sfumata verso il testo — il testo non sta mai sulla
                              foto; sotto i 900 px l'immagine va sopra il testo;
   - .page-hero--product     schermata reale dell'app (B): il telefono emerge dal bordo inferiore, la
                              parte bassa sfuma; l'altezza la decide il testo, non la schermata.
   Le immagini sono slot di PageHeroShots resi da _HomeShot: senza file la pagina usa la base. */

.page-hero{position:relative;overflow:hidden;padding:68px 0 60px;background:radial-gradient(ellipse at 85% 0%,rgba(20,184,166,.16),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.025),transparent);border-bottom:1px solid var(--line)}
/* Curve di livello astratte: segno dell'identità outdoor, decorativo, statico, senza dati geografici. */
.page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 360' fill='none' stroke='%2314b8a6' stroke-width='1.2'><path d='M478 150C481 154 484 160 482 163C479 166 470 169 464 171C458 172 451 172 446 173C440 174 435 175 430 175C425 175 420 174 414 173C409 172 402 172 396 171C390 169 381 166 378 163C376 160 379 154 382 150C384 146 391 144 394 141C397 138 396 134 399 131C402 128 407 125 412 123C417 122 424 122 430 122C436 122 443 122 448 123C453 125 458 128 461 131C464 134 463 138 466 141C469 144 476 146 478 150Z'/><path d='M536 150C541 158 542 170 536 177C529 183 508 187 496 190C484 193 473 195 462 197C451 199 441 201 430 201C419 201 409 199 397 198C385 197 369 198 357 194C345 191 328 184 325 176C322 169 333 158 338 150C343 142 351 138 355 131C359 124 356 115 362 109C369 103 381 97 392 94C403 92 418 92 430 92C442 92 457 92 467 96C477 99 484 107 490 113C497 119 498 125 506 131C514 137 531 142 536 150Z'/><path d='M603 150C609 162 601 180 589 190C576 200 545 204 527 209C509 214 495 219 479 222C463 226 447 228 430 229C413 230 397 228 378 227C358 225 330 228 313 221C295 215 277 201 274 189C272 177 291 162 297 150C303 138 306 131 310 120C314 109 311 93 321 84C331 75 353 68 372 64C390 61 411 60 430 61C449 62 471 63 485 69C500 75 508 88 519 96C530 104 539 110 553 119C567 128 597 138 603 150Z'/><path d='M676 150C681 166 657 189 638 202C618 215 581 220 558 228C535 236 520 245 498 250C477 255 454 258 430 259C406 261 383 261 355 259C328 258 287 260 266 250C244 240 230 217 229 201C227 184 252 166 256 150C261 134 252 122 255 106C259 90 260 68 276 56C292 44 325 38 351 34C377 29 405 27 430 29C455 30 483 35 503 43C523 51 530 68 548 78C566 88 589 93 611 105C632 116 672 134 676 150Z'/><path d='M750 150C750 171 708 197 682 213C655 230 618 237 591 248C564 259 546 273 519 281C492 288 462 289 430 292C398 295 365 299 330 297C295 294 242 293 218 278C195 264 190 232 189 211C188 189 211 170 211 150C211 130 188 110 191 90C194 70 205 42 229 28C252 13 296 8 330 3C363 -2 398 -7 430 -4C462 -1 494 9 519 19C545 29 554 47 581 58C608 70 652 72 680 87C708 102 749 129 750 150Z'/><path d='M819 150C813 176 754 203 722 223C690 244 658 255 628 270C598 285 574 304 541 313C508 323 470 324 430 328C390 332 344 342 302 338C259 334 199 325 174 305C150 285 158 245 155 219C151 193 162 175 156 150C149 125 113 97 118 71C122 46 150 16 181 -1C213 -18 267 -23 308 -29C350 -35 392 -41 430 -37C468 -32 503 -16 535 -4C567 8 584 22 621 34C659 46 726 48 759 67C792 87 825 124 819 150Z'/><path d='M880 150C866 181 796 209 761 233C726 258 703 277 671 296C638 315 606 337 565 349C525 361 479 363 430 368C381 374 321 388 272 382C223 375 162 354 136 328C111 303 130 257 122 228C113 198 100 179 86 150C72 121 30 81 38 51C46 22 95 -10 136 -29C177 -47 237 -54 286 -61C335 -67 386 -73 430 -68C474 -62 511 -39 551 -28C591 -16 622 -9 671 4C720 16 810 21 845 46C880 70 894 119 880 150Z'/></svg>") no-repeat right -80px top -60px/760px auto}
.page-hero>.container{position:relative;z-index:1}
.page-hero h1{font-size:clamp(38px,4.6vw,60px);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px;max-width:22ch}
.page-hero .hero-subtitle{font-size:clamp(17px,1.5vw,19px);line-height:1.6;max-width:640px;margin-bottom:28px}
.page-hero .hero-actions{margin-bottom:6px}
/* #8fa8a8 invece del #7f9999 condiviso: sulle curve di livello resta sopra 5:1 (misura E5). */
.page-hero .microcopy{margin:10px 0 0;max-width:640px;color:#8fa8a8}
.page-hero-copy>:last-child{margin-bottom:0}

/* A — fotografia di contesto. La colonna del testo (P% del contenitore, meno 40 px) finisce sempre
   prima dell'immagine, larga (100 − P)% della fascia: il testo non tocca mai la foto. */
.page-hero--photo{display:flex;align-items:center;min-height:420px}
.page-hero--photo::before{display:none}
.page-hero--photo .page-hero-copy{max-width:calc(50% - 40px)}
.page-hero-media{position:absolute;top:0;right:0;bottom:0;width:min(50%,800px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
.page-hero-media .shot{height:100%}
.page-hero-media .shot img{width:100%;height:100%;object-fit:cover;object-position:var(--page-hero-focus,50% 50%);border:0;border-radius:0;box-shadow:none}

/* B — schermata reale dell'app. */
.page-hero--product{padding-bottom:0}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px;align-items:stretch}
.page-hero--product .page-hero-copy{align-self:center;padding-bottom:60px}
.page-hero-device{position:relative;min-height:400px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}
.page-hero-device .shot{position:absolute;top:0;left:50%;width:300px;transform:translateX(-50%)}
.page-hero-device .shot img{border-radius:28px 28px 0 0}

@media(min-width:1200px){
    .page-hero--photo .page-hero-copy{max-width:calc(56% - 40px)}
    .page-hero-media{width:min(44%,800px)}
}

@media(max-width:900px){
    .page-hero{padding:52px 0 48px}
    .page-hero--photo{display:block;min-height:0;padding-top:0}
    .page-hero--photo .page-hero-copy{max-width:none}
    .page-hero-media{position:relative;width:100%;aspect-ratio:16/10;max-height:400px;margin-bottom:-12px;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
    .page-hero-grid{grid-template-columns:minmax(0,1fr) 240px;gap:32px}
    .page-hero--product .page-hero-copy{padding-bottom:48px}
    .page-hero-device{min-height:380px}
    .page-hero-device .shot{width:240px}
}
@media(max-width:700px){
    .page-hero-grid{grid-template-columns:1fr}
    .page-hero--product .page-hero-copy{padding-bottom:0}
    .page-hero-device{min-height:0;height:340px}
}
@media(max-width:560px){
    .page-hero-media{aspect-ratio:4/3}
    .page-hero-device .shot img{border-radius:20px 20px 0 0}
}