/* Clipping Path page - scoped styles only. Existing site styles remain untouched. */
.cp-page{background:#fff;color:#15324d;overflow:hidden}
.cp-section{padding:88px 0}
.cp-container{width:90%;max-width:1200px;margin:0 auto}
.cp-kicker{display:inline-flex;align-items:center;padding:8px 22px;border-radius:999px;background:#dff5ff;color:#173b5d;font-size:13px;font-weight:700;letter-spacing:.3px}
.cp-hero{padding:82px 0 78px;background:#fff}
.cp-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center}
.cp-hero h1{font-size:54px;line-height:1.08;margin:20px 0 22px;color:#173b5d;letter-spacing:-1.5px}
.cp-hero h1 span{color:#2563eb}
.cp-hero p{max-width:670px;font-size:17px;line-height:1.8;color:#506b84;margin:0}
.cp-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.cp-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:7px;padding:13px 22px;font-size:14px;font-weight:700;transition:.2s ease}
.cp-btn-primary{background:#2563eb;color:#fff}.cp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(37,99,235,.2)}
.cp-btn-outline{border:1px solid #d6e0e9;color:#173b5d;background:#fff}.cp-btn-outline:hover{border-color:#2563eb;color:#2563eb}
.cp-hero-visual{position:relative;padding:14px;border:1px solid #e5edf4;border-radius:22px;background:#f7fafc;box-shadow:0 20px 50px rgba(20,50,77,.08)}
.cp-hero-visual img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.cp-hero-badge{position:absolute;left:30px;bottom:30px;background:#fff;border:1px solid #e4ebf1;border-radius:12px;padding:13px 17px;box-shadow:0 12px 30px rgba(20,50,77,.12);font-size:13px;font-weight:700;color:#173b5d}
.cp-intro{background:#f3f7fb;text-align:center}
.cp-intro h2,.cp-why h2,.cp-work h2,.cp-faq h2,.cp-cta h2{font-size:38px;line-height:1.2;color:#173b5d;margin-bottom:16px;letter-spacing:-.7px}
.cp-intro> .cp-container>p,.cp-work> .cp-container>p{max-width:820px;margin:0 auto;color:#5b7185;line-height:1.8;font-size:16px}
.cp-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px;text-align:left}
.cp-feature{background:#fff;border:1px solid #e4ebf1;border-radius:14px;padding:24px;min-height:190px;box-shadow:0 8px 24px rgba(20,50,77,.04)}
.cp-feature-icon{width:42px;height:42px;border-radius:10px;background:#eef7ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:18px}
.cp-feature h3{font-size:17px;color:#173b5d;margin-bottom:10px}.cp-feature p{font-size:14px;line-height:1.7;color:#60768a}
.cp-work{background:#fff}
.cp-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}
.cp-card{border:1px solid #e2e9ef;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 14px 38px rgba(20,50,77,.07)}
.cp-slider{position:relative;aspect-ratio:3/2;overflow:hidden;background:#edf2f6;isolation:isolate}
.cp-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cp-after{clip-path:inset(0 50% 0 0);z-index:2}
.cp-slider-label{position:absolute;top:13px;z-index:4;padding:5px 9px;border-radius:5px;background:rgba(23,59,93,.86);color:#fff;font-size:11px;font-weight:700;letter-spacing:.4px;pointer-events:none}
.cp-label-before{left:13px}.cp-label-after{right:13px}
.cp-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(23,59,93,.14),0 0 18px rgba(0,0,0,.12);z-index:5;pointer-events:none}
.cp-divider-handle{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #173b5d;box-shadow:0 7px 18px rgba(20,50,77,.2);display:flex;align-items:center;justify-content:center;color:#173b5d;font-size:15px;font-weight:800}
.cp-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:8;cursor:ew-resize;margin:0}
.cp-card-body{padding:20px 21px 22px}.cp-card-body h3{margin:0 0 7px;color:#173b5d;font-size:19px}.cp-card-body p{margin:0;color:#61778a;font-size:14px;line-height:1.7}
.cp-slider-hint{margin-top:10px;color:#8193a2;font-size:11px;font-weight:600}
.cp-why{background:#f3f7fb}.cp-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.cp-why h2{margin-bottom:20px}.cp-why-copy{color:#5b7185;line-height:1.8;font-size:15px;margin-bottom:24px}
.cp-checks{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cp-check{display:flex;gap:12px;align-items:flex-start}.cp-check-mark{flex:0 0 26px;height:26px;border-radius:50%;background:#e5f5ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}.cp-check strong{display:block;color:#173b5d;font-size:15px;margin-bottom:4px}.cp-check span{display:block;color:#60768a;font-size:13px;line-height:1.6}
.cp-why-image{border-radius:18px;overflow:hidden;border:1px solid #dde7ee;box-shadow:0 18px 40px rgba(20,50,77,.09)}.cp-why-image img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover}
.cp-faq{background:#fff}.cp-faq-list{margin-top:36px;border:1px solid #dce5ec;border-bottom:0}.cp-faq-item{border-bottom:1px solid #dce5ec}.cp-faq-button{width:100%;border:0;background:#fff;padding:21px 22px;text-align:left;font:700 15px Arial,sans-serif;color:#173b5d;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.cp-faq-button span:last-child{color:#2563eb;font-size:18px;transition:transform .2s}.cp-faq-answer{display:none;padding:0 22px 21px;color:#60768a;font-size:14px;line-height:1.8}.cp-faq-item.open .cp-faq-answer{display:block}.cp-faq-item.open .cp-faq-button span:last-child{transform:rotate(45deg)}
.cp-cta{padding:72px 0}.cp-cta-box{background:#eef5fa;border:1px solid #dce8f0;border-radius:18px;padding:48px 54px}.cp-cta h2{font-size:32px;margin-bottom:12px}.cp-cta p{max-width:900px;color:#60768a;font-size:14px;line-height:1.8;margin-bottom:23px}
@media(max-width:950px){.cp-hero-grid,.cp-why-grid{grid-template-columns:1fr;gap:35px}.cp-feature-grid{grid-template-columns:1fr 1fr}.cp-showcase{grid-template-columns:1fr}.cp-hero h1{font-size:46px}}
@media(max-width:650px){.cp-section{padding:64px 0}.cp-hero{padding:60px 0}.cp-container{width:92%}.cp-hero h1{font-size:38px}.cp-intro h2,.cp-why h2,.cp-work h2,.cp-faq h2{font-size:30px}.cp-feature-grid,.cp-checks{grid-template-columns:1fr}.cp-cta-box{padding:32px 24px}.cp-cta h2{font-size:27px}.cp-hero-actions .cp-btn{width:100%}}

/* Background Removal: featured complex before/after comparison */
.cp-card-featured{border-color:#cfe0f0;box-shadow:0 18px 44px rgba(20,50,77,.10)}
.cp-card-featured .cp-card-body{background:linear-gradient(180deg,#fff,#f8fbfd)}
.cp-why-intro{max-width:860px;margin:0 auto 32px;text-align:center}
.cp-why-intro .cp-why-copy{margin-bottom:0}