/* Approfondimento per pubblico: numeri, giornata, spazio e conto. Stessi token delle landing. */
.d-deep {padding:84px var(--a-gutter) 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:88px;border-top:1px solid var(--a-line)}
.d-deep .a-text-link {padding-block:12px}
.d-deep h2 {font-size:clamp(34px,3.6vw,56px);line-height:1.05;letter-spacing:-.05em;margin:14px 0 22px}
.d-deep h3 {font-size:clamp(26px,2.4vw,38px);line-height:1.1;letter-spacing:-.04em;margin:12px 0 16px}
.d-deep h4 {font-size:19px;letter-spacing:-.02em;margin:6px 0 6px}
.d-intro {max-width:760px}
.d-intro > p:last-child, .d-section-head > p:last-child {font-size:17px;line-height:1.65;color:#c7cbd0;max-width:640px}
.d-section-head {margin-bottom:34px}
.d-note {max-width:880px;margin-top:22px!important}

/* Un anno di acqua in bottiglia */
.d-year {display:grid;gap:30px;padding:40px;background:var(--a-surface);border:1px solid var(--a-line);border-radius:14px}
.d-year > .a-eyebrow {margin:0}
.d-year-numbers {margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.d-year-numbers div {display:flex;flex-direction:column-reverse;border-top:1px solid var(--a-line);padding-top:16px}
.d-year-numbers dd {margin:0;font-size:clamp(46px,5vw,76px);font-weight:700;line-height:1;letter-spacing:-.05em;color:var(--a-text)}
.d-year-numbers dd small {font-size:15px;font-weight:400;letter-spacing:0;color:var(--a-muted);margin-right:8px;vertical-align:middle}
.d-year-numbers dd span {font-size:.42em;letter-spacing:-.02em;margin-left:6px}
.d-year-numbers dt {font-size:13px;color:var(--a-muted);margin-top:8px}
.d-crates {margin:0}
.d-crates-grid {width:100%;max-width:1120px;aspect-ratio:19/6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='7' width='26' height='18' rx='3' fill='none' stroke='%233bccf5' stroke-width='1.6'/%3E%3Cg fill='%233bccf5'%3E%3Ccircle cx='10' cy='13' r='2.4'/%3E%3Ccircle cx='16' cy='13' r='2.4'/%3E%3Ccircle cx='22' cy='13' r='2.4'/%3E%3Ccircle cx='10' cy='19.5' r='2.4'/%3E%3Ccircle cx='16' cy='19.5' r='2.4'/%3E%3Ccircle cx='22' cy='19.5' r='2.4'/%3E%3C/g%3E%3C/svg%3E") 0 0/calc(100%/19) calc(100%/6) repeat}
.d-crates figcaption {margin-top:16px;font-size:14px;color:#c7cbd0}
.d-crates figcaption strong {color:var(--a-text)}
.d-instead {list-style:none;margin:0;padding:26px 0 0;border-top:1px solid var(--a-line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.d-instead li {display:flex;align-items:baseline;gap:14px}
.d-instead strong {font-size:44px;line-height:1;letter-spacing:-.05em;color:var(--a-cyan)}
.d-instead span {font-size:14px;line-height:1.5;color:#c7cbd0}
.d-year .d-note {margin-top:0!important}
@supports (animation-timeline:view()) {
  .d-crates-grid {animation:d-fill linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
  @keyframes d-fill {from {clip-path:inset(0 100% 0 0)} to {clip-path:inset(0 0 0 0)}}
}

/* Una giornata */
.d-moments {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.d-moments figure {margin:0 0 18px;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:var(--a-surface)}
.d-moments img {width:100%;height:100%;object-fit:cover;object-position:var(--focus,center)}
.d-moments time,.d-moments .d-step {font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--a-cyan)}
.d-moments p {margin:0;font-size:15px;line-height:1.6;color:#c7cbd0}
.d-day > .a-fine {margin-top:20px!important}

/* Dove si mette */
.d-space {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.d-space-photo {margin:0;border-radius:12px;overflow:hidden}
.d-space-photo img {display:block;width:100%;height:auto}
.d-space-copy > p:not(.a-eyebrow):not(.a-fine) {font-size:16px;line-height:1.65;color:#c7cbd0}
.d-boxes {display:block;width:100%;max-width:520px;margin:26px 0 8px}
.d-box path {stroke:var(--a-cyan);stroke-width:1.4;stroke-linejoin:round}
.d-box path:nth-child(1) {fill:#3bccf52e}
.d-box path:nth-child(2) {fill:#3bccf51a}
.d-box path:nth-child(3) {fill:#3bccf50d}
.d-box-filter path {stroke-dasharray:none}
.d-dim path {stroke:var(--a-muted);stroke-width:1.2}
.d-dim text {fill:var(--a-muted);font-size:13px}
.d-label {fill:var(--a-text);font-size:14px;font-weight:700}

/* Dentro il depuratore */
.d-film {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.d-film .a-product-film {margin:0}
.d-film > div > p:not(.a-eyebrow) {font-size:16px;line-height:1.65;color:#c7cbd0}

/* Il conto */
.d-bars {display:grid;gap:26px;max-width:980px}
.d-bar {display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "track track" "note note";gap:8px 18px;align-items:baseline}
.d-bar-label {grid-area:label;font-size:15px;color:var(--a-text)}
.d-bar strong {grid-area:value;font-size:28px;letter-spacing:-.04em}
.d-bar small {grid-area:note;font-size:12px;color:var(--a-muted)}
.d-bar-track {grid-area:track;height:14px;border-radius:7px;background:#ffffff0f;overflow:hidden}
.d-bar-track i {display:block;height:100%;width:calc(var(--v)/460*100%);border-radius:7px;background:#b4b7bc}
.d-bar-brand .d-bar-track i {background:var(--a-cyan)}
.d-bar-brand strong {color:var(--a-cyan)}
@supports (animation-timeline:view()) {
  .d-bar-track i {animation:d-grow linear both;animation-timeline:view();animation-range:entry 20% cover 40%}
  @keyframes d-grow {from {transform:scaleX(0);transform-origin:left} to {transform:scaleX(1);transform-origin:left}}
}
/* Sportivi: la settimana */
.d-week-days {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.d-week-days li {display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 14px;border:1px solid var(--a-line);border-radius:12px;color:var(--a-muted);font-size:13px;font-weight:700}
.d-week-days li::before {content:"";width:22px;height:46px;border-radius:7px;border:1.5px dashed #ffffff33}
.d-week-days li.is-on {border-color:#3bccf566;background:#3bccf512;color:var(--a-text)}
.d-week-days li.is-on::before {border:0;background:linear-gradient(#3bccf5 0 0) 50% 0/10px 7px no-repeat,linear-gradient(#3bccf5 0 0) 50% 9px/22px 37px no-repeat;border-radius:4px}
.d-week-controls {display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:14px;color:#c7cbd0}
.d-week-controls div {display:flex;flex-wrap:wrap;gap:6px}
.d-week-controls button {width:40px;height:40px;border-radius:50%;border:1px solid var(--a-line);background:transparent;color:var(--a-text);font:700 15px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.d-week-controls button[aria-pressed="true"] {background:var(--a-cyan);border-color:var(--a-cyan);color:#06222b}
.d-week-controls button:focus-visible {outline:2px solid var(--a-cyan);outline-offset:3px}
.d-week-result {margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}
.d-week-result strong {font-size:clamp(56px,6vw,92px);line-height:1;letter-spacing:-.05em;color:var(--a-cyan)}
.d-week-result span {font-size:17px;color:#c7cbd0;max-width:360px}

/* Sportivi: la dotazione */
.d-kit {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.d-kit .d-section-head {margin:0}
.d-kit-items {list-style:none;margin:0;padding:34px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;background:var(--a-surface);border:1px solid var(--a-line);border-radius:14px}
.d-kit-items li {display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;color:var(--a-muted);text-align:center}
.d-kit-items svg {width:100%;max-width:38px;height:auto}
.d-kit-cap {fill:#9fb3c8}
.d-kit-body {fill:#1d3b63;stroke:var(--a-cyan);stroke-width:1.2}
.d-kit-glass .d-kit-body {fill:#3bccf51f}

/* Coppie: naturale e frizzante */
.d-split {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px 40px;align-items:stretch;padding:40px;background:var(--a-surface);border:1px solid var(--a-line);border-radius:14px}
.d-split-side svg {width:96px;height:96px;display:block;margin-bottom:14px}
.d-split-side ol {margin:0;padding-left:20px;color:#c7cbd0;font-size:15px;line-height:1.7}
.d-split-mid {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:0 34px;border-left:1px solid var(--a-line);border-right:1px solid var(--a-line)}
.d-split-mid strong {font-size:clamp(40px,4vw,60px);letter-spacing:-.05em;line-height:1;color:var(--a-cyan)}
.d-split-mid span:not(.a-eyebrow) {font-size:14px;color:var(--a-text)}
.d-split-mid small {font-size:12px;color:var(--a-muted);max-width:180px}
.d-split-widget,.d-split .d-note {grid-column:1/-1}
.d-split-widget:empty {display:none}
.d-line {fill:none;stroke:var(--a-text);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.d-water {fill:none;stroke:var(--a-cyan);stroke-width:4;stroke-linecap:round}
.d-fill {fill:#3bccf55c}
.d-bubble {fill:none;stroke:var(--a-cyan);stroke-width:1.6}
.d-honest {margin:0;font-size:16px;line-height:1.65;color:#c7cbd0;max-width:880px}
.d-honest strong {color:var(--a-text)}
.d-note a {color:inherit}

/* Ecologisti: la griglia delle bottiglie */
.d-reuse-widget:empty {display:none}
.d-bottles {margin:0}
.d-bottles-grid {--bottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 40'%3E%3Cpath d='M10 3h4v6l3 4v22a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V13l3-4Z' fill='%233bccf5'/%3E%3C/svg%3E");position:relative;width:100%;max-width:1120px;aspect-ratio:3.12}
.d-bottles-grid::before,.d-bottles-grid::after {content:"";position:absolute;inset:0;background:var(--bottle) 0 0/calc(100%/26) calc(100%/5) repeat}
.d-bottles-grid::before {opacity:.16}
.d-bottles-grid::after {clip-path:inset(0 calc((1 - var(--fill,.6))*100%) 0 0);transition:clip-path .4s ease}
.d-bottles figcaption {margin-top:16px;font-size:14px;color:#c7cbd0;max-width:880px}
.d-bottles figcaption strong {color:var(--a-text)}

/* Ecologisti: cosa cambia, cosa resta */
.d-ledger-cols {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.d-ledger-col {padding:30px;border-radius:14px;border:1px solid var(--a-line);background:var(--a-surface)}
.d-ledger-col h4 {display:flex;align-items:center;gap:10px;margin:0 0 14px}
.d-ledger-col h4::before {content:"";width:26px;height:26px;border-radius:50%;flex:none;background:center/14px no-repeat}
.d-ledger-plus h4::before {background-color:#3bccf5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 2v10M2 7h10' stroke='%2306222b' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.d-ledger-minus h4::before {background-color:#b4b7bc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7h10' stroke='%23111214' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.d-ledger-col ul {margin:0;padding-left:20px;color:#c7cbd0;font-size:15px;line-height:1.75}

/* Professionisti: la lista che si accorcia */
.d-tasks-list {list-style:none;margin:0;padding:0;display:grid;gap:0}
.d-tasks-list li {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 28px;align-items:baseline;padding:18px 0;border-top:1px solid var(--a-line)}
.d-tasks-list s {font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:-.03em;color:var(--a-muted);text-decoration-color:var(--a-cyan);text-decoration-thickness:3px}
.d-tasks-list span {font-size:15px;color:var(--a-text);padding-left:26px;position:relative}
.d-tasks-list span::before {content:"";position:absolute;left:0;top:.35em;width:14px;height:8px;border-left:2.5px solid var(--a-cyan);border-bottom:2.5px solid var(--a-cyan);transform:rotate(-45deg)}

/* Professionisti: i ruoli */
.d-roles-cols {display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
.d-role {padding:30px;border-radius:14px;border:1px solid var(--a-line)}
.d-role-team {background:#3bccf512;border-color:#3bccf540}
.d-role h4 {margin:0 0 14px;font-size:20px}
.d-role ol {margin:0;padding-left:22px;color:#c7cbd0;font-size:15px;line-height:1.8}
.d-role-team ol li::marker {color:var(--a-cyan);font-weight:700}
.d-office {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px 56px;align-items:center;padding:34px 40px;border:1px dashed #ffffff33;border-radius:14px}
.d-office h3 {margin-bottom:0}
.d-office > p {margin:0;font-size:15px;line-height:1.65;color:#c7cbd0}
.d-office .a-text-link {grid-column:2}

@media (prefers-reduced-motion:reduce) {.d-crates-grid,.d-bar-track i {animation:none!important}}

@media (max-width:900px) {
  .d-deep {gap:64px;padding-top:60px}
  .d-year {padding:26px 22px}
  .d-year-numbers {grid-template-columns:1fr}
  .d-instead {grid-template-columns:1fr;gap:14px}
  .d-moments {grid-template-columns:1fr;gap:34px}
  .d-space,.d-film,.d-kit,.d-office {grid-template-columns:1fr;gap:28px}
  .d-office .a-text-link {grid-column:auto}
  .d-kit-items {grid-template-columns:repeat(4,minmax(0,1fr));padding:22px}
  .d-week-days {gap:6px}
  .d-week-controls button {width:34px;height:34px;font-size:14px}
  .d-week-days li {padding:12px 0 10px}
  .d-split {grid-template-columns:1fr;padding:26px 22px}
  .d-split-mid {border:0;border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line);padding:20px 0}
  .d-ledger-cols,.d-roles-cols {grid-template-columns:1fr}
  .d-tasks-list li {grid-template-columns:1fr}
  .d-office {padding:26px 22px}
}