.cpp-page{background:#F8FAFC;color:#0F172A;min-height:100vh}.cpp-hero{background:linear-gradient(135deg,#050B14,#071322 55%,#0B192C);color:#FFFFFF;position:relative;overflow:hidden;border-bottom:2px solid #f5680e}.cpp-hero-container{max-width:1440px;margin:0 auto;padding:24px 32px 36px;position:relative;z-index:2}.cpp-breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono,monospace);font-size:11.5px;letter-spacing:.05em;color:#94A3B8;margin-bottom:20px}.cpp-breadcrumb a{color:#94A3B8;text-decoration:none;transition:color .15s ease}.cpp-breadcrumb a:hover{color:#F5680E}.cpp-breadcrumb .sep{color:#475569;font-size:10px}.cpp-breadcrumb .current{color:#F5680E;font-weight:600}.cpp-hero-grid{display:grid;grid-template-columns:1fr 1.15fr;grid-gap:36px;gap:36px;align-items:center}.cpp-hero-content{display:flex;flex-direction:column;justify-content:center}.cpp-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono,monospace);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#F5680E;margin-bottom:12px}.cpp-hero-title{font-family:var(--font-heading,sans-serif);font-size:clamp(34px,4.2vw,48px);font-weight:800;line-height:1.08;color:#FFFFFF;letter-spacing:-.02em;margin-bottom:14px}.cpp-hero-title .highlight{color:#F5680E}.cpp-hero-desc{font-size:14.5px;line-height:1.55;color:#CBD5E1;max-width:540px;margin-bottom:24px}.cpp-hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:4px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.cpp-benefit-item{display:flex;align-items:flex-start;gap:8px}.cpp-benefit-icon-box{width:28px;height:28px;border-radius:4px;background:rgba(245,104,14,.12);border:1px solid rgba(245,104,14,.25);display:flex;align-items:center;justify-content:center;color:#F5680E;flex-shrink:0;margin-top:1px}.cpp-benefit-title{font-family:var(--font-heading,sans-serif);font-size:11px;font-weight:700;letter-spacing:.04em;color:#FFFFFF;line-height:1.2;text-transform:uppercase}.cpp-benefit-sub{font-size:11px;color:#94A3B8;line-height:1.3;margin-top:2px}.cpp-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px}.cpp-hero-plant-img{width:100%;height:auto;max-height:330px;object-fit:contain;object-position:right center;filter:drop-shadow(0 12px 28px rgba(0,0,0,.6))}.cpp-hero-floating-quote{position:absolute;top:12px;right:16px;background:rgba(5,11,20,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:2px solid #f5680e;padding:8px 14px;display:flex;flex-direction:column;z-index:5;box-shadow:0 4px 16px rgba(0,0,0,.4)}.cpp-floating-quote-text{font-family:var(--font-heading,sans-serif);font-size:10px;font-weight:800;letter-spacing:.08em;color:#FFFFFF;text-transform:uppercase;line-height:1.3}.cpp-highlight-strip{background:#FFFFFF;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(15,23,42,.03)}.cpp-highlight-inner{max-width:1440px;margin:0 auto;padding:16px 32px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.cpp-highlight-card{display:flex;align-items:center;gap:14px;padding:6px 12px;border-right:1px solid #e2e8f0}.cpp-highlight-card:last-child{border-right:none}.cpp-highlight-icon-circle{width:42px;height:42px;border-radius:50%;background:#F1F5F9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#0F172A;flex-shrink:0}.cpp-highlight-value{font-family:var(--font-heading,sans-serif);font-size:17px;font-weight:800;color:#0F172A;line-height:1.15;letter-spacing:-.01em}.cpp-highlight-label{font-family:var(--font-mono,monospace);font-size:10.5px;font-weight:700;color:#475569;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.cpp-highlight-sub{font-size:11px;color:#94A3B8;margin-top:1px}.cpp-main-container{max-width:1440px;margin:0 auto;padding:32px 32px 64px}.cpp-section-row-1{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:28px;gap:28px;margin-bottom:36px;align-items:stretch}.cpp-overview-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 4px rgba(15,23,42,.03)}.cpp-section-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono,monospace);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F5680E;margin-bottom:8px}.cpp-section-heading{font-family:var(--font-heading,sans-serif);font-size:26px;font-weight:800;color:#081320;line-height:1.2;letter-spacing:-.01em;margin-bottom:14px}.cpp-overview-text{font-size:14px;line-height:1.65;color:#475569;margin-bottom:24px}.cpp-overview-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto}.cpp-btn-orange{display:inline-flex;align-items:center;gap:8px;background:#F5680E;color:#FFFFFF;font-family:var(--font-heading,sans-serif);font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:11px 20px;border-radius:3px;border:1px solid #f5680e;cursor:pointer;text-decoration:none;transition:all .15s ease;box-shadow:0 2px 6px rgba(245,104,14,.25)}.cpp-btn-orange:hover{background:#E05300;border-color:#E05300;transform:translateY(-1px)}.cpp-btn-outline{display:inline-flex;align-items:center;gap:8px;background:#FFFFFF;color:#0F172A;font-family:var(--font-heading,sans-serif);font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:11px 18px;border-radius:3px;border:1px solid #cbd5e1;cursor:pointer;text-decoration:none;transition:all .15s ease}.cpp-btn-outline:hover{border-color:#0F172A;background:#F8FAFC}.cpp-flow-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:24px 28px;display:flex;flex-direction:column;box-shadow:0 1px 4px rgba(15,23,42,.03)}.cpp-flow-diagram-wrapper{position:relative;width:100%;margin-top:10px;background:#FAFBFD;border:1px solid #eef2f6;border-radius:4px;padding:12px}.cpp-flow-diagram-img{width:100%;height:auto;display:block;object-fit:contain}.cpp-flow-steps-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin-top:14px;border-top:1px solid #f1f5f9;padding-top:12px}.cpp-flow-step-item{display:flex;flex-direction:column;align-items:center;text-align:center}.cpp-flow-badge{width:22px;height:22px;border-radius:50%;background:#F5680E;color:#FFFFFF;font-family:var(--font-mono,monospace);font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.cpp-flow-step-name{font-family:var(--font-heading,sans-serif);font-size:11px;font-weight:700;color:#0F172A;line-height:1.2}.cpp-flow-step-type{font-size:10px;color:#64748B;line-height:1.2;margin-top:1px}.cpp-section-row-2{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:28px;gap:28px;margin-bottom:36px;align-items:stretch}.cpp-components-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:24px 28px;box-shadow:0 1px 4px rgba(15,23,42,.03)}.cpp-components-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:16px}.cpp-comp-item{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;transition:all .2s ease}.cpp-comp-item:hover{border-color:#F5680E;box-shadow:0 4px 14px rgba(15,23,42,.06);transform:translateY(-2px)}.cpp-comp-img-box{width:100%;height:100px;background:#F8FAFC;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:6px;margin-bottom:10px;position:relative;overflow:hidden}.cpp-comp-img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.cpp-comp-item:hover .cpp-comp-img{transform:scale(1.05)}.cpp-comp-title{font-family:var(--font-heading,sans-serif);font-size:13.5px;font-weight:700;color:#081320;line-height:1.25;margin-bottom:4px}.cpp-comp-desc{font-size:12px;line-height:1.45;color:#64748B}.cpp-specs-stack{display:flex;flex-direction:column;gap:20px}.cpp-specs-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:20px 24px;box-shadow:0 1px 4px rgba(15,23,42,.03)}.cpp-specs-table-wrapper{margin-top:12px;border:1px solid #e2e8f0;border-radius:3px;overflow:hidden}.cpp-specs-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.cpp-specs-table thead th{background:#081320;color:#FFFFFF;font-family:var(--font-heading,sans-serif);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;border-bottom:2px solid #f5680e}.cpp-specs-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .1s ease}.cpp-specs-table tbody tr:nth-child(2n){background:#FAFBFD}.cpp-specs-table tbody tr:hover{background:#F1F5F9}.cpp-specs-table td{padding:8px 14px;line-height:1.35}.cpp-specs-param{font-family:var(--font-heading,sans-serif);font-weight:600;color:#1E293B;width:42%}.cpp-specs-value{color:#475569}.cpp-app-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:20px 24px;box-shadow:0 1px 4px rgba(15,23,42,.03)}.cpp-app-title{font-family:var(--font-heading,sans-serif);font-size:16px;font-weight:800;color:#081320;line-height:1.25;margin-bottom:6px}.cpp-app-desc{font-size:12.5px;line-height:1.55;color:#64748B;margin-bottom:14px}.cpp-app-badges{display:flex;flex-wrap:wrap;gap:8px}.cpp-app-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:3px;font-family:var(--font-heading,sans-serif);font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid #e2e8f0;background:#F8FAFC;color:#334155}.cpp-app-badge.primary{background:rgba(245,104,14,.08);border-color:#F5680E;color:#C2410C}.cpp-app-badge-icon{color:#F5680E}.cpp-gallery-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:24px 28px;box-shadow:0 1px 4px rgba(15,23,42,.03);margin-bottom:36px}.cpp-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-top:14px}.cpp-gallery-item{position:relative;border-radius:3px;overflow:hidden;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease;background:#081320;aspect-ratio:16/10}.cpp-gallery-item:hover{border-color:#F5680E;transform:translateY(-2px);box-shadow:0 6px 18px rgba(15,23,42,.1)}.cpp-gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cpp-gallery-item:hover .cpp-gallery-img{transform:scale(1.06)}.cpp-gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:linear-gradient(180deg,transparent,rgba(5,11,20,.9));color:#FFFFFF;font-family:var(--font-heading,sans-serif);font-size:11px;font-weight:700;letter-spacing:.02em}.cpp-lifecycle-section{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:28px 32px;box-shadow:0 1px 4px rgba(15,23,42,.03);margin-bottom:36px}.cpp-lifecycle-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px;margin-top:20px}.cpp-lifecycle-item{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:3px;padding:16px 14px;position:relative;transition:all .15s ease}.cpp-lifecycle-item:hover{border-color:#F5680E;background:#FFFFFF;box-shadow:0 4px 12px rgba(15,23,42,.05)}.cpp-lifecycle-num{font-family:var(--font-mono,monospace);font-size:18px;font-weight:800;color:#F5680E;line-height:1;margin-bottom:8px}.cpp-lifecycle-title{font-family:var(--font-heading,sans-serif);font-size:13px;font-weight:700;color:#081320;line-height:1.25;margin-bottom:6px}.cpp-lifecycle-desc{font-size:11.5px;line-height:1.45;color:#64748B}.cpp-why-section{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:28px 32px;box-shadow:0 1px 4px rgba(15,23,42,.03);margin-bottom:36px}.cpp-why-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:20px}.cpp-why-item{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:3px;padding:20px 18px;transition:all .15s ease}.cpp-why-item:hover{border-color:#0F172A;background:#FFFFFF;box-shadow:0 4px 12px rgba(15,23,42,.05)}.cpp-why-icon-box{width:38px;height:38px;border-radius:4px;background:rgba(245,104,14,.1);color:#F5680E;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.cpp-why-title{font-family:var(--font-heading,sans-serif);font-size:14.5px;font-weight:700;color:#081320;line-height:1.25;margin-bottom:6px}.cpp-why-desc{font-size:12.5px;line-height:1.5;color:#64748B}.cpp-related-section{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:4px;padding:28px 32px;box-shadow:0 1px 4px rgba(15,23,42,.03);margin-bottom:36px}.cpp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:18px}.cpp-related-card{background:#FAFBFD;border:1px solid #e2e8f0;border-radius:3px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease;text-decoration:none;color:inherit}.cpp-related-card:hover{border-color:#F5680E;background:#FFFFFF;transform:translateY(-2px);box-shadow:0 6px 18px rgba(15,23,42,.06)}.cpp-related-tag{font-family:var(--font-mono,monospace);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F5680E;margin-bottom:6px}.cpp-related-title{font-family:var(--font-heading,sans-serif);font-size:16px;font-weight:800;color:#081320;line-height:1.25;margin-bottom:6px}.cpp-related-desc{font-size:12.5px;line-height:1.5;color:#64748B;margin-bottom:14px}.cpp-related-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-heading,sans-serif);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#F5680E;margin-top:auto}.cpp-machinery-strip{margin-top:20px;border-top:1px solid #f1f5f9;padding-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cpp-machinery-strip-label{font-family:var(--font-mono,monospace);font-size:11px;font-weight:700;color:#475569;letter-spacing:.06em;text-transform:uppercase}.cpp-machinery-pills{display:flex;flex-wrap:wrap;gap:8px}.cpp-machinery-pill{font-family:var(--font-heading,sans-serif);font-size:11.5px;font-weight:600;color:#1E293B;background:#F1F5F9;border:1px solid #e2e8f0;padding:5px 12px;border-radius:3px;text-decoration:none;transition:all .15s ease}.cpp-machinery-pill:hover{background:#F5680E;border-color:#F5680E;color:#FFFFFF}.cpp-final-cta{background:linear-gradient(135deg,#050B14,#071322 60%,#0A1B30);color:#FFFFFF;border-top:2px solid #f5680e;padding:42px 0;position:relative;overflow:hidden}.cpp-final-cta-container{max-width:1440px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:36px;position:relative;z-index:2}.cpp-final-cta-left{max-width:720px}.cpp-final-cta-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono,monospace);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#F5680E;margin-bottom:8px}.cpp-final-cta-title{font-family:var(--font-heading,sans-serif);font-size:clamp(24px,3vw,34px);font-weight:800;color:#FFFFFF;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px}.cpp-final-cta-desc{font-size:14px;line-height:1.55;color:#CBD5E1}.cpp-final-cta-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.cpp-btn-dark-outline{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);color:#FFFFFF;font-family:var(--font-heading,sans-serif);font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:11px 20px;border-radius:3px;border:1px solid rgba(255,255,255,.2);cursor:pointer;text-decoration:none;transition:all .15s ease}.cpp-btn-dark-outline:hover{background:rgba(255,255,255,.12);border-color:#FFFFFF}@media (max-width:1200px){.cpp-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.cpp-hero-benefits,.cpp-highlight-inner{grid-template-columns:repeat(2,1fr)}.cpp-highlight-inner{gap:16px}.cpp-highlight-card:nth-child(2){border-right:none}.cpp-section-row-1,.cpp-section-row-2{grid-template-columns:1fr}.cpp-lifecycle-grid{grid-template-columns:repeat(3,1fr)}.cpp-related-grid,.cpp-why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.cpp-hero-grid{grid-template-columns:1fr;gap:24px}.cpp-hero-visual{order:-1}.cpp-components-grid,.cpp-gallery-grid{grid-template-columns:repeat(2,1fr)}.cpp-final-cta-container{flex-direction:column;align-items:flex-start}.cpp-flow-steps-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.cpp-hero-container{padding:16px 16px 28px}.cpp-main-container{padding:20px 16px 48px}.cpp-hero-benefits,.cpp-highlight-inner{grid-template-columns:1fr}.cpp-highlight-inner{padding:14px 16px}.cpp-highlight-card{border-right:none;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.cpp-highlight-card:last-child{border-bottom:none}.cpp-components-grid,.cpp-gallery-grid,.cpp-lifecycle-grid,.cpp-related-grid,.cpp-why-grid{grid-template-columns:1fr}.cpp-final-cta-container{padding:0 16px}.cpp-final-cta-actions{flex-direction:column;width:100%}.cpp-final-cta-actions .cpp-btn-dark-outline,.cpp-final-cta-actions .cpp-btn-orange{width:100%;justify-content:center}.cpp-flow-steps-grid{grid-template-columns:repeat(2,1fr)}}