.cpt-hero{--navy:#000955;--lime:#8ce500;--lime-light:#c0ff6b;--off:#fefff9;--grey:#b4b4b4;--ink:#000;--sans:Inter,Arial,sans-serif;--display:Archivo,Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif}
.cpt-hero,.cpt-hero *{box-sizing:border-box}.cpt-landing{margin:0;background:#fefff9;color:#000955;font-family:Inter,Arial,sans-serif;line-height:normal}html:has(body.cpt-landing){margin-top:0!important;overflow-x:clip;overflow-y:visible}.cpt-landing{overflow-x:clip;overflow-y:visible}.cpt-landing #brx-content{padding:0;margin:0;width:100%}.cpt-hero a{color:inherit;text-decoration:none}.cpt-hero{position:relative;overflow:clip;height:100vh;min-height:680px;display:grid;place-items:center;padding:10px;background:var(--off);isolation:isolate}.cpt-hero__pixel-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:clip;opacity:0;visibility:hidden;contain:layout paint size style}.cpt-pixel{position:absolute;width:var(--pixel-size,120px);height:var(--pixel-size,120px);opacity:0;visibility:hidden}.cpt-pixel--primary{background:var(--lime)}.cpt-pixel--secondary{background:var(--lime-light)}.cpt-hero__content{position:relative;z-index:1;width:min(100%,600px);display:flex;flex-direction:column;align-items:center;text-align:center}.cpt-hero__title{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0;color:var(--navy);line-height:1}.cpt-hero__title-primary,.cpt-hero__title-secondary{display:block}.cpt-hero__title-primary{font:800 80px/80px var(--display);letter-spacing:-.04em}.cpt-hero__title-secondary{font:italic 400 80px/80px var(--serif);white-space:nowrap}.cpt-hero__paragraph{max-width:600px;margin:20px 0 0;font:400 20px/normal var(--sans)}.cpt-hero__actions{display:flex;gap:10px;margin-top:30px}.cpt-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:17px 20px;border:0;border-radius:2.5px;overflow:hidden;color:#fff;font:600 14px/normal var(--sans);text-transform:uppercase;transition:transform .45s cubic-bezier(.16,1,.3,1),background-color .45s cubic-bezier(.16,1,.3,1);cursor:pointer}.cpt-button:hover,.cpt-button:focus-visible{transform:translateY(-1px)}.cpt-button--secondary{background:var(--grey)}.cpt-button--primary{background:var(--lime)}.cpt-button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.cpt-button__icon{display:inline-flex;width:40px;height:20px}.cpt-button__pixel{width:20px;height:20px}.cpt-button__pixel--dark{background:#83d713}.cpt-button__pixel--light{background:var(--lime-light)}.cpt-button__label{position:relative;display:block;height:1em;overflow:hidden;line-height:1;color:transparent;white-space:nowrap}.cpt-button__label:before,.cpt-button__label:after{content:attr(data-text);position:absolute;inset:0 auto auto 0;color:#fff;transition:transform .45s cubic-bezier(.16,1,.3,1)}.cpt-button__label:before{transform:translateY(0)}.cpt-button__label:after{transform:translateY(115%)}.cpt-button:hover .cpt-button__label:before,.cpt-button:focus-visible .cpt-button__label:before{transform:translateY(-115%)}.cpt-button:hover .cpt-button__label:after,.cpt-button:focus-visible .cpt-button__label:after{transform:translateY(0)}

.cpt-hero{width:100%;margin:0;line-height:normal}.cpt-hero__content{max-width:600px;flex-wrap:nowrap;gap:0;margin:0;padding:0;align-self:center;justify-self:center}.cpt-hero__title{width:auto;font-size:inherit}.cpt-hero__title-secondary{font-family:var(--display);font-size:80px;font-weight:100;font-style:normal;line-height:80px;letter-spacing:0}.cpt-hero__paragraph{width:auto;letter-spacing:0}.cpt-hero__actions{width:auto;flex-direction:row;align-items:stretch;padding:0;max-width:none}.cpt-button{box-shadow:none;width:auto;flex:none;margin:0}.cpt-button,.cpt-button__label{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:normal;font-weight:600;font-style:normal;letter-spacing:0}.cpt-hero__pixel-overlay{width:100%;height:100%;padding:0;margin:0;max-width:none}
@media(max-width:767px){.cpt-hero__title-secondary{white-space:normal}.cpt-hero__actions{width:100%;flex-direction:column}.cpt-button{width:100%}}
/* Figma 66:1168 typography/layout; pixels are animation reference, not resting artwork. */
@media (max-width: 767px) {
  .cpt-hero.cpt-section { height: 956px; min-height: 956px; padding: 20px; }
  .cpt-hero .cpt-hero__content { width: 100%; max-width: 400px; }
  .cpt-hero .cpt-hero__title { width: 100%; gap: 20px; }
  .cpt-hero .cpt-hero__title-primary,
  .cpt-hero .cpt-hero__title-secondary { font-size: 40px; line-height: 48px; letter-spacing: 0; font-style: normal; }
  .cpt-hero .cpt-hero__title-primary { width: 100%; font-weight: 800; }
  .cpt-hero .cpt-hero__title-secondary { max-width: 100%; font-weight: 100; white-space: normal; }
  .cpt-hero .cpt-hero__paragraph { width: 100%; max-width: 400px; margin: 20px 0 0; font: 400 16px/19px "CPT Inter Figma", Inter, sans-serif; }
  .cpt-hero .cpt-hero__actions { width: 100%; flex-direction: column; gap: 10px; margin-top: 20px; }
  .cpt-hero .cpt-button { width: 100%; font-family: "CPT Inter Figma", Inter, sans-serif; font-size: 14px; font-weight: 600; }
  .cpt-hero .cpt-button--secondary { height: 51px; min-height: 51px; }
  .cpt-hero .cpt-button--primary { height: 54px; min-height: 54px; }
  .cpt-hero .cpt-button__label { height: 17px; line-height: 17px; }
}
@media (max-width: 767px) and (hover: none), (max-width: 767px) and (pointer: coarse) {
  .cpt-hero .cpt-button:hover:not(:focus-visible) { transform: none; }
  .cpt-hero .cpt-button:hover:not(:focus-visible) .cpt-button__label::before { transform: translateY(0); }
  .cpt-hero .cpt-button:hover:not(:focus-visible) .cpt-button__label::after { transform: translateY(115%); }
}

@media(prefers-reduced-motion:reduce){.cpt-hero *,.cpt-hero *:before,.cpt-hero *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cpt-hero__pixel-overlay{display:none}}
.cpt-hero .cpt-button[aria-disabled=true]{cursor:default}
.cpt-hero__title{max-width:none;flex-shrink:0}
/* Bricks adds an editable wrapper around native button text in its canvas. */
.cpt-hero .cpt-button > span[contenteditable]{display:inline-flex;align-items:center;gap:10px}