:root{
  --ink:#14262e;--slate:#3f5866;--prose:#34505e;--muted:#6a7f8c;--line:#dde6d9;--paper:#f7f9f3;
  --green:#22b455;--green-d:#15893f;--forest:#1f3a2b;--lime-a:#c9f63a;--lime-b:#93e12c;--tree:#6783a0;
  --mint:#dcf7b8;--mint-ink:#2f7a1d;--lav:#dedcff;--lav-ink:#6a56d4;--peach:#ffe6d0;--peach-ink:#e8590c;--sky:#d3eaff;--sky-ink:#1d62b8;
  --sans:"Figtree","Segoe UI",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[hidden]{display:none!important}
body{margin:0;min-height:100vh;font-family:var(--sans);color:var(--ink);padding-bottom:calc(200px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,#78b4f4 0%,#a9d3fa 38%,#d9ecfb 70%,#eaf5e6 100%) fixed;overflow-x:hidden}
.dots{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.75) 1px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:linear-gradient(#000,transparent 75%);mask-image:linear-gradient(#000,transparent 75%)}
.hills{position:fixed;left:0;bottom:0;width:100%;height:30vh;min-height:170px;pointer-events:none}
.hills svg{display:block;width:100%;height:100%}
.wrap{position:relative;max-width:1080px;margin:0 auto;padding:0 20px}

.top{display:flex;justify-content:space-between;align-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 0 0}
.logo{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--ink)}
.mark{position:relative;font:italic 900 32px/1 var(--sans);color:#1d4d33;transform:translateY(3px)}
.mark::after{content:"";position:absolute;top:2px;right:-3px;width:6px;height:6px;border-radius:50%;background:var(--lime-b)}
.word{font:800 24px/1 var(--sans);letter-spacing:-.04em}
.acts{display:flex;align-items:center;gap:18px}
.acts a{text-decoration:none;font-weight:600;font-size:15px}
.ret{color:var(--slate)}.ret:hover{color:var(--ink)}
.get{display:inline-flex;align-items:center;gap:9px;color:#fff;background:var(--forest);padding:11px 18px;border-radius:12px}
.get:hover{background:#27483a}
.get svg{width:17px;height:17px}
.notch{position:fixed;top:0;left:0;right:0;width:fit-content;margin:0 auto;z-index:5;display:flex;gap:2px;padding:calc(7px + env(safe-area-inset-top,0px)) 12px 10px;background:#000;border-radius:0 0 26px 26px;filter:drop-shadow(0 12px 14px rgba(0,30,20,.3))}
.notch::before,.notch::after{content:"";position:absolute;top:0;width:23px;height:22px;pointer-events:none}
.notch::before{right:calc(100% - 1px);background:radial-gradient(circle at 0 100%,transparent 22px,#000 22.5px)}
.notch::after{left:calc(100% - 1px);background:radial-gradient(circle at 100% 100%,transparent 22px,#000 22.5px)}
.notch a{font:600 15px/1 var(--sans);color:rgba(255,255,255,.76);text-decoration:none;padding:11px 18px;border-radius:999px;transition:background .15s,color .15s}
.notch a:hover{background:rgba(255,255,255,.12);color:#fff}

.head{margin:54px 0 30px}
h1{margin:0;font-weight:400;color:var(--slate);font-size:clamp(36px,6vw,60px);line-height:1.15;letter-spacing:-.03em}
.chip{display:inline-block;padding:0 .3em .06em;border-radius:18px;font:italic 400 1.1em/1.15 var(--serif);letter-spacing:0;transform:rotate(-1.4deg);background:var(--peach);color:var(--peach-ink)}
.chip.lav{background:var(--lav);color:var(--lav-ink)}.chip.mint{background:var(--mint);color:var(--mint-ink)}.chip.sky{background:var(--sky);color:var(--sky-ink)}
.lead{margin:16px 0 0;max-width:56ch;font-size:17.5px;line-height:1.55;color:var(--slate)}

.card{background:rgba(247,249,243,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 30px 60px -32px rgba(18,70,50,.45)}
.band{display:flex;align-items:flex-start;gap:16px;padding:22px 26px;background:rgba(255,230,208,.96);color:#7c3508}
.band>svg{flex:none;width:26px;height:26px;margin-top:1px;color:var(--peach-ink)}
.band h2{margin:0 0 4px;font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.band p{margin:0;font-size:15.5px;line-height:1.55;max-width:70ch}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:22px}
.panel{padding:32px}
h2.t{margin:0 0 6px;font-size:23px;font-weight:800;letter-spacing:-.025em}
aside>h2.t{margin:6px 0 16px}
.minis{display:grid;gap:12px}
.mini{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border-radius:20px;background:rgba(247,249,243,.95);border:1px solid rgba(255,255,255,.8);color:var(--ink);text-decoration:none;box-shadow:0 18px 36px -26px rgba(18,70,50,.5);transition:transform .15s}
.mini:hover{transform:translateY(-2px)}
.mini strong{display:block;font-size:17px;font-weight:700}
.mini small{display:block;margin-top:2px;color:var(--muted);font-size:14px}
.mini svg{width:18px;height:18px;flex:none;color:var(--slate)}
.incl{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.incl li{display:flex;align-items:flex-start;gap:12px;font-weight:500;line-height:1.45}
.incl li::before{content:"";flex:none;margin-top:1px;width:20px;height:20px;border-radius:50%;background:var(--green) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/12px no-repeat}

.stack{display:grid;gap:18px;margin-top:22px}
.f label{display:block;margin-bottom:7px;font-weight:600;font-size:14px}
.f input,.f select,.f textarea{width:100%;font:500 16px var(--sans);color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:14px;outline:0;transition:border-color .15s,box-shadow .15s}
.f input,.f select{height:50px;padding:0 16px}
.f textarea{min-height:150px;padding:14px 16px;line-height:1.5;resize:vertical}
.f select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314262e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") right 16px center/16px no-repeat}
.f ::placeholder{color:#9aaab4}
.f input:hover,.f select:hover,.f textarea:hover{border-color:#c4d3be}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(34,180,85,.18)}
.f [aria-invalid="true"]{border-color:#c8432b}
.f .err{margin:6px 2px 0;font-size:13px;font-weight:500;color:#c8432b}
.f .err:empty{display:none}
.f .chk{display:flex;gap:12px;align-items:flex-start;font-size:15px;font-weight:500;line-height:1.5;color:var(--slate);cursor:pointer;margin:0}
.f .chk input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;padding:0;margin:0;border-radius:8px;border:1.5px solid #b3c4ae;cursor:pointer}
.f .chk input:checked{background:var(--green) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/14px no-repeat;border-color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;justify-self:start;height:52px;padding:0 28px;font:600 16px var(--sans);color:#fff;text-decoration:none;background:var(--green);border:0;border-bottom:3px solid var(--green-d);border-radius:14px;cursor:pointer;box-shadow:0 10px 22px -10px rgba(21,137,63,.7);transition:transform .08s,background .15s}
.btn:hover{background:#27c15d}.btn:active{transform:translateY(1px);border-bottom-width:2px}
.ok p{margin:8px 0 0;max-width:48ch;font-size:16.5px;line-height:1.6;color:var(--slate)}
:focus-visible{outline:3px solid #1d6fd8;outline-offset:2px}
.f input:focus-visible,.f select:focus-visible,.f textarea:focus-visible{outline:0}
.topics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.topic{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:168px;padding:24px 26px;border-radius:26px;color:var(--ink);text-decoration:none;box-shadow:0 26px 50px -34px rgba(18,70,50,.55);transition:transform .15s}
.topic:hover{transform:translateY(-3px)}
.topic.a{background:var(--mint)}.topic.b{background:var(--lav)}.topic.c{background:var(--peach)}.topic.d{background:var(--sky)}
.topic .name{font:italic 400 40px/1 var(--serif)}
.topic p{margin:8px 0 0;font-size:15.5px;color:var(--slate)}
.topic svg{position:absolute;top:22px;right:22px;width:20px;height:20px;color:var(--slate)}
.doc{margin-top:22px;padding:14px 44px 20px}
.doc section{padding:30px 0;border-top:1.5px solid var(--line)}
.doc section:first-child{border-top:0}
.doc h2{margin:0 0 14px;font-size:27px;font-weight:800;letter-spacing:-.03em;scroll-margin-top:100px}
.list{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.list li{position:relative;padding-left:26px;max-width:68ch;font-size:16.5px;line-height:1.65;color:var(--prose)}
.list li::before{content:"";position:absolute;left:3px;top:.62em;width:9px;height:9px;border-radius:50%;background:linear-gradient(180deg,var(--lime-a),var(--lime-b));box-shadow:0 0 0 3px rgba(147,225,44,.25)}
.list b{color:var(--ink)}
code{font:600 .9em ui-monospace,Menlo,Consolas,monospace;background:#e8f0e2;padding:2px 7px;border-radius:7px;color:var(--ink)}
.doc a{color:var(--slate);font-weight:600;text-underline-offset:3px}
@media (max-width:700px){.topics{grid-template-columns:1fr}.topic{min-height:0}.doc{padding:10px 22px 16px}}
@media (max-width:980px){.top{padding-top:calc(74px + env(safe-area-inset-top,0px))}}
@media (max-width:860px){.layout{grid-template-columns:1fr}.head{margin-top:34px}}
@media (max-width:560px){.ret{display:none}.panel{padding:24px 20px}.band{padding:18px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

body[data-page="support"],body[data-page="early-access"],body[data-page="help-center"]{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding-bottom:0}
body[data-page="support"]>.dots,body[data-page="support"]>.hills,body[data-page="early-access"]>.dots,body[data-page="early-access"]>.hills,body[data-page="help-center"]>.dots,body[data-page="help-center"]>.hills{position:absolute;z-index:0}
body[data-page="support"]>.wrap,body[data-page="early-access"]>.wrap,body[data-page="help-center"]>.wrap{position:relative;z-index:1;display:flex;flex-direction:column;flex:1 0 auto;width:100%;padding:0 20px 48px}
body[data-page="support"]>.wrap>main,body[data-page="early-access"]>.wrap>main,body[data-page="help-center"]>.wrap>main{flex:1 0 auto}
body[data-page="support"]>.site-footer,body[data-page="early-access"]>.site-footer,body[data-page="help-center"]>.site-footer{display:block;position:relative;z-index:2;align-self:stretch;flex:0 0 auto;width:100%;max-width:none;margin-top:auto;clear:both}
.form-status{margin:0;min-height:1.5em;color:var(--slate);font-size:14px;line-height:1.5}
.form-status:empty{display:none}