.click-features-page{overflow:hidden}.click-features-hero{position:relative;overflow:hidden;padding:clamp(58px,8vw,108px) 0 clamp(48px,7vw,82px);background:radial-gradient(ellipse 48% 72% at 75% 23%,rgba(240,165,42,.24),transparent 67%),radial-gradient(ellipse 36% 56% at 10% 55%,rgba(41,132,146,.12),transparent 68%),#fffaf2}.click-features-hero__bg{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(216,134,2,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(216,134,2,.06) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 70% 72% at 65% 28%,#000,transparent 78%);mask-image:radial-gradient(ellipse 70% 72% at 65% 28%,#000,transparent 78%)}.click-features-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(38px,7vw,85px)}.click-features-hero h1{max-width:650px;margin:0;color:var(--click-ink);font:800 clamp(2.45rem,5vw,4.1rem)/1.05 Poppins,sans-serif;letter-spacing:-.06em}.click-features-hero h1 span{background:var(--click-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.click-features-hero__copy>p{max-width:565px;margin:21px 0 0;color:var(--click-text);font-size:1.08rem;line-height:1.75}.click-features-hero__visual{position:relative;padding:14px 6px 30px}.click-campaign-mockup{overflow:hidden;border:1px solid rgba(139,101,34,.2);border-radius:16px;background:#fff;box-shadow:0 24px 62px rgba(64,43,13,.18)}.click-campaign-mockup__bar{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid #eee9df;color:#374446;font:600 .71rem Poppins,sans-serif}.click-campaign-mockup__bar i{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px;background:var(--click-grad)}.click-campaign-mockup__bar span{color:#788381;font-size:.63rem}.click-campaign-mockup__main{padding:21px}.click-campaign-mockup__title{display:flex;justify-content:space-between;gap:10px}.click-campaign-mockup__title small,.click-campaign-mockup__template small{color:#8d9694;font:700 .57rem Poppins,sans-serif;letter-spacing:.11em}.click-campaign-mockup__title h2{margin:3px 0 0;color:#2e3c3e;font:700 1.15rem Poppins,sans-serif}.click-campaign-mockup__title em{height:max-content;border-radius:99px;padding:4px 7px;background:#edf6ea;color:#5e8e56;font:600 .56rem Poppins,sans-serif;font-style:normal}.click-campaign-mockup__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 12px}.click-campaign-mockup__stats>div{border:1px solid #eee9e1;border-radius:8px;padding:11px}.click-campaign-mockup__stats small,.click-dashboard-mockup small{display:block;color:#87908f;font-size:.59rem}.click-campaign-mockup__stats b{display:block;color:#334143;font:700 1.08rem Poppins,sans-serif}.click-campaign-mockup__bottom{display:grid;grid-template-columns:1.35fr .8fr;gap:10px}.click-campaign-mockup__ab,.click-campaign-mockup__template{border:1px solid #eee9e1;border-radius:8px;padding:11px}.click-campaign-mockup__ab b,.click-campaign-mockup__template b{display:block;color:#465355;font:600 .68rem Poppins,sans-serif}.click-campaign-mockup__ab span{display:block;margin-top:5px;color:var(--click-primary-dark);font-size:.61rem}.click-campaign-mockup__ab i{display:block;width:82%;height:5px;margin-top:8px;border-radius:8px;background:var(--click-grad)}.click-campaign-mockup__template b{font-size:.63rem}.click-features-hero__event{position:absolute;z-index:2;right:-11px;bottom:0;display:flex;gap:9px;align-items:center;padding:10px 13px;border:1px solid rgba(216,134,2,.19);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 11px 26px rgba(70,49,16,.14)}.click-features-hero__event svg{width:18px;height:18px;color:var(--click-primary-dark);fill:none;stroke:currentColor;stroke-width:2}.click-features-hero__event small,.click-features-hero__event b{display:block}.click-features-hero__event small{color:#87918f;font-size:.57rem}.click-features-hero__event b{color:#475355;font:600 .64rem Poppins,sans-serif}
.click-features-nav{position:sticky;top:72px;z-index:20;border-top:1px solid #f1ede5;border-bottom:1px solid #e9e4dc;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.click-features-nav>div{display:flex;justify-content:center;gap:clamp(20px,4vw,50px);overflow:auto;scrollbar-width:thin}.click-features-nav a{position:relative;flex:0 0 auto;padding:15px 0;color:#596768;font:600 .79rem Poppins,sans-serif}.click-features-nav a:after{position:absolute;right:0;bottom:-1px;left:0;width:0;height:2px;margin:auto;border-radius:2px;background:var(--click-primary);content:"";transition:width .2s}.click-features-nav a:hover,.click-features-nav a.is-active{color:var(--click-primary-dark)}.click-features-nav a:hover:after,.click-features-nav a.is-active:after{width:100%}.click-features-nav a:focus-visible{outline:3px solid #1f8590;outline-offset:-2px}
.click-feature-overview{padding:clamp(72px,9vw,110px) 0}.click-feature-overview__head{max-width:700px;margin:0 auto 45px;text-align:center}.click-feature-overview h2,.click-feature-domain h2{margin:0;color:var(--click-ink);font:700 clamp(2rem,3.8vw,3.1rem)/1.13 Poppins,sans-serif;letter-spacing:-.045em}.click-feature-overview h2 span,.click-feature-domain h2 span{background:var(--click-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.click-feature-overview__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.click-feature-overview__grid>a{display:flex;min-height:245px;flex-direction:column;padding:23px;border:1px solid var(--click-line);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(43,31,11,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.click-feature-overview__grid>a:hover{border-color:#ebc87f;box-shadow:var(--click-shadow);transform:translateY(-4px)}.click-feature-overview__grid>a>span{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:var(--click-primary-soft);color:var(--click-primary-dark)}.click-feature-overview svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.click-feature-overview h3{margin:17px 0 7px;color:var(--click-ink);font:700 1.05rem Poppins,sans-serif}.click-feature-overview p{margin:0;color:var(--click-text);font-size:.88rem;line-height:1.62}.click-feature-overview b{display:flex;gap:5px;align-items:center;margin-top:auto;padding-top:17px;color:var(--click-primary-dark);font:700 .72rem Poppins,sans-serif}.click-feature-overview b svg{width:16px;height:16px}
.click-feature-domain{padding:clamp(75px,9vw,115px) 0}.click-feature-domain--warm{background:#fff9ef}.click-feature-domain--dark{background:#21393a;color:#fff}.click-feature-domain--dark h2,.click-feature-domain--dark h3{color:#fff}.click-feature-domain--dark .click-feature-domain__head p,.click-feature-domain--dark .click-feature-row__copy p,.click-feature-domain--dark .click-feature-row__copy li{color:rgba(255,255,255,.74)}.click-feature-domain--dark .click-eyebrow{color:#f3bc63}.click-feature-domain__head{max-width:760px;margin:0 auto clamp(44px,6vw,68px);text-align:center}.click-feature-domain__head>p{max-width:650px;margin:17px auto 0;color:var(--click-text);font-size:1.05rem;line-height:1.72}.click-feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(38px,8vw,105px);align-items:center}.click-feature-row+.click-feature-row{margin-top:clamp(65px,9vw,110px)}.click-feature-row--reverse>:first-child{order:2}.click-feature-row--reverse>:last-child{order:1}.click-feature-row__copy h3{margin:0;color:var(--click-ink);font:700 clamp(1.55rem,2.5vw,2.15rem)/1.2 Poppins,sans-serif;letter-spacing:-.04em}.click-feature-row__copy>p{margin:15px 0 0;color:var(--click-text);font-size:1rem;line-height:1.72}.click-feature-row__copy ul{display:grid;gap:10px;margin:23px 0 0;padding:0;list-style:none}.click-feature-row__copy li{position:relative;padding-left:24px;color:#435355;font-size:.93rem}.click-feature-row__copy li:before{position:absolute;top:.37em;left:0;width:15px;height:15px;border-radius:50%;background:var(--click-primary-soft);color:var(--click-primary-dark);content:"✓";font:bold .67rem/15px Arial;text-align:center}.click-feature-row__note{padding:12px 14px;border-left:3px solid var(--click-primary);background:rgba(255,255,255,.06);font-size:.84rem!important}.click-feature-support{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(55px,7vw,82px)}.click-feature-support>div{padding:28px;border:1px solid rgba(216,134,2,.17);border-radius:13px;background:rgba(255,255,255,.72)}.click-feature-support h3{margin:0;color:var(--click-ink);font:700 1.15rem/1.35 Poppins,sans-serif}.click-feature-support p{margin:9px 0 0;color:var(--click-text);font-size:.9rem;line-height:1.65}.click-feature-support .click-eyebrow{font-size:.65rem}
/* Product illustrations */.click-email-builder,.click-template-mockup,.click-contact-mockup,.click-ab-mockup,.click-dashboard-mockup,.click-timeline-mockup{overflow:hidden;border:1px solid #e2dcd1;border-radius:14px;background:#fff;box-shadow:var(--click-shadow)}.click-email-builder__top,.click-template-mockup__top,.click-contact-mockup__bar,.click-ab-mockup__top{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid #eee8de;color:#3e4c4e;font:600 .76rem Poppins,sans-serif}.click-email-builder__top span{color:#5b9356;font-size:.61rem}.click-email-builder__content{display:grid;grid-template-columns:98px 1fr;min-height:285px}.click-email-builder aside{display:flex;flex-direction:column;gap:5px;padding:17px 9px;background:#fcfaf6;color:#89928e;font-size:.62rem}.click-email-builder aside span{padding:7px}.click-email-builder aside .is-active{border-radius:6px;background:#fff0d6;color:var(--click-primary-dark);font-weight:700}.click-email-builder__content>div{padding:20px}.click-email-builder__content small{display:block;color:#89928e;font:700 .56rem Poppins,sans-serif;letter-spacing:.12em}.click-email-builder__content>div>b{display:block;margin:5px 0 15px;color:#455355;font:600 .85rem Poppins,sans-serif}.click-email-builder article{padding:17px;border:1px solid #ede7de;border-radius:8px;background:#fffdf9;color:#4b595a;font-size:.7rem}.click-email-builder article strong{font:600 .77rem Poppins,sans-serif}.click-email-builder article p{margin:11px 0}.click-email-builder article em{display:inline-block;border-radius:4px;padding:6px 10px;background:var(--click-primary);color:#fff;font-size:.6rem;font-style:normal}.click-template-mockup__top span,.click-contact-mockup__bar span,.click-ab-mockup__top span{color:var(--click-primary-dark);font-size:.61rem}.click-template-mockup__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:17px}.click-template-mockup__cards>div{padding:9px;border:1px solid #ece6dc;border-radius:8px;background:#fffdf9}.click-template-mockup__cards i{display:block;height:65px;margin-bottom:8px;border-radius:5px;background:linear-gradient(145deg,#f8d391,#fff3df)}.click-template-mockup__cards>div:nth-child(2) i{background:linear-gradient(145deg,#c2e0df,#effafa)}.click-template-mockup__cards b,.click-template-mockup__cards small{display:block;overflow:hidden;color:#485658;font:600 .61rem Poppins,sans-serif;white-space:nowrap;text-overflow:ellipsis}.click-template-mockup__cards small{margin-top:3px;color:#8b9290;font:400 .54rem Roboto,sans-serif}.click-template-mockup__actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 17px 17px}.click-template-mockup__actions span{display:flex;gap:5px;align-items:center;border-radius:7px;padding:8px;background:#fff4df;color:var(--click-primary-dark);font:600 .62rem Poppins,sans-serif}.click-template-mockup__actions svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.click-contact-mockup__filters{display:flex;gap:6px;flex-wrap:wrap;padding:12px 15px;border-bottom:1px solid #eee8de}.click-contact-mockup__filters span{border-radius:99px;padding:5px 7px;background:#f6f3ee;color:#617071;font-size:.59rem}.click-contact-mockup__list{padding:4px 15px}.click-contact-mockup__list>div{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #f0ece6}.click-contact-mockup__list i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#fff0d6;color:var(--click-primary-dark);font:700 .57rem Poppins,sans-serif;font-style:normal}.click-contact-mockup__list b,.click-contact-mockup__list small{display:block;color:#4a585a;font:600 .65rem Poppins,sans-serif}.click-contact-mockup__list small{color:#929a97;font:400 .55rem Roboto,sans-serif}.click-contact-mockup__list em{border-radius:99px;padding:3px 5px;background:#edf6ea;color:#5c8e56;font-size:.52rem;font-style:normal}.click-contact-mockup__foot{display:flex;gap:9px;align-items:center;margin:12px 15px;padding:10px;border-radius:7px;background:#fff6e8}.click-contact-mockup__foot svg{width:18px;height:18px;color:var(--click-primary-dark);fill:none;stroke:currentColor;stroke-width:2}.click-contact-mockup__foot b,.click-contact-mockup__foot small{display:block;color:#5a4b31;font:600 .62rem Poppins,sans-serif}.click-contact-mockup__foot small{color:#86775f;font:400 .54rem Roboto,sans-serif}.click-ab-mockup__variants{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px}.click-ab-mockup article{position:relative;padding:15px;border:1px solid #eee8de;border-radius:9px;background:#fffdfa}.click-ab-mockup article.is-winner{border-color:#efc975;background:#fff9ed}.click-ab-mockup article small{color:#8c9591;font:700 .57rem Poppins,sans-serif;letter-spacing:.1em}.click-ab-mockup article>b{display:block;margin:7px 0 15px;color:#465456;font:600 .74rem/1.4 Poppins,sans-serif}.click-ab-mockup article p{display:flex;justify-content:space-between;margin:9px 0 3px;color:#798380;font-size:.62rem}.click-ab-mockup article p strong{color:#4b595a}.click-ab-mockup article i{display:block;height:6px;border-radius:8px;background:#aababb}.click-ab-mockup .is-winner i{background:var(--click-primary)}.click-ab-mockup article em{display:block;margin-top:14px;color:var(--click-primary-dark);font:700 .58rem Poppins,sans-serif;font-style:normal}.click-dashboard-mockup{margin-top:clamp(45px,6vw,73px);padding:20px}.click-dashboard-mockup__heading{display:flex;justify-content:space-between;align-items:start}.click-dashboard-mockup__heading b{display:block;margin-top:2px;color:#3c4b4d;font:600 .87rem Poppins,sans-serif}.click-dashboard-mockup__heading span{border-radius:99px;padding:4px 6px;background:#f8f4ed;color:#798280;font-size:.56rem}.click-dashboard-mockup__numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.click-dashboard-mockup__numbers>div{padding:10px;border:1px solid #ece6dc;border-radius:7px}.click-dashboard-mockup__numbers b{display:block;color:#405052;font:700 .94rem Poppins,sans-serif}.click-dashboard-mockup__trend{display:flex;align-items:end;gap:9px;height:75px;padding:12px;border-radius:8px;background:#fcfaf6}.click-dashboard-mockup__trend span{align-self:start;margin-right:auto;color:#7e8784;font-size:.59rem}.click-dashboard-mockup__trend i{width:7%;border-radius:4px 4px 0 0;background:#d2e3e2}.click-dashboard-mockup__trend i:nth-of-type(1){height:22%}.click-dashboard-mockup__trend i:nth-of-type(2){height:45%}.click-dashboard-mockup__trend i:nth-of-type(3){height:38%}.click-dashboard-mockup__trend i:nth-of-type(4){height:71%;background:#f1bd55}.click-dashboard-mockup__trend i:nth-of-type(5){height:55%}.click-dashboard-mockup__trend i:nth-of-type(6){height:87%;background:var(--click-primary)}.click-dashboard-mockup>p{margin:14px 0 0;color:#71807f;font-size:.68rem;line-height:1.55}.click-timeline-mockup{padding:21px}.click-timeline-mockup__head{display:flex;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(25,52,52,.1)}.click-timeline-mockup__head>i{display:grid;width:37px;height:37px;place-items:center;border-radius:50%;background:#fff0d6;color:var(--click-primary-dark);font:700 .73rem Poppins,sans-serif;font-style:normal}.click-timeline-mockup__head b,.click-timeline-mockup__head small{display:block;color:#405052;font:600 .76rem Poppins,sans-serif}.click-timeline-mockup__head small{color:#8b9592;font:400 .61rem Roboto,sans-serif}.click-timeline-mockup ol{margin:17px 0 0;padding:0;list-style:none}.click-timeline-mockup li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:10px;padding-bottom:17px}.click-timeline-mockup li:not(:last-child):after{position:absolute;top:30px;bottom:0;left:14px;width:1px;background:#eadfcd;content:""}.click-timeline-mockup li>i{z-index:1;display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#fff2dc;color:var(--click-primary-dark)}.click-timeline-mockup svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.click-timeline-mockup li small,.click-timeline-mockup li b,.click-timeline-mockup li em{display:block}.click-timeline-mockup li small{color:#959e9b;font-size:.55rem}.click-timeline-mockup li b{margin:1px 0;color:#455355;font:600 .68rem Poppins,sans-serif}.click-timeline-mockup li em{color:#808b87;font-size:.6rem;font-style:normal}.click-feature-domain--dark .click-timeline-mockup{border-color:rgba(255,255,255,.13)}
.click-final-cta--features{background:radial-gradient(circle at 82% 28%,rgba(240,165,42,.2),transparent 35%),#fffaf2}
@media(max-width:900px){.click-features-hero__grid,.click-feature-row{grid-template-columns:1fr}.click-features-hero__copy{text-align:center}.click-features-hero__copy>p{margin-inline:auto}.click-features-hero__copy .click-actions{justify-content:center}.click-features-hero__visual{width:min(650px,100%);margin:auto}.click-feature-row--reverse>:first-child,.click-feature-row--reverse>:last-child{order:initial}.click-feature-row--reverse>:first-child{order:2}.click-feature-row--reverse>:last-child{order:1}.click-feature-row+.click-feature-row{margin-top:74px}.click-feature-overview__grid{grid-template-columns:repeat(2,1fr)}.click-features-nav{top:64px}}
@media(max-width:620px){.click-features-hero{padding-top:50px}.click-features-hero h1{font-size:clamp(2.3rem,11vw,3.25rem)}.click-features-nav>div{justify-content:flex-start;width:100%;padding:0 16px}.click-features-nav a{font-size:.72rem}.click-feature-overview__head,.click-feature-domain__head{text-align:left}.click-feature-overview__grid{grid-template-columns:1fr}.click-feature-overview__grid>a{min-height:0}.click-feature-support{grid-template-columns:1fr}.click-campaign-mockup__main{padding:16px}.click-campaign-mockup__bottom{grid-template-columns:1fr}.click-campaign-mockup__template{display:none}.click-features-hero__event{right:2px}.click-feature-row__copy h3{font-size:1.55rem}.click-template-mockup__cards{gap:7px;padding:12px}.click-template-mockup__cards i{height:48px}.click-ab-mockup__variants{gap:7px;padding:12px}.click-ab-mockup article{padding:11px}.click-dashboard-mockup{padding:15px}.click-timeline-mockup{padding:16px}.click-feature-domain{padding:72px 0}}
@media(max-width:390px){.click-features-hero__copy .click-actions{display:grid}.click-features-hero__event{position:relative;right:auto;width:max-content;margin:-4px auto 0}.click-campaign-mockup__stats>div{padding:8px}.click-campaign-mockup__stats b{font-size:.88rem}.click-email-builder__content{grid-template-columns:1fr}.click-email-builder aside{display:none}.click-feature-overview__grid>a{padding:20px}.click-feature-support>div{padding:22px}.click-ab-mockup__variants{grid-template-columns:1fr}.click-ab-mockup article>b{margin-bottom:10px}.click-dashboard-mockup__numbers{gap:5px}.click-dashboard-mockup__numbers>div{padding:8px}}
@media(prefers-reduced-motion:reduce){.click-features-nav a:after,.click-feature-overview__grid>a{transition:none}}