/* Generato da pagine-v3.css del design "pagine": regole confinate sotto .myc-landing e ridotte alle classi usate dai template
   (inc/pagine.php). Una pagina nuova della stessa famiglia aggiunge qui le regole che le servono dal foglio di design. */
.myc-content:has(> .myc-landing) { margin: 0; padding: 0; max-width: none; }
/* Reset di ciò che base.css/global.css impongono a tutto il sito (paragrafi grigi, titoli bold, hover grigio). */
.myc-landing p, .myc-landing h1, .myc-landing h2, .myc-landing h3, .myc-landing h4 { color: inherit; }
.myc-landing ul, .myc-landing ol { margin: 0; padding: 0; }
.myc-landing p { margin: 1em 0; } /* il margine del browser che il design dà per scontato (base.css: 0 0 1.4em) */
.myc-landing table { margin: 0; }
.myc-landing blockquote { padding: 0; border: 0; font-style: normal; }
/* MyCamicia V3 · pagine istituzionali (No stiro, B2B, Franchising, Chi siamo).
   Stessi token della Home/PDP v3: Playfair Display per i titoli, Jost per il testo, angoli vivi, blu notte. */
.myc-landing {
  /* tokens.css; --sky e --mist non ci sono */
  --ink:var(--myc-ink); --navy:var(--myc-blue); --muted:var(--myc-grey-2); --line:var(--myc-line);
  --paper:var(--myc-paper); --sand:var(--myc-sand); --img:var(--myc-sand); --white:var(--myc-white);
  --sky:#9FB0CC; --mist:#B8BFCA; --gold:var(--myc-gold);
  --serif:var(--myc-font-serif);
  --sans:var(--myc-font-sans);
  --pad:clamp(20px,4vw,56px); --sec:clamp(56px,7vw,104px);
}
.myc-landing *, .myc-landing *::before, .myc-landing *::after {box-sizing:border-box}
.myc-landing {margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}
.myc-landing img {max-width:100%;height:auto;display:block}
.myc-landing a {color:inherit;text-decoration:none}
.myc-landing a:hover {color:var(--navy)}
.myc-landing :focus-visible {outline:2px solid var(--navy);outline-offset:3px}
/* Layout */
.myc-landing .wrap {max-width:1320px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.myc-landing .sec {padding-top:var(--sec);padding-bottom:var(--sec)}
.myc-landing .bg-white {background:var(--white)}
.myc-landing .bg-paper {background:var(--paper)}
.myc-landing .bg-sand {background:var(--sand)}
.myc-landing .bg-ink {background:var(--ink);color:var(--white)}
.myc-landing .split {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:40px clamp(32px,5vw,80px);align-items:center}
.myc-landing .split.top {align-items:start}
.myc-landing .grid {display:grid;gap:32px clamp(14px,2vw,28px);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min,230px)),1fr))}
.myc-landing .head {display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:36px}
/* Tipografia */
.myc-landing .eyebrow {font-size:0.75rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.myc-landing .bg-ink .eyebrow {color:var(--sky)}
.myc-landing h1, .myc-landing h2, .myc-landing h3, .myc-landing .serif {font-family:var(--serif);font-weight:400;letter-spacing:-.005em;text-wrap:balance}
.myc-landing h1 {font-size:clamp(2.5rem,5.4vw,4.75rem);line-height:1.02;margin:0 0 20px}
.myc-landing h2 {font-size:clamp(1.875rem,3.4vw,3rem);line-height:1.08;margin:0}
.myc-landing h3 {font-size:clamp(1.3125rem,1.8vw,1.5rem);line-height:1.2;margin:0}
.myc-landing .lead {font-size:clamp(0.9375rem,1.3vw,1.125rem);font-weight:400;line-height:1.65;color:var(--muted);max-width:52ch;margin:14px 0 0;text-wrap:pretty}
.myc-landing .bg-ink .lead {color:var(--mist)}
.myc-landing .prose {font-size:1rem;font-weight:400;line-height:1.7;color:#3D4350;max-width:68ch}
.myc-landing .prose p {margin:0 0 1.1em}
.myc-landing .prose strong {font-weight:500;color:var(--ink)}
.myc-landing .prose h3 {margin:1.6em 0 .5em}
.myc-landing .small {font-size:0.84375rem;font-weight:400;color:var(--muted);line-height:1.5}
.myc-landing .small.desc {font-size:0.90625rem;margin-top:10px}
.myc-landing .feat {border-top:1px solid var(--ink);padding:22px 0 30px}
/* Bottoni e link */
.myc-landing .btn {display:inline-block;font-size:0.78125rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:18px 28px;border:1px solid transparent;text-align:center;cursor:pointer;font-family:var(--sans);line-height:1.2}
.myc-landing .btn-navy {background:var(--navy);color:var(--white);border-color:rgba(255,255,255,.25)}
.myc-landing .btn-navy:hover {background:#1B3550;color:var(--white)}
.myc-landing .btn-ink {background:var(--ink);color:var(--white)}
.myc-landing .btn-ink:hover {background:#000;color:var(--white)}
.myc-landing .btn-line {border-color:var(--ink);color:var(--ink);background:transparent}
.myc-landing .btn-line:hover {background:var(--ink);color:var(--white)}
.myc-landing .btn-ghost {border-color:rgba(255,255,255,.7);color:var(--white)}
.myc-landing .btn-ghost:hover {background:rgba(255,255,255,.1);color:var(--white)}
.myc-landing .btns {display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.myc-landing .tlink {font-size:0.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:6px;white-space:nowrap}
/* Breadcrumb */
.myc-landing .crumbs {font-size:0.75rem;letter-spacing:.06em;color:var(--muted);padding-top:18px;padding-bottom:18px}
.myc-landing .crumbs ol {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.myc-landing .crumbs li+li::before {content:'/';margin-right:8px;color:var(--line)}
.myc-landing .hero .crumbs {color:rgba(255,255,255,.75);padding:0 0 22px}
.myc-landing .hero .crumbs li+li::before {color:rgba(255,255,255,.4)}
/* Hero a tutta immagine */
.myc-landing .hero {position:relative;min-height:clamp(560px,52vw,740px);background:var(--ink);color:var(--white);overflow:hidden;display:flex}
.myc-landing .hero>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,70% 35%)}
.myc-landing .hero::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,34,45,.86) 0%,rgba(27,34,45,.5) 45%,rgba(27,34,45,0) 78%)}
.myc-landing .hero .wrap {position:relative;z-index:1;width:100%;display:flex;align-items:flex-end;padding-top:48px;padding-bottom:clamp(40px,5vw,80px)}
.myc-landing .hero .copy {max-width:600px}
.myc-landing .hero p {font-weight:400;font-size:clamp(1rem,1.4vw,1.1875rem);line-height:1.55;color:rgba(255,255,255,.9);margin:0;max-width:46ch}
.myc-landing .hero .meta {display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px;font-size:0.8125rem;font-weight:400;color:rgba(255,255,255,.9)}
.myc-landing .stars {color:var(--gold);letter-spacing:1px}
@media (max-width:700px) {
/* Mobile: foto sopra, testo sotto su fondo blu notte (niente testo sui volti) */
  .myc-landing .hero {display:block;min-height:0}
.myc-landing .hero>img {position:relative;height:auto;aspect-ratio:5/4;object-position:var(--pos-m,var(--pos,70% 30%))}
.myc-landing .hero::after {inset:0 0 auto 0;aspect-ratio:5/4;background:linear-gradient(180deg,rgba(24,32,45,.25) 0%,rgba(24,32,45,0) 30%,rgba(24,32,45,0) 60%,#18202D 100%)}
.myc-landing .hero .wrap {display:block;padding-top:0;margin-top:-28px;padding-bottom:36px}
.myc-landing .hero .btns {flex-direction:column}
.myc-landing .hero .btn {width:100%}
}
/* Fascia USP */
.myc-landing .usp {background:var(--white);border-bottom:1px solid var(--line)}
.myc-landing .usp ul {list-style:none;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.myc-landing .usp li {display:grid;grid-template-columns:24px 1fr;gap:10px;padding:24px 16px 24px 0}
.myc-landing .usp li::before, .myc-landing .checks li::before {content:'✓';color:var(--navy);font-size:0.9375rem;line-height:1.4}
.myc-landing .usp b, .myc-landing .checks b {display:block;font-size:0.9375rem;font-weight:500}
.myc-landing .usp span, .myc-landing .checks span {display:block;font-size:0.84375rem;font-weight:400;color:var(--muted);margin-top:3px;line-height:1.45}
.myc-landing .checks {list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px 24px}
.myc-landing .checks li {display:grid;grid-template-columns:24px 1fr;gap:10px}
.myc-landing .bg-ink .checks li::before {color:var(--sky)}
.myc-landing .bg-ink .checks span {color:var(--mist)}
/* Immagini */
.myc-landing .ph {background:var(--img);overflow:hidden;margin:0}
.myc-landing .ph img {width:100%;height:100%;object-fit:cover}
.myc-landing .r45 {aspect-ratio:4/5}
.myc-landing .r23 {aspect-ratio:2/3}
.myc-landing .r11 {aspect-ratio:1}
.myc-landing .r43 {aspect-ratio:4/3}
.myc-landing .r32 {aspect-ratio:3/2}
.myc-landing figcaption {font-size:0.78125rem;font-weight:400;color:var(--muted);margin-top:10px}
/* Card prodotto */
.myc-landing .card {display:block}
.myc-landing .card .ph {position:relative}
.myc-landing .card .ph img {transition:transform .6s ease}
.myc-landing .card:hover .ph img {transform:scale(1.03)}
.myc-landing .badge {position:absolute;top:12px;left:12px;background:var(--white);color:var(--ink);font-size:0.75rem;letter-spacing:.18em;text-transform:uppercase;padding:7px 10px}
.myc-landing .card .row {display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:16px}
.myc-landing .card h3 {font-size:1.3125rem}
.myc-landing .card .price {font-size:0.875rem;font-weight:400;white-space:nowrap}
.myc-landing .card p {font-size:0.84375rem;font-weight:400;color:var(--muted);line-height:1.45;margin:8px 0 14px}
.myc-landing .card .go {font-size:0.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--navy)}
/* Liste numerate (step) */
.myc-landing .steps {list-style:none;margin:0;padding:0;counter-reset:s}
.myc-landing .steps li {display:grid;grid-template-columns:56px 1fr;gap:12px;padding:20px 0;border-top:1px solid var(--line)}
.myc-landing .steps li:last-child {border-bottom:1px solid var(--line)}
.myc-landing .bg-ink .steps li {border-color:rgba(255,255,255,.14)}
.myc-landing .steps .n {font-family:var(--serif);font-size:1.875rem;line-height:1.05;color:var(--navy)}
.myc-landing .bg-ink .steps .n {color:var(--sky)}
.myc-landing .steps b {display:block;font-size:1rem;font-weight:500}
.myc-landing .steps span {display:block;font-size:0.90625rem;font-weight:400;color:var(--muted);margin-top:4px;line-height:1.5}
.myc-landing .bg-ink .steps span {color:var(--mist)}
.myc-landing .steps .k {display:block;font-size:0.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
/* Numeri */
.myc-landing .stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:0 24px;border-top:1px solid var(--line)}
.myc-landing .stats div {padding:20px 0;border-bottom:1px solid var(--line)}
.myc-landing .stats dt {font-size:0.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.myc-landing .stats dd {font-family:var(--serif);font-size:clamp(1.75rem,2.6vw,2.25rem);margin:6px 0 0;line-height:1.1}
.myc-landing .bg-ink .stats, .myc-landing .bg-ink .stats div {border-color:rgba(255,255,255,.14)}
.myc-landing .bg-ink .stats dt {color:var(--sky)}
/* Tabella confronto */
.myc-landing .compare {width:100%;border-collapse:collapse;font-size:0.9375rem;background:var(--white)}
.myc-landing .compare th, .myc-landing .compare td {padding:16px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.myc-landing .compare thead th {font-size:0.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.myc-landing .compare thead th.us {color:var(--navy)}
.myc-landing .compare tbody th {font-weight:500;width:30%}
.myc-landing .compare td {font-weight:400;color:#3D4350}
.myc-landing .compare td.us {font-weight:400;color:var(--ink);background:#F3F5F8}
.myc-landing .scroll-x {overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line)}
.myc-landing .scroll-x .compare {min-width:560px}
/* FAQ */
.myc-landing .faq {border-top:1px solid var(--ink)}
.myc-landing .faq details {border-bottom:1px solid var(--line)}
.myc-landing .faq summary {list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-family:var(--serif);font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.3}
.myc-landing .faq summary::-webkit-details-marker {display:none}
.myc-landing .faq summary::after {content:'+';font-family:var(--sans);font-weight:300;font-size:1.5rem;line-height:1;color:var(--navy);flex:0 0 auto}
.myc-landing .faq details[open] summary::after {content:'−'}
.myc-landing .faq .a {font-size:0.96875rem;font-weight:400;line-height:1.65;color:#3D4350;padding:0 0 24px;max-width:72ch}
.myc-landing .faq .a p {margin:0 0 .8em}
/* Recensioni */
.myc-landing .reviews {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px clamp(20px,3vw,48px);margin:0;padding:0;list-style:none}
.myc-landing .reviews li {border-top:1px solid var(--ink);padding-top:24px}
.myc-landing .reviews blockquote {margin:0;font-family:var(--serif);font-size:clamp(1.1875rem,1.7vw,1.4375rem);line-height:1.38;text-wrap:pretty}
.myc-landing .reviews cite {display:block;font-style:normal;font-size:0.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:18px}
/* Box bordato (CTA) */
.myc-landing .boxed {border:1px solid var(--ink);padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px clamp(28px,5vw,72px);align-items:center}
.myc-landing .bg-ink .boxed {border-color:rgba(255,255,255,.3)}
/* Form */
.myc-landing .form {background:var(--white);border:1px solid var(--line);padding:clamp(24px,3.5vw,48px);color:var(--ink)}
.myc-landing .form fieldset {border:0;padding:0;margin:0 0 26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px 18px}
.myc-landing .form legend {font-size:0.75rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;padding:0}
.myc-landing .form label {display:flex;flex-direction:column;gap:7px;font-size:0.8125rem;font-weight:500;letter-spacing:.02em}
.myc-landing .form .full {grid-column:1/-1}
.myc-landing .form input, .myc-landing .form select, .myc-landing .form textarea {font:400 0.9375rem/1.4 var(--sans);color:var(--ink);background:var(--white);border:1px solid #C9C5BE;border-radius:0;padding:14px 14px;width:100%;appearance:none}
.myc-landing .form select {background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.myc-landing .form input:focus, .myc-landing .form select:focus, .myc-landing .form textarea:focus {outline:none;border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.myc-landing .form textarea {min-height:110px;resize:vertical}
/* Fluent Forms dentro .form (B2B, franchising): stesso aspetto dei campi sopra */
.myc-landing .form .fluentform {--fluentform-primary:var(--navy)}
.myc-landing .form .fluentform fieldset {margin:0}
.myc-landing .form .fluentform .ff-el-group {margin:0}
.myc-landing .form .fluentform .ff-el-input--label {margin:0 0 7px;padding:0}
.myc-landing .form .fluentform .ff-el-input--label label {font-size:0.8125rem;font-weight:500;letter-spacing:.02em;margin:0}
.myc-landing .form .fluentform .ff-el-section-break, .myc-landing .form .fluentform .ff_submit_btn_wrapper {grid-column:1/-1}
.myc-landing .form .fluentform .ff-el-section-title {font:500 0.75rem/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:10px 0 0}
.myc-landing .form .fluentform .ff-el-section-break hr {display:none}
.myc-landing .form .fluentform .ff-el-form-check {display:inline-block;margin:0 10px 0 0}
.myc-landing .form .fluentform .ff-el-form-check-label {flex-direction:row;align-items:center;gap:8px;font-weight:400;border:1px solid #C9C5BE;padding:12px 16px;cursor:pointer}
.myc-landing .form .fluentform input[type=radio], .myc-landing .form .fluentform input[type=checkbox] {width:auto;appearance:auto;accent-color:var(--navy);margin:0}
.myc-landing .form .fluentform .ff-el-tc .ff-el-form-check-label {border:0;padding:0;align-items:flex-start;gap:10px;font-size:0.8125rem;color:var(--muted);line-height:1.5}
.myc-landing .form .fluentform .ff_tc_checkbox input {margin-top:3px}
.myc-landing .form .fluentform .ff-btn-submit {width:100%;margin-top:18px;font:500 0.78125rem/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;padding:18px 28px;border-radius:0}
.myc-landing .form .fluentform .error {font-size:0.78125rem;color:#A1281F;margin-top:6px}
.myc-landing .form .ff-message-success {border:0;box-shadow:none;padding:0;margin:0;font-size:1.0625rem;line-height:1.5;color:var(--ink)}
/* Loghi stampa */
.myc-landing .press {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;border-top:1px solid var(--line);padding-top:36px;margin-top:64px}
.myc-landing .press .logos {display:flex;flex-wrap:wrap;gap:24px clamp(28px,4vw,64px);align-items:center}
.myc-landing .press img {height:24px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.55}
/* Persone */
.myc-landing .people {--min:250px}
/* ritratti del team: stesso sfondo, luce e taglio 4:5 */
.myc-landing .person .ph {aspect-ratio:4/5}
.myc-landing .person .ph img {object-position:50% 20%}
.myc-landing .person h3 {margin-top:18px}
.myc-landing .person .role {font-size:0.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);margin-top:6px}
.myc-landing .person p {font-size:0.90625rem;font-weight:400;color:var(--muted);line-height:1.55;margin:12px 0 0}
/* Barra CTA fissa su mobile */
.myc-landing .sticky-cta {display:none}
@media (max-width:700px) {
.myc-landing .sticky-cta {display:flex;position:sticky;bottom:0;z-index:25;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(246,245,242,.96);border-top:1px solid var(--line);backdrop-filter:blur(8px)}
.myc-landing .sticky-cta .btn {flex:1;padding:15px 10px}
}
/* Griglia a 4 card: 4 colonne su desktop, 2 sotto i 1000px (mai 3+1) */
.myc-landing .g4 {grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px) {
.myc-landing .g4 {grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Link nel testo */
.myc-landing .ilink {border-bottom:1px solid currentColor}
.myc-landing .bg-ink .ilink:hover {color:var(--sky)}
/* Hero a due colonne (testo + foto verticale), per le pagine senza foto panoramica */
.myc-landing .hero-split {background:var(--ink);color:var(--white)}
.myc-landing .hero-split .wrap {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center;padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(36px,5vw,72px)}
.myc-landing .hero-split .crumbs {color:rgba(255,255,255,.75);padding:0 0 22px}
.myc-landing .hero-split .crumbs li+li::before {color:rgba(255,255,255,.4)}
.myc-landing .hero-split p {font-weight:400;font-size:clamp(1rem,1.4vw,1.1875rem);line-height:1.55;color:rgba(255,255,255,.9);margin:0;max-width:46ch}
.myc-landing .hero-split .meta {display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px;font-size:0.8125rem;font-weight:400;color:rgba(255,255,255,.9)}
.myc-landing .hero-split .ph {aspect-ratio:4/5}
@media (max-width:760px) {
.myc-landing .hero-split .wrap {grid-template-columns:1fr}
.myc-landing .hero-split .ph {order:-1;aspect-ratio:5/4;margin:0 calc(var(--pad) * -1)}
.myc-landing .hero-split .ph img {object-position:50% 18%}
.myc-landing .hero-split .btns {flex-direction:column}
.myc-landing .hero-split .btn {width:100%}
}
/* Listino a colonne */
.myc-landing .tiers {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.myc-landing .tier {background:var(--white);border:1px solid var(--line);padding:clamp(24px,3vw,36px);display:flex;flex-direction:column}
.myc-landing .tier.hl {border-color:var(--ink)}
.myc-landing .tier .from {font-size:0.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:18px}
.myc-landing .tier .amt {font-family:var(--serif);font-size:clamp(2.5rem,4vw,3.5rem);line-height:1}
.myc-landing .tier ul {list-style:none;margin:18px 0 24px;padding:0;font-size:0.90625rem;font-weight:400;color:#3D4350;display:grid;gap:8px}
.myc-landing .tier li::before {content:'✓';color:var(--navy);margin-right:10px}
.myc-landing .tier .tlink {margin-top:auto;align-self:flex-start}
/* Glossario / schede testo */
.myc-landing .defs {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0 clamp(24px,3vw,48px)}
.myc-landing .defs>div {border-top:1px solid var(--ink);padding:22px 0 30px}
.myc-landing .bg-ink .defs>div {border-color:rgba(255,255,255,.3)}
.myc-landing .defs p {font-size:0.90625rem;font-weight:400;color:var(--muted);line-height:1.55;margin:10px 0 0}
.myc-landing .bg-ink .defs p {color:var(--mist)}
.myc-landing .defs .k {font-size:0.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);display:block;margin-bottom:8px}
.myc-landing .bg-ink .defs .k {color:var(--sky)}
/* Tabelle di confronto su mobile: niente scroll orizzontale, testo più compatto */
@media (max-width:600px) {
.myc-landing .scroll-x .compare {min-width:0;font-size:0.84375rem}
.myc-landing .compare th, .myc-landing .compare td {padding:12px 8px}
.myc-landing .compare thead th {font-size:0.75rem;letter-spacing:.1em}
.myc-landing .compare tbody th {width:28%}
}
/* Utilità e varianti al posto degli style="" dei template: stesse dichiarazioni, in fondo al file perché vincano come facevano
   gli inline. u-* = una o due proprietà; le altre classi nominano il pezzo di pagina. */
.myc-landing .u-m0 {margin:0}
.myc-landing .u-mt6 {margin-top:6px}
.myc-landing .u-mt16 {margin-top:16px}
.myc-landing .u-mt18 {margin-top:18px}
.myc-landing .u-mt20 {margin-top:20px}
.myc-landing .u-mt24 {margin-top:24px}
.myc-landing .u-mt28 {margin-top:28px}
.myc-landing .u-pt0 {padding-top:0}
.myc-landing .u-block {display:block}
.myc-landing .u-cols1 {grid-template-columns:1fr}
.myc-landing img.u-contain {object-fit:contain}
.myc-landing .u-items-end {align-items:end}
.myc-landing .u-justify-start {justify-content:flex-start}
.myc-landing .u-lh11 {line-height:1.1}
.myc-landing .u-strong {color:var(--ink);font-weight:500}
.myc-landing .ph-plum {background:#2E2B4A}
.myc-landing .ph-black {background:#000}
.myc-landing .r1011 {aspect-ratio:4/4.4}
.myc-landing .tlink-sm {font-size:0.75rem}
.myc-landing .tlink-plain {font-size:inherit;letter-spacing:0;text-transform:none;font-weight:400}
.myc-landing .h-sm {font-size:clamp(1.875rem,3.2vw,2.75rem)}
.myc-landing .h-xs {font-size:clamp(1.75rem,2.8vw,2.375rem)}
.myc-landing .lead-sm {font-size:0.9375rem;margin-bottom:22px}
.myc-landing .stats-two {grid-template-columns:repeat(2,1fr);text-align:center}
.myc-landing .big-score {display:flex;align-items:baseline;gap:18px;margin-bottom:40px}
.myc-landing .big-score-n {font-size:4.5rem;line-height:1}
.myc-landing .bigline {display:flex;gap:clamp(18px,2.4vw,32px);font-size:clamp(2.75rem,5.6vw,5rem);line-height:1;color:var(--muted)}
.myc-landing .grid-240 {--min:240px}
.myc-landing .grid-duo {--min:300px;gap:16px}
.myc-landing .grid-defs {--min:260px;gap:0 clamp(24px,3vw,48px)}
.myc-landing .box-pad {padding:clamp(32px,4vw,56px)}
.myc-landing .box-line {border:1px solid var(--line);background:var(--white)}
.myc-landing .sticky-96 {position:sticky;top:96px}
/* Pagina Eccellenza e Firma (template-eccellenza-firma.php): regole nuove, il resto usa le classi sopra.
   Il bollino .myc-tier è quello di global.css, lo stesso della pagina Tessuti. */
/* Foto 2:3 nel riquadro 4:5: taglio verso l'alto per non tagliare la testa; bollino in basso per non coprire il viso */
.myc-landing .card .ph img {object-position:50% 12%}
.myc-landing .card .ph .myc-tier {position:absolute;bottom:12px;left:12px}
/* Le due fasce affiancate */
.myc-landing .duo {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}
.myc-landing .fascia {background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;scroll-margin-top:96px}
.myc-landing .fascia.hl {border-color:var(--ink)}
.myc-landing .fascia .body {padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start;flex:1}
.myc-landing .fascia .ttl {display:flex;justify-content:space-between;align-items:baseline;gap:16px;width:100%;margin-top:18px}
.myc-landing .fascia h3, .myc-landing .fascia .amt {font-size:clamp(1.875rem,3vw,2.5rem);line-height:1}
.myc-landing .fascia .amt {font-family:var(--serif)}
.myc-landing .fascia .inc {list-style:none;margin:20px 0 24px;padding:0;font-size:0.90625rem;color:#3D4350;display:grid;gap:9px}
.myc-landing .fascia .inc li::before {content:'✓';color:var(--navy);margin-right:10px}
.myc-landing .fascia .inc li.opt::before {content:'+';color:var(--muted)}
.myc-landing .fascia .inc em {font-style:normal;color:var(--muted)}
.myc-landing .fascia .tlink {margin-top:auto}
/* Campioni dei tessuti */
.myc-landing .swatches {list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.myc-landing .swatches a {display:block;width:44px;height:44px;outline:1px solid var(--line);outline-offset:2px;overflow:hidden}
.myc-landing .swatches a:hover {outline-color:var(--ink)}
.myc-landing .swatches img {width:100%;height:100%;object-fit:cover}
/* Tabella: colonne delle due fasce e righe dei totali */
.myc-landing .compare th.us {background:#F3F5F8}
.myc-landing .compare tr.tot th, .myc-landing .compare tr.tot td {border-top:1px solid var(--ink)}
.myc-landing .compare tr.tot + tr.tot th, .myc-landing .compare tr.tot + tr.tot td {border-top:0}
.myc-landing .compare b {font-weight:500}
/* Galleria per fascia */
.myc-landing .group {scroll-margin-top:96px}
.myc-landing .group + .group {margin-top:clamp(48px,6vw,80px)}
.myc-landing .ghead {display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;border-top:1px solid var(--ink);padding-top:20px;margin-bottom:28px}
.myc-landing .ghead h3 {font-size:clamp(1.375rem,2vw,1.75rem)}
/* In arrivo */
.myc-landing .soon {margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--line);padding-top:28px}
.myc-landing .soon ul {list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.myc-landing .soon li {display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center}
.myc-landing .soon .sw {display:block;width:72px;height:72px;overflow:hidden;background:var(--sand)}
.myc-landing .soon .sw img {width:100%;height:100%;object-fit:cover}
.myc-landing .soon b {display:block;font-size:0.9375rem;font-weight:500;margin-top:8px}
.myc-landing .soon .when {display:block;font-size:0.84375rem;color:var(--muted);margin-top:2px}
.myc-landing .bg-ink .ph {background:#222b39}
