/* Warm paper, ink and mint. Scoped to the marketing page. */
body:has(.landing) .nav .brand .brand-dark{display:block}body:has(.landing) .nav .brand .brand-light{display:none}
.vault-icon img{display:block;width:100%;height:100%;object-fit:contain}.demo-brand img{display:block}
body:has(.landing){background:#f8f9f5;color:#172c2b}
body:has(.landing) .nav{background:#f8f9f5ed;color:#172c2b;border-bottom:1px solid #e2e6dc;backdrop-filter:blur(16px);padding:20px max(5vw,calc((100vw - 1240px)/2))}
body:has(.landing) .nav .brand,body:has(.landing) .nav nav a{color:#172c2b}
body:has(.landing) .nav .brand small{display:none}
body:has(.landing) .nav .btn.primary{color:white;background:#193c35;border-color:#193c35;border-radius:6px}
body:has(.landing) .foot{background:#f8f9f5;border-color:#dce2d8;padding:35px 5vw;font-size:12px}
.landing{--ink:#172c2b;--green:#174c3e;--mint:#dfece2;--muted:#64736b;font-size:16px}
.landing *{box-sizing:border-box}
.lp-width{width:min(1240px,90%);margin-inline:auto}
.landing h1,.landing h2,.landing h3{color:var(--ink);font-weight:650;letter-spacing:-.055em}
.landing h1{font-size:clamp(58px,6.2vw,87px);line-height:1.02;margin:25px 0}
.landing h2{font-size:clamp(36px,4vw,54px);line-height:1.08}
.landing h3{font-size:27px;line-height:1.2;letter-spacing:-.035em}
.landing em{font-style:normal;color:#348368}
.landing p{color:var(--muted);line-height:1.7}
.lp-kicker{font:600 10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.9px;color:#506a5a;display:flex;align-items:center;gap:9px}
.lp-kicker>span{width:7px;height:7px;border-radius:50%;background:#328769;box-shadow:0 0 0 4px #e3eee3}
.lp-hero{min-height:730px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:30px;padding-block:64px 82px}
.hero-description{max-width:455px;font-size:17px}
.lp-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin:32px 0 12px}
.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 22px;font-size:13px;font-weight:650;border:1px solid #193c35;border-radius:6px;transition:transform .18s,background .18s}
.lp-button:hover{transform:translateY(-2px)}
.lp-button.dark{background:#193c35;color:#fff}.lp-button.dark:hover{background:#29634f}
.lp-button.outline{color:#193c35;background:transparent}
.lp-button span{font-size:18px;font-weight:400}
.lp-text-link{color:var(--ink);font-size:13px;font-weight:600}.lp-text-link span{margin-left:10px}
.landing .release-note{font:10px/1.6 ui-monospace,monospace;color:#7a877e}
.hero-assurance{display:flex;gap:22px;margin-top:30px;font-size:11px;color:#53675b}
.vault-scene{height:580px;position:relative;perspective:1200px;isolation:isolate;--tilt-x:0deg;--tilt-y:0deg}
.vault-scene:before{content:'';position:absolute;inset:25px -20px 35px;background:radial-gradient(ellipse,#c8dfd077,transparent 68%);z-index:-1}
.scene-orbit{position:absolute;border:1px solid #b8cbbb60;border-radius:50%;width:540px;height:420px;left:0;top:85px;transform:rotate(-27deg)}
.orbit-two{width:450px;height:560px;top:10px;left:55px;transform:rotate(35deg)}
.scene-spark{position:absolute;color:#87a390;font-size:24px;font-weight:200}.spark-one{right:0;top:72px}.spark-two{left:5%;bottom:65px}
.scene-stack{position:absolute;top:115px;left:15px;right:0;height:380px;transform-style:preserve-3d;transform:rotateX(calc(10deg + var(--tilt-x))) rotateY(calc(-18deg + var(--tilt-y))) rotateZ(5deg);transition:transform .25s ease-out}
.scene-browser,.paper-back{position:absolute;width:100%;height:355px;border:1px solid #cad9cd;border-radius:12px;background:#fff;box-shadow:12px 25px 50px #1c50351c}
.paper-back.back-one{transform:translate3d(16px,-20px,-35px);background:#dde8df}.paper-back.back-two{transform:translate3d(34px,-40px,-70px);background:#eaf0e8}
.scene-browser-bar{display:flex;align-items:center;justify-content:space-between;background:#eff4ee;border-radius:12px 12px 0 0;border-bottom:1px solid #e1e9df;padding:16px 18px;font:8px ui-monospace,monospace;letter-spacing:1px;color:#839386}.scene-browser-bar>span:first-child{letter-spacing:4px;color:#a4b3a3}
.scene-paper{padding:26px 28px}.paper-eyebrow{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:1px;color:#76877b}.paper-eyebrow span{color:#3e8061}
.scene-paper h3{font-size:25px;margin-top:15px}.fake-progress{display:flex;gap:4px;margin:16px 0}.fake-progress i{height:3px;background:#e9efea;width:25%}.fake-progress i:first-child{background:#5e9675}
.fake-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fake-fields small{display:block;font-size:9px;color:#819185;margin-bottom:5px}.fake-fields b{display:block;font-size:11px;font-weight:500;border:1px solid #dce5db;border-radius:4px;padding:8px 10px;color:#455e4d}.fake-fields b span{float:right}.fake-line{width:60%;height:5px;background:#edf2eb;margin-top:18px}.fake-line.short{width:35%;margin-top:6px}.paper-save{font-size:9px;color:#6d9876;margin-top:18px}
.floating-vault{position:absolute;display:flex;align-items:center;gap:13px;background:#193e35;color:#fff;border:1px solid #446757;border-radius:12px;padding:22px;width:330px;right:-14px;bottom:-6px;transform:translateZ(85px) rotateZ(-7deg);box-shadow:0 22px 45px #17342a33}.floating-vault strong{font-size:16px;font-weight:550;letter-spacing:-.3px}.floating-vault small{display:block;color:#b7d4c5;font-size:10px;margin-top:5px}.vault-icon{width:42px;height:46px;background:#2a6551;padding:8px;border-radius:10px;color:#cfedda}.vault-icon svg{width:100%;height:100%}.vault-tick{margin-left:auto;background:#b7d8a7;color:#24452d;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}
.scene-caption{position:absolute;bottom:4px;left:40px;right:0;font-size:11px;color:#798a7b;transform:rotate(-3deg)}.scene-caption>span{font-size:26px;margin-right:10px;color:#668e72}.scene-caption small{display:block;padding-left:33px;font:8px ui-monospace,monospace;color:#879289}
.lp-strip{border-block:1px solid #dfe5da;padding:25px 0}.lp-strip .lp-width{display:flex;align-items:center;justify-content:space-between;gap:18px}.lp-strip span:first-child{font:9px ui-monospace,monospace;letter-spacing:1.4px;color:#778676}.lp-strip b{font-size:14px;font-weight:500;color:#5b6b5d}.strip-star{font-size:24px;color:#8ca185}
.lp-section{padding-block:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2{margin-top:17px}.section-heading>p{max-width:315px;font-size:14px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid #dce3d8;border-radius:12px;padding:34px;background:#f0f3ec;min-height:320px}.feature-teal{background:#e0ece3;border-color:#d2e1d6}.feature-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #becfc0;border-radius:9px;color:#38664b;font-size:24px;margin-bottom:30px}.feature p{font-size:13px;margin-top:16px;max-width:280px}.feature-label{display:block;margin-top:28px;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#69816c}.quiet-features{display:flex;justify-content:space-between;gap:20px;margin-top:32px;font-size:12px;color:#617363;flex-wrap:wrap}
.demo-section{background:#e8eee5;padding:90px 0;border-block:1px solid #dce3d8}.demo-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.demo-grid h2{margin:20px 0}.demo-grid p{max-width:360px;font-size:14px}.demo-grid .demo-note{font-size:11px;margin-top:22px;max-width:330px;color:#788779}.demo-card{background:#fff;border:1px solid #d9e2d5;padding:30px;border-radius:14px;box-shadow:0 15px 40px #37573b0b}.demo-top{display:flex;justify-content:space-between;align-items:center}.demo-brand{font-weight:700;color:#244736}.demo-badge{font:8px ui-monospace,monospace;letter-spacing:1.2px;border:1px solid #dbe6d9;padding:5px 8px;border-radius:4px;color:#788878}.demo-client{display:flex;gap:12px;align-items:center;border-block:1px solid #edf0e9;padding:20px 0;margin:20px 0}.demo-client>span{background:#e0e7d1;color:#708446;font-size:12px;padding:12px;border-radius:8px}.demo-client strong{font-size:13px}.demo-client small{display:block;font-size:11px;color:#8b9589}.demo-client>b{margin-left:auto;color:#839280}.demo-card label{display:block;font-size:11px;color:#718170;margin-bottom:8px}.demo-card input{width:100%;padding:13px 14px;background:#f9faf7;border:1px solid #d6dfd1;border-radius:6px;color:#344c37;font:14px inherit}.demo-saved{display:flex;align-items:center;justify-content:space-between;background:#eaf2e7;padding:14px;border-radius:6px;margin-top:18px;gap:12px}.demo-saved strong{display:block;font-size:11px;color:#4e6d48}.demo-saved span{display:block;font-size:12px;color:#72866b;overflow-wrap:anywhere}.demo-card button{font:600 12px var(--font);border:1px solid #d5dfd0;padding:10px 14px;border-radius:5px;cursor:pointer;background:#fff;color:#415a3a;white-space:nowrap}.demo-saved button,.demo-actions button:last-child{background:#23533f;color:white;border-color:#23533f}.demo-card #demo-status{font-size:11px;margin:18px 0;color:#587b54;min-height:36px}.demo-actions{display:flex;gap:10px}.demo-actions button{flex:1}
.install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.install-grid article>span{display:block;font:11px ui-monospace,monospace;color:#8fa183;border-bottom:1px solid #dbe3d5;padding-bottom:18px;margin-bottom:20px}.install-grid h3{font-size:20px}.install-grid p{font-size:13px;margin-top:13px}.install-grid code{font-size:11px;overflow-wrap:anywhere}.install-note{margin-top:35px;padding:20px 24px;background:#eef1e7;border-radius:8px;font-size:12px;color:#6d7d64;line-height:1.8}.install-note strong{color:#43563a}
.pricing-section{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;padding-block:40px 70px;border-bottom:1px solid #dce2d7}.pricing-section h2{font-size:39px;margin:20px 0}.pricing-section>div>p{font-size:13px}.pricing-section>div>small{display:block;font-size:10px;color:#819077;max-width:270px;margin-top:16px}.lp-plan{padding:30px 25px;border:1px solid #d8e1d3;border-radius:10px;background:#f4f6ee}.lp-plan.annual{background:#e4eddf}.lp-plan>span{font:10px ui-monospace,monospace;letter-spacing:1px;display:flex;justify-content:space-between;gap:10px}.lp-plan>span b{font-size:8px;color:#5f7c51}.lp-plan h3{font-size:36px;margin:32px 0 16px}.lp-plan h3 small{font:12px var(--font);letter-spacing:0;color:#76856b}.lp-plan .lp-button{margin-top:30px;display:flex;font-size:12px}
.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.faq-section h2{margin-top:20px}.lp-faq details{border-bottom:1px solid #dce3d7;padding:19px 0}.lp-faq summary{cursor:pointer;font-size:14px;font-weight:550;list-style:none;position:relative;padding-right:25px}.lp-faq summary:after{content:'+';position:absolute;right:0;color:#77966a;font-size:19px}.lp-faq details[open] summary:after{content:'−'}.lp-faq p{font-size:13px;margin-top:15px}
.final-cta{background:#e4eddb;border:1px solid #d5e1ca;border-radius:14px;text-align:center;padding:65px 25px;margin-bottom:65px}.final-cta .lp-kicker{justify-content:center}.final-cta h2{margin:22px 0 30px;font-size:clamp(32px,4vw,52px)}.final-cta small{display:block;font:9px ui-monospace,monospace;color:#748567;margin-top:15px}
.landing :focus-visible{outline:3px solid #658d35;outline-offset:5px}.landing section[id]{scroll-margin-top:110px}
@media(max-width:1050px){.lp-hero{grid-template-columns:1fr 1fr;gap:15px;min-height:640px}.landing h1{font-size:65px}.vault-scene{height:480px;transform:scale(.88);transform-origin:center}.scene-orbit{width:430px}.orbit-two{width:340px}.scene-stack{top:70px}.floating-vault{right:-10px;width:295px}.scene-caption{bottom:-10px}.demo-grid,.faq-section{gap:45px}.hero-assurance{gap:12px;font-size:10px}.feature{padding:26px}.lp-plan{padding:24px 18px}.pricing-section{gap:12px}}
@media(max-width:760px){body:has(.landing) .nav{padding:15px 5vw}body:has(.landing) .nav nav{gap:12px}body:has(.landing) .nav #navAuth>a:not(.btn){display:inline;font-size:12px}.lp-hero{grid-template-columns:1fr;padding:45px 0 30px;gap:10px;overflow:hidden}.landing h1{font-size:clamp(54px,11vw,75px)}.hero-description{font-size:15px}.lp-actions{gap:20px}.vault-scene{max-width:480px;width:100%;margin:auto;height:490px;transform:scale(.92)}.scene-stack{left:0;right:15px;top:75px}.scene-caption{bottom:4px;left:20px}.floating-vault{right:-5px}.scene-orbit{max-width:100%}.orbit-two{left:30px;height:440px}.lp-strip .lp-width{flex-wrap:wrap;justify-content:center;gap:15px}.lp-strip span:first-child{width:100%;text-align:center}.lp-strip b{font-size:11px}.strip-star{font-size:17px}.lp-section{padding-block:60px}.section-heading{display:block}.section-heading>p{margin-top:22px}.feature-grid,.install-grid,.demo-grid,.faq-section,.pricing-section{grid-template-columns:1fr}.feature{min-height:0}.feature h3 br{display:none}.feature-icon{margin-bottom:22px}.feature p{max-width:none}.feature-label{margin-top:20px}.quiet-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:10px}.demo-section{padding:60px 0}.demo-grid{gap:32px}.demo-grid h2 br{display:none}.demo-grid h2{max-width:300px}.demo-card{padding:22px}.install-section .section-heading>a{margin-top:24px}.install-grid{gap:28px}.pricing-section{gap:20px;padding-top:0}.lp-plan h3{margin-top:22px}.faq-section{gap:30px}.final-cta{padding:45px 20px;margin-bottom:40px}.hero-assurance{font-size:11px}}
@media(prefers-reduced-motion:reduce){.landing *{transition:none!important;scroll-behavior:auto!important}.scene-stack{transform:rotateX(10deg) rotateY(-18deg) rotateZ(5deg)}}