html:has(.marketing){scroll-behavior:smooth;scroll-padding-top:28px;background:#faf9f8}body:has(.marketing){margin:0}.marketing{--ink:#332d28;--paper:#faf9f8;--copper:#b95326;--muted:#756d66;--line:#f0ede9;color:var(--ink);background:var(--paper);font-family:"Plus Jakarta Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.marketing *{box-sizing:border-box}.marketing a{color:inherit;text-decoration:none}.marketing button{font:inherit}.marketing h1,.marketing h2,.marketing h3,.marketing p{margin:0}.marketing h1,.marketing h2,.marketing h3{font-family:inherit}.marketing .wrap{max-width:1200px;width:calc(100% - 112px);margin-inline:auto}.marketing .sky{overflow:clip;background:#f4f3f1;position:relative}.marketing .site-nav{height:104px;display:flex;align-items:center;justify-content:space-between}.marketing .wordmark{display:flex;align-items:center;gap:7px;font-size:23px;font-weight:750;letter-spacing:-1px}.marketing .wordmark img{object-fit:contain}.marketing .wordmark>span{font-size:11px;align-self:flex-start;padding-top:6px}.marketing nav{display:flex;gap:35px;font-size:13px}.marketing nav a,.marketing .nav-app{display:flex;gap:6px;align-items:center}.marketing .nav-app{border:1px solid #8da6ad;border-radius:999px;padding:11px 19px;font-size:13px;font-weight:600}.marketing .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:570px;padding-top:13px;padding-bottom:45px;gap:16px}.marketing .intro{display:flex;gap:8px;align-items:center;font-size:12px;margin-bottom:23px}.marketing .intro>span{width:7px;height:7px;background:#568e7b;border-radius:50%}.marketing h1{font-size:clamp(55px,6.3vw,83px);line-height:1.04;letter-spacing:-5px;font-weight:750;margin-left:-5px}.marketing .hero-copy>p{font-size:17px;line-height:1.7;margin:25px 0 28px;color:#756d66}.marketing .button{display:inline-flex;align-items:center;justify-content:center;gap:21px;padding:16px 23px;border-radius:999px;font-size:13px;font-weight:600}.marketing .dark{background:var(--ink);color:#fff}.marketing .button:hover{background:#99431f}.marketing .hero-note{font-size:11px;color:#756d66;display:flex;gap:6px;align-items:center;margin-top:17px;margin-left:13px}.marketing .benefits{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dedbd6;padding:25px 0 56px;font-size:12px;color:#756d66}.marketing .benefits>span{display:flex;gap:10px;align-items:center}.marketing .benefits>a{border:1px solid #b9cdd3;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.marketing .wave{position:absolute;bottom:-1px;left:0;width:100%;height:36px}.marketing .options{padding-block:69px 55px}.marketing .section-heading{text-align:center;margin-bottom:36px}.marketing h2{font-size:35px;font-weight:650;letter-spacing:-1.4px;line-height:1.2}.marketing .section-heading p{font-size:14px;color:#756d66;margin-top:12px}.marketing .option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.marketing .option{border-radius:19px;padding:25px 25px 23px;display:flex;flex-direction:column;overflow:hidden}.marketing .peach{background:#f7e5dc}.marketing .lilac{background:#eee8e2}.marketing .lime{background:#eee7d3}.marketing .card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;gap:5px}.marketing .card-art{height:190px;position:relative;margin:12px 0 7px;display:flex;justify-content:center;align-items:center}.marketing .option h3{font-size:21px;font-weight:750;letter-spacing:-.8px;line-height:1.2}.marketing .option>p{font-size:12px;color:#596465;margin-top:9px}.marketing .option ul{list-style:none;padding:0;margin:24px 0 25px;display:grid;gap:10px;font-size:11px}.marketing .option li{display:flex;gap:7px;align-items:center}.marketing .card-button{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border:1px solid #756d6655;border-radius:9px;padding:13px 15px;font-size:12px;font-weight:600;transition:background .2s}.marketing .card-button:hover{background:#ffffff80}.marketing .terminal{width:192px;border-radius:10px;background:#344a4e;color:#f9e3ce;padding:13px 17px 17px;box-shadow:7px 8px 0 #d8b5a1;transform:rotate(-6deg);font-family:monospace;font-size:12px;line-height:1.9}.marketing .terminal-dots{display:flex;gap:4px;margin-bottom:12px}.marketing .terminal-dots i{width:5px;height:5px;background:#d9a27f;border-radius:50%}.marketing .tiny-badge{position:absolute;right:6px;bottom:18px;background:#fffaf0;border:1px solid #dcb799;padding:5px 10px;border-radius:5px;transform:rotate(8deg);font-size:11px}.marketing .bucket{background:#aca0d2;border:2px solid #726589;width:109px;height:106px;position:relative;transform:rotate(8deg);border-radius:5px 5px 32px 32px;box-shadow:inset -15px 0 #988abf;margin-top:17px}.marketing .bucket:before{content:'';position:absolute;top:-13px;left:-2px;width:109px;height:24px;background:#ccc3e6;border:2px solid #726589;border-radius:50%}.marketing .bucket span{display:block;text-align:center;margin-top:23px;line-height:1.15;font-weight:800;font-size:23px;color:#443754;letter-spacing:-1px}.marketing .cloud-chip{position:absolute;left:25px;top:28px;background:#fffcf6;border-radius:12px;transform:rotate(-12deg);padding:10px 16px;font-weight:750;font-size:17px;border:1px solid #c7bddb}.marketing .b2-chip{left:auto;right:5px;top:115px;transform:rotate(10deg)}.marketing .connection{position:absolute;left:14px;bottom:20px;font-size:48px;transform:rotate(25deg);color:#8c7dab}.marketing .free-number{font-family:inherit;font-size:100px;line-height:1;font-weight:750;letter-spacing:-9px;transform:rotate(-7deg);color:#3b573e}.marketing .free-number>span{font-size:31px;letter-spacing:-2px;margin-left:5px}.marketing .free-sticker{position:absolute;bottom:21px;left:70px;padding:5px 17px;border:1px solid #769554;border-radius:4px;background:#f8ffe7;font-size:12px;transform:rotate(6deg)}.marketing .spark{position:absolute;color:#657c42}.marketing .s1{font-size:35px;top:12px;right:16px}.marketing .s2{font-size:26px;left:14px;bottom:39px}.marketing .provider-note{text-align:center;font-size:11px;color:#756d66;margin-top:22px}.marketing .closing{padding-block:50px 65px;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid #f0ede9}.marketing .mini-whale{display:block;height:68px;margin-left:-13px}.marketing .closing h2{font-size:36px;margin:10px 0 20px}.marketing .text-link{display:inline-flex;gap:16px;align-items:center;font-size:13px;border-bottom:1px solid #756d66;padding-bottom:6px}.marketing .faq{padding-top:30px}.marketing .faq>h3{font-size:15px;font-weight:600;margin-bottom:20px;letter-spacing:-.3px}.marketing .faq-item{border-bottom:1px solid #f0ede9;scroll-margin-top:80px}.marketing .faq-item button{display:flex;width:100%;padding:19px 0;align-items:center;justify-content:space-between;gap:20px;font-size:13px;border:0;color:var(--ink);background:none;text-align:left;cursor:pointer}.marketing .faq-item p{padding:0 25px 20px 0;font-size:13px;line-height:1.7;color:#756d66}.marketing footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0ede9;padding-block:24px 29px}.marketing footer .wordmark{font-size:18px}.marketing footer>span{font-size:10px;color:#756d66}.marketing footer>a:last-child{display:flex;gap:7px;align-items:center;font-size:11px}.marketing a:focus-visible,.marketing button:focus-visible{outline:3px solid #b95326;outline-offset:5px}.marketing .skip{position:absolute;left:20px;top:-100px;z-index:20;background:white;padding:12px}.marketing .skip:focus{top:12px}
@media(max-width:1050px){.marketing .wrap{width:calc(100% - 64px)}.marketing h1{font-size:65px;letter-spacing:-4px}.marketing .option{padding:21px 19px}.marketing .option h3{font-size:19px}.marketing .option ul{font-size:10px}.marketing .closing{gap:50px}.marketing .hero{min-height:530px}}
@media(max-width:900px){.marketing .wrap{width:calc(100% - 40px)}.marketing .site-nav{height:82px}.marketing .wordmark{font-size:21px}.marketing nav{display:none}.marketing .nav-app{padding:10px 14px;font-size:11px}.marketing .hero{grid-template-columns:minmax(0,1fr);padding-top:33px;padding-bottom:25px;gap:8px}.marketing .hero-copy{text-align:center}.marketing .intro{justify-content:center;margin-bottom:18px}.marketing h1{font-size:clamp(49px,15.5vw,62px);letter-spacing:-4px}.marketing .hero-copy>p{font-size:15px;margin:22px 0}.marketing .hero-note{justify-content:center;margin-left:0}.marketing .benefits{justify-content:center;flex-wrap:wrap;gap:15px 23px;font-size:10px;padding:24px 0 48px}.marketing .benefits svg{width:15px}.marketing .benefits>a{display:none}.marketing .options{padding:48px 0 40px}.marketing h2{font-size:29px;letter-spacing:-1.2px}.marketing .section-heading p{font-size:12px}.marketing .option-grid{grid-template-columns:1fr;gap:17px;max-width:430px;margin:auto}.marketing .option{padding:25px 28px}.marketing .card-art{height:172px}.marketing .option h3{font-size:25px}.marketing .option>p{font-size:13px}.marketing .option ul{font-size:12px;margin:22px 0}.marketing .card-button{font-size:13px}.marketing .free-sticker{left:calc(50% - 60px)}.marketing .closing{grid-template-columns:1fr;gap:25px;padding:25px 0 40px}.marketing .closing-copy{text-align:center}.marketing .mini-whale{margin:auto}.marketing .closing h2{font-size:32px}.marketing .faq{padding-top:10px}.marketing footer{flex-wrap:wrap;gap:15px}.marketing footer>span{order:3;width:100%;text-align:center}.marketing .provider-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html:has(.marketing){scroll-behavior:auto}.marketing *{animation:none!important;transition:none!important}}

.whale-scene{min-width:0;position:relative;width:100%;height:490px;isolation:isolate}.orbit{position:absolute;border:1px solid #cfc7c080;border-radius:50%;inset:30px 4% 35px}.orbit-two{inset:80px -5% 95px;transform:rotate(-22deg)}.whale-hit{position:absolute;inset:0;width:100%;padding:0;background:none;border:0;cursor:pointer;z-index:2}.whale-hit:disabled{cursor:default}.whale-hit img,.whale-hit canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.whale-hit img[hidden]{visibility:hidden}.whale-hit canvas{opacity:0}.whale-hit canvas.loaded{opacity:1}.whale-shadow{position:absolute;bottom:55px;left:30%;width:46%;height:20px;background:#756d6620;filter:blur(10px);border-radius:50%}.file-sticker{position:absolute;display:flex;align-items:center;gap:10px;background:#fffdf9;padding:13px 17px;border-radius:13px;box-shadow:0 5px 0 #c7beb655;color:#51473f;font-size:12px;font-weight:600;z-index:3;pointer-events:none}.photo{top:32px;left:9%;transform:rotate(-11deg)}.photo>span{display:grid;place-items:center;background:#f7e5dc;border-radius:5px;width:30px;height:33px;color:#b95326;font-size:27px}.zip{bottom:83px;right:-2%;transform:rotate(9deg)}.zip>span{font-size:25px;color:#8d7d70}.bubble{position:absolute;border:1px solid #b5aaa1;border-radius:50%;width:12px;height:12px}.b1{top:55px;right:25%}.b2{top:108px;right:18%;width:7px;height:7px}.b3{bottom:130px;left:12%;width:20px;height:20px}.whale-controls{z-index:4;position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:14px;align-items:center;color:#756d66;font-size:11px}.whale-controls>span{display:flex;align-items:center;gap:7px}.whale-controls button{display:grid;place-items:center;background:#ffffff80;border:1px solid #c4bbb4;border-radius:50%;width:34px;height:34px;color:#51473f;cursor:pointer}.giggle{z-index:3;pointer-events:none;position:absolute;right:9%;top:30%;color:#51473f;font-size:27px;font-weight:700;transform:rotate(15deg);opacity:0}.giggle span{display:block;margin:2px 0 0 22px;font-size:18px}.giggle.visible{opacity:1}.whale-hit:focus-visible,.whale-controls button:focus-visible{outline:3px solid #b95326;outline-offset:4px;border-radius:30px}
@media(max-width:900px){.orbit-two{display:none}.whale-scene{height:360px}.zip{right:2%;bottom:60px;font-size:10px}.photo{top:14px;font-size:10px}.orbit{inset:20px 8% 40px}.whale-shadow{bottom:55px}.whale-controls{bottom:0}}

/* Two actual product paths: self-hosted or hosted beta. */
.marketing .beta-badge,.marketing .card-beta{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:4px 8px;border-radius:999px;background:#b95326;color:#fff;font-size:9px;font-weight:700;line-height:1;letter-spacing:.2px}.marketing .wordmark>.beta-badge{align-self:center;margin-left:3px;padding-top:4px}.marketing .option-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-inline:auto}.marketing .hosted{background:#eee7d3}.marketing .hosted-art{justify-content:flex-start;padding-left:12%}.marketing .hosted-art .cloud-chip{left:4%;top:24px}.marketing .hosted-art .b2-chip{left:31%;right:auto;top:122px}.marketing .hosted-art .bucket{margin-left:9%;transform:rotate(-5deg)}.marketing .beta-capacity{position:absolute;right:7%;top:21px;display:grid;grid-template-columns:auto auto;align-items:end;color:#3f593f;transform:rotate(4deg)}.marketing .beta-capacity strong{font-size:82px;line-height:.9;letter-spacing:-7px}.marketing .beta-capacity>span{font-size:24px;font-weight:750;margin:0 0 7px 5px}.marketing .beta-capacity small{grid-column:1 / -1;background:#faffed;border:1px solid #79955c;border-radius:4px;padding:5px 10px;text-align:center;font-size:10px;transform:rotate(-7deg);margin-top:8px}.marketing .card-beta{font-size:8px}
@media(max-width:900px){.marketing .option-grid{grid-template-columns:1fr}.marketing .hosted-art{padding-left:5%}.marketing .hosted-art .cloud-chip{left:3%}.marketing .hosted-art .b2-chip{left:29%}.marketing .beta-capacity{right:4%}}
@media(max-width:380px){.marketing .beta-capacity strong{font-size:68px}.marketing .hosted-art .bucket{margin-left:5%}.marketing .hosted-art .b2-chip{left:25%}}