@layer bricks {.brxe-code{width:100%}}.cannaly-about-page { --ca-page: #f6f8ef; --ca-soft: #eef3e4; --ca-card: #ffffff; --ca-card-soft: #f9fbf3; --ca-text: #07101e; --ca-muted: #536071; --ca-green: #43c653; --ca-lime: #d7ff00; --ca-border: rgba(7, 16, 30, 0.1); --ca-shadow: 0 20px 60px rgba(7, 16, 30, 0.08); width: 100%; overflow: hidden; background: var(--ca-page); color: var(--ca-text);}.cannaly-about-page,.cannaly-about-page * { box-sizing: border-box;}.cannaly-about-page a { text-decoration: none;}.ca-section { position: relative; padding: 100px 24px;}.ca-section--dark,.ca-section--soft { background: var(--ca-page);}.ca-section--soft { background: var(--ca-soft);}.ca-container { width: 100%; max-width: 1180px; margin: 0 auto;}.ca-eyebrow { display: inline-flex; align-items: center; min-height: 22px; margin-bottom: 16px; color: var(--ca-green); font-size: 12px; font-weight: 900; line-height: 1.2; letter-spacing: 0.14em; text-transform: uppercase;}.cannaly-about-page h1,.cannaly-about-page h2,.cannaly-about-page h3,.cannaly-about-page p { margin-top: 0;}.cannaly-about-page h1 { max-width: 720px; margin-bottom: 24px; color: var(--ca-text); font-size: clamp(42px, 5vw, 62px); line-height: 1.06; letter-spacing: -0.055em;}.cannaly-about-page h2 { margin-bottom: 22px; color: var(--ca-text); font-size: clamp(32px, 3.6vw, 48px); line-height: 1.1; letter-spacing: -0.045em;}.cannaly-about-page h3 { margin-bottom: 14px; color: var(--ca-text); font-size: 24px; line-height: 1.2; letter-spacing: -0.025em;}.cannaly-about-page p { color: var(--ca-muted); font-size: 17px; line-height: 1.75;}.ca-button-row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px;}.ca-button-row--center { justify-content: center;}.ca-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; font-size: 14px; font-weight: 900; line-height: 1; white-space: nowrap; transition: transform 0.2s ease, opacity 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;}.ca-button:hover { transform: translateY(-2px); opacity: 0.94;}.ca-button--primary { background: var(--ca-lime); color: var(--ca-text); border: 1px solid var(--ca-lime); box-shadow: 0 12px 30px rgba(215, 255, 0, 0.28);}.ca-button--secondary { background: #ffffff; color: var(--ca-text); border: 1px solid var(--ca-border);}.ca-hero { min-height: 620px; display: flex; align-items: center; background: radial-gradient(circle at top right, rgba(215, 255, 0, 0.42), transparent 34%), radial-gradient(circle at bottom left, rgba(67, 198, 83, 0.16), transparent 36%), linear-gradient(135deg, #fbfff2 0%, #eef5e4 100%);}.ca-hero__grid { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(360px, 0.97fr); gap: 52px; align-items: center;}.ca-hero__content { max-width: 720px;}.ca-hero__content p { max-width: 620px; margin-bottom: 0; color: #394556;}.ca-hero__panel { display: grid; gap: 18px;}.ca-panel-card { min-height: 148px; display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 18px; align-items: start; padding: 26px; border: 1px solid var(--ca-border); border-radius: 24px; background: rgba(255, 255, 255, 0.82); box-shadow: var(--ca-shadow);}.ca-panel-card span { grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 16px; background: var(--ca-lime); color: var(--ca-text); font-size: 13px; font-weight: 900;}.ca-panel-card strong { display: block; margin-bottom: 8px; color: var(--ca-text); font-size: 20px; line-height: 1.2;}.ca-panel-card p { margin-bottom: 0; color: var(--ca-muted); font-size: 14px; line-height: 1.6;}.ca-intro { max-width: 940px; text-align: center;}.ca-intro p { margin-bottom: 0;}.ca-section-heading { max-width: 760px; margin-bottom: 42px;}.ca-section-heading--center { max-width: 860px; margin-right: auto; margin-left: auto; text-align: center;}.ca-section-heading h2,.ca-section-heading p { margin-bottom: 0;}.ca-card-grid { display: grid; align-items: stretch;}.ca-card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;}.ca-info-card { min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; padding: 32px; border: 1px solid var(--ca-border); border-radius: 26px; background: var(--ca-card); box-shadow: var(--ca-shadow);}.ca-card-icon { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 24px; border-radius: 18px; background: rgba(67, 198, 83, 0.12); color: var(--ca-green); font-size: 18px; font-weight: 900;}.ca-info-card p { margin-bottom: 0; font-size: 15px;}.ca-vibe-layout { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: 58px; align-items: center;}.ca-vibe-copy { max-width: 540px;}.ca-vibe-copy p { margin-bottom: 0;}.ca-vibe-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch;}.ca-vibe-card { min-height: 210px; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; border: 1px solid var(--ca-border); border-radius: 24px; background: var(--ca-card); box-shadow: var(--ca-shadow);}.ca-vibe-card h3 { margin-bottom: 28px;}.ca-vibe-card p { margin-bottom: 0; font-size: 15px;}.ca-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 42px;}.ca-product-pill { min-height: 70px; display: flex; align-items: center; justify-content: center; padding: 18px; border: 1px solid var(--ca-border); border-radius: 999px; background: #ffffff; color: var(--ca-text); font-size: 15px; font-weight: 850; text-align: center; box-shadow: 0 12px 32px rgba(7, 16, 30, 0.05);}.ca-promise-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr); gap: 48px; align-items: center; padding: 58px; border: 1px solid var(--ca-border); border-radius: 32px; background: radial-gradient(circle at top right, rgba(215, 255, 0, 0.32), transparent 32%), linear-gradient(145deg, #ffffff 0%, #f1f7e8 100%); box-shadow: var(--ca-shadow);}.ca-promise-copy { max-width: 640px;}.ca-promise-copy p { margin-bottom: 0;}.ca-promise-list { display: grid; gap: 16px;}.ca-promise-item { min-height: 74px; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 14px; align-items: center; padding: 18px; border: 1px solid var(--ca-border); border-radius: 18px; background: rgba(255, 255, 255, 0.82);}.ca-promise-item span { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; background: var(--ca-lime); color: var(--ca-text); font-weight: 900;}.ca-promise-item p { margin-bottom: 0; color: var(--ca-text); font-size: 16px; line-height: 1.45;}.ca-cta-section { background: radial-gradient(circle at center top, rgba(215, 255, 0, 0.28), transparent 34%), var(--ca-page);}.ca-cta { max-width: 820px; text-align: center;}.ca-cta p { margin-bottom: 0;}@media (max-width: 991px) { .ca-section { padding: 88px 22px; } .ca-hero { min-height: auto; padding-top: 100px; padding-bottom: 92px; } .ca-hero__grid { grid-template-columns: 1fr; gap: 42px; } .ca-hero__content { max-width: 780px; } .ca-hero__panel { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .ca-panel-card { min-height: 245px; display: flex; flex-direction: column; } .ca-panel-card span { margin-bottom: 18px; } .ca-card-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ca-vibe-layout { grid-template-columns: 1fr; gap: 42px; } .ca-vibe-copy { max-width: 760px; } .ca-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ca-promise-panel { grid-template-columns: 1fr; gap: 38px; padding: 44px; }}@media (max-width: 767px) { .ca-section { padding: 76px 18px; } .ca-hero { padding-top: 84px; padding-bottom: 80px; } .cannaly-about-page h1 { font-size: clamp(38px, 11vw, 48px); line-height: 1.08; } .cannaly-about-page h2 { font-size: clamp(30px, 9vw, 40px); } .cannaly-about-page p { font-size: 16px; line-height: 1.7; } .ca-button-row { width: 100%; flex-direction: column; align-items: stretch; } .ca-button { width: 100%; } .ca-hero__panel, .ca-card-grid--three, .ca-vibe-grid, .ca-product-grid { grid-template-columns: 1fr; } .ca-panel-card { min-height: auto; display: grid; grid-template-columns: 46px minmax(0, 1fr); grid-template-rows: auto 1fr; } .ca-panel-card span { width: 46px; height: 46px; margin-bottom: 0; } .ca-info-card, .ca-vibe-card { min-height: 230px; padding: 26px; } .ca-section-heading { margin-bottom: 32px; } .ca-promise-panel { padding: 30px 22px; border-radius: 26px; } .ca-promise-item { align-items: start; }}@media (max-width: 478px) { .ca-section { padding-right: 16px; padding-left: 16px; } .ca-eyebrow { font-size: 11px; letter-spacing: 0.13em; } .ca-info-card, .ca-vibe-card { min-height: auto; } .ca-product-pill { min-height: 62px; border-radius: 18px; }}