.ccp{--ccp-ink:#173245;--ccp-muted:#526b79;--ccp-teal:#087f86;--ccp-line:#d9e6e9;color:var(--ccp-ink);overflow:hidden}
.ccp *{box-sizing:border-box}
.ccp .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.ccp h1,.ccp h2,.ccp h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.035em;color:var(--ccp-ink)}
.ccp h2{font-size:clamp(27px,3.1vw,42px);line-height:1.16;margin:0 0 16px}
.ccp h3{font-size:18px;line-height:1.3;margin:0 0 9px}
.ccp p{line-height:1.65}
.ccp-eyebrow{color:#087f86;font-size:11px;font-weight:850;letter-spacing:.15em;margin:0 0 14px;text-transform:uppercase}
.ccp-hero{padding:72px 0 70px;background:radial-gradient(circle at 13% 15%,#dff9f0 0,transparent 40%),radial-gradient(circle at 90% 80%,#e5edff 0,transparent 40%),linear-gradient(145deg,#f8fcfc,#f0f7fa)}
.ccp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:48px;align-items:center}
.ccp-hero h1{font-size:clamp(36px,4.5vw,61px);line-height:1.08;margin:0 0 19px;max-width:650px}
.ccp-lead{font-size:clamp(16px,1.6vw,19px);color:#39576a;max-width:620px;margin:0 0 26px}
.ccp-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}
.ccp-actions .button,.ccp-final .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border-radius:11px;font-size:14px;font-weight:800;text-decoration:none}
.ccp-hero-note{display:flex;align-items:flex-start;gap:7px;color:#3c6a6b;font-size:13px;margin:20px 0 0}
.ccp-hero-note span{font-weight:900}
.ccp-preview{margin:0;background:#fff;border:1px solid #c9e0e5;border-radius:19px;box-shadow:0 25px 65px #1a526023,0 2px 8px #1a52600d;overflow:hidden;transform:rotate(1deg)}
.ccp-preview a{display:block;max-height:420px;overflow:hidden}
.ccp-preview img{display:block;width:100%;height:auto}
.ccp-preview figcaption{padding:10px 14px;color:#58717d;font-size:11px;text-align:center}
.ccp-tour{background:#f5fafb}
.ccp-tour-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 21px}
.ccp-tour-tabs button{border:1px solid #cbdde1;border-radius:10px;background:#fff;color:#385d6a;padding:11px 20px;font:800 14px Manrope,Arial,sans-serif;cursor:pointer}
.ccp-tour-tabs button[aria-selected="true"]{background:#0b777f;color:#fff;border-color:#0b777f;box-shadow:0 7px 18px #0b777f2d}
.ccp-tour-swipe{display:none}
.ccp-tour-tabs button:focus-visible,.ccp-tour-marker:focus-visible,.ccp-tour-detail:focus-visible,.ccp-tour-enlarge:focus-visible{outline:3px solid #e6a82e;outline-offset:3px}
.ccp-tour-panel{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr);gap:20px;align-items:start}
.ccp-tour-panel[hidden]{display:none}
.ccp-tour-visual{border:1px solid #d4e2e6;border-radius:16px;background:#fff;box-shadow:0 14px 42px #17394a14;overflow:hidden}
.ccp-tour-scroll{overflow:auto;max-height:750px}
.ccp-tour-image{position:relative;width:100%;min-width:680px;line-height:0}
.ccp-tour-image img{display:block;width:100%;height:auto}
.ccp-tour-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:31px;height:31px;border:2px solid #fff;border-radius:50%;background:#0c7180;color:#fff;box-shadow:0 0 0 5px #0a768077,0 5px 14px #102e3970;font:850 13px Manrope,Arial,sans-serif;line-height:1;cursor:pointer}
.ccp-tour-marker.is-active{background:#ee9c20;box-shadow:0 0 0 6px #efad3475,0 5px 17px #6f4d2180;z-index:1}
.ccp-tour-enlarge{display:block;margin:10px 13px 12px auto;padding:6px 9px;border:0;background:transparent;color:#08747b;font:800 12px Manrope,Arial,sans-serif;cursor:pointer}
.ccp-tour-details{display:grid;gap:9px}
.ccp-tour-detail{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:start;border:1px solid #d7e5e8;border-radius:12px;background:#fff;padding:13px;color:#173245;cursor:pointer}
.ccp-tour-detail.is-active{border-color:#e8aa45;background:#fff9ee;box-shadow:0 5px 20px #dc942c17}
.ccp-tour-number{flex:0 0 27px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#0c7180;color:#fff;font:850 12px Manrope,Arial,sans-serif}
.ccp-tour-detail.is-active .ccp-tour-number{background:#d98b16}
.ccp-tour-detail strong{display:block;font-size:13px;line-height:1.3;margin:1px 0 4px}
.ccp-tour-detail small{display:block;color:#526b79;font-size:12px;line-height:1.45}
.ccp-tour-caption{margin:15px 0 0;text-align:center;color:#5c7480;font-size:12px}
.ccp-tour-dialog{border:0;border-radius:13px;background:#fff;max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);padding:30px 10px 10px;box-shadow:0 25px 80px #0008;overflow:auto}
.ccp-tour-dialog::backdrop{background:#0b2439bb}
.ccp-tour-dialog img{display:block;max-width:none;width:auto;height:auto;max-height:none}
.ccp-tour-dialog-close{position:sticky;top:0;left:calc(100% - 35px);display:grid;place-items:center;margin:-27px 0 3px auto;width:30px;height:30px;border:0;border-radius:50%;background:#173245;color:#fff;font-size:22px;cursor:pointer;z-index:2}
.ccp-channel-band{background:#14374a;padding:17px 0}
.ccp-channel-band .container{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.ccp-channel-band span{border:1px solid #ffffff2b;border-radius:999px;padding:6px 12px;background:#ffffff0d;color:#edfafa;font-size:11px;font-weight:750}
.ccp-section{padding:82px 0}
.ccp-section-intro{max-width:760px;margin:0 auto 31px;text-align:center}
.ccp-section-intro>p:last-child{color:var(--ccp-muted);font-size:16px;margin:0}
.ccp-card-grid,.ccp-persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ccp-card,.ccp-persona-grid article{padding:26px;border:1px solid var(--ccp-line);border-radius:16px;background:#fff;box-shadow:0 12px 32px #17394a0b}
.ccp-card-number{display:inline-grid;place-items:center;width:33px;height:33px;margin-bottom:23px;border-radius:9px;background:#e4f7f3;color:#087d77;font:850 12px Manrope,sans-serif}
.ccp-card p,.ccp-persona-grid p{color:var(--ccp-muted);font-size:14px;margin:0}
.ccp-section-tint{background:#f2f8fa}
.ccp-story-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:65px;align-items:center}
.ccp-section-lead{font-size:16px;color:var(--ccp-muted);margin:0 0 22px}
.ccp-text-link{display:inline-flex;gap:7px;align-items:center;color:#08747b;font-size:14px;font-weight:800;text-decoration:none}
.ccp-text-link:hover{text-decoration:underline}
.ccp-story-list{padding:8px 25px;background:#fff;border:1px solid var(--ccp-line);border-radius:17px;box-shadow:0 15px 40px #17394a0b}
.ccp-story-list article{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #e5edef}
.ccp-story-list article:last-child{border:0}
.ccp-story-list article>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#143f50;color:#fff;font-weight:800;font-size:12px}
.ccp-story-list h3{font-size:16px;margin:1px 0 5px}
.ccp-story-list p{color:var(--ccp-muted);font-size:13px;margin:0}
.ccp-persona-grid article>span{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:19px;border-radius:12px;background:#ecf5fb;color:#19749d;font-size:24px}
.ccp-control{background:#13394b}
.ccp-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ccp-control article{padding:30px;background:#fff;border-radius:17px}
.ccp-control article:nth-child(2){background:#e9f7f3}
.ccp-control h2{font-size:clamp(25px,2.7vw,34px)}
.ccp-control p:not(.ccp-eyebrow){color:var(--ccp-muted);font-size:14px;margin:0 0 15px}
.ccp-alert-icon{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#d4eee4;color:#0d795b;margin-bottom:15px}
.ccp-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;counter-reset:none}
.ccp-steps li{position:relative;border-top:3px solid #96d9d0;padding:22px 0 0}
.ccp-steps li>span{display:inline-grid;place-items:center;width:30px;height:30px;margin-bottom:15px;border-radius:50%;background:#0b777b;color:#fff;font-weight:800;font-size:13px}
.ccp-steps li p{font-size:14px;color:var(--ccp-muted);margin:0}
.ccp-boundaries{background:#ecf3f5;padding:25px 0}
.ccp-boundaries .container{display:grid;grid-template-columns:290px 1fr;gap:30px;align-items:center}
.ccp-boundaries .container>div{display:flex;gap:9px;align-items:center}
.ccp-boundaries span{color:#0c7581;font-size:22px}
.ccp-boundaries h2{font-size:19px;margin:0}
.ccp-boundaries p{font-size:13px;color:#4f6976;margin:0}
.ccp-faq .container{max-width:880px}
.ccp-faq h2{text-align:center;margin-bottom:28px}
.ccp-faq details{border-bottom:1px solid var(--ccp-line);padding:15px 0}
.ccp-faq summary{cursor:pointer;font-weight:800;color:#183b4e;list-style:none;padding-inline-end:20px;position:relative}
.ccp-faq summary::-webkit-details-marker{display:none}
.ccp-faq summary:after{content:'+';position:absolute;inset-inline-end:0;top:0;color:#087f86;font-size:20px;line-height:1}
.ccp-faq details[open] summary:after{content:'−'}
.ccp-faq details p{color:var(--ccp-muted);font-size:14px;margin:10px 0 0}
.ccp-related{background:#f5fafb}
.ccp-related h2{text-align:center}
.ccp-related .container>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.ccp-related a{display:inline-flex;gap:11px;align-items:center;border:1px solid #d4e4e8;border-radius:10px;background:#fff;color:#176e76;text-decoration:none;font-size:13px;font-weight:800;padding:12px 15px}
.ccp-related a:hover{border-color:#83c6c5;box-shadow:0 4px 15px #0b7a8120}
.ccp-final{text-align:center;background:linear-gradient(125deg,#123a4e,#086e77);padding:70px 0}
.ccp-final .container{max-width:740px}
.ccp-final h2{color:#fff}
.ccp-final p{color:#d9eeef;font-size:16px;margin:0 0 22px}
@media(max-width:900px){.ccp-hero-grid,.ccp-story-grid{grid-template-columns:1fr;gap:35px}.ccp-preview{max-width:650px;width:100%;margin-inline:auto;transform:none}.ccp-hero{padding:55px 0}.ccp-story-grid>div:first-child{max-width:720px}.ccp-card-grid,.ccp-persona-grid{gap:11px}.ccp-card,.ccp-persona-grid article{padding:20px}}
@media(max-width:900px){.ccp-tour-panel{grid-template-columns:1fr}.ccp-tour-details{grid-template-columns:repeat(2,minmax(0,1fr))}.ccp-tour-scroll{max-height:620px}}
@media(max-width:680px){.ccp .container{width:min(100% - 28px,1180px)}.ccp-section{padding:57px 0}.ccp-card-grid,.ccp-persona-grid,.ccp-steps ol,.ccp-control-grid{grid-template-columns:1fr}.ccp-hero h1{font-size:clamp(34px,9vw,45px)}.ccp-tour-tabs button{font-size:12px;padding:9px 11px}.ccp-tour-swipe{display:block;color:#526b79;text-align:center;font-size:12px;margin:-9px 0 13px}.ccp-tour-details{grid-template-columns:1fr}.ccp-tour-detail{padding:11px}.ccp-boundaries .container{grid-template-columns:1fr;gap:8px}.ccp-story-list{padding:5px 18px}}