/* MineAgain creator-first v2 — editorial layout based on user-supplied composition. */
:root{--ink:#2c2520;--terra:#813c2b;--olive:#51573a;--cream:#fffaf2;--line:#e8ded3;--muted:#4a403a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}body{margin:0;background:#fffbf6;color:var(--ink);font:15px/1.35 Arial,'Helvetica Neue',sans-serif}a{color:inherit}button{font:inherit}.wrap{width:min(100% - 62px,1220px);margin-inline:auto}.skip{position:absolute;left:10px;top:-80px;z-index:100;background:#fff;padding:12px}.skip:focus{top:8px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a75636;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.wordmark,.footer-wordmark{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}h2{font-size:30px;font-weight:600;line-height:1.08}h3{font-size:20px;font-weight:600;line-height:1.12}.masthead{height:56px;background:#fffcf8;position:relative;z-index:2}.header-inner{display:flex;height:100%;align-items:center;gap:20px}.identity{display:flex;align-items:center;text-decoration:none;min-width:290px;gap:8px}.logo-mark{height:69px;width:70px;margin-top:9px;object-fit:contain;flex:none}.identity-text{display:flex;flex-direction:column}.wordmark{font-size:38px;line-height:1}.tagline{font-size:9px;letter-spacing:.105em;margin-top:5px;white-space:nowrap}.top-nav{display:flex;justify-content:center;flex:1;gap:26px;align-items:center}.top-nav a{font-size:11px;text-decoration:none;white-space:nowrap}.top-nav a:hover,.legal-footer a:hover{text-decoration:underline}.button{min-height:38px;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:9px 25px;border-radius:30px;font-weight:600;font-size:13px;line-height:1.1;text-decoration:none;border:1px solid transparent;white-space:nowrap}.button span{font-size:21px;font-weight:400;line-height:.65}.button.dark{background:var(--olive);color:#fff}.button.dark:hover{background:#373e29}.button.outline{border-color:var(--olive);background:#fffaf2dd}.button.light{background:#fffaf3;color:#342f26;min-width:186px}.header-contact{min-width:149px;min-height:36px;padding:8px 18px;font-size:12px}.mobile-menu{display:none}.hero{position:relative;height:448px;overflow:hidden;background:linear-gradient(90deg,#fffdf8 32%,#f2dfca 100%)}.hero-photo{position:absolute;inset:0 0 0 39%;background-image:url(/assets/creator-hero.webp);background-repeat:no-repeat;background-size:cover;background-position:49% 38%}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#fffdf9 0%,#fffdf9 34%,rgba(255,253,249,.96) 38%,rgba(255,253,249,.53) 44%,transparent 55%)}.hero-inner{position:relative;height:100%;display:flex;align-items:flex-start}.hero-copy{width:46%;padding:41px 0 0 16px}.hero h1{font-size:clamp(39px,4.14vw,52px);line-height:.98;font-weight:600;margin:0 0 17px;letter-spacing:-.045em;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--terra)}.hero-copy>p{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.17;max-width:440px;margin-bottom:17px}.hero-copy>p strong{font-weight:700}.hero-actions{display:flex;gap:10px;align-items:center}.hero-actions .button{min-width:181px}.reassurance{display:flex;gap:43px;margin-top:23px;max-width:418px;text-align:center}.reassurance>div{display:flex;flex:1;flex-direction:column;align-items:center;font-size:13px;line-height:1.12}.reassurance svg{width:37px;height:37px;fill:none;stroke:#943d2a;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;margin-bottom:4px}.audience{padding-top:10px;padding-bottom:16px}.section-heading{text-align:center}.section-heading h2{margin-bottom:2px}.section-heading p{font-size:14px;margin-bottom:11px}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.audience-card{border:1px solid #e6dbd0;background:linear-gradient(160deg,#fffcf8,#fdf7ef);border-radius:14px;min-height:168px;text-align:center;padding:13px 15px 10px}.audience-card .large-icon{height:53px;width:60px;margin:0 auto 3px;color:#8b3e2b;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.audience-card .of{border:2px solid #8b3e2b;border-radius:50%;height:50px;width:50px;display:grid;place-items:center;font:23px Arial,sans-serif;margin-bottom:7px}.audience-card h3{margin:0 0 5px;font-size:20px}.audience-card p{font-size:13.3px;line-height:1.19;margin:0}.benefits{display:grid;grid-template-columns:2.25fr repeat(5,.75fr);gap:15px;align-items:center;min-height:155px;padding-bottom:7px}.benefits-intro{display:grid;grid-template-columns:122px 1fr;align-items:center;gap:9px}.benefit-mark{width:120px;height:129px;object-fit:contain}.benefits-intro h2{font-size:29px;margin:0 0 9px;line-height:1}.benefits-intro p{font-size:13px;max-width:260px;line-height:1.28}.benefit{text-align:center;align-self:stretch;padding:5px 0 0}.benefit svg{display:block;width:36px;height:36px;fill:none;stroke:#8b3e2b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 3px}.benefit h3{font-family:Arial,sans-serif;letter-spacing:-.04em;font-weight:600;font-size:14px;line-height:1.13;margin:0 0 5px}.benefit p{font-size:12px;line-height:1.18;margin:0}.process{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0 16px;min-height:168px}.process h2{font-size:29px;margin:0}.process-sub{margin:0 0 2px;font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0;padding:0}.steps li{position:relative;min-height:103px;padding-left:38px}.steps li:not(:last-child)::after{content:'→';position:absolute;top:8px;right:0;font-size:25px}.step-number{position:absolute;left:0;top:6px;display:grid;place-items:center;background:#ad806d;color:#fff;border-radius:50%;font-weight:bold;font-family:Georgia,serif;font-size:18px;width:33px;height:33px}.step-icon{display:block;font:36px/1 Georgia,serif;color:#8b3e2b;min-height:36px}.steps h3{font:600 13px/1.15 Arial,sans-serif;letter-spacing:0;margin:0 0 6px}.steps p{font-size:12px;line-height:1.18;margin:0}.closing{display:grid;grid-template-columns:62.5% 37.5%;min-height:185px}.closing-story{position:relative;overflow:hidden;background:linear-gradient(90deg,#f6e4d0,#f4ddc7);min-height:185px}.story-photo{position:absolute;inset:0 0 0 52%;background-image:url(/assets/creator-detail.webp);background-repeat:no-repeat;background-size:cover;background-position:50% 45%;mask-image:linear-gradient(to right,transparent 0%,#000 16%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 16%)}.story-inner{position:relative;display:flex;align-items:flex-start;gap:24px;padding:16px 0 5px max(35px,calc((100vw - 1220px)/2 + 16px))}.hand-note{font-family:Georgia,serif;font-size:28px;font-style:italic;line-height:.93;transform:rotate(-12deg);color:#813c2b;min-width:106px;padding-top:5px}.story-text{width:247px}.story-text h2{font-size:21px;margin:0 0 7px}.story-text p{font-size:12px;line-height:1.2;margin:0 0 8px}.story-text .button{min-height:36px;width:199px}.story-text small{display:block;margin:6px 0 0;text-align:center;font-size:10px}.faq{padding:9px 36px 8px 28px;background:#fffcf8}.faq-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px}.faq h2{font-size:21px;margin:0}.faq-heading>a{font-size:10px;white-space:nowrap}.faq details{border:1px solid #e8ded3;border-radius:8px;background:#fffdf9;margin-bottom:2px;font-size:12px}.faq summary{list-style:none;position:relative;cursor:pointer;padding:6px 28px 6px 11px;min-height:25px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'⌄';position:absolute;right:12px;top:1px;font-size:20px}.faq details[open] summary::after{transform:rotate(180deg);top:6px}.faq details p{padding:1px 12px 10px;margin:0;line-height:1.35}.final-cta{margin-top:4px;border-radius:13px;background:#50573a;min-height:96px;display:grid;grid-template-columns:1.04fr .97fr 1fr;align-items:center;padding:10px 34px;color:#fffdf7}.footer-logo{display:flex;gap:7px;align-items:center;border-right:1px solid #cccbb8;height:70px}.footer-logo img{height:78px;width:78px;object-fit:contain;flex:none;filter:brightness(0) invert(1);opacity:.9}.footer-logo>div{display:flex;flex-direction:column}.footer-wordmark{font-size:33px;line-height:1}.footer-logo .tagline{font-size:9px}.final-statement{padding-left:65px;font:25px/.91 Georgia,serif;letter-spacing:-.02em}.final-statement small{display:block;font:700 14px Georgia,serif;margin-top:6px}.final-actions{display:flex;flex-direction:column;align-items:center;gap:7px}.final-actions small{font-size:9px;letter-spacing:.06em;white-space:nowrap}.free-link{font-size:11px}.legal-footer{padding:12px 3px 20px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#5d554d;align-items:center}.legal-footer nav{display:flex;gap:13px;flex-wrap:wrap}.legal-footer button{border:0;background:none;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
@media(min-width:1250px){.hero{height:470px}.hero-copy{padding-top:49px}.audience-card{min-height:180px}.benefits{min-height:172px}}@media(max-width:1040px){.wrap{width:min(100% - 44px,1220px)}.identity{min-width:260px}.wordmark{font-size:33px}.top-nav{gap:13px}.top-nav a{font-size:10px}.hero-copy{width:52%;padding-left:0}.hero h1{font-size:clamp(36px,4.1vw,48px)}.hero-copy>p{font-size:16px;max-width:385px}.reassurance{gap:18px}.benefits{grid-template-columns:repeat(5,1fr);gap:12px;padding-top:8px}.benefits-intro{grid-column:1/-1;grid-template-columns:80px 1fr;gap:18px}.benefit-mark{width:80px;height:84px}.benefits-intro p{max-width:none}.benefits-intro h2 br{display:none}.benefit{min-height:120px}.closing{grid-template-columns:58% 42%}.story-inner{padding-left:20px;gap:12px}.hand-note{min-width:80px;font-size:23px}.story-photo{left:57%}.faq{padding-inline:17px}.final-statement{padding-left:30px}}@media(max-width:950px){.wrap{width:min(100% - 32px,560px)}.masthead{height:68px}.identity{min-width:0}.logo-mark{height:58px;width:56px;margin-top:1px}.wordmark{font-size:31px}.tagline{font-size:7.4px}.top-nav,.header-contact{display:none}.mobile-menu{margin-left:auto;display:block;position:relative}.mobile-menu summary{cursor:pointer;list-style:none;font-size:26px;padding:8px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:45px;width:min(280px,calc(100vw - 32px));display:flex;flex-direction:column;gap:0;background:#fffdf9;border:1px solid #e7d9ca;box-shadow:0 12px 20px #322c2125;border-radius:12px;overflow:hidden}.mobile-menu nav a{padding:12px 16px;text-decoration:none;border-bottom:1px solid #eee4db}.hero{height:auto;min-height:710px;display:flex;flex-direction:column-reverse}.hero-photo{inset:auto 0 0;height:285px;background-size:cover;background-position:50% 30%}.hero-wash{background:linear-gradient(180deg,#fffdf9 0%,#fffdf9 56%,rgba(255,253,249,.98) 59%,transparent 72%)}.hero-inner{display:block;height:auto;flex:1}.hero-copy{width:100%;padding:28px 0 310px}.hero h1{font-size:clamp(34px,7.3vw,47px);line-height:1.02;white-space:normal;margin-bottom:13px}.hero-copy>p{font-size:17px;max-width:520px;margin-bottom:16px}.hero-actions{flex-wrap:wrap}.hero-actions .button{min-width:0}.reassurance{max-width:460px;gap:13px;margin-top:19px}.reassurance>div{font-size:12px}.reassurance svg{width:33px;height:33px}.audience{padding-top:24px}.section-heading h2{font-size:30px}.section-heading p{font-size:14px}.audience-grid{grid-template-columns:repeat(2,1fr)}.audience-card{min-height:179px}.audience-card h3{font-size:19px}.audience-card p{font-size:13px}.benefits{grid-template-columns:repeat(2,1fr);padding:16px 0}.benefits-intro{grid-column:1/-1}.benefits-intro h2{font-size:26px}.benefit{min-height:120px;padding:12px 9px;background:#fff9f1;border:1px solid #efe2d6;border-radius:10px}.benefit:last-child{grid-column:1/-1;min-height:110px}.process{padding:22px 0}.steps{grid-template-columns:repeat(2,1fr);gap:20px 12px}.steps li:not(:last-child)::after{display:none}.steps li{min-height:115px}.closing{grid-template-columns:1fr}.closing-story{min-height:330px}.story-inner{padding:25px 16px;gap:16px}.hand-note{font-size:24px}.story-text{width:min(260px,62%)}.story-photo{left:0;top:auto;bottom:0;height:158px;background-size:cover;background-position:50% 35%;mask-image:linear-gradient(to bottom,transparent,#000 28%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%)}.faq{padding:22px 16px}.faq details{font-size:14px}.faq summary{padding-block:10px}.faq summary::after{top:5px}.final-cta{margin-top:0;display:flex;flex-direction:column;gap:22px;padding:23px 14px}.footer-logo{border-right:0;border-bottom:1px solid #c1c4b0;width:100%;justify-content:center;padding-bottom:10px}.final-statement{padding:0;text-align:center}.final-actions small{font-size:8px}.legal-footer{flex-direction:column;text-align:center;line-height:1.6;padding-top:18px}}@media(max-width:385px){.wordmark{font-size:27px}.hero h1{font-size:33px}.hero-copy>p{font-size:15px}.hero-actions{gap:7px}.hero-actions .button{padding-inline:13px;font-size:12px}.reassurance>div{font-size:11px}.audience-grid{gap:8px}.audience-card{padding-inline:7px}.audience-card h3{font-size:17px}.audience-card p{font-size:12px}.closing-story{min-height:330px}.story-photo{left:0}.hand-note{min-width:67px;font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Correzioni mirate dallo screenshot annotato: non ridimensionare il resto della pagina. */
@media (min-width: 951px) {
  /* Taglio fotografico sul bordo destro della stessa griglia dei contenuti. */
  .hero-photo { right: max(31px, calc((100vw - 1220px) / 2)); }

  /* Foto, testo e FAQ devono stare entro i margini del sito. */
  .closing {
    width: min(calc(100% - 62px), 1220px);
    margin-inline: auto;
    grid-template-columns: minmax(0, 60%) minmax(0, 40%);
  }
  .closing-story, .faq { min-width: 0; }
  /* Recuperato lo spazio della scritta decorativa: testo più a sinistra,
     stessa larghezza per non cambiare inutilmente le interruzioni di riga. */
  .story-inner { display: block; padding-left: clamp(20px, 2.5vw, 32px); }
  .story-text { width: 247px; }
  /* Il bordo superiore della FOTO, e non solo del box, tocca il bordo del riquadro.
     Crop via CSS della fascia chiara già presente nel file originale. */
  .story-photo {
    left: 50%;
    background-size: auto calc(100% + 32px);
    background-position: center bottom;
  }
}
@media (min-width: 951px) and (max-width: 1040px) {
  .hero-photo { right: 22px; }
  .closing { width: calc(100% - 44px); grid-template-columns: minmax(0, 58%) minmax(0, 42%); }
  .story-photo { left: 58%; }
}
@media (max-width: 950px) {
  /* Si conservano crop e impaginazione mobile a una colonna. */
  .closing { width: min(calc(100% - 32px), 560px); margin-inline: auto; }
  .story-inner { display: block; padding: 25px 16px; }
  .story-text { width: min(300px, 100%); }
}

/* v2 editorial revision — photo bounds, full-width story, service and privacy narrative */
.hero{background:#fffdf9;isolation:isolate}
.hero-photo{z-index:0}
.hero-wash{z-index:1}
.hero-inner{z-index:2}
.hero::after{content:"";pointer-events:none;position:absolute;z-index:1;inset:0 0 0 auto;width:max(31px,calc((100vw - 1220px)/2));background:#fffdf9}
.hero-photo-note{position:absolute;right:max(36px,calc((100vw - 1220px)/2 + 5px));bottom:5px;z-index:3;max-width:380px;color:#fff;background:#272219b8;border-radius:4px;font:9px/1.3 Arial,sans-serif;padding:3px 7px;text-align:right;opacity:.93}
.eyebrow{display:block;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:var(--terra);margin-bottom:8px}
.narrow{max-width:780px;margin:0 auto 27px}
.narrow h2{font-size:clamp(29px,3vw,39px);margin-bottom:10px}
.narrow p{font-size:15px;line-height:1.5;color:#514840}
.process{padding:34px 0 33px}
.process .section-heading p{margin-bottom:0}
.steps.steps-detailed{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:28px}
.steps.steps-detailed li{padding:16px 16px 16px 47px;min-height:146px;border:1px solid var(--line);border-radius:13px;background:#fffcf8}
.steps.steps-detailed li::after{display:none}
.steps.steps-detailed .step-number{left:12px;top:13px}
.steps.steps-detailed .step-icon{min-height:29px;line-height:1;font-size:29px}
.steps.steps-detailed h3{font-size:15px;line-height:1.26;margin-bottom:7px}
.steps.steps-detailed p{font-size:13px;line-height:1.45;color:#4c423b}
.steps.steps-detailed a{color:var(--terra);text-underline-offset:3px}
/* Keep the full visual composition within precisely the same left/right bounds as the cards. */
.closing.wrap{width:min(calc(100% - 62px),1220px);margin:0 auto;display:block;min-height:0}
.closing-story{min-height:276px;border-radius:14px;overflow:hidden;background:linear-gradient(100deg,#f9ecdf,#f3d7c2)}
.story-photo{left:58%;right:0;top:0;bottom:0;background-position:center 43%;background-size:cover;mask-image:none;-webkit-mask-image:none}
.closing-story::after{content:"";position:absolute;pointer-events:none;inset:0 37% 0 33%;background:linear-gradient(90deg,#f9ecdf 0%,rgba(249,236,223,.78) 28%,transparent 100%)}
.story-inner{position:relative;z-index:1;display:grid;grid-template-columns:136px minmax(270px,440px);gap:22px;align-items:center;padding:34px 36px;min-height:276px}
.hand-note{display:block;min-width:0;padding:0;font-size:33px;line-height:.93;transform:rotate(-10deg);color:#833e2e;text-align:left}
.story-text{width:auto;max-width:400px}
.story-text h2{font-size:clamp(25px,2.7vw,37px);margin-bottom:10px}
.story-text p{font-size:14px;line-height:1.45;max-width:355px;margin-bottom:15px}
.story-text small{text-align:left;padding-left:18px;font-size:11px}
.story-text .button{width:auto;min-width:181px}
.services{padding-top:60px;padding-bottom:58px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.service-card{min-width:0;display:flex;flex-direction:column;padding:26px 24px;border-radius:16px;border:1px solid #e3d5c6;background:#fffbf4}
.service-card.featured{background:#f6eee4;border-color:#9a7964}
.service-kicker{font-size:10px;letter-spacing:.12em;font-weight:700;color:#764331}
.service-card h3{font-size:30px;margin:8px 0 2px}
.service-price{font:700 16px/1.35 Arial,sans-serif;color:#4e5636;margin-bottom:14px}
.service-card p:not(.service-price){font-size:14px;line-height:1.46;margin-bottom:13px}
.service-card ul{font-size:13px;line-height:1.42;padding-left:20px;margin:0 0 22px;flex:1}
.service-card li+li{margin-top:9px}
.service-card .button{align-self:start;margin-top:auto}
.service-detail{font-size:12px;margin-top:15px;color:#793b2a;text-underline-offset:3px}
.services-note{font-size:12px;line-height:1.5;color:#5e544a;text-align:center;margin:17px 0 0}
.clarity{padding:53px 0 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7efe6}
.clarity-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px}
.clarity-intro h2{font-size:clamp(30px,3vw,41px);max-width:470px;margin-bottom:18px}
.clarity-intro p{font-size:15px;line-height:1.55;max-width:470px}
.text-link{color:#7b3625;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:600}
.clarity-points article{padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddcbbc}
.clarity-points article:last-child{border:0;margin:0;padding:0}
.clarity-points h3{font-size:21px;margin-bottom:6px}
.clarity-points p{font-size:14px;line-height:1.47;margin:0}
.privacy{padding-top:51px;padding-bottom:51px}
.privacy-panel{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:35px 40px;border:1px solid #dcd8c7;border-radius:17px;background:#f1f0e7}
.privacy-panel h2{font-size:clamp(30px,3vw,40px);margin-bottom:16px}
.privacy-panel p{font-size:14px;line-height:1.5}
.privacy-points{padding:0;margin:3px 0 0;list-style:none}
.privacy-points li{position:relative;padding:0 0 14px 28px;margin-bottom:12px;border-bottom:1px solid #dedac9;font-size:14px;line-height:1.44}
.privacy-points li:last-child{border:0;margin:0;padding-bottom:0}
.privacy-points li::before{content:'✓';position:absolute;top:0;left:0;border:1px solid #606947;color:#495236;border-radius:50%;width:18px;height:18px;text-align:center;font:bold 13px/17px Arial,sans-serif}
.faq-section{display:grid;grid-template-columns:0.82fr 1.18fr;gap:52px;padding-top:12px;padding-bottom:54px}
.faq-lead h2{font-size:clamp(30px,3vw,40px);margin-bottom:16px}
.faq-lead p{font-size:15px;line-height:1.5;max-width:380px}
.faq-list details{background:#fffdf9;border:1px solid var(--line);border-radius:9px;margin-bottom:7px;font-size:14px}
.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:13px 42px 13px 15px;font-weight:600;line-height:1.28}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'⌄';position:absolute;right:15px;top:7px;font-size:25px;font-weight:400;transition:transform .2s}
.faq-list details[open] summary::after{transform:rotate(180deg);top:12px}
.faq-list details p{margin:0;padding:0 15px 15px;line-height:1.5;color:#4f473f}
.faq-list a{color:#7b3625}
.final-cta{margin-top:0}
.legal-footer{flex-wrap:wrap}
.footer-disclaimer{flex:0 0 100%;margin:0;color:#625a52;font-size:11px;line-height:1.4}
/* prevent old mobile 560px max-width from making an island in the 768-950 range */
@media(min-width:721px) and (max-width:950px){.wrap,.closing.wrap{width:calc(100% - 40px);max-width:850px}.hero::after{width:20px}.hero-photo-note{right:24px}.closing-story{min-height:285px}.story-inner{grid-template-columns:100px minmax(240px,1fr);gap:12px}.hand-note{font-size:26px}.story-photo{left:62%}.closing-story::after{inset:0 35% 0 34%}.service-grid{gap:11px}.service-card{padding:22px 16px}.clarity-grid{gap:24px}.privacy-panel{gap:23px}.faq-section{gap:28px}}
@media(max-width:720px){.hero{background:#fffdf9}.hero::after{display:none}.hero-photo-note{bottom:3px;right:9px;left:9px;max-width:none;font-size:8px;text-align:center;background:#2c241aa8}.hero-inner{z-index:2}.hero-wash{z-index:1}.hero h1{font-size:clamp(33px,7.2vw,47px)}.closing.wrap{width:min(100% - 32px,560px)}.closing-story{min-height:460px}.story-photo{left:0;top:auto;bottom:0;height:210px;background-position:center 45%;background-size:cover;mask-image:linear-gradient(to bottom,transparent,#000 29%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 29%)}.closing-story::after{display:none}.story-inner{min-height:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:start;padding:20px 18px}.hand-note{font-size:21px;min-width:0;padding:7px 0 0}.story-text{width:auto;max-width:none}.story-text h2{font-size:24px}.story-text p{font-size:13px;line-height:1.37}.story-text small{font-size:10px;padding-left:0}.story-text .button{font-size:12px;padding-inline:13px;min-width:0}.steps.steps-detailed{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.steps.steps-detailed li{padding:15px 10px 15px 14px;min-height:0}.steps.steps-detailed .step-number{position:static;display:inline-grid;margin-bottom:7px}.steps.steps-detailed .step-icon{display:inline-block;margin-left:12px;vertical-align:middle}.steps.steps-detailed h3{font-size:14px}.steps.steps-detailed p{font-size:12px}.services{padding-block:35px}.service-grid{grid-template-columns:1fr;gap:11px}.service-card{padding:23px 21px}.service-card ul{flex:initial}.clarity{padding-block:35px}.clarity-grid,.privacy-panel,.faq-section{grid-template-columns:1fr;gap:20px}.privacy{padding-block:33px}.privacy-panel{padding:24px 19px}.faq-section{padding:10px 0 38px}.faq-lead h2{font-size:31px}.faq-lead p{margin-bottom:8px}.faq-list details{font-size:13px}.faq-list summary{padding-block:13px}.footer-disclaimer{text-align:center}}
@media(max-width:385px){.closing-story{min-height:470px}.hand-note{font-size:18px}.story-inner{padding-inline:13px;grid-template-columns:58px minmax(0,1fr)}.story-text h2{font-size:22px}.story-text p{font-size:12.5px}.steps.steps-detailed{grid-template-columns:1fr}}

/* FAQ follows immediately under the full-width mission photo panel. */
.faq-section{padding-top:38px}
@media(max-width:720px){.faq-section{padding-top:29px}}


/* Refinement requested 2026-09-21: no decorative logo inside benefits.
   Keep the intro title and description visually centred in the space it owns. */
.benefits-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0;
}
.benefits-intro h2,
.benefits-intro p {margin-inline: auto;}
.benefits-intro p {max-width: 340px;}

/* Enlarge the ORIGINAL image behind its frame (not the container), anchor its
   left/top content and crop the surplus on the right and bottom. This removes
   the pale stripe embedded in the top edge of the supplied WebP. */
.closing-story {overflow: hidden;}
.closing-story .story-photo {
  inset: 0 0 0 50%;
  height: auto;
  width: auto;
  background-size: 103% auto;
  background-position: left bottom;
  background-repeat: no-repeat;
  mask-image: none;
  -webkit-mask-image: none;
}
@media (min-width: 721px) and (max-width: 950px) {
  .closing-story .story-photo {
    inset: 0 0 0 50%;
    background-size: auto 140%;
    background-position: 53% bottom;
  }
}
@media (max-width: 720px) {
  /* On phones the illustration remains BELOW the text; zoom/crop the source
     inside that panel, rather than placing it behind readable content. */
  .closing-story .story-photo {
    inset: auto 0 0 0;
    height: 210px;
    background-size: cover;
    background-position: 42% 56%;
    mask-image: linear-gradient(to bottom, transparent, #000 17%);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 17%);
  }
}
/* Keep tablet mission copy separate from the enlarged photograph. */
@media (min-width: 721px) and (max-width: 950px) {
  .closing-story .story-photo {
    inset: 0 0 0 57%;
    background-position: 60% bottom;
  }
  .story-text {max-width: 245px;}
}
/* Keep the small reassurance line above, rather than on top of, the photo. */
@media (max-width: 720px) {
  .closing-story {min-height: 500px;}
  .closing-story .story-photo {height: 225px;}
}
@media (max-width: 385px) {
  .closing-story {min-height: 520px;}
}

/* Only on phones: no gradient or fading over the supplied hero photo. */
@media(max-width:720px){.hero-wash{display:none!important}}