:root{font-family:'Google Sans Flex','Google Sans',Arial,sans-serif;color:#16231f;background:#fafbf8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.site{min-height:100vh}nav{height:78px;width:100%;max-width:1160px;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Google Sans Flex','Google Sans',Arial,sans-serif;font-weight:800;font-size:var(--font-lg);letter-spacing:-.7px}.brand b{display:inline-grid;place-items:center;width:29px;height:29px;background:#226b52;color:#fff;border-radius:9px;margin-right:7px}nav>div{display:flex;align-items:center;gap:27px}nav>div a{font-size:var(--font-sm);color:#66736d}.signin{padding:10px 14px;border:1px solid #dfe5e0;border-radius:7px;color:#226b52!important}.hero{text-align:center;padding:95px 24px 70px}.eyebrow{font-weight:700;font-size:var(--font-sm);letter-spacing:1.7px;color:#39765b}.hero h1,.subpage h1{font:800 var(--font-5xl)/1.06 'Google Sans Flex','Google Sans',Arial,sans-serif;letter-spacing:-3.5px;margin:18px auto;max-width:820px}.hero h1 em{font-style:normal;color:#347558}.hero>p:not(.eyebrow){max-width:560px;margin:0 auto 25px;color:#76827c;font-size:var(--font-base);line-height:1.8}.cta{display:inline-block;background:#226b52;color:#fff;border-radius:8px;padding:13px 18px;font-weight:700;font-size:var(--font-sm)}.flow{display:flex;gap:20px;align-items:center;justify-content:center;max-width:800px;margin:58px auto 0;padding:28px;background:#eaf3ed;border:1px solid #e0ebe3;border-radius:13px}.flow span{background:#fff;border-radius:7px;padding:13px 18px;font:var(--font-sm) ui-monospace,monospace}.flow b{color:#438568}.features{text-align:center;padding:56px 24px 95px}.features h2{font:700 var(--font-2xl) 'Google Sans Flex','Google Sans',Arial,sans-serif;letter-spacing:-1px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1010px;margin:28px auto}.grid article{text-align:left;background:#fff;border:1px solid #e8ece7;border-radius:12px;padding:23px}.grid article>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf5ef;color:#39765b;font-size:var(--font-sm)}.grid h3{font-size:var(--font-sm)}.grid p,.sections p{font-size:var(--font-sm);line-height:1.8;color:#76827c}footer{border-top:1px solid #e8ece7;max-width:1080px;margin:auto;padding:28px 20px;display:flex;justify-content:space-between;gap:20px;color:#8a9690;font-size:var(--font-sm)}footer div{display:flex;gap:17px}footer a{text-transform:capitalize}.subpage{max-width:840px;margin:auto;padding:48px 24px 100px}.back{font-size:var(--font-sm);color:#39765b}.subpage .eyebrow{margin-top:48px}.subpage h1{font-size:var(--font-5xl);margin:15px 0}.intro{font-size:var(--font-base);line-height:1.8;color:#68766f;max-width:690px}.sections{margin:38px 0}.sections article{padding:18px 0;border-top:1px solid #e7ece7}.sections h2{font:700 var(--font-base) 'Google Sans Flex','Google Sans',Arial,sans-serif}.sections p{font-size:var(--font-sm)}.subpage .cta{margin-top:10px}@media(max-width:650px){nav>div{gap:12px}nav>div a:not(.signin){display:none}.hero{padding-top:65px}.hero h1{font-size:var(--font-4xl);letter-spacing:-2.2px}.flow{gap:8px;flex-wrap:wrap;margin-top:38px}.flow span{font-size:var(--font-sm);padding:11px}.grid{grid-template-columns:1fr}.features h2{font-size:var(--font-2xl)}footer{flex-direction:column}footer div{flex-wrap:wrap}.subpage h1{font-size:var(--font-3xl)}}

/* CyanDB homepage */
.marketing-preview-note{min-height:36px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 18px;background:#f1f7f5;color:#47615b;font-size:var(--font-sm);text-align:center}.marketing-preview-note span{color:#d49444;font-size:var(--font-sm)}.marketing-home-hero{max-width:1160px;margin:auto;padding:78px 24px 72px;display:grid;grid-template-columns:1.07fr .93fr;gap:54px;align-items:center}.marketing-home-copy{max-width:590px}.marketing-home-hero h1{font:750 clamp(var(--font-4xl),5.2vw,var(--font-5xl))/1.04 'Google Sans Flex','Google Sans',Arial,sans-serif;letter-spacing:-3.4px;margin:18px 0}.marketing-home-hero h1 em{font-style:normal;color:#147d75}.marketing-home-intro{max-width:540px;color:#64736f;font-size:var(--font-sm);line-height:1.8}.marketing-home-intro strong{color:#13221f}.marketing-home-actions{display:flex;align-items:center;gap:20px;margin-top:25px}.marketing-home-actions .cta,.marketing-final-cta .cta{background:#147d75;padding:13px 16px;border-radius:8px;color:white;font-weight:700;font-size:var(--font-sm)}.marketing-home-actions .cta:hover,.marketing-final-cta .cta:hover{background:#08635d}.text-cta{font-size:var(--font-sm);font-weight:600;color:#13221f}.marketing-home-microcopy{margin-top:17px;color:#84918d;font-size:var(--font-sm)}.marketing-product-preview{width:100%;max-width:470px;justify-self:end;background:white;border:1px solid #e4eae7;border-radius:16px;overflow:hidden;box-shadow:0 24px 65px #183e3516}.marketing-preview-top{height:46px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#66736f;font-size:var(--font-sm);border-bottom:1px solid #ecf0ee}.marketing-preview-top>span{display:flex;gap:5px}.marketing-preview-top i{width:6px;height:6px;border-radius:50%;background:#dbe3df}.marketing-preview-body{padding:23px}.marketing-preview-body>small{font-size:var(--font-sm);letter-spacing:1px;font-weight:700;color:#96a19d}.marketing-preview-domain{display:flex;align-items:center;gap:10px;margin:13px 0 19px}.marketing-preview-domain>b,.marketing-preview-route b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf6f3;color:#147d75}.marketing-preview-domain span,.marketing-preview-route span{flex:1}.marketing-preview-domain strong,.marketing-preview-route strong{display:block;font-size:var(--font-sm)}.marketing-preview-domain small,.marketing-preview-route small{display:block;margin-top:4px;color:#8a9691;font-size:var(--font-sm)}.marketing-preview-domain em{font-style:normal;padding:6px 8px;background:#f4f5f3;border-radius:20px;color:#67746f;font-size:var(--font-sm)}.marketing-preview-body hr{border:0;border-top:1px solid #edf0ee;margin:18px 0}.marketing-preview-route{margin-top:11px;padding:12px;border:1px solid #edf0ee;border-radius:10px;background:#fcfdfc}.marketing-preview-route>div{display:flex;align-items:center;gap:9px}.marketing-preview-route b{width:28px;height:28px;border-radius:8px;font-size:var(--font-sm)}.marketing-preview-route .marketing-route-arrow{padding:7px 0 7px 9px;color:#9aa6a0;font-size:var(--font-sm)}.marketing-preview-route>div:last-child{padding-top:10px;border-top:1px solid #edf0ee}.marketing-preview-body>p{margin:14px 0 0;color:#8a9691;font-size:var(--font-sm);line-height:1.5}.marketing-answer{max-width:850px;margin:auto;padding:47px 25px 67px;border-top:1px solid #e4eae7;text-align:center}.marketing-answer h2,.marketing-section-heading h2,.marketing-faq h2,.marketing-final-cta h2{font:700 clamp(var(--font-2xl),3vw,var(--font-3xl))/1.15 'Google Sans Flex','Google Sans',Arial,sans-serif;letter-spacing:-1.2px;margin:11px 0}.marketing-answer>p:last-child{max-width:760px;margin:0 auto;color:#64736f;font-size:var(--font-sm);line-height:1.8}.marketing-benefits,.marketing-steps,.marketing-faq{max-width:1160px;margin:auto;padding:65px 24px}.marketing-benefits{border-top:1px solid #e4eae7}.marketing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.marketing-section-heading h2{max-width:560px;margin-bottom:0}.marketing-section-heading>p{max-width:360px;margin:0;color:#64736f;font-size:var(--font-sm);line-height:1.75}.marketing-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.marketing-benefit-grid article{padding:21px;border:1px solid #e4eae7;border-radius:12px}.marketing-benefit-icon,.marketing-step-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#eff7f5;color:#147d75}.marketing-benefit-icon svg,.marketing-step-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.marketing-step-icon{width:30px;height:30px;border-radius:8px}.marketing-benefit-grid h3,.marketing-steps h3{font-size:var(--font-sm);line-height:1.4;margin:17px 0 7px}.marketing-benefit-grid p,.marketing-steps li p{margin:0;color:#64736f;font-size:var(--font-sm);line-height:1.75}.marketing-steps{max-width:none;background:#f8faf9}.marketing-steps>.marketing-section-heading,.marketing-steps ol{max-width:1112px;margin-left:auto;margin-right:auto}.marketing-steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:28px}.marketing-steps li{display:flex;gap:11px;padding:16px 13px 5px;border-top:1px solid #dbe6e1}.marketing-steps h3{margin:0 0 7px;font-size:var(--font-sm)}.marketing-faq{max-width:840px}.marketing-faq h2{margin-bottom:23px}.marketing-faq details{padding:15px 0;border-top:1px solid #e4eae7}.marketing-faq details:last-child{border-bottom:1px solid #e4eae7}.marketing-faq summary{list-style:none;cursor:pointer;padding-right:25px;position:relative;font-size:var(--font-sm);font-weight:650}.marketing-faq summary::-webkit-details-marker{display:none}.marketing-faq summary:after{content:'+';position:absolute;right:2px;top:-3px;font-size:var(--font-lg);font-weight:400;color:#147d75}.marketing-faq details[open] summary:after{content:'−'}.marketing-faq details p{max-width:740px;margin:11px 0 0;color:#64736f;font-size:var(--font-sm);line-height:1.75}.marketing-final-cta{max-width:1112px;margin:10px auto 70px;padding:28px 30px;border:1px solid #dceae6;border-radius:13px;background:#f3f8f6;display:flex;align-items:center;justify-content:space-between;gap:24px}.marketing-final-cta h2{font-size:var(--font-2xl);margin:9px 0 7px}.marketing-final-cta p{font-size:var(--font-sm);color:#64736f;margin:0 0 7px}.marketing-final-cta small{font-size:var(--font-sm);color:#82908a}
@media(max-width:850px){.marketing-home-hero{grid-template-columns:1fr;gap:38px;padding-top:58px}.marketing-home-copy{max-width:700px}.marketing-product-preview{justify-self:start;max-width:600px}.marketing-steps ol{grid-template-columns:repeat(2,1fr);row-gap:16px}.marketing-final-cta{margin-left:24px;margin-right:24px}}
@media(max-width:600px){.marketing-home-hero{padding:48px 20px 54px;gap:30px}.marketing-home-hero h1{font-size:var(--font-4xl);letter-spacing:-2.4px}.marketing-home-intro{font-size:var(--font-sm)}.marketing-home-actions{gap:14px;flex-wrap:wrap}.marketing-home-actions .cta{font-size:var(--font-sm);padding:12px 13px}.marketing-preview-body{padding:18px}.marketing-answer{padding:38px 21px 51px}.marketing-benefits,.marketing-steps,.marketing-faq{padding:49px 20px}.marketing-section-heading{display:block}.marketing-section-heading>p{margin-top:11px}.marketing-benefit-grid{grid-template-columns:1fr;gap:9px}.marketing-benefit-grid article{padding:17px}.marketing-benefit-grid h3{margin-top:14px}.marketing-steps ol{grid-template-columns:1fr;gap:12px}.marketing-steps li{padding:13px 4px}.marketing-final-cta{margin:0 20px 54px;padding:21px;display:block}.marketing-final-cta h2{font-size:var(--font-xl)}.marketing-final-cta .cta{display:inline-block;margin-top:17px}.marketing-preview-note{font-size:var(--font-sm);gap:5px}}


/* Consistent Google Sans homepage typography */
.site .brand,.marketing-home-hero,.marketing-answer,.marketing-benefits,.marketing-steps,.marketing-faq,.marketing-final-cta{font-family:'Google Sans Flex','Google Sans',Arial,sans-serif}.marketing-home-hero h1,.marketing-answer h2,.marketing-section-heading h2,.marketing-benefit-grid h3,.marketing-steps h3,.marketing-faq h2,.marketing-final-cta h2{font-family:'Google Sans Flex','Google Sans',Arial,sans-serif;font-size:var(--font-2xl);line-height:1.25;letter-spacing:-.45px}.marketing-home-intro,.marketing-home-actions a,.marketing-home-microcopy,.marketing-answer>p:last-child,.marketing-section-heading>p,.marketing-benefit-grid p,.marketing-steps li p,.marketing-faq summary,.marketing-faq details p,.marketing-final-cta p{font-size:var(--font-base)}.marketing-preview-body>small,.marketing-preview-domain small,.marketing-preview-domain em,.marketing-preview-route small,.marketing-preview-body>p,.marketing-final-cta small{font-size:var(--font-sm)}


/* Refined homepage hierarchy and subtle icon motion */
.marketing-home-hero{gap:44px;padding-top:68px;padding-bottom:62px}.marketing-home-copy{max-width:560px}.marketing-product-preview{max-width:450px}.marketing-home-hero h1{font-size:var(--font-4xl);line-height:1.12;letter-spacing:-1.2px}.marketing-answer h2,.marketing-section-heading h2,.marketing-faq h2,.marketing-final-cta h2{font-size:var(--font-2xl);line-height:1.25;letter-spacing:-.55px}.marketing-benefit-grid h3,.marketing-steps h3{font-size:var(--font-base);line-height:1.4;letter-spacing:-.15px}.marketing-home-intro,.marketing-home-actions a,.marketing-answer>p:last-child,.marketing-section-heading>p,.marketing-benefit-grid p,.marketing-steps li p,.marketing-faq summary,.marketing-faq details p,.marketing-final-cta p{font-size:var(--font-base)}.marketing-benefit-grid{gap:16px}.marketing-benefit-grid article{min-height:200px;padding:24px}.marketing-benefit-grid h3{margin-top:18px}.marketing-steps{padding-top:58px;padding-bottom:58px}.marketing-steps ol{gap:12px}.marketing-steps li{align-items:flex-start;padding:18px 14px;border:1px solid #e2e9e5;border-radius:12px;background:#fff}.marketing-step-icon{width:32px;height:32px}.marketing-steps li>div{min-width:0}.marketing-faq{padding-top:58px;padding-bottom:58px}.marketing-final-cta{margin-top:0;margin-bottom:58px}.marketing-benefit-icon svg,.marketing-step-icon svg{animation:marketing-icon-arrive .55s cubic-bezier(.2,.75,.25,1) both}.marketing-benefit-grid article:nth-child(2) .marketing-benefit-icon svg,.marketing-steps li:nth-child(2) .marketing-step-icon svg{animation-delay:.08s}.marketing-benefit-grid article:nth-child(3) .marketing-benefit-icon svg,.marketing-steps li:nth-child(3) .marketing-step-icon svg{animation-delay:.16s}.marketing-steps li:nth-child(4) .marketing-step-icon svg{animation-delay:.24s}.marketing-benefit-grid article:hover .marketing-benefit-icon,.marketing-steps li:hover .marketing-step-icon{background:#e3f2ed;transform:translateY(-2px)}.marketing-benefit-icon,.marketing-step-icon{transition:background-color .18s ease,transform .18s ease}@keyframes marketing-icon-arrive{from{opacity:0;transform:translateY(4px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.marketing-home-hero{padding-top:54px;gap:32px}.marketing-product-preview{max-width:560px}.marketing-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.marketing-home-hero{padding-top:40px;padding-bottom:48px;gap:26px}.marketing-home-hero h1{font-size:var(--font-3xl);line-height:1.18;letter-spacing:-.7px}.marketing-answer h2,.marketing-section-heading h2,.marketing-faq h2,.marketing-final-cta h2{font-size:var(--font-xl);line-height:1.3}.marketing-benefit-grid h3,.marketing-steps h3{font-size:var(--font-base)}.marketing-home-intro,.marketing-home-actions a,.marketing-answer>p:last-child,.marketing-section-heading>p,.marketing-benefit-grid p,.marketing-steps li p,.marketing-faq summary,.marketing-faq details p,.marketing-final-cta p{font-size:var(--font-base)}.marketing-benefit-grid article{min-height:0;padding:19px}.marketing-benefit-grid h3{margin-top:14px}.marketing-steps ol{grid-template-columns:1fr;gap:10px}.marketing-steps li{padding:15px}.marketing-final-cta{margin:0 20px 54px}}
@media(prefers-reduced-motion:reduce){.marketing-home-hero *,.marketing-answer *,.marketing-benefits *,.marketing-steps *,.marketing-faq *,.marketing-final-cta *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Polished homepage composition */
.marketing-home-hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:48px;align-items:center;padding-top:72px;padding-bottom:74px}.marketing-home-copy{max-width:560px}.marketing-home-illustration{display:block;width:100%;max-width:560px;height:auto;justify-self:end}.marketing-home-actions{gap:18px}.marketing-home-actions .cta{box-shadow:0 5px 16px #087a6c24}.text-cta{font-weight:600}.marketing-benefits,.marketing-steps,.marketing-faq{padding-top:74px;padding-bottom:74px}.marketing-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.marketing-benefit-grid article{min-height:210px;border-radius:15px;box-shadow:0 5px 20px #183e3506;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.marketing-benefit-grid article:hover{transform:translateY(-3px);border-color:#c6ded8;box-shadow:0 12px 30px #183e3510}.marketing-benefit-icon,.marketing-step-icon{width:42px;height:42px;border-radius:12px}.marketing-benefit-icon svg,.marketing-step-icon svg{width:21px;height:21px}.marketing-steps ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.marketing-steps li{min-height:118px;padding:20px;border-radius:14px;box-shadow:0 4px 16px #183e3505}.marketing-steps li:hover{border-color:#c6ded8;box-shadow:0 9px 24px #183e350b}.marketing-faq{max-width:880px}.marketing-faq details{padding:18px 0}.marketing-final-cta{padding:32px;border-radius:16px;box-shadow:0 8px 24px #183e3507}
@media(max-width:850px){.marketing-home-hero{grid-template-columns:1fr;gap:28px;padding-top:54px;padding-bottom:56px}.marketing-home-copy{max-width:680px}.marketing-home-illustration{max-width:650px;justify-self:center}.marketing-benefits,.marketing-steps,.marketing-faq{padding-top:58px;padding-bottom:58px}}
@media(max-width:600px){.marketing-home-hero{padding:40px 20px 48px;gap:22px}.marketing-home-illustration{width:calc(100% + 12px);max-width:calc(100% + 12px);margin-left:-6px}.marketing-benefit-grid{grid-template-columns:1fr;gap:12px}.marketing-benefit-grid article{min-height:0;padding:20px}.marketing-benefits,.marketing-steps,.marketing-faq{padding-top:48px;padding-bottom:48px}.marketing-steps ol{grid-template-columns:1fr;gap:10px}.marketing-steps li{min-height:0;padding:16px}.marketing-final-cta{padding:22px}}

/* Cyan and slate color system with clearer card hierarchy */
.marketing-home-hero,.marketing-answer,.marketing-benefits,.marketing-steps,.marketing-faq,.marketing-final-cta{--home-ink:#142032;--home-muted:#5E6B7E;--home-line:#E3EAF1;--home-accent:#07899B;color:var(--home-ink)}.marketing-benefits{background:linear-gradient(145deg,#F4FAFC 0%,#F7F8FD 100%);border:1px solid #EAF0F5;border-radius:22px;padding-left:32px;padding-right:32px}.marketing-steps{background:#F3F7FA}.marketing-benefit-grid article{background:#fff;border-color:#E3EAF1;box-shadow:0 8px 28px #172b3b0a}.marketing-benefit-grid article:hover{border-color:#BBDDE2;box-shadow:0 14px 34px #102b3b12}.marketing-benefit-grid article:nth-child(1) .marketing-benefit-icon,.marketing-steps li:nth-child(1) .marketing-step-icon{background:#E5F7F8;color:#07899B}.marketing-benefit-grid article:nth-child(2) .marketing-benefit-icon,.marketing-steps li:nth-child(2) .marketing-step-icon{background:#EEF0FF;color:#625FE8}.marketing-benefit-grid article:nth-child(3) .marketing-benefit-icon,.marketing-steps li:nth-child(3) .marketing-step-icon{background:#EAF5EF;color:#36805C}.marketing-steps li:nth-child(4) .marketing-step-icon{background:#FFF2E8;color:#C57635}.marketing-steps li{border-color:#E3EAF1}.marketing-steps li:hover{border-color:#BBDDE2}.marketing-answer h2,.marketing-section-heading h2,.marketing-faq h2,.marketing-final-cta h2{font-size:var(--font-2xl);line-height:1.2;letter-spacing:-.7px}.marketing-benefit-grid h3,.marketing-steps h3{font-size:var(--font-lg);line-height:1.35;letter-spacing:-.25px}.marketing-answer h2,.marketing-faq h2{margin-bottom:18px}.marketing-final-cta{background:linear-gradient(115deg,#EFF8F8 0%,#F2F3FC 100%);border-color:#DBE8ED}.marketing-preview-note{background:#EFF8FA;color:#385B68}.marketing-preview-note span{color:#D49A48}
@media(max-width:600px){.marketing-benefits{padding-left:18px;padding-right:18px;border-radius:18px}.marketing-answer h2,.marketing-section-heading h2,.marketing-faq h2,.marketing-final-cta h2{font-size:var(--font-2xl);line-height:1.25}.marketing-benefit-grid h3,.marketing-steps h3{font-size:var(--font-base)}}

/* Stack section headings and card copy for a consistent reading rhythm. */
.marketing-section-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}
.marketing-section-heading h2{max-width:620px;margin:0}
.marketing-section-heading>p{max-width:620px;margin:0;line-height:1.65}
.marketing-benefit-grid article{display:flex;flex-direction:column;align-items:flex-start}
.marketing-benefit-grid h3{min-height:2.7em;margin:16px 0 8px;line-height:1.35}
.marketing-benefit-grid p{margin:0;line-height:1.65}
@media(max-width:600px){.marketing-benefit-grid h3{min-height:0}}

/* Bright, clean four-color palette for the public homepage. */
.marketing-home-hero,.marketing-answer,.marketing-benefits,.marketing-steps,.marketing-faq,.marketing-final-cta{--home-ink:#202124;--home-muted:#5f6368;--home-line:#e8eaed;color:var(--home-ink)}
.marketing-home-hero h1 em{color:#4285f4}
.marketing-home-actions .cta,.marketing-final-cta .cta{background:#1a73e8;box-shadow:0 4px 14px #1a73e82b}
.marketing-home-actions .cta:hover,.marketing-final-cta .cta:hover{background:#1765cc}
.marketing-benefits{background:linear-gradient(145deg,#f8fbff 0%,#f7f9ff 100%);border-color:#edf1f7}
.marketing-steps{background:#f8f9fa}
.marketing-benefit-grid article{border-color:#e8eaed;box-shadow:0 4px 18px #2021240a}
.marketing-benefit-grid article:hover,.marketing-steps li:hover{border-color:#c7d7f5;box-shadow:0 10px 26px #20212412}
.marketing-benefit-grid article:nth-child(1) .marketing-benefit-icon,.marketing-steps li:nth-child(1) .marketing-step-icon{background:#e8f0fe;color:#1a73e8}
.marketing-benefit-grid article:nth-child(2) .marketing-benefit-icon,.marketing-steps li:nth-child(2) .marketing-step-icon{background:#e6f4ea;color:#188038}
.marketing-benefit-grid article:nth-child(3) .marketing-benefit-icon,.marketing-steps li:nth-child(3) .marketing-step-icon{background:#fce8e6;color:#d93025}
.marketing-steps li:nth-child(4) .marketing-step-icon{background:#fef7e0;color:#b06000}
.marketing-final-cta{background:linear-gradient(110deg,#f1f6fe 0%,#f8f9ff 100%);border-color:#e3ebf8}
.marketing-section-heading>p{color:#5f6368}

/* CyanDB custom email-routing brand mark */
.site .brand b{background-image:url('/cyandb-mark.svg');background-position:center;background-size:contain;background-repeat:no-repeat;background-color:transparent;color:transparent;font-size:0}

/* CyanDB wordmark: the name is the logo, with a restrained two-tone accent. */
.site .brand b{display:none}
.marketing-wordmark{display:inline-flex;align-items:baseline;gap:0;font-size:inherit;font-weight:760;letter-spacing:-.7px;line-height:1;color:#202124;white-space:nowrap}
.marketing-wordmark>span{color:#1a73e8}

/* Custom SVG CyanDB wordmark */
.site .marketing-wordmark{display:block;width:112px;height:auto;max-height:27px;object-fit:contain}

/* Brighter, larger CyanDB lockup */
.site .marketing-wordmark{width:168px;max-height:34px}

/* Keep the marketing headline and wordmark on the same CyanDB blue. */
.marketing-home-hero h1 em{color:#1a73e8}

.marketing-guide-link{margin:24px 0 0;color:#5f6368;font-size:var(--font-sm);line-height:1.6}
.marketing-guide-link a{color:#1a73e8;font-weight:650}
.marketing-guide-link a:hover{text-decoration:underline}

.subpage table{width:100%;border-collapse:collapse;background:#fff;margin:18px 0 26px}
.subpage th,.subpage td{padding:13px 14px;border:1px solid #e5eaf1;text-align:left;vertical-align:top;font-size:var(--font-sm);line-height:1.6}
.subpage thead th{background:#f4f8fe;color:#202124;font-weight:700}
.subpage tbody th{color:#303b4b}
.subpage .notice{margin:24px 0 0;padding:14px 16px;border-left:3px solid #1a73e8;background:#f4f8fe;color:#53657b;font-size:var(--font-sm);line-height:1.65}

.subpage details{padding:15px 0;border-bottom:1px solid #e4eaf1}
.subpage summary{position:relative;padding-right:34px;color:#303b4b;font-weight:650;font-size:var(--font-sm);line-height:1.5;cursor:pointer;list-style:none}
.subpage summary::-webkit-details-marker{display:none}
.subpage summary::after{content:"+";position:absolute;right:5px;top:0;color:#1a73e8;font-size:var(--font-lg);font-weight:400}
.subpage details[open] summary::after{content:"−"}
.subpage details p{margin:10px 34px 0 0;color:#5f6368;font-size:var(--font-sm);line-height:1.7}
.marketing-guide-link+.marketing-guide-link{margin-top:8px}

/* Shared, high-contrast footer on every VageJS marketing page. */
html,body{min-height:100%}
body{min-height:100vh}
.site{min-height:100vh;display:flex;flex-direction:column}
.site>.page-content{width:100%;flex:1 0 auto}
.site>footer{width:100%;max-width:none;margin:0;padding:30px max(24px,calc((100% - 1112px)/2));border-top:1px solid #dfe5ec;background:#f6f9fd;color:#536174;font-size:var(--font-sm);line-height:1.5}
.site>footer a{color:#536174;text-transform:none}
.site>footer a:hover{color:#1a73e8;text-decoration:underline;text-underline-offset:3px}
.site>footer{display:block;padding-top:52px;padding-bottom:28px}
.footer-columns{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px}
.footer-brand{display:block}
.footer-brand p{max-width:300px;margin:14px 0 0;line-height:1.6}
.site>footer nav{height:auto;width:auto;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:11px}
.site>footer nav h2{margin:0 0 4px;color:#202124;font-size:var(--font-sm);font-weight:700;line-height:1.4}
.footer-legal{margin:40px 0 0;padding-top:22px;border-top:1px solid #dfe5ec}
@media(max-width:850px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}
@media(max-width:650px){.site>footer{padding:40px 20px 24px}.footer-columns{gap:28px 20px}}
/* Filled header CTA so the workspace link reads as the primary action. */
.site nav .signin{background:#1a73e8;border-color:#1a73e8;color:#fff!important;font-weight:600;box-shadow:0 4px 14px #1a73e82b}
.site nav .signin:hover{background:#1765cc;border-color:#1765cc}

:root {
  --font-sm: 0.875rem;
  --font-base: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-2xl: 1.5rem;
  --font-3xl: 2rem;
  --font-4xl: 2.5rem;
  --font-5xl: 3rem;
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --font-body: var(--font-base);
  --font-label: var(--font-sm);
  --font-button: var(--font-sm);
  --font-input: var(--font-base);
  --font-caption: var(--font-sm);
  --font-h1: var(--font-4xl);
  --font-h2: var(--font-3xl);
  --font-h3: var(--font-2xl);
  --font-h4: var(--font-xl);
}
body { font-size: var(--font-body); line-height: var(--line-height-normal); }
h1 { font-size: var(--font-h1); line-height: var(--line-height-tight); }
h2 { font-size: var(--font-h2); line-height: var(--line-height-tight); }
h3 { font-size: var(--font-h3); line-height: var(--line-height-tight); }
button, input, select, textarea { font: inherit; }
label, button { font-size: var(--font-label); }

/* UI/UX refresh: shared tokens, accessibility, header, subpages. */
:root{--brand:#1a73e8;--brand-hover:#1765cc;--ink:#202124;--muted:#5f6368;--line:#e3e8ef}

.skip-link{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 14px;border-radius:8px;background:var(--ink);color:#fff;font-size:var(--font-sm);font-weight:600}
.skip-link:focus{top:12px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
.subpage a:not(.cta):not(.back),.marketing-guide-link a{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.subpage a:not(.cta):not(.back):hover,.marketing-guide-link a:hover{text-decoration-thickness:2px}

.cta{background:var(--brand);border-radius:8px;font-weight:600;box-shadow:0 4px 14px #1a73e82b;transition:background-color .15s ease}
.cta:hover{background:var(--brand-hover)}
.eyebrow,.back{color:var(--brand)}
.marketing-home-microcopy,.marketing-final-cta small{color:var(--muted)}

.site-header{position:sticky;top:0;z-index:50;background:#fafbf8e6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #edf0f3}
.site-header nav>div{gap:30px}
.site-header nav>div a:not(.signin){position:relative;padding:8px 0;color:#4d5661;font-weight:500;transition:color .15s ease}
.site-header nav>div a:not(.signin):hover{color:var(--ink)}
.site-header nav>div a[aria-current="page"],.site-header nav>div a.active{color:var(--ink);font-weight:600}
.site-header nav>div a[aria-current="page"]::after,.site-header nav>div a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--brand)}

.nav-menu{display:none;position:relative}
.nav-menu summary{list-style:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu summary span,.nav-menu summary span::before,.nav-menu summary span::after{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s ease,background-color .2s ease}
.nav-menu summary span{position:relative}
.nav-menu summary span::before,.nav-menu summary span::after{content:"";position:absolute;left:0}
.nav-menu summary span::before{top:-6px}
.nav-menu summary span::after{top:6px}
.nav-menu[open] summary span{background:transparent}
.nav-menu[open] summary span::before{transform:translateY(6px) rotate(45deg)}
.nav-menu[open] summary span::after{transform:translateY(-6px) rotate(-45deg)}
.nav-menu-panel{position:absolute;right:0;top:52px;width:min(320px,calc(100vw - 40px));padding:8px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px #2021241f}
.nav-menu-panel a{padding:12px;border-radius:8px;color:var(--ink);font-weight:500}
.nav-menu-panel a:not(.signin):hover,.nav-menu-panel a[aria-current="page"]{background:#f1f5fb;color:var(--brand)}
.nav-menu-panel .signin{margin-top:6px;text-align:center}
@media(max-width:650px){.site-header nav{padding:0 20px;height:68px}.site .marketing-wordmark{width:136px}.site-header nav>div{display:none}.nav-menu{display:block}}

.page-content:has(>.subpage){background:linear-gradient(180deg,#eef4fe 0,#f5f8fd 200px,#fafbf8 440px)}
.subpage{max-width:780px;padding:72px 24px 32px;color:var(--ink)}
.subpage h1{font-size:clamp(2rem,4.4vw,2.75rem);font-weight:700;line-height:1.12;letter-spacing:-1px;margin:0 0 16px}
.subpage h1+p{max-width:680px;margin:0 0 40px;color:var(--muted);font-size:var(--font-lg);line-height:1.7}
.subpage h2{margin:44px 0 12px;font-size:1.375rem;font-weight:700;line-height:1.3;letter-spacing:-.3px}
.subpage h3{margin:28px 0 8px;font-size:var(--font-lg);font-weight:650;line-height:1.4}
.subpage p,.subpage li{color:#3c4350;line-height:1.75}
.subpage ul,.subpage ol{padding-left:22px}
.subpage li{margin:6px 0}
.subpage code{padding:2px 6px;border-radius:5px;background:#eef2f7;font-size:.9em}

.subpage-steps{margin:8px 0 8px 11px;padding-left:36px;border-left:2px solid #dbe5f4}
.subpage-steps h2{position:relative;margin-top:36px}
.subpage-steps h2:first-child{margin-top:0}
.subpage-steps h2::before{content:"";position:absolute;left:-45px;top:.3em;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--brand)}

.page-cta{width:calc(100% - 48px);max-width:732px;margin:16px auto 80px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e3ebf8;border-radius:16px;background:linear-gradient(110deg,#f1f6fe 0%,#f8f9ff 100%)}
.page-cta h2{margin:0 0 6px;font-size:var(--font-xl);line-height:1.3;letter-spacing:-.3px}
.page-cta p{margin:0;color:var(--muted)}
.page-cta .cta{flex:none;padding:13px 16px;color:#fff;font-size:var(--font-sm)}
@media(max-width:650px){.subpage{padding:48px 20px 24px}.subpage table{display:block;overflow-x:auto}.subpage th,.subpage td{min-width:140px}.page-cta{display:block;width:auto;margin:8px 20px 56px;padding:22px}.page-cta .cta{display:inline-block;margin-top:16px}}

.marketing-faq{max-width:1160px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);column-gap:64px;align-items:start}
.marketing-faq h2{grid-column:1;grid-row:1/span 20;margin:0}
.marketing-faq details{grid-column:2}
@media(max-width:850px){.marketing-faq{display:block}.marketing-faq h2{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.nav-menu summary span,.nav-menu summary span::before,.nav-menu summary span::after,.cta{transition:none}}