.ccd-section,.ccd-hero-actions,.ccd-context { font-family:Montserrat,Arial,sans-serif; color:#292c2c; letter-spacing:0; }
.ccd-section *, .ccd-hero-actions *, .ccd-context * { box-sizing:border-box; }
#page-container .ccd-section { background:#eef8f6; padding:76px 32px; }
.ccd-inner { width:100%; max-width:1120px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:72px; }
#page-container .ccd-copy h2 { margin:0 0 24px; padding:0; font-size:44px; font-weight:400; line-height:1.12; text-transform:none; letter-spacing:0; color:#292c2c; }
#page-container .ccd-copy h2 strong { font-weight:700; }
#page-container .ccd-copy p { margin:0 0 24px; padding:0; max-width:470px; font-size:17px; line-height:1.75; }
#page-container .ccd-copy .ccd-lead { margin-bottom:18px; font-size:25px; font-weight:500; line-height:1.45; }
#page-container a.ccd-primary { min-height:54px; max-width:100%; display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:15px 22px; border:2px solid transparent; border-radius:4px; background:#fdcf09; color:#292c2c; font-size:17px; font-weight:600; line-height:1.35; text-decoration:none; letter-spacing:0; transition:background-color .18s,color .18s; }
#page-container a.ccd-primary:hover { background:#292c2c; color:#fff; }
.ccd-primary svg,.ccd-link svg { width:22px; height:22px; flex-shrink:0; }
#page-container .ccd-hero-actions { display:flex; flex-wrap:wrap; gap:14px 20px; align-items:center; }
#page-container .ccd-hero-actions > .et_pb_button_module_wrapper { margin:0!important; flex:0 0 auto; }
#page-container .ccd-hero-actions a.ccd-primary { background:#292c2c; color:#fff; }
#page-container .ccd-hero-actions a.ccd-primary:hover { background:#62c7c2; color:#292c2c; }
body #page-container .ccd-hero-actions .et_pb_button_module_wrapper a.et_pb_button.et_pb_button_0 { margin:0!important; padding:12px 0!important; min-height:48px; border:0!important; background:transparent!important; color:#292c2c!important; font:500 16px/1.5 Montserrat,Arial,sans-serif!important; letter-spacing:0!important; text-transform:none!important; text-decoration:underline; text-underline-offset:5px; }
#page-container .ccd-hero-actions .et_pb_button::after { display:none!important; }
#page-container .ccd-pieces { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:110px 122px 122px; gap:12px; }
.ccd-piece { min-width:0; border-radius:6px; display:flex; align-items:center; justify-content:center; padding:14px; gap:18px; }
.ccd-piece img { display:block; flex-shrink:0; width:86px; height:86px; object-fit:contain; border-radius:4px; }
.ccd-piece strong { display:block; font-size:18px; font-weight:600; line-height:1.4; }
.ccd-piece small { display:block; font-size:12px; line-height:1.6; margin-top:4px; }
.ccd-piece-essentials { grid-column:1/-1; background:#62c7c2; justify-content:flex-start; padding-left:30px; }
.ccd-piece-content { grid-column:1/3; grid-row:2/4; flex-direction:column; background:#fdcf09; text-align:center; }
.ccd-piece-content img { width:140px; height:140px; }
.ccd-piece-search,.ccd-piece-website { gap:4px; flex-direction:column; text-align:center; background:#dbf0ed; }
.ccd-piece-search img,.ccd-piece-website img { width:55px; height:55px; }
.ccd-piece-search strong,.ccd-piece-website strong { font-size:15px; }
.ccd-piece-search small,.ccd-piece-website small { margin:0; font-size:11px; }
.ccd-piece-website { background:#fff2b4; }
#page-container .ccd-context { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:28px; padding-top:26px; border-top:2px solid #62c7c2; }
#page-container .ccd-context p { padding:0; margin:0; font-size:17px; line-height:1.65; }
#page-container a.ccd-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; flex-shrink:0; color:#286d69; font-size:16px; font-weight:600; line-height:1.5; text-decoration:underline; text-underline-offset:5px; }
#page-container :is(.ccd-primary,.ccd-link):focus-visible { outline:3px solid #286d69; outline-offset:5px; }
@media(max-width:980px) {
  .ccd-inner { gap:38px; }
  #page-container .ccd-copy h2 { font-size:36px; }
  #page-container .ccd-copy .ccd-lead { font-size:22px; }
  #page-container .ccd-copy p { font-size:16px; }
}
@media(max-width:850px) {
  #page-container .ccd-section { padding:48px 24px; }
  .ccd-inner { grid-template-columns:minmax(0,1fr); gap:32px; max-width:480px; }
  #page-container .ccd-copy h2 { font-size:34px; margin-bottom:18px; }
  #page-container .ccd-copy p { max-width:none; }
  #page-container .ccd-pieces { grid-template-rows:100px 112px 112px; gap:10px; }
  .ccd-piece { gap:8px; padding:10px; }
  .ccd-piece-essentials { gap:18px; padding-left:16px; }
  .ccd-piece-content img { width:110px; height:110px; }
  .ccd-piece-search strong,.ccd-piece-website strong { font-size:13px; }
  .ccd-piece-search,.ccd-piece-website { gap:4px; padding:6px; }
  .ccd-piece-search img,.ccd-piece-website img { width:45px; height:45px; }
  #page-container .ccd-context { align-items:flex-start; flex-direction:column; gap:8px; }
}
@media(prefers-reduced-motion:reduce) { #page-container a.ccd-primary { transition:none; } }

#page-container .colada-pricing-custom.ccd-pricing { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:center; gap:48px; margin:40px 0 56px; padding:44px 40px; border:0; border-radius:0; background:#62c7c2; color:#292c2c; font-family:Montserrat,Arial,sans-serif; letter-spacing:0; }
.ccd-pricing * { box-sizing:border-box; }
#page-container .ccd-pricing h3 { margin:0 0 14px; padding:0; color:#292c2c; font-size:34px!important; font-weight:700; line-height:1.2; text-transform:none; letter-spacing:0; }
#page-container .ccd-pricing p { margin:0 0 22px; padding:0; max-width:470px; color:#292c2c; font-size:16px; line-height:1.65; }
#page-container .ccd-pricing .ccd-pricing-lead { margin-bottom:10px; font-size:23px; font-weight:500; line-height:1.4; }
#page-container .ccd-pricing .ccd-pricing-note { margin:14px 0 0; font-size:13px; line-height:1.5; }
#page-container .ccd-pricing-art { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:12px; list-style:none; margin:0 auto; padding:16px 0; width:100%; max-width:350px; }
#page-container .ccd-pricing-art li { display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; margin:0; padding:12px 8px; border-radius:6px; background:#fff; transform:translateY(-10px) rotate(-5deg); transition:transform .28s ease; }
#page-container .ccd-pricing-art li:nth-child(2) { transform:translateY(12px) rotate(4deg); }
#page-container .ccd-pricing-art li:nth-child(3) { transform:translateY(-2px) rotate(-3deg); }
.ccd-pricing-art img { display:block; width:100%; max-width:100px; height:auto; aspect-ratio:1; object-fit:contain; }
.ccd-pricing-art span { font-size:14px; font-weight:600; line-height:1.5; }
.ccd-pricing .ccd-primary svg { transition:transform .2s ease; }
#page-container .ccd-pricing:focus-within .ccd-pricing-art li { transform:translateY(0) rotate(0); }
@media(hover:hover) {
  #page-container .ccd-pricing:hover .ccd-pricing-art li { transform:translateY(0) rotate(0); }
  .ccd-pricing .ccd-primary:hover svg { transform:translateX(4px); }
}
@media(max-width:850px) {
  #page-container .colada-pricing-custom.ccd-pricing { grid-template-columns:minmax(0,1fr); gap:24px; padding:32px 24px; }
  #page-container .ccd-pricing h3 { font-size:30px!important; }
  #page-container .ccd-pricing .ccd-pricing-lead { font-size:21px; }
  #page-container .ccd-pricing-art { max-width:320px; gap:10px; }
}
@media(max-width:380px) {
  #page-container .colada-pricing-custom.ccd-pricing { padding:28px 20px; }
  #page-container .ccd-pricing-art { gap:8px; }
  #page-container .ccd-pricing-art li { padding:10px 6px; }
  .ccd-pricing-art span { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  #page-container .ccd-pricing .ccd-pricing-art li { transform:none!important; transition:none; }
  .ccd-pricing .ccd-primary svg { transform:none!important; transition:none; }
}
