.docs-shell {

  width: min(100%, 1500px);

  margin: 0 auto;

  padding-left: var(--avc-v2-x, clamp(24px, 5.75vw, 112px));

  padding-right: var(--avc-v2-x, clamp(24px, 5.75vw, 112px));

}



.docs-hero {

  padding-top: clamp(128px, 14vw, 200px);

  padding-bottom: clamp(56px, 7vw, 96px);

  border-bottom: 1px solid var(--v7-line, rgba(251,247,239,.105));

}



.docs-section {

  padding-top: clamp(56px, 7vw, 110px);

  padding-bottom: clamp(56px, 7vw, 110px);

  border-bottom: 1px solid var(--v7-line, rgba(251,247,239,.105));

}



.docs-kicker {

  margin: 0 0 14px;

  color: var(--v7-orange, #fe7f00);

  font-size: clamp(10px, .62vw, 12px);

  font-weight: 600;

  letter-spacing: .34em;

  line-height: 1.15;

  text-transform: uppercase;

}

.doc-block {

  display: flex;

  flex-direction: column;

  gap: clamp(28px, 3vw, 42px);

  padding-top: 8px;

}



.doc-block-media {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: clamp(18px, 2vw, 28px);

  align-items: start;

}



.doc-shot {

  margin: 0;

  border: 1px solid rgba(240, 237, 232, 0.08);

  background: rgba(255, 255, 255, 0.02);

  overflow: hidden;

}



.doc-shot img {

  display: block;

  width: 100%;

  height: auto;

  object-fit: cover;

}



.doc-block-copy {

  max-width: 980px;

}



.doc-block-copy p,

.doc-block-copy li {

  font-size: 18px;

  line-height: 1.72;

  color: rgba(255, 250, 243, 0.88);

}



.doc-block-copy p {

  margin: 0 0 22px;

}



.doc-block-copy p:last-child {

  margin-bottom: 0;

}



.doc-block-copy strong {

  color: #fffaf3;

  font-weight: 700;

}



.doc-block-copy ul {

  margin: 0 0 26px;

  padding-left: 26px;

}

.lp-section-title {

  margin: 0 0 30px;

  color: var(--v5-text, #f2eee8);

  font-family: var(--font-base, "Segoe UI", sans-serif);

  font-size: clamp(28px, 3vw, 42px);

  font-weight: 700;

  line-height: 1.02;

  letter-spacing: .08em;

  text-transform: uppercase;

}

.doc-block-copy li {

  margin-bottom: 10px;

}



.doc-block-copy li:last-child {

  margin-bottom: 0;

}



@media (max-width: 900px) {

  .doc-block-media {

    grid-template-columns: 1fr;

  }



  .doc-block-copy p,

  .doc-block-copy li {

    font-size: 15px;

    line-height: 1.65;

  }

}

.docs-title,

.docs-h2 {

  margin: 0;

  color: var(--v5-text, #f2eee8);

  font-family: var(--font-base, "Segoe UI", sans-serif);

  font-weight: 300;

  text-transform: uppercase;

  letter-spacing: .075em;

  line-height: 1.02;

}



.docs-title {

  font-size: clamp(44px, 6vw, 92px);

  max-width: 10ch;

}



.docs-h2 {

  font-size: clamp(30px, 3.2vw, 58px);

  max-width: 12ch;

}



.docs-lead,

.docs-body {

  margin: 22px 0 0;

  max-width: 680px;

  color: var(--v5-muted, rgba(242,238,232,.76));

  font-size: clamp(14px, .92vw, 16px);

  line-height: 1.56;

  font-weight: 300;

}



.docs-section-head {

  margin-bottom: clamp(28px, 3vw, 42px);

}



.docs-card-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: clamp(14px, 1.5vw, 22px);

}



.docs-card-grid-3 {

  grid-template-columns: repeat(3, minmax(0, 1fr));

}



.docs-card {

  display: flex;

  flex-direction: column;

  gap: 14px;

  min-height: 240px;

  padding: clamp(24px, 2vw, 34px);

  border: 1px solid rgba(251,247,239,.09);

  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));

  text-decoration: none;

  transition: transform .2s ease, border-color .2s ease, background .2s ease;

}



.docs-card:hover {

  transform: translateY(-3px);

  border-color: rgba(254,127,0,.34);

  background: linear-gradient(180deg, rgba(254,127,0,.06), rgba(255,255,255,.015));

}



.docs-card-static:hover {

  transform: none;

}



.docs-card-index {

  color: var(--v7-orange, #fe7f00);

  font-size: clamp(16px, 1vw, 20px);

  font-weight: 500;

  letter-spacing: .04em;

}



.docs-card h3 {

  margin: 0;

  color: rgba(255,250,243,.99);

  font-size: clamp(16px, 1vw, 20px);

  font-weight: 500;

  letter-spacing: .115em;

  line-height: 1.18;

  text-transform: uppercase;

}



.docs-card p {

  margin: 0;

  max-width: 42ch;

  color: var(--v5-muted, rgba(242,238,232,.76));

  font-size: clamp(14px, .92vw, 16px);

  line-height: 1.56;

}



.docs-split-section {

  padding-top: 0;

  padding-bottom: 0;

  border-bottom: 1px solid var(--v7-line, rgba(251,247,239,.105));

}



.docs-split {

  display: grid;

  grid-template-columns: minmax(0, 53vw) minmax(430px, 47vw);

  align-items: stretch;

  min-height: clamp(640px, 86svh, 860px);

}



.docs-media {

  min-height: clamp(640px, 86svh, 860px);

  background: #080808;

}



.docs-media-placeholder {

  display: flex;

  align-items: center;

  justify-content: center;

  color: rgba(255,250,243,.36);

  font-size: clamp(16px, 1vw, 20px);

  letter-spacing: .2em;

  text-transform: uppercase;

  border-right: 1px solid rgba(251,247,239,.07);

}



.docs-copy {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  min-height: clamp(640px, 86svh, 860px);

  padding: clamp(78px, 8svh, 108px) var(--v6-x, clamp(38px, 6vw, 118px));

}



.docs-list {

  width: 100%;

  max-width: var(--v6-text-w, min(720px, 42vw));

  margin-top: clamp(26px, 2.8svh, 34px);

  display: flex;

  flex-direction: column;

  gap: clamp(12px, 1.45svh, 18px);

}



.docs-list-item {

  display: grid;

  grid-template-columns: 42px minmax(0, 1fr);

  gap: clamp(13px, 1.25vw, 18px);

  align-items: start;

  padding: 0 0 clamp(12px, 1.55svh, 17px);

  border-bottom: 1px solid rgba(251,247,239,.085);

}



.docs-list-item:last-child {

  border-bottom: 0;

  padding-bottom: 0;

}



.docs-list-num {

  color: var(--v7-orange, #fe7f00);

  font-size: clamp(18px, 1.05vw, 22px);

  font-weight: 500;

  line-height: 1.1;

}



.docs-list-item h4 {

  margin: 0 0 6px;

  color: rgba(255,250,243,.99);

  font-size: clamp(14px, .85vw, 17px);

  font-weight: 500;

  letter-spacing: .115em;

  line-height: 1.18;

  text-transform: uppercase;

}



.docs-list-item p {

  margin: 0;

  color: rgba(255,250,243,.91);

  font-size: clamp(14px, 1.05vw, 18px);

  line-height: 1.6;

}



.docs-reference-band {

  padding-top: clamp(56px, 7vw, 100px);

  padding-bottom: clamp(56px, 7vw, 100px);

}



.docs-reference-grid {

  display: grid;

  grid-template-columns: 1.1fr .9fr;

  gap: clamp(18px, 2vw, 26px);

}



.docs-reference-panel {

  padding: clamp(24px, 2vw, 34px);

  border: 1px solid rgba(251,247,239,.09);

  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));

}



.docs-reference-list {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.docs-ref-row {

  display: flex;

  justify-content: space-between;

  gap: 18px;

  padding: 14px 0;

  border-bottom: 1px solid rgba(251,247,239,.085);

  color: var(--v5-muted, rgba(242,238,232,.76));

  font-size: 14px;

}



.docs-ref-row:last-child {

  border-bottom: 0;

}



.docs-ref-row strong {

  color: rgba(255,250,243,.96);

  font-weight: 600;

  letter-spacing: .05em;

  text-transform: uppercase;

}



.docs-faq-list {

  border-top: 1px solid rgba(240,237,232,.08);

}



.docs-faq-item {

  border-bottom: 1px solid rgba(240,237,232,.08);

}



.docs-faq-question {

  width: 100%;

  background: none;

  border: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 24px;

  padding: 24px 0;

  cursor: pointer;

  text-align: left;

  color: var(--v8-text, #fffaf3);

}



.docs-faq-question span:first-child {

  font-size: 20px;

  font-weight: 600;

  letter-spacing: .02em;

  line-height: 1.4;

  opacity: .85;

}



.docs-faq-icon {

  color: var(--v7-orange, #fe7f00);

  font-size: 24px;

  line-height: 1;

  opacity: .7;

  transition: transform .25s ease;

}



.docs-faq-answer {

  display: none;

  padding: 0 0 24px;

}



.docs-faq-answer p {

  margin: 0;

  max-width: 72ch;

  color: rgba(242,238,232,.75);

  font-size: 18px;

  line-height: 1.85;

}



.docs-faq-item.is-open .docs-faq-answer {

  display: block;

}



.docs-faq-item.is-open .docs-faq-icon {

  transform: rotate(45deg);

}



@media (max-width: 1100px) {

  .docs-card-grid,

  .docs-card-grid-3,

  .docs-reference-grid,

  .docs-split {

    grid-template-columns: 1fr;

  }



  .docs-media,

  .docs-copy {

    min-height: auto;

  }



  .docs-media {

    aspect-ratio: 16 / 9;

  }



  .docs-copy {

    padding: clamp(58px, 8vw, 88px) var(--avc-v2-x, clamp(24px, 5.75vw, 112px));

  }

}



@media (max-width: 760px) {

  .docs-title {

    font-size: clamp(34px, 10vw, 52px);

  }



  .docs-h2 {

    font-size: clamp(28px, 9vw, 44px);

    max-width: none;

  }



  .docs-card {

    min-height: 0;

  }



  .docs-list-item {

    grid-template-columns: 34px minmax(0, 1fr);

    gap: 13px;

  }



  .docs-faq-question span:first-child {

    font-size: 18px;

  }



  .docs-faq-answer p {

    font-size: 14px;

    line-height: 1.65;

  }

}





.doc-shot {

  margin: 0;

  display: inline-flex;

  flex-wrap: wrap;

  gap: 16px;

  align-items: flex-start;

  background: transparent;

  border: 0;

  box-shadow: none;

}



.doc-shot img {

  display: block;

  width: auto;

  max-width: min(100%, 620px);

  max-height: 720px;

  height: auto;

  object-fit: contain;

  background: transparent;

  border: 0;

  box-shadow: none;

}



.doc-cta-wrap {

  margin-top: 32px;

}







.lp-docs-entry {

  margin-bottom: 0;

  padding-bottom: 0;

  text-align: center;

}



.lp-docs-entry .lp-tag,

.lp-docs-entry .lp-title {

  text-align: center;

}



.lp-docs-lead {

  max-width: 720px;

  margin: 0 auto clamp(34px, 4vw, 56px);

  color: var(--v7-muted);

  font-size: clamp(14px, 1vw, 17px);

  line-height: 1.65;

  opacity: 1;

  text-align: center;

}



.lp-docs-actions {

  display: block !important;

  width: 100%;

  margin-top: clamp(34px, 4vw, 56px) !important;

  text-align: center;

}



.lp-docs-actions .avc-code-btn {

  display: flex !important;

  width: min(100%, 420px) !important;

  margin: 0 auto 14px !important;

  justify-content: center !important;

}



.lp-docs-actions .avc-code-btn:last-child {

  margin-bottom: 0 !important;

}



.lp-back-like {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  font-size: 13px;

  letter-spacing: .2em;

  text-transform: uppercase;

  color: var(--fg);

  text-decoration: none;

  opacity: .35;

  transition: opacity .2s;

  margin-bottom: 50px;

}



.lp-back-like:hover {

  opacity: 1;

}



.lp-back-like svg {

  width: 14px;

  height: 14px;

  flex-shrink: 0;

}



.lp-top-links {

  width: 100% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  margin-bottom: 50px !important;

}



.lp-top-links .lp-back {

  margin-bottom: 0 !important;

}



.lp-back-docs {

  text-align: right;

}



@media (max-width: 760px) {

  .lp-top-links {

    flex-direction: column;

    align-items: flex-start;

    gap: 14px;

  }



  .lp-back-docs {

    margin-left: 0;

  }

}



/* Warning/notice paragraph */

.doc-warning {

  margin-bottom: 18px;

  padding-left: 14px;

  border-left: 2px solid var(--accent, #fe7f00);

}



.doc-warning-text {

  display: inline;

  font-weight: 700;

  text-decoration-line: underline !important;

  text-decoration-thickness: 1.5px;

  text-underline-offset: 4px;

  text-decoration-color: currentColor;

}

/* Margine tra i paragrafi dentro doc-block-copy */



.doc-block-copy {

  display: block;

}



.doc-block-copy p {

  margin: 0 0 12px;

}



.doc-block-copy p:last-child {

  margin-bottom: 0;

}



.doc-block-copy figure,

.doc-block-copy .doc-shot,

.doc-block-copy .doc-inline-media,

.doc-block-copy img {

  margin: 10px 0;

}

/* Lista con puntini */

.doc-list {

  list-style: disc !important;

  padding-left: 20px;

  margin-bottom: 18px;

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.doc-list li {

  list-style: disc !important;

}



/* Figura con due immagini affiancate */

.doc-shot-pair {

  display: flex;

  flex-direction: row;

  gap: 8px;

}



.doc-shot-pair img {

  width: 50%;

  object-fit: cover;

}



.doc-section {

  border-bottom: 1px solid rgba(254, 127, 0, 0.322) !important;

  padding-bottom: 18px !important;;

  margin-bottom: 22px !important;;

}





.doc-shot-single {

  width: 100%;

  display: flex;

  justify-content: center;

}



.doc-shot-single img {

  display: block;

  width: auto;

  max-width: min(100%, 720px);

  height: auto;

  margin: 0 auto;

}



.doc-block-media-single {

  display: flex;

  justify-content: center;

  width: 100%;

}



.doc-block-media-single .doc-shot {

  width: auto;

  max-width: 100%;

  margin: 0 auto;

}



.doc-block-media-single .doc-shot img {

  display: block;

  width: auto;

  max-width: min(100%, 720px);

  height: auto;

  margin: 0 auto;

}



.doc-inline-link {

  color: #fff;

  text-decoration: none;

  font-weight: 700;

  opacity: 1;

  transition: color 0.2s ease, opacity 0.2s ease;

}



.doc-inline-link:hover,

.doc-inline-link:focus {

  color: var(--accent, #fe7f00);

  opacity: 1;

}