.cc-pad { padding: clamp(110px, 12vw, 190px) 0; }
.cc-section-head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8vw; align-items: end; margin-bottom: 70px; }
.cc-section-head .cc-section-copy { margin: 0; }
.cc-mobile-menu { display: none; position: fixed; z-index: 79; inset: 68px 0 auto; padding: 20px 24px 30px; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 25px 45px rgba(0,0,0,.1); }
.cc-mobile-menu.is-open { display: grid; }
.cc-mobile-menu a { padding: 15px 0; border-bottom: 1px solid var(--line); font-weight: 700; }
.cc-tabs { display: flex; gap: 8px; overflow-x: auto; margin-bottom: 25px; padding-bottom: 6px; }
.cc-tabs button { flex: 0 0 auto; padding: 13px 19px; color: var(--muted); background: #fff; border: 1px solid var(--line); border-radius: 999px; cursor: pointer; }
.cc-tabs button.is-active { color: #fff; background: var(--ink); border-color: var(--ink); }
.cc-review-lab { display: grid; grid-template-columns: 1fr 70px 1fr; align-items: stretch; padding: clamp(24px,4vw,55px); background: var(--surface); border-radius: 34px; }
.cc-review-lab article { min-height: 290px; padding: 34px; background: #fff; border: 1px solid var(--line); border-radius: 23px; box-shadow: 0 16px 50px rgba(22,37,58,.06); }
.cc-review-lab__label { color: var(--muted); font-size: 14px; font-weight: 750; }
.cc-review-lab__stars { margin-top: 33px; color: #ffad0d; font-size: 19px; letter-spacing: 2px; }
.cc-review-lab blockquote { margin: 17px 0 0; font-size: 21px; font-weight: 650; line-height: 1.7; }
.cc-review-lab__arrow { display: grid; place-items: center; color: var(--brand); font-size: 30px; }
.cc-review-lab article.cc-review-lab__reply { background: var(--brand); border-color: transparent; color: #fff; }
.cc-review-lab__reply .cc-review-lab__label { color: rgba(255,255,255,.7); }
.cc-review-lab__reply p { margin: 33px 0; font-size: 18px; line-height: 1.8; }
.cc-ready { display: inline-flex; padding: 8px 11px; color: var(--brand-dark); background: #fff; border-radius: 9px; font-size: 13px; font-weight: 800; }
.cc-caption { margin-top: 14px; color: #89909a; font-size: 13px; }
.cc-difference { background: #f8fafc; }
.cc-feature-row { min-height: 530px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; align-items: center; border-bottom: 1px solid #dde2e8; }
.cc-feature-row--reverse > div:first-child { order: 2; }
.cc-feature-row h3 { margin: 18px 0; font-size: clamp(34px,4vw,52px); letter-spacing: -.05em; }
.cc-feature-row p { max-width: 510px; color: var(--muted); font-size: 19px; line-height: 1.75; }
.cc-index { color: var(--brand); font-size: 14px; font-weight: 800; }
.cc-tone-visual { display: flex; gap: 12px; align-items: center; justify-content: center; padding: 70px 30px; background: #fff; border-radius: 30px; box-shadow: 0 24px 70px rgba(21,43,73,.08); }
.cc-tone-visual span,.cc-tone-visual strong { padding: 16px 20px; border-radius: 12px; background: var(--surface); font-style: normal; }
.cc-tone-visual strong { color: #fff; background: var(--brand); }
.cc-tone-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.cc-tone-cards span { padding: 70px 15px; text-align: center; background: #fff; border: 1px solid var(--line); border-radius: 20px; font-size: 19px; font-weight: 750; }
.cc-tone-cards .is-active { color: var(--brand); border-color: var(--brand); box-shadow: 0 20px 45px rgba(23,105,232,.12); transform: translateY(-14px); }
.cc-queue { display: grid; gap: 12px; padding: 34px; background: #fff; border-radius: 28px; }
.cc-queue span { padding: 18px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); }
.cc-queue em { color: var(--brand); font-style: normal; font-weight: 700; }
.cc-channels__grid { display: grid; grid-template-columns: 1fr .85fr; align-items: center; gap: 8vw; }
.cc-pills { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.cc-pills span { padding: 22px 28px; background: var(--brand-light); border-radius: 999px; color: var(--brand-dark); font-size: 19px; font-weight: 750; }
.cc-before-after { color: #fff; background: #11151b; }
.cc-ba-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #3a3f47; }
.cc-ba-grid > div { min-height: 610px; padding: clamp(35px,5vw,70px); background: #171b21; }
.cc-ba-grid span { color: #979fa9; }
.cc-ba-grid h3 { margin: 45px 0; font-size: clamp(28px,3.2vw,45px); line-height: 1.55; letter-spacing: -.04em; }
.cc-ba-before h3 { color: #6f7782; }
.cc-ba-after h3 { font-size: clamp(48px,5vw,74px); }
.cc-ba-after div { margin-top: 14px; padding: 22px; display: flex; justify-content: space-between; background: #232932; border-radius: 13px; }
.cc-ba-after b { color: #7db3ff; }
.cc-big-statement { margin: 110px 0 0; font-size: clamp(48px,7vw,96px); line-height: 1.15; letter-spacing: -.06em; text-align: center; }
.cc-timeline { position: relative; margin: 90px 0 60px; padding: 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 0; list-style: none; }
.cc-timeline::before { content:""; position:absolute; top: 25px; left: 4%; right: 4%; height: 1px; background: #ccd3dc; }
.cc-timeline li { position: relative; padding: 0 25px; }
.cc-timeline b { position: relative; z-index: 1; display: grid; place-items: center; width: 51px; height: 51px; color: var(--brand); background: #fff; border: 1px solid #cdddf3; border-radius: 50%; }
.cc-timeline h3 { margin: 28px 0 12px; font-size: 23px; }
.cc-timeline p { color: var(--muted); line-height: 1.65; }
.cc-center-cta { text-align: center; }
.cc-trial { background: #f5f8fd; }
.cc-trial__intro { display: grid; grid-template-columns: 1fr .8fr; gap: 8vw; align-items: end; }
.cc-trial__intro .cc-section-copy { margin: 0; }
.cc-trial__panel { margin-top: 70px; padding: clamp(28px,5vw,64px); display: grid; grid-template-columns: 1.2fr .8fr; gap: 6vw; align-items: center; color: #fff; background: var(--brand); border-radius: 34px; box-shadow: 0 28px 75px rgba(23,105,232,.2); }
.cc-trial__benefits { margin: 0; padding: 0; list-style: none; }
.cc-trial__benefits li { padding: 19px 0; display: flex; align-items: center; gap: 20px; border-bottom: 1px solid rgba(255,255,255,.2); }
.cc-trial__benefits li:first-child { padding-top: 0; }
.cc-trial__benefits li:last-child { padding-bottom: 0; border: 0; }
.cc-trial__benefits span { color: #bcd8ff; font-size: 13px; font-weight: 800; }
.cc-trial__benefits strong { font-size: clamp(18px,2vw,25px); letter-spacing: -.03em; }
.cc-trial__action { padding: 34px; color: var(--ink); background: #fff; border-radius: 24px; text-align: center; }
.cc-trial__action .cc-button { width: 100%; }
.cc-trial__action p { margin: 15px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.cc-plan-grid { margin-top: 70px; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.cc-plan-grid article { padding: 35px; border: 1px solid var(--line); }
.cc-trust { min-height: 90svh; display: grid; align-items: center; color: #fff; background: var(--brand); }
.cc-trust .cc-eyebrow { color: #b9d7ff; }
.cc-faq__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; }
.cc-accordion__item { border-bottom: 1px solid var(--line); }
.cc-accordion__item h3 { margin: 0; }
.cc-accordion__item button { width: 100%; padding: 27px 0; display: flex; justify-content: space-between; text-align: left; border: 0; background: transparent; font-size: 20px; font-weight: 720; cursor: pointer; }
.cc-accordion__item button span { color: var(--brand); font-size: 28px; transition: transform .25s; }
.cc-accordion__item button[aria-expanded=true] span { transform: rotate(45deg); }
.cc-accordion__item div p { margin: 0; padding: 0 30px 28px 0; color: var(--muted); line-height: 1.75; }
.cc-final { position: relative; padding: 170px 0; color: #fff; background: var(--brand); text-align: center; overflow: hidden; }
.cc-final h2 { margin: 0; font-size: clamp(50px,7vw,95px); line-height: 1.08; letter-spacing: -.06em; }
.cc-final__badge { display: inline-block; margin-bottom: 25px; padding: 9px 13px; color: var(--brand-dark); background: #fff; border-radius: 999px; font-size: 14px; font-weight: 800; }
.cc-final p { margin: 40px 0; color: #cfe2ff; font-size: clamp(26px,3vw,40px); line-height: 1.4; font-weight: 750; }
.cc-final small { display: block; margin-top: 18px; color: rgba(255,255,255,.7); }
.cc-final__secondary { display: block; width: fit-content; margin: 22px auto 0; padding-bottom: 3px; border-bottom: 1px solid rgba(255,255,255,.55); font-weight: 700; }
.cc-button--white { color: var(--brand); background: #fff; box-shadow: none; }
.cc-final__bubble { position: absolute; width: 380px; height: 250px; right: -90px; top: 50px; border: 35px solid rgba(255,255,255,.08); border-radius: 110px 110px 110px 30px; transform: rotate(-12deg); }
.cc-footer { padding: 70px 0 35px; background: #f6f7f9; }
.cc-footer .cc-logo img { height: 66px; }
.cc-footer__top { display: flex; justify-content: space-between; gap: 50px; }
.cc-footer nav { display: flex; flex-wrap: wrap; gap: 20px; color: #525a65; font-size: 14px; }
.cc-business { margin-top: 45px; display: flex; flex-wrap: wrap; gap: 7px 20px; color: #89909a; font-size: 12px; }
.cc-footer__bottom { margin-top: 35px; padding-top: 25px; display: flex; justify-content: space-between; gap: 20px; color: #8b929c; border-top: 1px solid #dde0e4; font-size: 12px; }
.cc-footer__bottom span:last-child { display: flex; gap: 18px; }
.cc-admin-note { padding: 16px; color: #774f00; background: #fff8dd; border: 1px solid #f0d682; }
.cc-page-hero,.cc-landing-hero { padding: 190px 0 100px; background: radial-gradient(circle at 80% 50%,var(--brand-light),transparent 38%); }
.cc-page-hero p,.cc-landing-hero p { max-width: 680px; margin: 30px 0; color: var(--muted); font-size: 20px; line-height: 1.7; }
.cc-entry,.cc-legal { padding-top: 80px; padding-bottom: 130px; line-height: 1.8; }
.cc-legal { padding-top: 180px; }
.cc-scope-grid { margin-top: 65px; display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--line); }
.cc-scope-grid article { padding: 35px 28px; background: #fff; }
.cc-scope-grid b { color: var(--brand); }
.cc-scope-grid h3 { margin: 45px 0 12px; }
.cc-scope-grid p { color: var(--muted); line-height: 1.7; }
.cc-landing-example { background: var(--surface); }
.cc-landing-faq { text-align: center; }
.cc-landing-faq .cc-section-copy { max-width: 660px; margin: 30px auto; }
.cc-error { min-height: 80svh; padding: 190px 0 100px; }
.cc-error p:not(.cc-eyebrow) { margin: 30px 0; color: var(--muted); font-size: 20px; }