:root{--accent:#FF4D2E;--accent-strong:#C93214;--accent-on:#FAF8F5;--c-bg:#FAF8F5;--c-bg2:#F1EDE6;--c-bg-hi:#FFFFFF;--c-ink:#12121A;--c-ink-soft:#57534E;--c-line:#E7E1D9;--d-bg:#12121A;--d-bg2:#1C1C27;--d-bg-hi:#22222E;--d-ink:#FAF8F5;--d-ink-body:#EDE9E3;--d-ink-soft:#A8A29A;--d-line:#2A2A36;--d-line-strong:#3A3A48}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:var(--d-bg);color:var(--c-ink)}a{text-decoration:none;color:inherit}.split{display:flex;min-height:100svh;width:100%}.panel{position:relative;flex:1 1 50%;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vw,6rem) clamp(1.5rem,5vw,5rem);overflow:hidden;transition:flex-grow .55s cubic-bezier(.22,1,.36,1)}.panel .inner{max-width:30rem;width:100%;position:relative;z-index:2}.cloud{background-color:var(--c-bg);background-image:radial-gradient(120% 90% at 15% 10%,var(--c-bg-hi) 0%,var(--c-bg) 45%,var(--c-bg2) 100%);color:var(--c-ink)}.selfhost{background-color:var(--d-bg);background-image:radial-gradient(120% 90% at 85% 90%,var(--d-bg-hi) 0%,var(--d-bg2) 40%,var(--d-bg) 100%);color:var(--d-ink-body)}.cloud:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}.selfhost:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.6;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(120% 90% at 85% 90%,#000 0%,transparent 75%);mask-image:radial-gradient(120% 90% at 85% 90%,#000 0%,transparent 75%)}@media(min-width:861px)and (hover:hover){.split:hover .panel{flex-grow:.85}.split:hover .panel:hover{flex-grow:1.3}}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.4rem}.cloud .eyebrow{color:var(--accent-strong)}.eyebrow.mono{font-family:JetBrains Mono,monospace;letter-spacing:.02em;text-transform:none;font-size:.8rem;font-weight:500;color:var(--accent);border:1px solid var(--d-line);padding:.35rem .7rem;border-radius:6px;background:var(--d-bg)}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.eyebrow .cursor{width:8px;height:1.05em;background:var(--accent);display:inline-block;animation:blink 1.1s step-end infinite;margin-left:2px}@keyframes blink{50%{opacity:0}}h1{font-weight:700;font-size:clamp(2.5rem,5.4vw,3.9rem);line-height:1.04;letter-spacing:-.025em;margin-bottom:1.1rem}.cloud h1 .accent,.selfhost h1 .accent{color:var(--accent)}.teaser{font-size:1.06rem;line-height:1.6;max-width:26rem}.cloud .teaser{color:var(--c-ink-soft)}.selfhost .teaser{color:var(--d-ink-soft)}.meta{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.45rem .9rem;font-size:.84rem}.meta span{display:inline-flex;align-items:center;gap:.4rem}.cloud .meta{color:var(--c-ink-soft)}.selfhost .meta{color:var(--d-ink-soft);font-family:JetBrains Mono,monospace;font-size:.76rem}.cloud .meta .tick{color:var(--accent-strong)}.selfhost .meta .tick{color:var(--accent)}.cta{margin-top:2.3rem;display:inline-flex;align-items:center;gap:.6rem;height:3.1rem;padding:0 1.5rem;border-radius:9px;font-weight:600;font-size:.98rem;letter-spacing:.01em;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .2s,color .2s}.cta .arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}.cta:hover{transform:translateY(-2px)}.cta:hover .arrow{transform:translate(4px)}.cloud .cta{background:var(--accent);color:var(--accent-on);box-shadow:0 10px 30px -10px #ff4d2e80}.cloud .cta:hover{box-shadow:0 16px 40px -12px #ff4d2ea6}.selfhost .cta{background:transparent;color:var(--d-ink);border:1px solid var(--d-line-strong)}.selfhost .cta:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.seam{position:fixed;top:0;bottom:0;left:50%;width:1px;z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--accent),transparent);opacity:.55}.badge{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:.55rem;pointer-events:none;text-align:center}.badge .mark{width:56px;height:56px;display:grid;place-items:center;background:var(--d-bg);border-radius:16px;box-shadow:0 10px 34px -8px #0000008c,0 0 0 6px #12121a66}.badge .markicon{width:34px;height:34px;color:var(--d-ink)}.badge .choose{font-family:JetBrains Mono,monospace;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--d-ink-body);background:#12121ac7;backdrop-filter:blur(4px);padding:.3rem .7rem;border-radius:999px;border:1px solid var(--d-line-strong)}.lang{position:fixed;top:1.1rem;right:1.2rem;z-index:7;display:flex;gap:.15rem;font-family:JetBrains Mono,monospace;font-size:.72rem;background:#12121ab8;backdrop-filter:blur(6px);border:1px solid var(--d-line-strong);border-radius:999px;padding:.22rem}.lang button{cursor:pointer;border:0;background:transparent;color:var(--d-ink-body);padding:.28rem .6rem;border-radius:999px;font:inherit;letter-spacing:.06em;transition:.2s}.lang button.active{background:var(--accent);color:var(--accent-on);font-weight:600}.reveal{opacity:0;transform:translateY(14px);animation:rise .8s cubic-bezier(.22,1,.36,1) forwards}.cloud .reveal{animation-delay:.15s}.cloud .d2{animation-delay:.25s}.cloud .d3{animation-delay:.35s}.cloud .d4{animation-delay:.45s}.selfhost .reveal{animation-delay:.22s}.selfhost .d2{animation-delay:.32s}.selfhost .d3{animation-delay:.42s}.selfhost .d4{animation-delay:.52s}.badge{opacity:0;animation:pop .7s cubic-bezier(.22,1,.36,1) .6s forwards}@keyframes rise{to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:860px){.split{flex-direction:column}.panel{flex:none;min-height:62svh;justify-content:flex-start;padding:5.5rem 1.6rem 4rem}.panel .inner{max-width:34rem}.seam{top:62svh;left:0;right:0;width:auto;height:1px;background:linear-gradient(to right,transparent,var(--accent),transparent)}.badge{top:62svh}.selfhost:before{-webkit-mask-image:none;mask-image:none;opacity:.4}}@media(max-width:380px){.panel{min-height:60svh}.seam,.badge{top:60svh}}.site-footer{position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:.5rem;align-items:center;font-size:.75rem;color:var(--d-ink-body);pointer-events:none;background:#12121ac7;backdrop-filter:blur(6px);border:1px solid var(--d-line-strong);border-radius:999px;padding:.3rem .9rem}.site-footer a{color:inherit;text-decoration:underline;pointer-events:auto}.site-footer a:hover{color:var(--accent)}@media(max-width:640px){.site-footer{bottom:4.5rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.badge{opacity:1;transform:translate(-50%,-50%)}}