:root{
  --support-blue:#0bb6f0;
  --support-blue-dark:#047eae;
  --support-navy:#071f33;
  --support-navy-soft:#0d2c47;
  --support-text:#334155;
  --support-muted:#64748b;
  --support-soft:#eef7fc;
  --support-soft-2:#f7fbfd;
  --support-line:rgba(7,31,51,.11);
  --support-warning:#fff7e6;
  --support-warning-line:#f4c66b;
  --support-success:#edf9f3;
  --support-radius:14px;
  --support-shadow:0 12px 34px rgba(7,31,51,.08);
}

.cp-support{font-family:'Inter',Arial,sans-serif;color:var(--support-text);background:#fff;line-height:1.62}
.cp-support *{box-sizing:border-box}
.cp-support h1,.cp-support h2,.cp-support h3,.cp-support h4{font-family:'Manrope',Arial,sans-serif;color:var(--support-navy);letter-spacing:-.015em}
.cp-support a{color:inherit}
.cp-support-shell{max-width:1280px;margin:0 auto;padding:0 22px}
.cp-support-breadcrumbs{font-size:13px;color:var(--support-muted);padding:18px 0}
.cp-support-breadcrumbs a{color:var(--support-blue-dark);font-weight:700}
.cp-support-breadcrumbs span{margin:0 7px;color:#94a3b8}

.cp-support-hero{background:linear-gradient(135deg,#071f33 0%,#0d2c47 65%,#074b6a 100%);color:#fff;overflow:hidden;position:relative}
.cp-support-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-240px;top:-290px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018)}
.cp-support-hero-inner{max-width:1280px;margin:0 auto;padding:48px 22px 44px;position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;align-items:center}
.cp-support-kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#68d8ff;margin-bottom:9px}
.cp-support-hero h1{color:#fff;font-size:clamp(32px,4.4vw,52px);line-height:1.06;margin:0 0 16px;max-width:850px}
.cp-support-hero p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.82);max-width:790px;margin:0}
.cp-support-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.cp-support-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:9px;font-size:14px;font-weight:800;border:1px solid transparent;transition:.18s ease}
.cp-support-btn-primary{background:var(--support-blue);color:var(--support-navy)!important}.cp-support-btn-primary:hover{background:#37c9f4}
.cp-support-btn-ghost{border-color:rgba(255,255,255,.28);color:#fff!important;background:rgba(255,255,255,.05)}.cp-support-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.cp-support-product-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:19px;backdrop-filter:blur(8px)}
.cp-support-product-card img{width:100%;aspect-ratio:1.25/1;object-fit:contain;border-radius:11px;background:rgba(255,255,255,.95)}
.cp-support-product-card small{display:block;color:rgba(255,255,255,.58);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:12px}
.cp-support-product-card strong{display:block;font-family:'Manrope';font-size:18px;color:#fff;margin-top:2px}

.cp-support-quick{background:#fff;border-bottom:1px solid var(--support-line)}
.cp-support-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.cp-support-quick-item{padding:20px 24px;border-right:1px solid var(--support-line)}.cp-support-quick-item:last-child{border-right:0}
.cp-support-quick-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--support-muted);font-weight:800}
.cp-support-quick-value{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--support-navy);font-family:'Manrope';font-weight:800;font-size:16px}
.cp-support-copy{appearance:none;border:0;background:var(--support-soft);color:var(--support-blue-dark);border-radius:7px;padding:4px 7px;font-size:11px;font-weight:800;cursor:pointer}
.cp-support-copy:hover{background:#dff2fb}

.cp-support-area{background:linear-gradient(#fff,#fbfdfe);padding:36px 0 70px}
.cp-support-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:42px;align-items:start}
.cp-support-sidebar{position:sticky;top:18px;border:1px solid var(--support-line);border-radius:var(--support-radius);background:#fff;padding:18px;box-shadow:0 8px 24px rgba(7,31,51,.045)}
.cp-support-sidebar-title{font-family:'Manrope';font-size:14px;font-weight:800;color:var(--support-navy);margin-bottom:11px}
.cp-support-toc{list-style:none;margin:0;padding:0}
.cp-support-toc li{margin:2px 0}
.cp-support-toc a{display:block;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--support-muted);font-weight:650;border-left:2px solid transparent}
.cp-support-toc a:hover,.cp-support-toc a.is-active{background:var(--support-soft);color:var(--support-navy);border-left-color:var(--support-blue)}
.cp-support-side-rule{height:1px;background:var(--support-line);margin:16px 0}
.cp-support-side-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:800;color:var(--support-blue-dark);padding:7px 4px}

.cp-support-main{min-width:0}
.cp-support-intro{font-size:17px;color:#475569;max-width:830px;margin:0 0 26px}
.cp-support-section{scroll-margin-top:22px;padding:32px 0;border-top:1px solid var(--support-line)}
.cp-support-section:first-of-type{border-top:0;padding-top:0}
.cp-support-section-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:19px}
.cp-support-section-number{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:var(--support-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Manrope';font-size:13px;font-weight:800}
.cp-support-section h2{font-size:clamp(23px,2.6vw,31px);line-height:1.18;margin:0}
.cp-support-section-sub{font-size:14px;color:var(--support-muted);margin:6px 0 0}
.cp-support-section p{margin:10px 0 16px}
.cp-support-section h3{font-size:18px;margin:24px 0 9px}

.cp-support-alert{display:grid;grid-template-columns:38px 1fr;gap:13px;border:1px solid var(--support-warning-line);background:var(--support-warning);border-radius:12px;padding:16px 17px;margin:18px 0 25px}
.cp-support-alert-icon{width:36px;height:36px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;color:#a15c00;border:1px solid rgba(161,92,0,.14)}
.cp-support-alert strong{display:block;color:#714100;margin-bottom:3px}.cp-support-alert p{font-size:14px;margin:0;color:#715126}
.cp-support-note{border-left:3px solid var(--support-blue);background:var(--support-soft-2);padding:14px 17px;border-radius:0 10px 10px 0;margin:18px 0;font-size:14px}

.cp-support-steps{display:grid;gap:12px;margin:20px 0}
.cp-support-step{display:grid;grid-template-columns:42px 1fr;gap:15px;border:1px solid var(--support-line);border-radius:12px;padding:17px;background:#fff}
.cp-support-step-n{width:40px;height:40px;border-radius:10px;background:var(--support-soft);color:var(--support-blue-dark);display:flex;align-items:center;justify-content:center;font-family:'Manrope';font-weight:900}
.cp-support-step h3{font-size:16px;margin:0 0 4px}.cp-support-step p{font-size:14px;margin:0;color:#536174}
.cp-support-inline-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#eef3f6;color:#0f3a54;border:1px solid rgba(7,31,51,.08);padding:2px 6px;border-radius:5px;font-size:.93em}

.cp-support-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.cp-support-feature{border:1px solid var(--support-line);border-radius:12px;padding:16px;background:#fff}
.cp-support-feature strong{display:block;color:var(--support-navy);font-family:'Manrope';font-size:14px;margin-bottom:4px}.cp-support-feature p{font-size:13px;color:var(--support-muted);margin:0}

.cp-support-video{border-radius:14px;overflow:hidden;border:1px solid var(--support-line);box-shadow:var(--support-shadow);background:#071f33;margin-top:20px}
.cp-support-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.cp-support-media-caption{padding:12px 15px;background:#fff;font-size:12.5px;color:var(--support-muted)}
.cp-support-figure{margin:21px 0 0;border:1px solid var(--support-line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--support-shadow)}
.cp-support-figure img{display:block;width:100%;height:auto;background:#f4f7f9}
.cp-support-figure figcaption{padding:12px 15px;font-size:12.5px;color:var(--support-muted)}

.cp-support-accordions{display:grid;gap:9px;margin-top:18px}
.cp-support-faq{border:1px solid var(--support-line);border-radius:11px;background:#fff;overflow:hidden}
.cp-support-faq summary{list-style:none;cursor:pointer;padding:15px 48px 15px 16px;font-weight:800;color:var(--support-navy);position:relative;font-size:14px}
.cp-support-faq summary::-webkit-details-marker{display:none}
.cp-support-faq summary:after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--support-blue-dark)}
.cp-support-faq[open] summary:after{content:'–'}
.cp-support-faq div{padding:0 16px 16px;font-size:14px;color:#536174}
.cp-support-faq div p{margin:0}

.cp-support-two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}
.cp-support-check{border-radius:12px;padding:18px;border:1px solid var(--support-line);background:#fff}
.cp-support-check.good{background:var(--support-success)}
.cp-support-check.bad{background:#fff5f5}
.cp-support-check h3{font-size:15px;margin:0 0 10px}.cp-support-check ul{margin:0;padding-left:20px;font-size:13.5px}.cp-support-check li{margin:6px 0}

.cp-support-cta{background:linear-gradient(135deg,var(--support-navy),#0b3b5a);border-radius:16px;padding:27px;color:#fff;margin-top:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.cp-support-cta h2{color:#fff!important;font-size:24px;margin:0 0 7px}.cp-support-cta p{color:rgba(255,255,255,.76);margin:0;max-width:680px;font-size:14px}
.cp-support-cta .cp-support-btn{white-space:nowrap}

.cp-support-langbar{background:#f5f9fb;border-bottom:1px solid var(--support-line)}
.cp-support-langbar-inner{max-width:1280px;margin:0 auto;padding:9px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--support-muted)}
.cp-support-langlinks{display:flex;gap:5px}.cp-support-langlinks a,.cp-support-langlinks span{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:28px;padding:0 8px;border-radius:7px;font-weight:800;border:1px solid var(--support-line);background:#fff}
.cp-support-langlinks a{color:var(--support-blue-dark)}.cp-support-langlinks .active{background:var(--support-navy);color:#fff;border-color:var(--support-navy)}.cp-support-langlinks .disabled{opacity:.46;cursor:not-allowed}

@media(max-width:980px){
  .cp-support-hero-inner{grid-template-columns:1fr}.cp-support-product-card{display:none}
  .cp-support-layout{grid-template-columns:1fr}.cp-support-sidebar{position:relative;top:auto}.cp-support-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .cp-support-shell,.cp-support-hero-inner{padding-left:16px;padding-right:16px}
  .cp-support-hero-inner{padding-top:36px;padding-bottom:34px}
  .cp-support-quick-grid{grid-template-columns:1fr}.cp-support-quick-item{border-right:0;border-bottom:1px solid var(--support-line);padding:14px 16px}.cp-support-quick-item:last-child{border-bottom:0}
  .cp-support-layout{gap:28px}.cp-support-area{padding-top:24px}.cp-support-toc{grid-template-columns:1fr}
  .cp-support-feature-grid,.cp-support-two-col{grid-template-columns:1fr}
  .cp-support-cta{grid-template-columns:1fr}.cp-support-cta .cp-support-btn{width:100%}
  .cp-support-langbar-inner{padding-left:16px;padding-right:16px}.cp-support-langbar-inner>span{display:none}
}


/* Generic documentation additions */
.cp-support-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0}
.cp-support-stat{border:1px solid var(--support-line);background:#fff;border-radius:12px;padding:14px 15px}
.cp-support-stat small{display:block;color:var(--support-muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;margin-bottom:5px}
.cp-support-stat strong{display:block;color:var(--support-navy);font:800 14px/1.35 'Manrope',Arial,sans-serif}
.cp-support-download{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--support-line);background:#f8fbfd;border-radius:14px;padding:18px 20px;margin:18px 0}
.cp-support-download strong{display:block;color:var(--support-navy);font:800 16px/1.3 'Manrope',Arial,sans-serif;margin-bottom:4px}.cp-support-download p{margin:0;color:var(--support-muted);font-size:13px}
.cp-support-download a{white-space:nowrap}
.cp-support-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.cp-support-video-card{border:1px solid var(--support-line);border-radius:14px;overflow:hidden;background:#fff}.cp-support-video-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.cp-support-video-card .cp-support-media-caption{padding:12px 14px}
.cp-support-callout{border-left:4px solid var(--support-blue);background:#f3faff;border-radius:0 10px 10px 0;padding:14px 16px;margin:18px 0;color:#33485b}.cp-support-callout strong{color:var(--support-navy)}
@media(max-width:760px){.cp-support-stat-grid{grid-template-columns:1fr}.cp-support-download{align-items:flex-start;flex-direction:column}.cp-support-video-grid{grid-template-columns:1fr}}

/* Production refinements */
.cp-support-updated{margin:10px 0 22px;color:#758697;font-size:12px;font-weight:700}
.cp-support-related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.cp-support-related-links a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--support-line);border-radius:9px;background:#fff;color:var(--support-blue-dark);font-size:12px;font-weight:800}.cp-support-related-links a:hover{border-color:rgba(11,182,240,.45);background:var(--support-soft)}
.cp-support-download .cp-support-related-links{margin-top:10px}