*{box-sizing:border-box}body{margin:0;color:#1c3043;background:#f4f7f9;font:16px/1.6 system-ui}header,main,footer{width:min(1420px,94%);margin:auto}header{display:flex;justify-content:space-between;padding:24px 0}.brand{font-size:25px;font-weight:850;color:#172b42;text-decoration:none}.brand span{color:#7353d0}a{color:#245e73}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:30px 0 50px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#245e73}h1{font-size:clamp(34px,4.6vw,62px);line-height:1.08;letter-spacing:-2px;margin:16px 0}h1 em{font-style:normal;color:#245e73}.hero p{max-width:630px}.price{font-size:14px}.sample-cover{background:#fff;border:1px solid #dae5eb;padding:30px;border-top:12px solid #245e73;border-radius:12px;box-shadow:0 16px 45px #23415a15}.sample-cover>span{font-size:11px;letter-spacing:1px}.sample-cover h2{font-size:34px;line-height:1.2}.sample-compare{display:flex;gap:10px}.sample-compare span{background:#e6f1f4;color:#245e73;padding:22px;flex:1}.sample-cover small{color:#6a7c87}.panel{background:#fff;border:1px solid #dce5ea;border-radius:16px;padding:26px;margin:20px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;gap:12px;flex-wrap:wrap}button,.primary{font:inherit;border-radius:10px;border:1px solid #cdd9df;padding:11px 17px;background:#fff;color:#254353;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:#245e73;color:#fff;border-color:#245e73;font-weight:700}button:disabled{opacity:.5;cursor:default}fieldset{border:0;padding:0;margin:0;min-width:0}label{display:block;font-size:14px;font-weight:650}input,textarea,select{display:block;width:100%;font:inherit;padding:10px;border:1px solid #d5dfe6;border-radius:8px;margin:5px 0 12px;background:#fff;color:#22394a}input[type=color]{height:44px}input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}textarea{min-height:86px;resize:vertical}input[type=file]{font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #aabbe5;outline-offset:2px}.group{padding:20px;background:#f6f9fa;border:1px solid #dbe5e8;border-radius:12px;margin:20px 0}.group-top{display:flex;gap:8px;justify-content:flex-end}.photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photos canvas{display:block;width:100%;height:auto;border-radius:8px;background:#e9eff2;touch-action:none;cursor:crosshair}.photos small{display:block;color:#536d7a;margin:8px 0}.permission{margin-bottom:15px}#pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#pages img{width:100%;box-shadow:0 4px 18px #21374a12;border:1px solid #dfe7eb}.comparisons article{padding:20px;background:#eff4f7;border-radius:10px}.comparisons small{color:#667b88}footer{padding:30px 0;font-size:13px}@media(max-width:750px){.hero,.grid,.photos,#pages{grid-template-columns:1fr}.hero{gap:25px;padding-top:15px}.sample-cover{padding:24px}.panel{padding:18px}.group{padding:14px}h1{letter-spacing:-1px}.group-top button{font-size:13px;padding:9px}.actions>*{flex:1;text-align:center}}


.repair-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.repair-photos figure{margin:0;min-width:0}.repair-image{aspect-ratio:3/4;background-image:url(repair-before-after.png);background-size:200% 100%;border-radius:10px}.repair-image.before{background-position:left center}.repair-image.after{background-position:right center}.repair-photos figcaption{padding:10px 0;line-height:1.4}.repair-photos b{display:block;font-size:12px;letter-spacing:1px;color:#ab4930}.repair-photos figure:last-child b{color:#26764d}.repair-photos figcaption span{font-size:13px}.sample-cover h2{font-size:28px;margin:14px 0 20px}.sample-cover{padding:24px}@media(max-width:750px){.sample-cover{padding:18px}.sample-cover h2{font-size:24px}}

.repair-example{max-width:960px;margin:0 auto 40px}.repair-image.bathroom{background-image:url(bathroom-before-after.png)}.repair-example .repair-image{aspect-ratio:3/4;max-height:410px}.repair-example small{color:#667b88}


.attachment{padding:18px;background:#f4f7fa;border-radius:12px;margin:14px 0}.attachment .actions{justify-content:flex-end}.attachment p{overflow-wrap:anywhere}#pages{margin:20px 0}#pages canvas{width:100%;border:1px solid #dce5ea}.sample-cover{border-color:#7353d0}.attachment button{font-size:14px}

.product-photo{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:8px}.sample-cover small{font-size:11px}.sample-cover h2{font-size:28px}#pages canvas{max-width:100%}.panel label:has(input[type=checkbox]){margin-bottom:14px}