/* Separate design experiment. Shared pages and contact styles stay unchanged. */
.cleanPreview{background:#fff}
.cleanPreview .siteHeader{background:rgba(255,255,255,.96)}
.cleanPreview main section{scroll-margin-top:100px}
.cleanPreview .button{gap:16px;min-height:58px;font-size:18px;padding:16px 24px;border-radius:8px}
.cleanPreview .buttonPrimary{background:#c84e40;color:#fff}
.cleanPreview .buttonPrimary:hover{background:#ad3f33}
.cleanPreview .buttonOutline{background:#fff}
.cleanLabel{display:block;color:var(--green);font-size:17px;font-weight:800;letter-spacing:.08em;line-height:1.6}
.cleanHero{padding:64px 0 72px}
.cleanHeroGrid{display:grid;grid-template-columns:1.1fr 1fr;gap:58px;align-items:center}
.cleanHeroCopy h1{font-size:clamp(42px,4.5vw,65px);line-height:1.2;letter-spacing:-.05em;margin:24px 0;text-wrap:balance}
.cleanHeroCopy em{color:var(--green);font-style:normal}
.cleanHeroCopy p{font-size:22px;color:var(--muted);line-height:1.75;margin:0}
.cleanActions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 20px}
.cleanTextLink{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:var(--green);font-size:18px;font-weight:800;text-decoration:none}
.cleanTextLink:hover{text-decoration:underline;text-underline-offset:6px}
.cleanHeroVisual{position:relative;display:grid;place-items:center;min-height:540px;background:#edf4ef;border-radius:30px;overflow:hidden;padding:32px 24px 42px}
.cleanPhone{position:relative;width:244px;padding:30px 9px 14px;background:#fff;border:7px solid #17332d;border-radius:35px;margin:0;transform:rotate(2deg);box-shadow:0 22px 40px #17332d20}
.cleanPhoneCamera{position:absolute;top:9px;left:50%;transform:translateX(-50%);height:5px;width:58px;background:#17332d;border-radius:4px}
.cleanPhoneHeader{display:flex;justify-content:space-between;font-size:14px;font-weight:800;padding:0 9px 12px}
.cleanPhoneCover{width:100%;height:154px;object-fit:cover;object-position:right;border-radius:12px;display:block}
.cleanPhoneBody{padding:17px 8px 0}
.cleanPhoneTag{font-size:15px;letter-spacing:.06em;color:var(--muted)}
.cleanPhoneBody h2{font-size:24px;line-height:1.4;margin:4px 0 16px;letter-spacing:-.03em}
.cleanMenuChips{display:flex;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.cleanMenuChips span{font-size:11px;padding:5px 6px;border-radius:5px;background:#f0f5f1}
.cleanMenuChips span:first-child{background:var(--green);color:#fff}
.cleanMenuItem{display:flex;align-items:center;gap:12px;padding:16px 0 6px}
.cleanMenuItem img{width:64px;height:64px;object-fit:cover;object-position:right;border-radius:9px}
.cleanMenuItem span{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}
.cleanMenuItem strong{display:block;font-size:17px}
.cleanServices{padding:80px 0 90px;border-top:1px solid #e8eeea}
.cleanSectionTitle{text-align:center;display:block;margin:0 0 60px}
.cleanSectionTitle h2,.cleanCase h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.04em;line-height:1.25;margin:18px 0 0;text-wrap:balance;max-width:none}
.cleanFeature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;margin:0;padding:56px 0}
.cleanFeatureImage{margin:0;overflow:hidden;border-radius:20px;background:#edf4ef;aspect-ratio:1.25}
.cleanFeatureImage img{display:block;width:100%;height:100%;object-fit:cover}
.cleanFeatureReverse .cleanFeatureImage{grid-column:2;grid-row:1}
.cleanFeatureReverse .cleanFeatureCopy{grid-column:1;grid-row:1}
.cleanFeatureCopy h3{font-size:clamp(30px,3.2vw,44px);line-height:1.3;letter-spacing:-.04em;margin:17px 0 21px;text-wrap:balance}
.cleanFeatureCopy p{font-size:20px;line-height:1.8;color:var(--muted);max-width:24em;margin:0 0 22px;text-wrap:balance}
.cleanServiceEnd{text-align:center;padding-top:30px}
.cleanCase{background:#f6f2e9;padding:90px 0}
.cleanCaseGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.cleanCase h3{font-size:23px;margin:26px 0 30px}
.cleanCaseCover{display:block;border-radius:18px;overflow:hidden;transition:transform .3s}
.cleanCaseCover:hover{transform:translateY(-5px)}
.cleanCaseCover img{display:block;width:100%;height:auto}
.cleanTrust{padding:100px 0}
.cleanTrustGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.cleanTrustGrid article{border-top:2px solid #dfeae4;padding:25px 0 0}
.cleanTrustNumber{font-size:26px;font-weight:800;color:#c84e40}
.cleanTrustGrid h3{font-size:26px;margin:12px 0}
.cleanTrustGrid p{font-size:19px;margin:0;color:var(--muted);text-wrap:pretty}
.cleanPreview .faq{background:#f6f9f6;padding:88px 0}
.cleanPreview .faqIntro h2{font-size:clamp(36px,4vw,50px);line-height:1.25}
.cleanPreview .faqList summary{font-size:21px}
.cleanPreview .faqList details p{font-size:18px}
.cleanPreview a:focus-visible{outline:3px solid var(--green);outline-offset:5px}
@media(max-width:360px){.cleanPreview .cleanPhone{width:218px;transform:rotate(2deg);margin-inline:0}.cleanPreview .cleanPhoneBody h2{font-size:19px}.cleanPreview .cleanMenuChips span{font-size:10px;padding-inline:4px}}
@media(max-width:1100px) and (min-width:761px){.cleanPreview .brand img{width:175px}.cleanPreview .navLinks{gap:14px}.cleanPreview .navLinks a{font-size:14px}.cleanHeroGrid{gap:28px}.cleanHeroVisual{min-height:550px}.cleanHeroCopy h1{font-size:46px}.cleanFeature{gap:48px}.cleanCaseGrid{gap:40px}}
@media(max-width:760px){
 .cleanHero{padding:42px 0 52px}.cleanHeroGrid{grid-template-columns:1fr;gap:32px}.cleanHeroCopy{text-align:center}.cleanHeroCopy h1{font-size:clamp(32px,7.8vw,50px);margin:19px 0;letter-spacing:-.04em}.cleanLabel{font-size:15px}.cleanHeroCopy p{font-size:19px}.cleanActions{display:grid;grid-template-columns:1fr;gap:10px;margin:24px 0 8px}.cleanHeroVisual{min-height:490px;max-width:480px;width:100%;margin:auto;border-radius:20px}.cleanPhone{width:234px;transform:rotate(2deg);margin:0}.cleanPhoneCover{height:158px}.cleanPhoneBody h2{font-size:22px}.cleanHeroVisual .cleanLabel{font-size:14px}.cleanFeature,.cleanCaseGrid{grid-template-columns:1fr;gap:26px}.cleanServices{padding:58px 0}.cleanSectionTitle{margin-bottom:26px}.cleanSectionTitle h2,.cleanCase h2{font-size:clamp(30px,8vw,42px);margin-top:14px}.cleanFeature{padding:28px 0}.cleanFeatureReverse .cleanFeatureImage,.cleanFeatureReverse .cleanFeatureCopy{grid-column:auto;grid-row:auto}.cleanFeatureCopy h3{font-size:32px;margin:12px 0 16px}.cleanFeatureCopy p{font-size:19px;margin-bottom:12px}.cleanFeatureImage{aspect-ratio:1.3;border-radius:14px}.cleanCase{padding:58px 0}.cleanCase h3{font-size:22px;margin:20px 0}.cleanCaseCover{order:-1;border-radius:14px}.cleanTrust{padding:64px 0}.cleanTrustGrid{grid-template-columns:1fr;gap:24px}.cleanTrustGrid article{padding-top:18px}.cleanTrustGrid h3{font-size:25px}.cleanPreview .faq{padding:60px 0}.cleanPreview .faqList summary{font-size:19px}.cleanPreview .faqList details p{font-size:18px}.cleanPreview .faqWrap{gap:28px}
}