.marketing{--ink:#163e34;--secondary:#526d63;--mint:#e8f0e8;--border:#d6e1d6;color:var(--ink);background:#fbfcf8;font-size:15px}
.marketing .site-container{width:min(1160px,calc(100% - 96px));margin-inline:auto}
.marketing a{color:inherit}.marketing a:hover{text-decoration:underline;text-underline-offset:5px}
.marketing .brand{font-size:22px;gap:9px;white-space:nowrap}.marketing .brand:hover{text-decoration:none}.marketing .brand .muted{margin-left:-9px}
.marketing .mark{width:34px;height:34px;border-radius:10px;background:var(--ink)}
.marketing .skip-link{position:absolute;top:12px;left:16px;padding:12px;background:white;z-index:20;transform:translateY(-160%)}.marketing .skip-link:focus{transform:translateY(0)}
.marketing .site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:102px;border-bottom:1px solid var(--border)}
.marketing .site-header nav{display:flex;gap:28px;font-size:13px;font-weight:550}.marketing .site-signin{background:transparent;border-color:var(--border);padding:10px 17px;font-size:13px;gap:22px}
.marketing .hero{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center;padding-top:94px;padding-bottom:88px}
.marketing .launch-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:#4f6d55;margin-bottom:25px}.marketing .launch-label>span{width:7px;height:7px;border-radius:50%;background:#588462;box-shadow:0 0 0 4px #e8efe3}
.marketing h1{font-size:clamp(42px,4.7vw,65px);font-weight:550;letter-spacing:-2.8px;line-height:1.08;margin-bottom:25px}.marketing h1 em{font-style:normal;color:#5e7e57}
.marketing .hero-intro{font-size:16px;line-height:1.8;color:var(--secondary);max-width:490px;margin-bottom:28px}
.marketing .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.marketing .hero-actions button{font-size:12px;padding:15px 19px;gap:18px;background:var(--ink);border-color:var(--ink);border-radius:6px}.marketing .hero-actions>a{font-size:12px;font-weight:600;white-space:nowrap}
.marketing .hero-note{font-size:11px;color:#617567;line-height:1.6;margin:13px 0 0}.marketing #public-message:not(:empty){margin-top:20px}.marketing #login-status{margin:20px 0 0}.marketing #login-status[hidden]{display:none}
.marketing .hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:10px;color:#526959;margin-top:30px}.marketing .hero-points span::before{content:'✓';margin-right:6px;color:#3e7959}
.marketing .product-illustration{min-width:0;position:relative;padding:28px 17px 43px;background:#e6eee1;border:1px solid #dbe5d6;border-radius:16px;background-image:radial-gradient(#7c97742b 1px,transparent 1px);background-size:15px 15px}
.marketing .illustration-caption{display:flex;align-items:center;gap:7px;font-size:9px;color:#54704c;margin:0 0 17px 4px}.marketing .illustration-caption>span:last-child{margin-left:auto;font-size:7px;letter-spacing:1px}.marketing .example-dot{width:5px;height:5px;border-radius:50%;background:#6c8e5f}
.marketing .preview-window{background:#fffefb;border:1px solid #cddac9;border-radius:9px;box-shadow:0 16px 35px #25452d0c;overflow:hidden}
.marketing .preview-bar{display:flex;align-items:center;gap:11px;padding:14px 13px;border-bottom:1px solid #e6ebe1;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#81917c}.marketing .preview-bar>span:last-child{margin-left:auto}.marketing .window-dots{display:flex;gap:3px}.marketing .window-dots i{width:5px;height:5px;border-radius:50%;background:#d7ded1}
.marketing .preview-body{padding:24px}.marketing .preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.marketing .preview-heading p{font-size:8px;letter-spacing:1.4px;color:#7a8b72;margin:0 0 8px}.marketing .preview-heading strong{font-size:13px;letter-spacing:-.3px;font-weight:600}.marketing .preview-badge{border:1px solid #d0e5cd;border-radius:20px;background:#eff7e9;color:#547443;font-size:8px;padding:5px 8px}
.marketing .git-graph{display:flex;align-items:center;position:relative;gap:31px;padding:32px 0 34px;margin:0 6px}.marketing .git-graph::before{content:'';height:2px;position:absolute;left:0;right:60px;background:#aec39f}.marketing .git-graph>span{z-index:1;width:9px;height:9px;border-radius:50%;background:#fffefb;border:2px solid #91ac7a}.marketing .git-graph>span:nth-child(4){background:#4f7548;border-color:#4f7548}.marketing .git-graph b{font:8px ui-monospace,SFMono-Regular,Consolas,monospace;background:#eef3e7;padding:4px 7px;border-radius:4px;color:#668352}.marketing .git-graph b:last-child{position:absolute;bottom:16px;left:74px}.marketing .git-graph .graph-branch{transform:translateY(15px)}
.marketing .preview-snapshot{display:flex;align-items:center;gap:12px;border:1px solid #dce6d6;border-radius:6px;padding:16px 12px;background:#f5f8f0}.marketing .snapshot-icon{width:30px;height:32px;display:grid;place-items:center;border:1px solid #d5e3cb;background:#edf3e5;border-radius:6px;font-size:20px;color:#587d49}.marketing .preview-snapshot strong{font-size:11px;font-weight:600}.marketing .preview-snapshot p{font-size:9px;color:#7c8c72;margin:5px 0 0}.marketing .preview-snapshot>span:last-child{margin-left:auto;color:#5d874e;font-size:13px}
.marketing .preview-checks{margin:19px 0 18px;display:grid;gap:8px}.marketing .preview-checks p{font-size:10px;color:#657c5a;line-height:1.2;margin:0}.marketing .preview-checks span{margin-right:7px;color:#7a9b60}
.marketing .preview-download{display:flex;gap:8px;align-items:center;border-top:1px solid #e8ece2;padding-top:15px;font-size:10px;font-weight:600}.marketing .preview-download>span:last-child{margin-left:auto;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#7b8e70}
.marketing .recovery-note{position:absolute;bottom:-18px;right:21px;display:flex;align-items:center;gap:12px;background:#fffefb;border:1px solid #d4dfcd;box-shadow:0 8px 15px #163e3409;padding:13px 18px;border-radius:9px;transform:rotate(-3deg)}.marketing .recovery-note>span{color:#5d7d4d;font-size:25px}.marketing .recovery-note strong{font-size:11px}.marketing .recovery-note p{font-size:10px;color:#7a8c70;margin:4px 0 0}
.marketing .provider-strip{background:#f1f4ed;border-block:1px solid #e4eadd}.marketing .provider-strip>.site-container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:23px}.marketing .provider-strip span{font-size:11px;color:#6b7a66}.marketing .provider-strip strong{font-size:17px;font-weight:650;white-space:nowrap}.marketing .provider-strip strong span{font-size:21px;margin-right:6px;color:#526748}
.marketing .site-section{padding-block:95px;scroll-margin-top:24px}.marketing .section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end;margin-bottom:43px}.marketing .eyebrow{color:#71815e;font-size:9px;letter-spacing:1.7px;margin-bottom:16px}
.marketing h2{font-size:clamp(29px,3vw,39px);font-weight:550;letter-spacing:-1.5px;line-height:1.18;margin-bottom:0}.marketing .section-heading>p,.marketing .section-heading>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--secondary);margin-bottom:0}.marketing h3{font-size:18px;font-weight:550;letter-spacing:-.4px;line-height:1.35;margin-bottom:13px}
.marketing .reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.marketing .reason-grid article{border-top:1px solid var(--border);padding-top:27px}.marketing .reason-grid p{font-size:13px;line-height:1.85;color:var(--secondary);margin-bottom:0}.marketing .feature-symbol{width:38px;height:38px;border:1px solid #dbe5d4;background:#f0f4e9;border-radius:9px;display:grid;place-items:center;font-size:24px;color:#617d4e;margin-bottom:21px}
.marketing .workflow-section{background:#173f35;color:#f0f4e9}.marketing .workflow-section .eyebrow{color:#a6bb92}.marketing .workflow-section .section-heading>p{color:#bbccbd}.marketing .workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:0;margin:0;counter-reset:step}.marketing .workflow-steps li{border-top:1px solid #507062;padding-top:24px}.marketing .step-number{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#aac08f;display:block;margin-bottom:24px}.marketing .workflow-steps h3{font-size:20px}.marketing .workflow-steps p{font-size:13px;line-height:1.85;color:#bacebf;margin-bottom:0}
.marketing .coverage-section{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;align-items:center}.marketing .section-intro{color:var(--secondary);font-size:14px;line-height:1.9;margin:25px 0;max-width:370px}.marketing .text-link{font-size:12px;font-weight:600}.marketing .coverage-list article{display:flex;gap:22px;border-bottom:1px solid var(--border);padding:22px 0}.marketing .coverage-list article:first-child{border-top:1px solid var(--border)}.marketing .coverage-list article>span{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#7b8e67;padding-top:5px}.marketing .coverage-list h3{font-size:16px;margin-bottom:7px}.marketing .coverage-list p{font-size:12px;color:var(--secondary);line-height:1.8;margin:0}
.marketing .pricing-section{background:#edf2e7;border-block:1px solid #dee7d5}.marketing .pricing-section .section-heading{gap:80px}.marketing .section-heading>div>p.pricing-status{font-size:11px;color:#60734d;margin-top:14px}.marketing .pricing-audiences{display:grid;grid-template-columns:1fr 1fr;gap:22px}.marketing .pricing-audiences article{background:#fbfcf7;border:1px solid #d5dfca;border-radius:10px;padding:32px}.marketing .pricing-audiences h3{font-size:27px;letter-spacing:-.9px;line-height:1.2;margin-bottom:15px}.marketing .pricing-audiences article>p:not(.eyebrow){font-size:13px;color:var(--secondary);line-height:1.8;max-width:350px}.marketing .pricing-audiences a{display:inline-block;font-size:12px;font-weight:600;margin-top:10px}.marketing .storage-explainer{display:flex;gap:18px;padding-top:26px;margin-top:26px;border-top:1px solid #d1dfc6;scroll-margin-top:24px}.marketing .storage-explainer>span{font-size:25px;color:#7e9666}.marketing .storage-explainer h3{font-size:14px;margin-bottom:8px}.marketing .storage-explainer p{font-size:12px;color:var(--secondary);line-height:1.85;max-width:880px;margin:0}
.marketing .faq-section{display:grid;grid-template-columns:.8fr 1.3fr;gap:100px}.marketing .faq-list details{border:0;border-top:1px solid var(--border);padding:22px 0}.marketing .faq-list details:last-child{border-bottom:1px solid var(--border)}.marketing .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:550;line-height:1.6;list-style:none}.marketing .faq-list summary::-webkit-details-marker{display:none}.marketing .faq-list summary::after{content:'+';font-size:21px;color:#799365;font-weight:400}.marketing .faq-list details[open] summary::after{content:'−'}.marketing .faq-list p{font-size:13px;line-height:1.9;color:var(--secondary);margin:16px 22px 0 0}
.marketing .closing-section{background:#e9f0e1;border:1px solid #dfe7d5;border-radius:12px;text-align:center;padding:55px 30px;margin-bottom:70px}.marketing .closing-section h2{font-size:clamp(30px,3.8vw,45px);margin-bottom:27px}.marketing .closing-section .button{font-size:12px;background:#173f35;color:#fff;border-color:#173f35;gap:20px;padding:14px 19px}.marketing .closing-section .button:hover{background:#245348;text-decoration:none}
.marketing .site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid var(--border);padding-block:30px}.marketing .site-footer .brand{font-size:18px}.marketing .site-footer .mark{width:28px;height:28px;font-size:20px;border-radius:8px}.marketing .site-footer>p{font-size:11px;margin:0;color:#73816a}.marketing .site-footer nav{margin-left:auto;display:flex;gap:24px;font-size:11px}.marketing .site-footer>small{flex-basis:100%;font-size:9px;line-height:1.8;color:#819078}
@media(min-width:1450px){.marketing .hero{padding-top:110px;padding-bottom:110px;gap:80px}}
@media(max-width:1100px){.marketing .site-container{width:calc(100% - 64px)}.marketing .hero{gap:30px}.marketing h1{font-size:49px}.marketing .hero-intro{font-size:14px}.marketing .hero-actions{gap:17px}.marketing .hero-actions button{padding:13px;font-size:11px}.marketing .hero-actions>a{font-size:11px}.marketing .preview-body{padding:19px}.marketing .preview-heading strong{font-size:11px}.marketing .preview-snapshot strong{font-size:10px}.marketing .git-graph{gap:22px}.marketing .section-heading,.marketing .pricing-section .section-heading{gap:45px}.marketing .coverage-section{gap:60px}.marketing .faq-section{gap:50px}.marketing .provider-strip-end{display:none}}
@media(max-width:800px){.marketing .site-header{min-height:86px;flex-wrap:wrap;gap:17px;padding-block:20px}.marketing .site-header nav{order:3;flex-basis:100%;justify-content:space-between;gap:15px;font-size:12px}.marketing .site-header>.site-signin{margin-left:auto}.marketing .hero{grid-template-columns:1fr;padding-block:55px 65px;gap:50px}.marketing h1{font-size:clamp(43px,8vw,65px)}.marketing .hero-intro{font-size:16px;max-width:550px}.marketing .hero-actions button{font-size:12px;padding:15px 18px}.marketing .hero-actions>a{font-size:12px}.marketing .product-illustration{max-width:520px;width:100%;justify-self:center}.marketing .preview-heading strong{font-size:14px}.marketing .preview-snapshot strong{font-size:12px}.marketing .git-graph{gap:45px}.marketing .section-heading{grid-template-columns:1fr;gap:20px}.marketing .section-heading>p{max-width:540px}.marketing .reason-grid{gap:24px}.marketing .reason-grid h3{font-size:16px}.marketing .workflow-steps{gap:25px}.marketing .workflow-steps h3{font-size:18px}.marketing .site-section{padding-block:65px}.marketing .coverage-section{grid-template-columns:1fr;gap:30px}.marketing .section-intro{max-width:540px}.marketing .faq-section{grid-template-columns:1fr;gap:35px}.marketing .pricing-section .section-heading{gap:20px}}
@media(max-width:520px){.marketing .site-container{width:calc(100% - 40px)}.marketing .brand{font-size:20px}.marketing .site-header nav{font-size:11px;gap:10px}.marketing .site-signin{font-size:11px;padding:8px 12px;gap:12px}.marketing .hero{padding-top:42px}.marketing h1{font-size:46px;letter-spacing:-2.4px}.marketing .launch-label{font-size:10px}.marketing .hero-intro{font-size:14px}.marketing .hero-actions{gap:18px}.marketing .hero-actions button{font-size:11px;padding:14px 13px;gap:9px}.marketing .hero-actions>a{font-size:11px}.marketing .hero-note{font-size:10px}.marketing .hero-points{font-size:9px;gap:12px}.marketing .product-illustration{padding:20px 12px 34px}.marketing .illustration-caption{font-size:8px}.marketing .illustration-caption>span:last-child{font-size:6px}.marketing .preview-body{padding:18px 14px}.marketing .preview-heading strong{font-size:12px}.marketing .preview-snapshot strong{font-size:10px}.marketing .git-graph{gap:28px}.marketing .preview-bar{font-size:7px;gap:8px}.marketing .provider-strip>.site-container{flex-wrap:wrap;justify-content:center;gap:15px 40px;padding-block:20px}.marketing .provider-strip>.site-container>span:first-child{flex-basis:100%;text-align:center;font-size:10px}.marketing .provider-strip strong{font-size:16px}.marketing .reason-grid,.marketing .workflow-steps,.marketing .pricing-audiences{grid-template-columns:1fr;gap:25px}.marketing .reason-grid article{padding-top:22px}.marketing .reason-grid h3{font-size:19px}.marketing .feature-symbol{margin-bottom:15px}.marketing .workflow-steps li{padding-top:20px}.marketing .step-number{margin-bottom:15px}.marketing .workflow-steps h3{font-size:21px}.marketing .site-section{padding-block:53px}.marketing .section-heading{margin-bottom:30px}.marketing h2{font-size:32px;letter-spacing:-1.2px}.marketing .pricing-audiences article{padding:26px}.marketing .pricing-audiences h3{font-size:26px}.marketing .faq-list summary{font-size:13px}.marketing .closing-section{padding:38px 20px;margin-bottom:45px}.marketing .site-footer{gap:17px}.marketing .site-footer>p{margin-left:auto;font-size:9px}.marketing .site-footer nav{margin-left:0;width:100%;gap:25px}}
@media(prefers-reduced-motion:no-preference){.marketing button,.marketing .button{transition:background .15s,border-color .15s}.marketing .preview-window{animation:preview-appear .65s ease-out both}@keyframes preview-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}