/* Sezioni senza portfolio: cosa costruiamo, prodotti, dopo il lancio. */

/* Cosa costruiamo */
.build{background:var(--work-bg);color:var(--work-fg)}
.build .section-head>p{max-width:400px;font-size:21px}
.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.build-card{position:relative;display:flex;flex-direction:column;gap:28px;min-height:360px;padding:clamp(26px,3vw,46px);background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:4px;box-shadow:8px 8px 0 var(--ink);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.build-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--ink)}
.build-card.is-wide{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:clamp(24px,4vw,70px)}
.build-card.is-wide .build-index{align-self:start;margin-top:12px}
.build-index{font-size:15px;font-weight:800;color:var(--dark)}
.build-card h3{font-size:clamp(30px,3.4vw,56px);line-height:1;letter-spacing:-.045em;font-weight:800;margin-bottom:20px}
.build-card.is-wide h3{font-size:clamp(38px,4.6vw,76px)}
.build-card p{font-size:19px;max-width:620px}
.build-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:auto 0 0}
.build-card.is-wide .build-tags{margin:0;max-width:260px;justify-content:flex-end}
.build-tags li{font-size:14px;font-weight:700;padding:6px 13px;border:1.5px solid var(--ink);border-radius:30px}
.build-note{margin-top:46px;padding-top:30px;border-top:1.5px solid color-mix(in srgb,var(--work-fg) 35%,transparent);font-size:clamp(19px,1.6vw,24px);max-width:900px}
.build-note a{border-bottom:1.5px solid currentColor;white-space:nowrap}

/* Prodotti */
.products{background:var(--ink);color:#fff;--line:#ffffff33}
.products h2 em{color:var(--green)}
.products .section-head>p{max-width:400px;font-size:21px;color:#ffffffcc}
.product-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,90px);align-items:center;padding:clamp(26px,4vw,60px);border:1.5px solid #ffffff38;border-radius:6px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--sculpture-front) 45%,transparent),transparent 55%),#1f1a3d}
.product-badge{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;border-radius:30px;background:var(--green);color:var(--ink)}
.product-badge.ghost{background:transparent;color:#fff;border:1.5px solid #ffffff66}
.product-copy h3{font-size:clamp(44px,5vw,84px);line-height:.95;letter-spacing:-.05em;font-weight:800;margin:24px 0 14px}
.product-lead{font-size:clamp(22px,2vw,30px);line-height:1.15;letter-spacing:-.02em;color:var(--green);margin-bottom:20px}
.product-copy>p:not(.product-lead){font-size:18px;color:#ffffffcc;max-width:520px}
.product-copy ul{list-style:none;padding:0;margin:28px 0 34px}
.product-copy li{padding:12px 0;border-top:1px solid #ffffff26;font-size:17px;display:flex;gap:12px}
.product-copy li::before{content:"✓";color:var(--green);font-weight:800}
.products .pill.light{background:var(--green);color:var(--ink)}
.product-mock{background:#fff;color:var(--ink);border:5px solid #fff;border-radius:8px;padding:22px;box-shadow:12px 12px 0 var(--sculpture-front);font-size:15px}
.product-mock header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #17132f22;font-size:12px}
.mock-dots{display:flex;gap:6px}.mock-dots i{width:10px;height:10px;border-radius:50%;background:#17132f22}
.mock-dots i:first-child{background:var(--sculpture-front)}.mock-dots i:nth-child(2){background:var(--green)}
.mock-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0}
.mock-summary div{background:#f1f0f8;border-radius:6px;padding:14px}
.mock-summary strong{display:block;font-size:clamp(24px,2.4vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1}
.mock-summary span{font-size:12px;color:#17132fb0}
.mock-list{list-style:none;padding:0;margin:0}
.mock-list li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #17132f1c}
.mock-site{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mock-list b{font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px}
.mock-list b.ok{background:var(--green);color:var(--ink)}
.mock-list b.warn{background:#ffe03a;color:var(--ink)}
.mock-meta{font-size:12px;color:#17132fa0}
.mock-bar{height:6px;border-radius:6px;background:#f1f0f8;margin-top:14px;overflow:hidden}
.mock-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--sculpture-front));transform-origin:left}
.product-soon{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.soon-card{padding:clamp(26px,3vw,44px);border:1.5px dashed #ffffff4d;border-radius:6px}
.soon-card h3{font-size:clamp(26px,2.6vw,40px);letter-spacing:-.035em;font-weight:800;line-height:1.05;margin:20px 0 12px}
.soon-card p{font-size:17px;color:#ffffffb3}
.soon-card.is-blur h3,.soon-card.is-blur p{filter:blur(5px);opacity:.6;user-select:none}

/* Dopo il lancio */
.care{background:var(--cap-bg);color:var(--cap-fg)}
.care .section-head>p{max-width:400px;font-size:21px}
.care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.care-grid article{padding:clamp(26px,3vw,46px);border:3px solid currentColor;border-radius:4px}
.care-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.care-grid h3{font-size:clamp(30px,3.2vw,52px);line-height:1;letter-spacing:-.045em;font-weight:800;margin:22px 0 18px}
.care-grid p{font-size:19px;max-width:520px}
.care-grid ul{list-style:none;padding:0;margin:26px 0 0}
.care-grid li{padding:13px 0;border-top:1.5px solid color-mix(in srgb,var(--cap-fg) 30%,transparent);font-size:17px;display:flex;gap:12px}
.care-grid li::before{content:"→";font-weight:800}

@media(max-width:1000px){
 .build-card.is-wide{grid-template-columns:1fr}
 .care-grid{grid-template-columns:1fr 1fr}.care-grid article:first-child{grid-column:1/-1}
 .build-card.is-wide .build-tags{justify-content:flex-start;max-width:none}
 .product-feature{grid-template-columns:1fr}
}
@media(max-width:800px){
 .build-grid,.care-grid,.product-soon{grid-template-columns:1fr}
 .build-card{min-height:0}
 .build .section-head>p,.products .section-head>p,.care .section-head>p{font-size:19px;margin-top:24px}
 .product-mock{box-shadow:6px 6px 0 var(--sculpture-front);padding:16px}
 .mock-list li{grid-template-columns:1fr auto}
 .mock-meta{display:none}
}

/* Home: link alle pagine agenzie e studio */
.agency-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:6px}
.studio-heading>.page-link{width:fit-content}
.studio-heading>p:has(+.page-link){margin-bottom:24px}
.studio-heading>.page-link{margin:0 0 65px 38%}
@media(max-width:1100px){.studio-heading>.page-link{margin-left:25%}}
@media(max-width:800px){.studio-heading>.page-link{margin:0 0 45px}}

/* titoli di sezione: righe equilibrate, niente parola sola a capo */
h2{text-wrap:balance}