/* Landing: identità Corporate v3, contenuti del percorso call. */
.marketing { color: var(--color-ink); }
.hero { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; padding: 88px 0 80px; }
.hero h1 { font-size: clamp(54px, 6vw, 84px); line-height: 1.02; letter-spacing: -.045em; margin-bottom: 28px; }
.hero p { font-size: 18px; line-height: 1.6; max-width: 48ch; }
.hero .small { font-size: 14px; }
.usage-preview { padding: 32px; background: var(--color-soft); min-height: 370px; }
.usage-preview h2 { font-size: 24px; line-height: 1.2; margin-bottom: 20px; }
.usage-preview h3 { font-size: 20px; line-height: 1.35; margin: 28px 0 12px; }
.usage-preview p { font-size: 16px; }
.scenario-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.scenario-tabs .btn { border: 0; min-height: 44px; border-radius: 4px; }
.scenario-tabs [aria-pressed="true"] { color: var(--color-on-dark); background: var(--color-accent); }
.preview-result { padding: 16px; background: var(--color-surface); margin-top: 20px; }
.section { padding: 80px 0; }
.section h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.15; letter-spacing: -.025em; margin-bottom: 36px; max-width: 25ch; }
.how { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.how h3, .doc-grid h3 { font-size: 20px; margin-bottom: 12px; }
.how p, .doc-grid p { font-size: 16px; line-height: 1.6; }
.document-showcase { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
.document-preview { background: var(--color-surface); padding: 40px; }
.document-preview > p:first-child { color: var(--color-muted); margin-bottom: 28px; }
.document-preview h3 { font-family: var(--font-document); font-size: 30px; line-height: 1.2; margin-bottom: 24px; }
.document-preview li { margin: 12px 0; }
.document-preview .small { font-size: 14px; margin-top: 28px; }
.doc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.service-method { display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; }
.service-method > div > p { font-size: 18px; line-height: 1.6; }
.method-previews { display: grid; gap: 24px; }
.method-preview { padding: 28px; background: var(--color-soft); }
.method-preview h3 { font-size: 22px; margin-bottom: 12px; }
.faq { max-width: 100%; }
.faq details { background: var(--color-surface); padding: 24px; margin-bottom: 12px; }
.faq summary { cursor: pointer; font-size: 18px; font-weight: 500; }
.faq p { margin: 20px 0 0; line-height: 1.6; max-width: 72ch; }
.contact-close { padding: 64px; background: var(--color-soft); margin: 48px 0 80px; }
.contact-close h2 { margin-bottom: 20px; }
.contact-close p { margin-bottom: 28px; }
.marketing .btn { transition: transform 140ms, background-color 140ms; }
.marketing .btn:hover { transform: translateY(-2px); }
.marketing .btn:active { transform: translateY(0); }
@media (max-width: 1000px) {
  .hero { gap: 32px; }
  .how { grid-template-columns: 1fr 1fr; }
  .document-showcase, .service-method { gap: 32px; }
}
@media (max-width: 760px) {
  .hero, .document-showcase, .service-method { grid-template-columns: 1fr; }
  .hero { padding: 48px 0; gap: 40px; }
  .hero h1 { font-size: clamp(52px, 12vw, 72px); }
  .section { padding: 48px 0; }
  .section h2 { font-size: 30px; }
  .usage-preview, .document-preview, .contact-close { padding: 24px; }
  .document-preview h3 { font-size: 26px; }
  .contact-close { margin: 24px 0 48px; }
}
@media (max-width: 420px) { .doc-grid { grid-template-columns: 1fr; } .how { gap: 24px 18px; } .how h3 { font-size: 18px; } }
@media (prefers-reduced-motion: reduce) { .marketing .btn { transition: none; } .marketing .btn:hover { transform: none; } }

.marketing-page { font-size: 16px; }
.marketing-page .topbar, .marketing-page .footer { border: 0; }
.marketing-page .footer { gap: 32px; font-size: 14px; }
.marketing p { max-width: 68ch; }

@keyframes policy-enter { from { opacity: .45; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) { .content-entered { animation: policy-enter 480ms ease-out; } }