/* Start:/html/css/coga-home-v2.css?179062611044115*/ /* CogaSystem homepage v2. Scoped to the homepage; original templates retained. */ body:not(.not_main) #intro-center-image {padding:90px 0 66px;min-height:0;text-align:left;} .coga-home-hero,#coga-home {color:#203a54;font-family:Roboto,Arial,sans-serif;font-size:18px;line-height:1.65;font-weight:400;} .coga-home-hero * ,#coga-home * {box-sizing:border-box;} .coga-home-hero {display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;} .coga-home-hero .ch-eyebrow,#coga-home .ch-eyebrow {display:block;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#356775;margin:0 0 18px;} .coga-home-hero h1 {font-size:49px;line-height:1.13;letter-spacing:-1.8px;font-weight:700;color:#173957;margin:0 0 22px;} .coga-home-hero .ch-hero-subtitle {font-size:30px;line-height:1.28;letter-spacing:-.5px;font-weight:500;color:#2f5870;margin:0 0 20px;max-width:550px;} .coga-home-hero .ch-hero-lead {font-size:19px;line-height:1.65;color:#3f5c70;margin:0 0 28px;max-width:550px;} .coga-home-hero .ch-actions {display:flex;flex-wrap:wrap;gap:12px;} .coga-home-hero .ch-button,#coga-home .ch-button {display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;border-radius:10px;border:1px solid transparent;font-size:16px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;box-shadow:none;white-space:normal;transition:none;} .coga-home-hero .ch-button-primary,#coga-home .ch-button-primary {background:linear-gradient(110deg,#096fba,#147d70);color:#fff;border-color:#147d80;} .coga-home-hero .ch-button-secondary,#coga-home .ch-button-secondary {background:#fff;color:#235675;border-color:#b3cddd;} .coga-home-hero a:focus-visible,#coga-home a:focus-visible,#coga-home video:focus-visible {outline:3px solid #185ca0;outline-offset:5px;} .coga-home-hero .ch-hero-note {font-size:15px;line-height:1.7;color:#3f5c70;margin:22px 0 0;} .coga-home-hero .ch-hero-note a,#coga-home .ch-final-note a {color:#225775;text-decoration:underline;text-underline-offset:4px;} .coga-home-hero .ch-hero-visual {position:relative;border:1px solid #c8dde7;border-radius:24px;background:linear-gradient(140deg,#f9fdff,#e4f5ee);padding:24px 18px 18px;box-shadow:0 20px 55px rgba(32,81,112,.10);} .coga-home-hero .ch-hero-visual img {display:block;width:100%;height:auto;max-width:490px;margin:10px auto 0;} .coga-home-hero .ch-visual-label {display:block;text-align:center;color:#365c71;font-size:14px;font-weight:500;} .coga-home-hero .ch-visual-bottom {position:absolute;inset:68px 10px 22px;pointer-events:none;} .coga-home-hero .ch-visual-bottom span {position:absolute;display:block;white-space:nowrap;font-size:14px;line-height:1.3;font-weight:600;color:#315477;background-color:#edf4fc;background-repeat:no-repeat;background-position:12px center;background-size:20px 20px;border:1px solid #dce7f2;border-radius:14px;padding:14px 18px 14px 43px;box-shadow:0 16px 28px -12px rgba(32,67,97,.35),0 4px 8px rgba(32,67,97,.08),inset 0 1px 0 #fff;animation:ch-card-float 6.8s ease-in-out infinite;transform-origin:center;} .coga-home-hero .ch-visual-bottom span:nth-child(1){left:0;top:8%;--ch-card-angle:-9deg;transform:rotate(var(--ch-card-angle));animation-delay:-1.4s;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23386ba6%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M3%209h18M9%209v12M13%2013h4M13%2017h3%22%2F%3E%3C%2Fsvg%3E");} .coga-home-hero .ch-visual-bottom span:nth-child(2){right:0;top:47%;--ch-card-angle:8deg;transform:rotate(var(--ch-card-angle));animation-duration:7.6s;animation-delay:-3.8s;color:#286a63;background-color:#e9f6f0;border-color:#d3e9df;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23237e76%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21%203-7%2018-4-7-7-4%2018-7ZM10%2014%2021%203%22%2F%3E%3C%2Fsvg%3E");} .coga-home-hero .ch-visual-bottom span:nth-child(3){left:12%;bottom:0;--ch-card-angle:-6deg;transform:rotate(var(--ch-card-angle));animation-duration:8.2s;animation-delay:-5.2s;color:#64548f;background-color:#f1eef9;border-color:#e3ddf1;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237060a4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203v17h17M9%2015v-4m5%204V6m5%209v-7%22%2F%3E%3C%2Fsvg%3E");} #coga-home {background:#fff;} #coga-home .ch-container {max-width:1170px;padding:0 24px;margin:0 auto;} #coga-home .ch-section {padding:68px 0;background-image:none;} #coga-home h2 {font-size:36px;font-weight:600;line-height:1.2;letter-spacing:-.9px;color:#173957;margin:0 0 20px;} #coga-home h3 {font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.3px;color:#203e55;margin:0 0 14px;} #coga-home p {font-size:18px;line-height:1.65;color:#516879;margin:0 0 22px;} #coga-home .ch-heading {max-width:820px;margin:0 auto 36px;text-align:center;} #coga-home .ch-heading p {max-width:690px;margin:0 auto;} #coga-home .ch-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;} #coga-home .ch-step {padding:26px 26px 22px;background:#f6f9fb;border:1px solid #e0e9ed;border-radius:18px;} #coga-home .ch-step-number {display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:#e2f0f7;color:#26637b;font-size:16px;font-weight:700;margin-bottom:20px;} #coga-home .ch-step p {font-size:17px;margin:0;} #coga-home .ch-tint {background:#f1f7fb;} #coga-home .ch-split {display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;} #coga-home .ch-copy {min-width:0;} #coga-home .ch-checklist {padding:0 0 0 20px;margin:0 0 24px;color:#516879;font-size:17px;line-height:1.7;list-style:disc;} #coga-home .ch-checklist li {padding-left:4px;margin:8px 0;} #coga-home .ch-text-link {font-size:16px;line-height:1.6;font-weight:600;color:#146d93;text-decoration:underline;text-decoration-color:#9bbfcc;text-underline-offset:5px;} #coga-home .ch-video-card {background:#fff;border:1px solid #dbe8ef;border-radius:20px;padding:14px;box-shadow:0 16px 40px rgba(36,73,100,.06);} #coga-home .ch-media-heading {display:flex;align-items:center;gap:8px;padding:6px 6px 16px;font-size:14px;color:#486374;} #coga-home .ch-small-dot {width:8px;height:8px;border-radius:50%;background:#1d9386;flex-shrink:0;} #coga-home video {display:block;width:100%;height:auto;aspect-ratio:16/9;background:#e9f1f5;border-radius:11px;} #coga-home .ch-video-card p {font-size:13px;margin:12px 5px 2px;} #coga-home .ch-tool-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;} #coga-home .ch-tool {border:1px solid #d9e6ed;background:linear-gradient(125deg,#f7fbff,#eef6fc);border-radius:20px;padding:30px 34px;} #coga-home .ch-tool-green {background:linear-gradient(125deg,#f5fbf8,#eef7f3);border-color:#d9e8e1;} #coga-home .ch-tool-tag {display:block;color:#387082;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;} #coga-home .ch-tool h3 {font-size:26px;margin-bottom:16px;} #coga-home .ch-tool p {max-width:450px;font-size:17px;margin-bottom:20px;} #coga-home .ch-stats-section {background:#f7fafb;} #coga-home .ch-stats-visual {margin:0;padding:18px 0;} #coga-home .ch-stats-visual img {display:block;width:100%;height:auto;} #coga-home figcaption {font-size:12px;color:#617785;line-height:1.5;text-align:center;padding:12px 15px 0;} #coga-home .ch-metrics {display:grid;gap:10px;margin:22px 0;border:0;} #coga-home .ch-metrics > div {display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px;padding:2px 0 2px 30px;border:0;border-radius:0;background-color:transparent;background-repeat:no-repeat;background-size:20px 20px;background-position:left 5px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23237e76%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m3%206%209%207%209-7m-8%2011%202%202%205-5%22%2F%3E%3C%2Fsvg%3E");} #coga-home .ch-metrics > div:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23386ba6%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");} #coga-home .ch-metrics > div:nth-child(3){background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237060a4%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%203%2014%209-7%201-3%207-4-17Zm8%2011%205%206M4%201v1M1%205h2M18%204l-2%202%22%2F%3E%3C%2Fsvg%3E");} #coga-home .ch-metrics h3 {flex:0 0 auto;font-size:17px;line-height:1.5;font-weight:600;color:#286a63;margin:0;} #coga-home .ch-metrics > div:nth-child(2) h3{color:#315477;} #coga-home .ch-metrics > div:nth-child(3) h3{color:#64548f;} #coga-home .ch-metrics p {font-size:15px;line-height:1.5;color:#516879;margin:0;padding-left:24px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23849aa8%27 stroke-width=%271.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 8h11M9 4l4 4-4 4%27/%3E%3C/svg%3E") no-repeat left 4px;background-size:16px 16px;} #coga-home .ch-help {display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;} #coga-home .ch-help h2 {font-size:32px;} #coga-home .ch-help-links {border-top:1px solid #dbe6ec;} #coga-home .ch-help-links a {display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dbe6ec;padding:20px 0;color:#205875;text-decoration:none;} #coga-home .ch-help-links strong {display:block;font-size:18px;font-weight:600;} #coga-home .ch-help-links small {display:block;font-size:14px;color:#586f80;margin-top:3px;} #coga-home .ch-pricing-section {background:#f2f7fa;} #coga-home .ch-pricing-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} #coga-home .ch-price-card {display:flex;flex-direction:column;padding:28px 26px;background:#fff;border:1px solid #d8e5ec;border-radius:20px;} #coga-home .ch-price-free {background:linear-gradient(145deg,#fff,#eaf7f2);border-color:#afd4c9;} #coga-home .ch-price-card .ch-tool-tag {min-height:34px;font-size:11px;margin-bottom:10px;} #coga-home .ch-price-card h3 {font-size:25px;} #coga-home .ch-price-card p {font-size:16px;} #coga-home .ch-price-card .ch-price-main {font-size:40px;line-height:1.15;letter-spacing:-1px;font-weight:600;color:#1e6b64;margin:4px 0 18px;} #coga-home .ch-price-card .ch-price-unit {font-size:18px;line-height:1.45;font-weight:500;color:#2b5269;min-height:53px;margin:4px 0 18px;} #coga-home .ch-price-card .ch-button {margin-top:auto;} #coga-home .ch-price-detail {text-align:center;font-size:13px;color:#46706e;text-decoration:underline;margin-top:12px;} #coga-home .ch-pricing-note {margin:28px 0 0;text-align:center;} #coga-home .ch-final-section {padding-top:56px;padding-bottom:56px;} #coga-home .ch-final {text-align:center;background:radial-gradient(ellipse at top right,#dceff1,transparent 65%),linear-gradient(115deg,#eaf4fc,#eef9f1);border:1px solid #d7e7ec;border-radius:26px;padding:48px 24px;} #coga-home .ch-final h2 {font-size:38px;} #coga-home .ch-final .ch-final-note {font-size:13px;line-height:1.7;margin:22px 0 0;} body:not(.not_main) #footer-list-2 .links-list a {color:#c5d1da;font-size:15px;line-height:1.7;} @media (max-width:1199px) { .coga-home-hero {gap:28px;} .coga-home-hero h1 {font-size:42px;} .coga-home-hero .ch-hero-subtitle {font-size:27px;} .coga-home-hero .ch-hero-lead {font-size:18px;} #coga-home .ch-split {gap:36px;} } @media (max-width:991px) { body:not(.not_main) #intro-center-image {padding:68px 0 48px;} .coga-home-hero {grid-template-columns:1fr;gap:36px;} .coga-home-hero .ch-hero-copy {max-width:650px;} .coga-home-hero h1 {font-size:46px;} .coga-home-hero .ch-hero-subtitle {font-size:30px;} .coga-home-hero .ch-hero-visual {max-width:580px;width:100%;margin:0 auto;} #coga-home .ch-section {padding:48px 0;} #coga-home .ch-split,#coga-home .ch-help {grid-template-columns:1fr;gap:32px;} #coga-home .ch-stats-visual {max-width:620px;margin:auto;order:2;} #coga-home .ch-steps {gap:14px;} #coga-home .ch-step {padding:20px 18px;} #coga-home .ch-step h3 {font-size:19px;} #coga-home .ch-pricing-grid {gap:14px;} #coga-home .ch-price-card {padding:24px 18px;} #coga-home .ch-price-card h3 {font-size:21px;} } @media (max-width:767px) { body:not(.not_main) #intro-center-image {padding:52px 0 36px;} .coga-home-hero {gap:30px;} .coga-home-hero h1 {font-size:35px;letter-spacing:-1px;margin-bottom:18px;} .coga-home-hero .ch-hero-subtitle {font-size:25px;line-height:1.28;margin-bottom:18px;} .coga-home-hero .ch-hero-lead {font-size:17px;} .coga-home-hero .ch-eyebrow,#coga-home .ch-eyebrow {font-size:11px;letter-spacing:1.1px;margin-bottom:14px;} .coga-home-hero .ch-actions {flex-direction:column;align-items:stretch;} .coga-home-hero .ch-button,#coga-home .ch-button {font-size:16px;min-height:50px;} .coga-home-hero .ch-hero-note {font-size:14px;} .coga-home-hero .ch-hero-visual {padding:18px 12px 14px;border-radius:18px;} .coga-home-hero .ch-visual-label {font-size:12px;} .coga-home-hero .ch-visual-bottom {inset:50px 8px 20px;} .coga-home-hero .ch-visual-bottom span {font-size:11px;padding:9px 10px 9px 31px;background-size:16px 16px;background-position:9px center;border-radius:9px;} #coga-home .ch-container {padding:0 20px;} #coga-home .ch-section {padding:40px 0;} #coga-home h2,#coga-home .ch-help h2,#coga-home .ch-final h2 {font-size:28px;letter-spacing:-.5px;} #coga-home p {font-size:17px;} #coga-home .ch-heading {text-align:left;margin-bottom:26px;} #coga-home .ch-steps,#coga-home .ch-tool-grid,#coga-home .ch-pricing-grid {grid-template-columns:1fr;gap:16px;} #coga-home .ch-step {padding:24px;} #coga-home .ch-step-number {margin-bottom:16px;} #coga-home .ch-step h3 {font-size:22px;} #coga-home .ch-tool {padding:26px;} #coga-home .ch-tool h3 {font-size:24px;} #coga-home .ch-tool h3 br {display:none;} #coga-home .ch-price-card {padding:26px;} #coga-home .ch-price-card h3 {font-size:25px;} #coga-home .ch-price-card .ch-tool-tag,#coga-home .ch-price-card .ch-price-unit {min-height:0;} #coga-home .ch-price-card .ch-button {margin-top:4px;} #coga-home .ch-final {padding:34px 20px;border-radius:20px;} #coga-home .ch-final p br {display:none;} #coga-home .ch-final .ch-button {width:100%;} #coga-home .ch-pricing-note {text-align:left;} } /* Homepage card illustrations: same lightweight vector language as /portfolio/. */ #coga-home {--ch-art-mail:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22350%22%20viewBox%3D%220%200%20380%20350%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22p%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e1ebf6%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22s%22%20x%3D%22-40%25%22%20y%3D%22-40%25%22%20width%3D%22190%25%22%20height%3D%22210%25%22%3E%3CfeDropShadow%20dx%3D%221%22%20dy%3D%229%22%20stdDeviation%3D%227%22%20flood-color%3D%22%23839cbb%22%20flood-opacity%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%22240%22%20cy%3D%22191%22%20rx%3D%22126%22%20ry%3D%22122%22%20fill%3D%22%23dde9f7%22%20opacity%3D%22.65%22%2F%3E%3Cg%20transform%3D%22translate(141%2072)%20rotate(-12%2085%2055)%20scale(0.93)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%22172%22%20height%3D%22118%22%20rx%3D%2214%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22m8%2015%2078%2057%2078-57M8%20107l53-44m50%200%2053%2044%22%20fill%3D%22none%22%20stroke%3D%22%23a9c4dd%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(192%20171)%20rotate(10%2085%2055)%20scale(1)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%22172%22%20height%3D%22118%22%20rx%3D%2214%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22m8%2015%2078%2057%2078-57M8%20107l53-44m50%200%2053%2044%22%20fill%3D%22none%22%20stroke%3D%22%23a9c4dd%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22319%22%20cy%3D%2282%22%20r%3D%2228%22%20fill%3D%22%23b5dcd1%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22m307%2082%209%209%2017-19%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); --ch-art-people:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22350%22%20viewBox%3D%220%200%20380%20350%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22p%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e1ebf6%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22s%22%20x%3D%22-40%25%22%20y%3D%22-40%25%22%20width%3D%22190%25%22%20height%3D%22210%25%22%3E%3CfeDropShadow%20dx%3D%221%22%20dy%3D%229%22%20stdDeviation%3D%227%22%20flood-color%3D%22%23839cbb%22%20flood-opacity%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%22240%22%20cy%3D%22191%22%20rx%3D%22126%22%20ry%3D%22122%22%20fill%3D%22%23dfefe9%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M161%20108h63v93h68%22%20fill%3D%22none%22%20stroke%3D%22%23a4cec7%22%20stroke-width%3D%223%22%20stroke-dasharray%3D%226%206%22%2F%3E%3Cg%20transform%3D%22translate(113%2066)%20rotate(-9%2040%2046)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%2280%22%20height%3D%2294%22%20rx%3D%2216%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2232%22%20r%3D%2214%22%20fill%3D%22%23b7cce8%22%2F%3E%3Cpath%20d%3D%22M17%2073a23%2023%200%200%201%2046%200%22%20fill%3D%22%23b7cce8%22%2F%3E%3Cpath%20d%3D%22M24%2083h32%22%20stroke%3D%22%23d7e4eb%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(248%20100)%20rotate(8%2040%2046)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%2280%22%20height%3D%2294%22%20rx%3D%2216%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2232%22%20r%3D%2214%22%20fill%3D%22%23b2d9d0%22%2F%3E%3Cpath%20d%3D%22M17%2073a23%2023%200%200%201%2046%200%22%20fill%3D%22%23b2d9d0%22%2F%3E%3Cpath%20d%3D%22M24%2083h32%22%20stroke%3D%22%23d7e4eb%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(174%20212)%20rotate(-3%2040%2046)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%2280%22%20height%3D%2294%22%20rx%3D%2216%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2232%22%20r%3D%2214%22%20fill%3D%22%23c8c0e3%22%2F%3E%3Cpath%20d%3D%22M17%2073a23%2023%200%200%201%2046%200%22%20fill%3D%22%23c8c0e3%22%2F%3E%3Cpath%20d%3D%22M24%2083h32%22%20stroke%3D%22%23d7e4eb%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ch-art-automation:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22350%22%20viewBox%3D%220%200%20380%20350%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22p%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e1ebf6%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22s%22%20x%3D%22-40%25%22%20y%3D%22-40%25%22%20width%3D%22190%25%22%20height%3D%22210%25%22%3E%3CfeDropShadow%20dx%3D%221%22%20dy%3D%229%22%20stdDeviation%3D%227%22%20flood-color%3D%22%23839cbb%22%20flood-opacity%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%22240%22%20cy%3D%22191%22%20rx%3D%22126%22%20ry%3D%22122%22%20fill%3D%22%23e1ecec%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M193%20103v45q0%2015%2015%2015h77q15%200%2015%2015v38M193%20163h-42q-15%200-15%2015v48%22%20fill%3D%22none%22%20stroke%3D%22%23a2c6c7%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20filter%3D%22url(%23s)%22%3E%3Crect%20x%3D%22147%22%20y%3D%2248%22%20width%3D%2294%22%20height%3D%2268%22%20rx%3D%2216%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22m187%2064-13%2023h17l-4%2016%2024-29h-18l6-10%22%20fill%3D%22%2399bdc9%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(83%20222)%20rotate(-8%2085%2055)%20scale(0.61)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%22172%22%20height%3D%22118%22%20rx%3D%2214%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22m8%2015%2078%2057%2078-57M8%20107l53-44m50%200%2053%2044%22%20fill%3D%22none%22%20stroke%3D%22%23a9c4dd%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(248%20210)%20rotate(10%2085%2055)%20scale(0.61)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%22172%22%20height%3D%22118%22%20rx%3D%2214%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22m8%2015%2078%2057%2078-57M8%20107l53-44m50%200%2053%2044%22%20fill%3D%22none%22%20stroke%3D%22%23a9c4dd%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22194%22%20cy%3D%22163%22%20r%3D%2212%22%20fill%3D%22%23b6dacf%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E"); --ch-art-api:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22350%22%20viewBox%3D%220%200%20380%20350%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22p%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e1ebf6%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22s%22%20x%3D%22-40%25%22%20y%3D%22-40%25%22%20width%3D%22190%25%22%20height%3D%22210%25%22%3E%3CfeDropShadow%20dx%3D%221%22%20dy%3D%229%22%20stdDeviation%3D%227%22%20flood-color%3D%22%23839cbb%22%20flood-opacity%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%22240%22%20cy%3D%22191%22%20rx%3D%22126%22%20ry%3D%22122%22%20fill%3D%22%23e8e6f4%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M142%20128h72q18%200%2018%2018v79h61%22%20fill%3D%22none%22%20stroke%3D%22%23adbddd%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20transform%3D%22translate(112%2058)%20rotate(-9%2078%2062)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%22160%22%20height%3D%22119%22%20rx%3D%2218%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M0%2029h160%22%20stroke%3D%22%23d6e2ee%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2215%22%20r%3D%223%22%20fill%3D%22%23a2bcd6%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2215%22%20r%3D%223%22%20fill%3D%22%23bad7d0%22%2F%3E%3Cpath%20d%3D%22m56%2051-19%2020%2019%2020m45-40%2019%2020-19%2020M88%2047%2073%2096%22%20fill%3D%22none%22%20stroke%3D%22%239daed1%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(250%20193)%20rotate(9%2049%2050)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%2296%22%20height%3D%22102%22%20rx%3D%2218%22%20fill%3D%22%23dfefe9%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M24%2035h48M24%2052h48M24%2069h28%22%20stroke%3D%22%23a4c7c3%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ch-art-calendar:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22350%22%20viewBox%3D%220%200%20380%20350%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22p%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e1ebf6%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22s%22%20x%3D%22-40%25%22%20y%3D%22-40%25%22%20width%3D%22190%25%22%20height%3D%22210%25%22%3E%3CfeDropShadow%20dx%3D%221%22%20dy%3D%229%22%20stdDeviation%3D%227%22%20flood-color%3D%22%23839cbb%22%20flood-opacity%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%22240%22%20cy%3D%22191%22%20rx%3D%22126%22%20ry%3D%22122%22%20fill%3D%22%23e2efeb%22%20opacity%3D%22.65%22%2F%3E%3Cg%20transform%3D%22translate(151%2082)%20rotate(10%2094%20102)%22%20filter%3D%22url(%23s)%22%3E%3Crect%20width%3D%22180%22%20height%3D%22206%22%20rx%3D%2220%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M0%2053h180%22%20stroke%3D%22%23c2d9df%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M47-8v33M133-8v33%22%20stroke%3D%22%23abc8cc%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22%23c3dcdf%22%3E%3Crect%20x%3D%2223%22%20y%3D%2275%22%20width%3D%2231%22%20height%3D%2225%22%20rx%3D%226%22%2F%3E%3Crect%20x%3D%2274%22%20y%3D%2275%22%20width%3D%2231%22%20height%3D%2225%22%20rx%3D%226%22%2F%3E%3Crect%20x%3D%22125%22%20y%3D%2275%22%20width%3D%2231%22%20height%3D%2225%22%20rx%3D%226%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%22120%22%20width%3D%2231%22%20height%3D%2225%22%20rx%3D%226%22%2F%3E%3Crect%20x%3D%2274%22%20y%3D%22120%22%20width%3D%2231%22%20height%3D%2225%22%20rx%3D%226%22%2F%3E%3Crect%20x%3D%22125%22%20y%3D%22120%22%20width%3D%2231%22%20height%3D%2225%22%20rx%3D%226%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%2246%22%20y%3D%22166%22%20width%3D%2288%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%23b9d2d9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ch-art-plane:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22380%22%20height%3D%22350%22%20viewBox%3D%220%200%20380%20350%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22p%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e1ebf6%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22s%22%20x%3D%22-40%25%22%20y%3D%22-40%25%22%20width%3D%22190%25%22%20height%3D%22210%25%22%3E%3CfeDropShadow%20dx%3D%221%22%20dy%3D%229%22%20stdDeviation%3D%227%22%20flood-color%3D%22%23839cbb%22%20flood-opacity%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%22240%22%20cy%3D%22191%22%20rx%3D%22126%22%20ry%3D%22122%22%20fill%3D%22%23dceee8%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M129%20269c-80-43%2017-93%2048-47s-38%2086-80%2039%22%20fill%3D%22none%22%20stroke%3D%22%23b1d4d1%22%20stroke-width%3D%223%22%20stroke-dasharray%3D%227%207%22%2F%3E%3Cg%20transform%3D%22rotate(-12%20241%20149)%22%20filter%3D%22url(%23s)%22%3E%3Cpath%20d%3D%22m115%20133%20224-62-55%20177-64-65-51%2024%2011-59z%22%20fill%3D%22url(%23p)%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m180%20148%20159-77-119%20112-51%2024%2034-39%22%20fill%3D%22%23c2d8e8%22%2F%3E%3Cpath%20d%3D%22m220%20183%2064%2065%2055-177%22%20fill%3D%22%23d9e8ef%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} #coga-home .ch-tool { display:flex;flex-direction:column;align-items:flex-start; --ch-card-rgb:244,248,253; background-color:rgb(var(--ch-card-rgb)); background-image:linear-gradient(90deg,rgba(var(--ch-card-rgb),1) 0%,rgba(var(--ch-card-rgb),.97) 38%,rgba(var(--ch-card-rgb),.78) 65%,rgba(var(--ch-card-rgb),.18) 100%),var(--ch-art); background-position:center,right -15px center; background-size:100% 100%,340px auto; background-repeat:no-repeat; border-color:#dbe6ee; box-shadow:0 8px 24px rgba(34,70,92,.035); min-height:310px; } #coga-home .ch-tool:nth-child(1) {--ch-art:var(--ch-art-mail);} #coga-home .ch-tool:nth-child(2) {--ch-art:var(--ch-art-people);--ch-card-rgb:240,248,245;border-color:#d6e6df;} #coga-home .ch-tool:nth-child(3) {--ch-art:var(--ch-art-automation);--ch-card-rgb:239,248,248;border-color:#d5e5e5;} #coga-home .ch-tool:nth-child(4) {--ch-art:var(--ch-art-api);--ch-card-rgb:245,246,252;border-color:#e0e1ee;} #coga-home .ch-tool h3 {max-width:370px;} #coga-home .ch-tool > .ch-text-link {margin-top:auto;} #coga-home .ch-tool p {max-width:390px;color:#465f73;} #coga-home .ch-tool .ch-tool-tag {display:inline-block;background:rgba(255,255,255,.75);border:1px solid rgba(190,213,221,.55);padding:6px 10px;border-radius:20px;font-size:11px;letter-spacing:.8px;margin-bottom:17px;} #coga-home .ch-step { background-color:#f6f9fb; background-image:linear-gradient(0deg,#f6f9fb 15%,rgba(246,249,251,.95) 48%,rgba(246,249,251,.15) 100%),var(--ch-art); background-repeat:no-repeat; background-position:center,right -8px top -32px; background-size:100% 100%,155px auto; } #coga-home .ch-step:nth-child(1) {--ch-art:var(--ch-art-people);} #coga-home .ch-step:nth-child(2) {--ch-art:var(--ch-art-mail);} #coga-home .ch-step:nth-child(3) {--ch-art:var(--ch-art-plane);} #coga-home .ch-price-card { background-color:#fff; background-image:linear-gradient(0deg,#fff 22%,rgba(255,255,255,.98) 44%,rgba(255,255,255,.5) 100%),var(--ch-art); background-position:center,right -36px top 1px; background-size:100% 100%,200px auto; background-repeat:no-repeat; } #coga-home .ch-price-card:nth-child(1) {--ch-art:var(--ch-art-plane);background-color:#f1faf6;background-image:linear-gradient(0deg,#f1faf6 22%,rgba(241,250,246,.98) 44%,rgba(241,250,246,.25) 100%),var(--ch-art);} #coga-home .ch-price-card:nth-child(2) {--ch-art:var(--ch-art-mail);} #coga-home .ch-price-card:nth-child(3) {--ch-art:var(--ch-art-calendar);} @media(max-width:991px) { #coga-home .ch-tool {background-size:100% 100%,290px auto;min-height:0;} #coga-home .ch-tool h3 {font-size:24px;} #coga-home .ch-price-card {background-size:100% 100%,170px auto;background-position:center,right -50px top 7px;} } @media(max-width:767px) { #coga-home .ch-tool {background-size:100% 100%,260px auto;background-position:center,right -22px bottom -25px;background-image:linear-gradient(90deg,rgba(var(--ch-card-rgb),1) 0%,rgba(var(--ch-card-rgb),.94) 42%,rgba(var(--ch-card-rgb),.6) 100%),var(--ch-art);} #coga-home .ch-tool h3 {max-width:100%;} #coga-home .ch-tool p {max-width:100%;} #coga-home .ch-price-card {background-size:100% 100%,185px auto;background-position:center,right -15px top -4px;} } /* Reserve the fixed 74px mobile navigation in document flow. Do not compete with legacy !important hero padding. Homepage only. */ #coga-home [id] {scroll-margin-top:94px;} .coga-home-hero > *,#coga-home .ch-split > *,#coga-home .ch-tool,#coga-home .ch-price-card {min-width:0;} @media (max-width:767px) { body:not(.not_main) {padding-top:0;} body:not(.not_main) #wrap {padding-top:74px;} .coga-home-hero .ch-hero-visual {max-width:340px;} #coga-home .ch-metrics > div {padding:2px 0 2px 27px;gap:3px 8px;background-position:left 6px;background-size:18px 18px;} } @media (max-width:991px) { body:not(.not_main) .site-header__menu { max-height:calc(100vh - 98px); max-height:calc(100dvh - 98px); overflow-y:auto; overscroll-behavior:contain; } } /* Floating hero labels; transform only, no layout shifts. */ @keyframes ch-card-float {0%,100%{transform:translate3d(0,0,0) rotate(var(--ch-card-angle));}50%{transform:translate3d(2px,-7px,0) rotate(calc(var(--ch-card-angle) + 2deg));}} @media(max-width:767px){.coga-home-hero .ch-visual-bottom span{animation-name:ch-card-float-small;}} @keyframes ch-card-float-small{0%,100%{transform:translate3d(0,0,0) rotate(var(--ch-card-angle));}50%{transform:translate3d(1px,-3px,0) rotate(calc(var(--ch-card-angle) + 1deg));}} @media(prefers-reduced-motion:reduce){.coga-home-hero .ch-visual-bottom span{animation:none;}} /* Clear steps and a compact cue between the hero and the next section. */ body:not(.not_main) #intro-center-image {padding-bottom:42px !important;} #coga-home {position:relative;} #coga-home .ch-start {padding-top:54px;} #coga-home .ch-scroll-cue {position:absolute;z-index:2;left:50%;top:-24px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #a9c8d5;border-radius:50%;background:#fff;color:#285970;text-decoration:none;box-shadow:0 9px 24px rgba(32,75,103,.14);} #coga-home .ch-scroll-cue svg {width:32px;height:24px;flex:none;} #coga-home .ch-scroll-cue:hover {background:#edf7fa;color:#164f6c;} #coga-home .ch-scroll-cue:focus-visible {outline:3px solid #185ca0;outline-offset:4px;} #coga-home .ch-step {--ch-step-rgb:224,236,251;background-color:rgb(var(--ch-step-rgb));background-image:linear-gradient(0deg,rgba(var(--ch-step-rgb),1) 12%,rgba(var(--ch-step-rgb),.96) 51%,rgba(var(--ch-step-rgb),.28) 100%),var(--ch-art);border-color:#a7c5e4;box-shadow:0 12px 28px rgba(33,70,103,.09);} #coga-home .ch-step:nth-child(2) {--ch-step-rgb:222,242,233;border-color:#9ccfbc;} #coga-home .ch-step:nth-child(3) {--ch-step-rgb:235,230,247;border-color:#c3b4df;} #coga-home .ch-step:nth-child(1) .ch-step-number {background:#c8def7;color:#1c527f;} #coga-home .ch-step:nth-child(2) .ch-step-number {background:#c5e7d8;color:#1d6659;} #coga-home .ch-step:nth-child(3) .ch-step-number {background:#d9cef0;color:#5a4b80;} #coga-home .ch-price-card {border-color:#c9dbe5;box-shadow:0 7px 22px rgba(32,70,95,.045);} #coga-home .ch-price-free {border-color:#a5d0bf;} @media(max-width:767px) {body:not(.not_main) #intro-center-image {padding-bottom:34px !important;}#coga-home .ch-start {padding-top:48px;}#coga-home .ch-scroll-cue {top:-22px;width:44px;height:44px;}} /* Mobile hero: show the product immediately after the heading. */ @media (max-width:767px) { body:not(.not_main) #intro-center-image {padding-top:30px;} .coga-home-hero {display:flex;flex-direction:column;align-items:stretch;gap:0;} .coga-home-hero .ch-hero-copy {display:contents;} .coga-home-hero .ch-eyebrow {order:1;margin-bottom:10px;} .coga-home-hero h1 {order:2;font-size:30px;line-height:1.14;letter-spacing:-.7px;margin:0 0 14px;} .coga-home-hero .ch-hero-visual {order:3;max-width:320px;margin:0 auto 18px;padding:12px 10px 10px;} .coga-home-hero .ch-hero-visual img {margin-top:6px;} .coga-home-hero .ch-visual-bottom {inset:42px 7px 13px;} .coga-home-hero .ch-hero-subtitle {order:4;font-size:22px;line-height:1.25;margin:0 0 10px;} .coga-home-hero .ch-hero-lead {order:5;font-size:16px;line-height:1.5;margin:0 0 17px;} .coga-home-hero .ch-actions {order:6;} .coga-home-hero .ch-hero-note {order:7;margin-top:13px;} } /* Mobile hero UX pass: keep the value, product and primary action in the first viewport. */ @media (max-width:767px) { body:not(.not_main) #intro-center-image {padding-top:22px;padding-bottom:28px !important;} .coga-home-hero .ch-eyebrow {margin-bottom:8px;} .coga-home-hero h1 {font-size:29px;line-height:1.12;letter-spacing:-.55px;margin-bottom:11px;} .coga-home-hero .ch-hero-visual {max-width:272px;margin-bottom:14px;padding:8px;border-radius:16px;box-shadow:0 12px 32px rgba(32,81,112,.10);} .coga-home-hero .ch-visual-label {display:none;} .coga-home-hero .ch-hero-visual img {margin-top:0;} .coga-home-hero .ch-visual-bottom {inset:10px 4px 8px;} .coga-home-hero .ch-visual-bottom span {font-size:10px;padding:7px 8px 7px 27px;background-size:14px 14px;background-position:8px center;animation:none;} .coga-home-hero .ch-hero-subtitle {font-size:21px;line-height:1.22;margin-bottom:8px;} .coga-home-hero .ch-hero-lead {font-size:15.5px;line-height:1.46;margin-bottom:14px;} .coga-home-hero .ch-actions {gap:4px;} .coga-home-hero .ch-button-primary {min-height:48px;} .coga-home-hero .ch-button-secondary {min-height:42px;padding:8px 10px;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px;} .coga-home-hero .ch-hero-note {margin-top:9px;line-height:1.5;} } /* Mobile hero artwork without a card frame. */ @media (max-width:767px) { .coga-home-hero .ch-eyebrow {text-align:center;} .coga-home-hero h1 {text-align:center;} .coga-home-hero .ch-hero-visual {width:calc(100% + 8px);max-width:340px;height:auto;aspect-ratio:1.65;margin-left:-4px;margin-right:-4px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;} .coga-home-hero .ch-hero-visual img {width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center 49%;} .coga-home-hero .ch-visual-bottom {inset:5px 2px 5px;} } /* Mobile homepage UX: tighter rhythm, readable type and larger tap targets. */ @media (max-width:767px) { #coga-home .ch-container {padding-left:16px;padding-right:16px;} #coga-home .ch-section {padding:34px 0;} #coga-home .ch-start {padding-top:44px;} #coga-home h2,#coga-home .ch-help h2,#coga-home .ch-final h2 {font-size:26px;line-height:1.18;letter-spacing:-.35px;} #coga-home p {font-size:16px;line-height:1.55;} #coga-home .ch-heading {margin-bottom:20px;} #coga-home .ch-heading .ch-eyebrow,#coga-home .ch-copy .ch-eyebrow {margin-bottom:9px;} #coga-home .ch-steps,#coga-home .ch-tool-grid,#coga-home .ch-pricing-grid {gap:12px;} #coga-home .ch-step {position:relative;padding:17px 16px 17px 58px;border-radius:14px;box-shadow:0 7px 18px rgba(33,70,103,.07);} #coga-home .ch-step-number {position:absolute;left:16px;top:17px;width:32px;height:32px;border-radius:9px;font-size:13px;margin:0;} #coga-home .ch-step h3 {font-size:20px;line-height:1.25;margin:3px 0 7px;} #coga-home .ch-step p {font-size:15px;line-height:1.5;} #coga-home .ch-split,#coga-home .ch-help {gap:24px;} #coga-home .ch-copy > p {margin-bottom:16px;} #coga-home .ch-checklist {font-size:15px;line-height:1.55;margin-bottom:18px;} #coga-home .ch-checklist li {margin:6px 0;} #coga-home .ch-copy > .ch-button {width:100%;} #coga-home .ch-video-card {padding:8px;border-radius:14px;box-shadow:0 8px 22px rgba(36,73,100,.05);} #coga-home .ch-media-heading {padding:4px 4px 10px;font-size:13px;} #coga-home .ch-video-card p {font-size:12px;margin:8px 4px 1px;} #coga-home .ch-stats-visual {padding:0;margin-top:2px;} #coga-home .ch-stats-visual figcaption {font-size:12px;line-height:1.45;margin-top:7px;} #coga-home .ch-metrics {gap:7px;margin:16px 0;} #coga-home .ch-metrics h3 {font-size:16px;} #coga-home .ch-metrics p {font-size:14px;line-height:1.45;} #coga-home .ch-tool {padding:20px;border-radius:15px;background-size:100% 100%,225px auto;background-position:center,right -28px bottom -18px;background-image:linear-gradient(90deg,rgba(var(--ch-card-rgb),1) 0%,rgba(var(--ch-card-rgb),.97) 48%,rgba(var(--ch-card-rgb),.78) 100%),var(--ch-art);} #coga-home .ch-tool .ch-tool-tag {margin-bottom:12px;padding:5px 9px;} #coga-home .ch-tool h3 {font-size:21px;line-height:1.25;margin-bottom:10px;} #coga-home .ch-tool p {font-size:15px;line-height:1.5;margin-bottom:14px;} #coga-home .ch-price-card {padding:20px;border-radius:15px;} #coga-home .ch-price-card h3 {font-size:22px;margin-bottom:8px;} #coga-home .ch-price-card .ch-price-main {font-size:34px;margin:2px 0 12px;} #coga-home .ch-price-card .ch-price-unit {font-size:16px;margin:2px 0 12px;} #coga-home .ch-price-card p {font-size:15px;} #coga-home .ch-price-card .ch-button {width:100%;} #coga-home .ch-help-links a {gap:12px;padding:15px 0;} #coga-home .ch-help-links strong {font-size:17px;} #coga-home .ch-help-links small {font-size:13px;line-height:1.4;} #coga-home .ch-final-section {padding-top:34px;padding-bottom:34px;} #coga-home .ch-final {padding:27px 17px;border-radius:16px;} #coga-home .ch-final .ch-final-note {font-size:12px;line-height:1.55;margin-top:16px;} } /* Compact mobile footer on the homepage. */ @media (max-width:600px) { #footer-list-2.coga-footer {padding:23px 0 12px;} #footer-list-2 .coga-footer__grid {gap:18px 14px;} #footer-list-2 .coga-footer__brand {display:flex;align-items:center;gap:15px;} #footer-list-2 .coga-footer__logo {flex:0 0 auto;} #footer-list-2 .coga-footer__logo img {width:124px;} #footer-list-2 .coga-footer__description {margin:0;font-size:13px;line-height:1.45;} #footer-list-2 .coga-footer__cta {display:none;} #footer-list-2 .coga-footer__heading {font-size:14px;margin-bottom:7px;} #footer-list-2 .links-list {margin-bottom:0;} #footer-list-2 .links-list li {margin:0;} #footer-list-2 .links-list a {min-height:36px;font-size:13px;line-height:1.35;} #footer-list-2 .coga-footer__group:last-child {padding-top:14px;} #footer-list-2 .coga-footer__group:last-child .links-list {column-gap:14px;} #footer-list-2 .coga-footer__bottom {margin-top:18px;padding-top:13px;gap:4px 12px;} #footer-list-2 .coga-footer__bottom p {font-size:11px;line-height:1.55;} #footer-list-2 .coga-footer__bottom p span {display:inline;margin-left:6px;} #footer-list-2 .coga-footer__top {min-height:34px;margin-top:2px;} } /* Keep homepage footer overrides above the later global footer stylesheet. */ @media (max-width:600px) { body:not(.not_main) #footer-list-2.coga-footer {padding:23px 0 12px;} body:not(.not_main) #footer-list-2 .coga-footer__grid {gap:18px 14px;} body:not(.not_main) #footer-list-2 .coga-footer__brand {display:flex;align-items:center;gap:15px;} body:not(.not_main) #footer-list-2 .coga-footer__logo {flex:0 0 auto;} body:not(.not_main) #footer-list-2 .coga-footer__logo img {width:124px;} body:not(.not_main) #footer-list-2 .coga-footer__description {margin:0;font-size:13px;line-height:1.45;} body:not(.not_main) #footer-list-2 .coga-footer__cta {display:none;} body:not(.not_main) #footer-list-2 .coga-footer__heading {font-size:14px;margin-bottom:7px;} body:not(.not_main) #footer-list-2 .links-list {margin-bottom:0;} body:not(.not_main) #footer-list-2 .links-list li {margin:0;} body:not(.not_main) #footer-list-2 .links-list a {min-height:36px;font-size:13px;line-height:1.35;} body:not(.not_main) #footer-list-2 .coga-footer__group:last-child {padding-top:14px;} body:not(.not_main) #footer-list-2 .coga-footer__group:last-child .links-list {column-gap:14px;} body:not(.not_main) #footer-list-2 .coga-footer__bottom {margin-top:18px;padding-top:13px;gap:4px 12px;} body:not(.not_main) #footer-list-2 .coga-footer__bottom p {font-size:11px;line-height:1.55;} body:not(.not_main) #footer-list-2 .coga-footer__bottom p span {display:inline;margin-left:6px;} body:not(.not_main) #footer-list-2 .coga-footer__top {min-height:34px;margin-top:2px;} } /* Exact centering for the frameless mobile hero artwork. */ @media (max-width:767px) { .coga-home-hero .ch-hero-visual {margin-left:auto;margin-right:auto;} } /* Full-bleed mobile hero artwork. */ @media (max-width:767px) { .coga-home-hero .ch-hero-visual {width:100vw;max-width:none;aspect-ratio:1.72;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;} .coga-home-hero .ch-visual-bottom {inset:7px 10px;} } /* End */ /* /html/css/coga-home-v2.css?179062611044115 */