@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/fonts/figtree-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/fonts/figtree-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  interpolate-size:allow-keywords;
  --ground:oklch(0.148 0.004 228.8);
  --surface:oklch(0.19 0.006 225);
  --surface-2:oklch(0.235 0.008 224);
  --ink:oklch(0.987 0.002 197.1);
  --muted:oklch(0.78 0.014 214.4);
  --line:oklch(1 0 0 / 0.09);
  --line-strong:oklch(1 0 0 / 0.17);
  --tint:oklch(0.19 0.006 225);
  --accent:oklch(0.715 0.143 215.221);
  --accent-hover:oklch(0.78 0.125 213);
  --accent-press:oklch(0.66 0.14 216);
  --accent-word:oklch(0.82 0.11 210);
  --accent-wash:oklch(0.715 0.143 215.221 / 0.2);
  --on-accent:oklch(0.148 0.004 228.8);
  --error:oklch(0.74 0.16 25);

  /* the Atlas mark's light, for the color fields */
  --c-cyan:oklch(0.82 0.13 210);
  --c-blue:oklch(0.62 0.19 255);
  --c-violet:oklch(0.6 0.2 295);
  --glass:oklch(0.16 0.008 240 / 0.5);
  --glass-solid:oklch(0.19 0.006 225);
  --glass-edge:oklch(1 0 0 / 0.14);
  --glass-hi:inset 0 1px 0 oklch(1 0 0 / 0.1);
  --glass-shadow:0 40px 80px -48px oklch(0 0 0 / 0.9);
  --blur:blur(28px) saturate(140%);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .07 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");


  /* screenshot frames and drawn diagrams */
  --shot-edge:oklch(1 0 0 / 0.13);
  --shot-shadow:0 2px 4px oklch(0 0 0 / 0.3),0 32px 64px -24px oklch(0 0 0 / 0.75);
  --shot-bg:oklch(0.148 0.004 228.8);
  --dg-line:oklch(1 0 0 / 0.24);
  --dg-node:var(--surface-2);
  --sans:'Figtree',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
  --t-h1:clamp(2.75rem,1.6rem + 3.2vw,4rem);
  --t-h2:clamp(2rem,1.6rem + 1.2vw,2.5rem);
  --t-h3:clamp(1.625rem,1.35rem + 0.8vw,2rem);
  --t-body:1.125rem;
  --t-small:0.9375rem;
  --t-xs:0.875rem;

  --s1:0.25rem;--s2:0.5rem;--s3:0.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;--s24:6rem;--s32:8rem;
  --r-sm:0.5rem;--r-md:0.75rem;--r-shot:0.875rem;--r-lg:1.25rem;
  --ease:cubic-bezier(0.16,1,0.3,1);
  --max:76rem;
  --gutter:clamp(1rem,4vw,3rem);
  --section:clamp(5rem,9vw,8rem);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{background:var(--ground);scrollbar-color:var(--line-strong) var(--ground);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);line-height:1.55;caret-color:var(--accent);-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:oklch(0.715 0.143 215.221 / 0.32);color:var(--ink)}
::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:9999px;border:3px solid var(--ground)}
a{color:var(--accent);text-underline-offset:0.22em;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}
h1,h2,h3,h4{margin:0;font-weight:600;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}
.a{color:var(--accent-word)}
svg.i{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:calc(var(--max) + 2 * var(--gutter));margin:0 auto;padding-inline:var(--gutter)}
main{container-type:inline-size;overflow-x:clip}
.skip{position:absolute;left:var(--s4);top:-4rem;background:var(--ink);color:var(--ground);padding:var(--s2) var(--s4);border-radius:9999px;z-index:20;font-size:var(--t-small)}
.skip:focus{top:var(--s4)}

/* nav */
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:4.5rem}
.brand{display:inline-flex;align-items:center;gap:var(--s3);justify-self:start;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.1875rem;letter-spacing:-0.02em}
.brand img{width:30px;height:30px;border-radius:8px;display:block}
.nav ul{display:flex;gap:var(--s1)}
.nav ul a{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 var(--s4);border-radius:9999px;color:var(--muted);text-decoration:none;font-size:var(--t-small);font-weight:500;transition:color 150ms ease-out,background-color 150ms ease-out}
.nav ul a:hover{color:var(--ink);background:var(--tint)}
.nav .btn{justify-self:end}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:3.25rem;padding:0 var(--s6);border:0;border-radius:9999px;background:var(--accent);color:var(--on-accent);font:inherit;font-size:var(--t-small);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color 150ms ease-out,transform 150ms ease-out}
.btn:hover{background:var(--accent-hover)}
.btn:active{background:var(--accent-press);transform:translateY(1px)}
.btn[aria-disabled=true]{background:var(--accent-hover);cursor:progress}
.btn.sm{min-height:2.75rem;padding:0 var(--s5)}
.btn.light{background:var(--ink);color:var(--on-accent)}
.btn.light:hover{background:oklch(0.9 0.02 215)}
.btn.light:focus-visible{outline-color:var(--ink)}

/* forms */
.form label{display:block;font-size:var(--t-xs);font-weight:600;margin-bottom:var(--s2)}
.field{display:flex;gap:var(--s2);padding:var(--s1);background:var(--surface);border:1px solid var(--line-strong);border-radius:9999px;transition:border-color 150ms ease-out,box-shadow 150ms ease-out}
.field:hover{border-color:var(--muted)}
.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}
.field input{flex:1;min-width:0;height:2.875rem;padding:0 var(--s4);background:transparent;color:var(--ink);border:0;border-radius:9999px;font:inherit;font-size:1rem}
.field input::placeholder{color:var(--muted)}
.field input:focus{outline:none}
.field .btn{min-height:2.875rem}
.field:has(input[aria-invalid=true]){border-color:var(--error)}
.field:has(input[aria-invalid=true]):focus-within{box-shadow:0 0 0 3px oklch(0.52 0.18 25 / 0.14)}
.msg{min-height:1.5rem;margin-top:var(--s2);font-size:var(--t-xs);line-height:1.5rem}
.msg.err{color:var(--error)}
.note{font-size:var(--t-xs);color:var(--muted)}
.done{display:flex;gap:var(--s3);align-items:flex-start;font-size:1rem;line-height:1.5;color:var(--ink)}
.done svg{color:var(--accent);margin-top:0.2rem;font-size:1.125rem}
.done b{font-weight:600;word-break:break-all}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,31rem) minmax(0,1fr);column-gap:var(--s16);align-items:center;padding:var(--s12) 0 0 max(var(--gutter),calc((100cqw - var(--max)) / 2))}
h1{font-size:var(--t-h1);line-height:1.04;letter-spacing:-0.035em;font-weight:700}
h1 span{display:block;white-space:nowrap}
.nw{white-space:nowrap}
.lede{margin-top:var(--s6);color:var(--muted);max-width:26rem}
.hero .form{margin-top:var(--s10);max-width:27rem}

/* screenshot panels: a flat tint wash that bleeds to the page edge */
.panel{background:var(--tint);padding:var(--s12) max(var(--gutter),calc((100cqw - var(--max)) / 2)) var(--s12) var(--s12);border-radius:var(--r-lg) 0 0 var(--r-lg);min-width:0}
.panel.left{padding:var(--s12) var(--s12) var(--s12) max(var(--gutter),calc((100cqw - var(--max)) / 2));border-radius:0 var(--r-lg) var(--r-lg) 0}
@media (min-width:721px){.hero .panel{padding-left:var(--s8)}}
.ex{margin-top:var(--s3);font-size:var(--t-xs);color:var(--muted)}
.reveal{transition:transform 700ms var(--ease),opacity 700ms var(--ease)}
.reveal.pre{transform:translateY(12px);opacity:0.4}
/* real Atlas screenshots */
.shot{display:block;width:100%;height:auto;border-radius:var(--r-shot);border:1px solid var(--shot-edge);box-shadow:var(--shot-shadow);background:var(--shot-bg)}
.tv{padding:var(--s4) var(--s4) 0;border-bottom:1px solid var(--line)}
.tv img{display:block;width:100%;height:13rem;object-fit:cover;object-position:left top;border-radius:var(--r-md) var(--r-md) 0 0;box-shadow:0 0 0 1px var(--shot-edge);background:var(--shot-bg)}
.gv.memv{display:block;height:11rem;padding:0;overflow:hidden;border-radius:var(--r-md) var(--r-md) 0 0;box-shadow:0 0 0 1px var(--shot-edge);background:var(--shot-bg)}
.memv img{display:block;width:100%;height:100%;object-fit:cover;object-position:0 0}
.dg{display:block;width:min(100%,22.5rem);height:auto;overflow:visible;font-family:var(--sans)}
.dg text{font-size:13px;font-weight:500;fill:var(--muted)}
.dg text.em{fill:var(--ink);font-weight:600}
.dg text.on{fill:var(--on-accent);font-weight:600}
.dg .ln{fill:none;stroke:var(--dg-line);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dg .dsh{stroke-dasharray:4 5}
.dg .nd{fill:var(--dg-node);stroke:var(--dg-line);stroke-width:1.5}
.dg .ac,.dg .wv{fill:var(--accent)}
.dg .gi{fill:none;stroke:var(--accent);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.dg .gi.on{stroke:var(--on-accent);stroke-width:2.25}
.sum{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;justify-content:center}
.sum .ar{color:var(--muted);font-size:1.25rem}
.sum-a{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);font-weight:600}
.sum-a img{border-radius:7px;display:block}

/* connects strip */
.connects{display:flex;align-items:center;gap:var(--s6) var(--s10);flex-wrap:wrap;padding-block:var(--s12) 0}
.connects > span{font-size:var(--t-xs);font-weight:600;color:var(--muted);padding-right:var(--s10);border-right:1px solid var(--line)}
.connects ul{display:flex;flex:1;justify-content:space-between;gap:var(--s4) var(--s8);flex-wrap:wrap}
.connects li{font-size:1.0625rem;font-weight:600;letter-spacing:-0.015em;color:var(--muted);white-space:nowrap}

/* the Atlas window (Night Desk), simplified */

/* hero window: today */

/* meetings window */

/* tasks window */

/* ai window */

/* problem and solution */
.ps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:center}
.ps > div{padding:var(--s12)}
.ps > div:first-child{padding-left:0}
.ps .sol{background:var(--tint);border-radius:var(--r-lg)}
.ps .ico{width:3rem;height:3rem;border-radius:var(--r-md);display:grid;place-items:center;margin-bottom:var(--s6);font-size:1.5rem;color:var(--muted);background:var(--surface);border:1px solid var(--line)}
.ps .ico img{width:3rem;height:3rem;border-radius:var(--r-md);display:block}
.ps .sol .ico{border:0;background:none}
.ps h2{font-size:var(--t-h3);line-height:1.15;letter-spacing:-0.03em}
.ps ul{margin-top:var(--s8);display:flex;flex-direction:column;gap:var(--s4)}
.ps li{display:flex;gap:var(--s3);align-items:flex-start;font-size:1.0625rem}
.ps li .mk{width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;flex:none;font-size:0.875rem;margin-top:1px}
.ps .no .mk{background:oklch(1 0 0 / 0.08);color:var(--muted)}
.ps .no li{color:var(--muted)}
.ps .sol .mk{background:var(--accent);color:var(--on-accent)}

/* statement */
.stmt{padding-block:var(--section);text-align:center}
.stmt p{font-size:var(--t-h2);line-height:1.2;font-weight:600;letter-spacing:-0.03em;max-width:46rem;margin:0 auto;text-wrap:balance}

/* feature blocks */
.feat{padding-bottom:var(--section)}
.fb{display:grid;grid-template-columns:minmax(0,21rem) minmax(0,1fr);column-gap:var(--s12);align-items:center;padding-left:max(var(--gutter),calc((100cqw - var(--max)) / 2))}
.fb.flip{grid-template-columns:minmax(0,1fr) minmax(0,21rem);padding-left:0;padding-right:max(var(--gutter),calc((100cqw - var(--max)) / 2))}
.fb.flip .fcopy{order:2}
.pill{display:inline-flex;align-items:center;gap:6px;padding:var(--s1) var(--s3) var(--s1) 0.625rem;border-radius:9999px;background:var(--accent-wash);color:var(--accent-word);font-size:var(--t-xs);font-weight:600}
.fb h2{margin-top:var(--s5);font-size:var(--t-h3);line-height:1.12;letter-spacing:-0.03em}
.fb .fcopy p{margin-top:var(--s4);color:var(--muted);text-wrap:pretty}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin-top:var(--s6)}
.tile{background:var(--tint);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.tile p{padding:var(--s5) var(--s6) var(--s6);font-size:1rem;font-weight:500;line-height:1.4}
.more{display:inline-flex;align-items:center;gap:var(--s2);margin-top:var(--s6);min-height:2.5rem;font-size:var(--t-small);font-weight:600;text-decoration:none}
.more svg{transition:transform 200ms var(--ease)}
.more:hover{text-decoration:underline}
.more:hover svg{transform:translateX(3px)}
.kc{display:inline-flex;align-items:center;gap:6px;padding:3px var(--s2);border-radius:6px;background:var(--surface-2);color:var(--ink);font-weight:600;box-shadow:0 2px 0 var(--line-strong);border:1px solid var(--line-strong)}

/* integrations */
.sec{padding-block:var(--section);border-top:1px solid var(--line)}
.shead{text-align:center;max-width:44rem;margin:0 auto var(--s12)}
.shead h2{font-size:var(--t-h2);line-height:1.12;letter-spacing:-0.03em}
.shead p{margin-top:var(--s4);color:var(--muted)}
.ints{max-width:56rem;margin:0 auto;border-top:1px solid var(--line)}
.ints li{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;gap:var(--s5);align-items:center;padding:var(--s6) 0;border-bottom:1px solid var(--line)}
.ints .ii{width:2.75rem;height:2.75rem;border-radius:var(--r-md);background:var(--accent-wash);color:var(--accent-word);display:grid;place-items:center;font-size:1.25rem}
.ints h3{font-size:1.125rem;letter-spacing:-0.01em}
.ints p{color:var(--muted);font-size:1rem;margin-top:2px}
.chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s2);max-width:20rem}
.chips span{display:inline-flex;align-items:center;min-height:2rem;padding:0 var(--s3);border:1px solid var(--line);border-radius:9999px;background:var(--surface);font-size:var(--t-xs);font-weight:500;white-space:nowrap}

/* feature grid */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.gt{background:var(--tint);border-radius:var(--r-lg);padding:var(--s8) var(--s8) 0;display:flex;flex-direction:column;overflow:hidden}
.gt h3{font-size:1.25rem;letter-spacing:-0.015em}
.gt p{margin-top:var(--s2);color:var(--muted);font-size:1rem}
.gv{margin-top:var(--s6);height:9.5rem;display:flex;align-items:center;justify-content:center;padding-bottom:var(--s6)}
.gv .kc{font-size:var(--t-xs)}

/* privacy table */
.ptable{width:100%;border-collapse:collapse;font-size:1.0625rem}
.ptable caption{text-align:left}
.ptable th{text-align:left;font-size:var(--t-xs);font-weight:600;color:var(--muted);padding:0 var(--s4) var(--s3) 0;border-bottom:1px solid var(--line-strong)}
.ptable td,.ptable tbody th{padding:var(--s5) var(--s4) var(--s5) 0;border-bottom:1px solid var(--line);vertical-align:top}
.ptable tbody th{font-size:1.0625rem;font-weight:600;color:var(--ink);width:30%}
.ptable td:nth-child(2){width:28%}
.ptable td:last-child{color:var(--muted)}
.wh{display:inline-flex;align-items:center;gap:var(--s2);font-weight:500}
.wh svg{color:var(--accent-word);font-size:1.125rem}
.banner{margin-top:var(--s12);display:flex;align-items:center;justify-content:space-between;gap:var(--s6);flex-wrap:wrap;padding:var(--s6) var(--s6) var(--s6) var(--s8);border-radius:var(--r-lg);background:var(--accent);color:var(--on-accent)}
.banner p{font-size:1.25rem;font-weight:600;letter-spacing:-0.01em}

/* questions */
.qa{max-width:46rem;margin:0 auto;border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:4.25rem;padding:var(--s3) 0;cursor:pointer;font-weight:600;font-size:1.125rem;list-style:none;transition:color 150ms ease-out}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--accent)}
.qa summary .pm{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--accent-wash);color:var(--accent-word);flex:none;transition:transform 260ms var(--ease)}
.qa details[open] summary .pm{transform:rotate(45deg)}
.qa details::details-content{block-size:0;overflow:hidden;transition:block-size 300ms var(--ease),content-visibility 300ms allow-discrete}
.qa details[open]::details-content{block-size:auto}
.qa details p{padding:0 var(--s12) var(--s6) 0;color:var(--muted)}

/* close */
.close{padding-block:var(--section);border-top:1px solid var(--line);text-align:center}
.close h2{font-size:clamp(2.5rem,1.6rem + 2.6vw,3.75rem);line-height:1.05;letter-spacing:-0.035em;font-weight:700}
.close .form{max-width:30rem;margin:var(--s10) auto 0;text-align:left}
.close .note{text-align:center;color:oklch(0.9 0.01 214)}

/* footer */
footer{border-top:1px solid var(--line)}
.ft{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--s16);padding-block:var(--s16) var(--s12)}
.ft .tagline{margin-top:var(--s3);color:var(--muted);font-size:var(--t-small)}
.ft h2{font-size:var(--t-xs);font-weight:600;color:var(--ink);margin-bottom:var(--s3)}
.ft li a{display:inline-flex;align-items:center;min-height:2rem;color:var(--muted);text-decoration:none;font-size:var(--t-small)}
.ft li a:hover{color:var(--ink);text-decoration:underline}
.fb2{border-top:1px solid var(--line);padding-block:var(--s5) var(--s8);font-size:var(--t-xs);color:var(--muted)}

/* accent phrases: the mark's cyan to violet, lifted for contrast on night */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .a{background:linear-gradient(100deg,oklch(0.87 0.105 205),oklch(0.8 0.115 240) 52%,oklch(0.8 0.12 290));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  h1 .a{width:fit-content;padding-bottom:0.06em}
}
@media (forced-colors:active){.a{background:none;color:CanvasText}}

/* stacking: every block paints in order above the color fields of the block before it */
.nav{position:relative;z-index:2}
main section,.connects,footer{position:relative}
.hero,.fb,.ps,#features,.close{isolation:isolate}
.hero::before,.fb::before,.ps::before,#features::before,.close::before{content:'';position:absolute;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 52%,transparent);mask-image:radial-gradient(closest-side,#000 52%,transparent)}

/* color fields: light behind smoked glass */
.hero::before{top:-9rem;bottom:-7rem;left:38%;right:-14%;
  background:
    radial-gradient(40% 34% at 44% 34%,oklch(0.82 0.13 210 / 0.62),oklch(0.82 0.13 210 / 0.446) 22%,oklch(0.82 0.13 210 / 0.248) 44%,oklch(0.82 0.13 210 / 0.087) 66%,oklch(0.82 0.13 210 / 0.0) 86%),
    radial-gradient(52% 46% at 50% 48%,oklch(0.62 0.19 255 / 1),oklch(0.62 0.19 255 / 0.72) 22%,oklch(0.62 0.19 255 / 0.4) 44%,oklch(0.62 0.19 255 / 0.14) 66%,oklch(0.62 0.19 255 / 0) 86%),
    radial-gradient(48% 46% at 84% 64%,oklch(0.6 0.2 295 / 0.95),oklch(0.6 0.2 295 / 0.684) 22%,oklch(0.6 0.2 295 / 0.38) 44%,oklch(0.6 0.2 295 / 0.133) 66%,oklch(0.6 0.2 295 / 0.0) 86%),
    radial-gradient(30% 30% at 96% 16%,oklch(0.715 0.143 215 / 0.6),oklch(0.715 0.143 215 / 0.432) 22%,oklch(0.715 0.143 215 / 0.24) 44%,oklch(0.715 0.143 215 / 0.084) 66%,oklch(0.715 0.143 215 / 0.0) 86%);
  animation:drift 90s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(-2.5%,1.5%,0) scale(1.04)}}
.fb::before{top:-10%;bottom:-16%;left:32%;right:-12%}
.fb.flip::before{left:-12%;right:32%}
#meetings .fb::before{background:
    radial-gradient(44% 40% at 38% 30%,oklch(0.82 0.13 210 / 0.6),oklch(0.82 0.13 210 / 0.432) 22%,oklch(0.82 0.13 210 / 0.24) 44%,oklch(0.82 0.13 210 / 0.084) 66%,oklch(0.82 0.13 210 / 0.0) 86%),
    radial-gradient(54% 48% at 64% 56%,oklch(0.62 0.19 255 / 0.95),oklch(0.62 0.19 255 / 0.684) 22%,oklch(0.62 0.19 255 / 0.38) 44%,oklch(0.62 0.19 255 / 0.133) 66%,oklch(0.62 0.19 255 / 0.0) 86%),
    radial-gradient(36% 40% at 96% 34%,oklch(0.6 0.2 295 / 0.75),oklch(0.6 0.2 295 / 0.54) 22%,oklch(0.6 0.2 295 / 0.3) 44%,oklch(0.6 0.2 295 / 0.105) 66%,oklch(0.6 0.2 295 / 0.0) 86%)}
#day .fb::before{background:
    radial-gradient(52% 48% at 42% 46%,oklch(0.6 0.2 295 / 0.92),oklch(0.6 0.2 295 / 0.662) 22%,oklch(0.6 0.2 295 / 0.368) 44%,oklch(0.6 0.2 295 / 0.129) 66%,oklch(0.6 0.2 295 / 0.0) 86%),
    radial-gradient(44% 42% at 70% 66%,oklch(0.62 0.19 255 / 0.8),oklch(0.62 0.19 255 / 0.576) 22%,oklch(0.62 0.19 255 / 0.32) 44%,oklch(0.62 0.19 255 / 0.112) 66%,oklch(0.62 0.19 255 / 0.0) 86%),
    radial-gradient(32% 34% at 6% 22%,oklch(0.82 0.13 210 / 0.55),oklch(0.82 0.13 210 / 0.396) 22%,oklch(0.82 0.13 210 / 0.22) 44%,oklch(0.82 0.13 210 / 0.077) 66%,oklch(0.82 0.13 210 / 0.0) 86%)}
#ai .fb::before{background:
    radial-gradient(50% 46% at 60% 40%,oklch(0.62 0.19 255 / 0.92),oklch(0.62 0.19 255 / 0.662) 22%,oklch(0.62 0.19 255 / 0.368) 44%,oklch(0.62 0.19 255 / 0.129) 66%,oklch(0.62 0.19 255 / 0.0) 86%),
    radial-gradient(40% 40% at 38% 72%,oklch(0.715 0.143 215 / 0.62),oklch(0.715 0.143 215 / 0.446) 22%,oklch(0.715 0.143 215 / 0.248) 44%,oklch(0.715 0.143 215 / 0.087) 66%,oklch(0.715 0.143 215 / 0.0) 86%),
    radial-gradient(40% 42% at 92% 66%,oklch(0.6 0.2 295 / 0.85),oklch(0.6 0.2 295 / 0.612) 22%,oklch(0.6 0.2 295 / 0.34) 44%,oklch(0.6 0.2 295 / 0.119) 66%,oklch(0.6 0.2 295 / 0.0) 86%)}
.ps::before{top:-16%;bottom:-16%;left:44%;right:-10%;
  background:
    radial-gradient(46% 48% at 58% 42%,oklch(0.62 0.19 255 / 0.6),oklch(0.62 0.19 255 / 0.432) 22%,oklch(0.62 0.19 255 / 0.24) 44%,oklch(0.62 0.19 255 / 0.084) 66%,oklch(0.62 0.19 255 / 0.0) 86%),
    radial-gradient(38% 44% at 86% 70%,oklch(0.6 0.2 295 / 0.6),oklch(0.6 0.2 295 / 0.432) 22%,oklch(0.6 0.2 295 / 0.24) 44%,oklch(0.6 0.2 295 / 0.084) 66%,oklch(0.6 0.2 295 / 0.0) 86%)}
#features::before{top:13rem;bottom:2rem;left:-4%;right:-4%;
  background:
    radial-gradient(40% 30% at 22% 30%,oklch(0.715 0.143 215 / 0.26),oklch(0.715 0.143 215 / 0.187) 22%,oklch(0.715 0.143 215 / 0.104) 44%,oklch(0.715 0.143 215 / 0.036) 66%,oklch(0.715 0.143 215 / 0.0) 86%),
    radial-gradient(44% 34% at 80% 52%,oklch(0.6 0.2 295 / 0.32),oklch(0.6 0.2 295 / 0.23) 22%,oklch(0.6 0.2 295 / 0.128) 44%,oklch(0.6 0.2 295 / 0.045) 66%,oklch(0.6 0.2 295 / 0.0) 86%),
    radial-gradient(42% 30% at 40% 84%,oklch(0.62 0.19 255 / 0.3),oklch(0.62 0.19 255 / 0.216) 22%,oklch(0.62 0.19 255 / 0.12) 44%,oklch(0.62 0.19 255 / 0.042) 66%,oklch(0.62 0.19 255 / 0.0) 86%)}
.close::before{top:24%;bottom:-14%;left:50%;width:min(72rem,130%);translate:-50% 0;
  background:
    radial-gradient(40% 52% at 40% 58%,oklch(0.62 0.19 255 / 0.62),oklch(0.62 0.19 255 / 0.446) 22%,oklch(0.62 0.19 255 / 0.248) 44%,oklch(0.62 0.19 255 / 0.087) 66%,oklch(0.62 0.19 255 / 0.0) 86%),
    radial-gradient(36% 50% at 62% 54%,oklch(0.6 0.2 295 / 0.58),oklch(0.6 0.2 295 / 0.418) 22%,oklch(0.6 0.2 295 / 0.232) 44%,oklch(0.6 0.2 295 / 0.081) 66%,oklch(0.6 0.2 295 / 0.0) 86%),
    radial-gradient(26% 30% at 50% 34%,oklch(0.82 0.13 210 / 0.3),oklch(0.82 0.13 210 / 0.216) 22%,oklch(0.82 0.13 210 / 0.12) 44%,oklch(0.82 0.13 210 / 0.042) 66%,oklch(0.82 0.13 210 / 0.0) 86%)}

/* smoked glass */
.panel,.tile,.gt,.ps .sol{background:var(--grain),var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-hi),var(--glass-shadow)}
.panel{border-right:0}
.panel.left{border-right:1px solid var(--glass-edge);border-left:0}
.panel .ex{color:var(--ink);opacity:0.86}
.field{background:oklch(0.17 0.006 225 / 0.66);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}
.ps .no .ico{background:var(--surface)}

/* the early-access banner: the most saturated thing on the page */
.banner{position:relative;color:var(--ink);border:1px solid oklch(1 0 0 / 0.16);
  background:
    radial-gradient(55% 150% at 0% 0%,oklch(0.5 0.12 212),transparent 72%),
    radial-gradient(30% 120% at 62% 0%,oklch(0.52 0.16 250 / 0.7),transparent 72%),
    radial-gradient(50% 170% at 100% 100%,oklch(0.5 0.21 295),transparent 72%),
    linear-gradient(100deg,oklch(0.42 0.16 240),oklch(0.42 0.19 268) 55%,oklch(0.42 0.2 290));
    box-shadow:inset 0 1px 0 oklch(1 0 0 / 0.18),0 30px 80px -36px oklch(0.6 0.2 280 / 0.7)}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--glass:oklch(0.17 0.006 225 / 0.92)}
  .field{background:var(--surface)}
}
@media (prefers-reduced-transparency:reduce){
  :root{--glass:var(--glass-solid)}
  .panel,.tile,.gt,.ps .sol,.field{-webkit-backdrop-filter:none;backdrop-filter:none}
  .field{background:var(--surface)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:0ms !important;animation:none !important}
  .reveal.pre{transform:none;opacity:1}
}
@media (max-width:1000px){
  .nav nav{display:none}
  .nav{grid-template-columns:1fr auto}
  .hero{grid-template-columns:minmax(0,1fr);row-gap:var(--s12);padding-right:var(--gutter)}
  .hero .panel{margin-right:calc(-1 * var(--gutter))}
  .fb,.fb.flip{grid-template-columns:minmax(0,1fr);row-gap:var(--s10);padding-inline:var(--gutter)}
  .fb.flip .fcopy{order:0}
  .fcopy{max-width:36rem}
  .fb .panel{margin-right:calc(-1 * var(--gutter))}
  .fb .panel.left{margin-right:0;margin-left:calc(-1 * var(--gutter))}
  .ps{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
  .ps > div:first-child{padding:0 0 var(--s8)}
  .tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tiles .tile:last-child{grid-column:1 / -1}
  .hero::before{top:44%;bottom:-4rem;left:-20%;right:-20%}
  .fb::before,.fb.flip::before{top:34%;bottom:-6%;left:-20%;right:-20%}
  .ps::before{top:42%;bottom:-8%;left:-10%;right:-10%}
}
@media (max-width:720px){
  .hero{padding-top:var(--s8)}
  .panel,.panel.left{padding:var(--s6) var(--gutter);border-radius:0;border-inline:0}
  .hero .panel,.fb .panel{margin-inline:calc(-1 * var(--gutter))}
  .fb .panel.left{margin-inline:calc(-1 * var(--gutter))}
  .connects{padding-top:var(--s10);gap:var(--s4)}
  .connects > span{border-right:0;padding-right:0;width:100%}
  .connects ul{justify-content:flex-start;gap:var(--s3) var(--s6)}
  .ps > div{padding:var(--s8) var(--s6)}
  .tiles,.grid{grid-template-columns:minmax(0,1fr)}
  .tiles .tile:last-child{grid-column:auto}
  .gt{padding:var(--s6) var(--s6) 0}
  .ints li{grid-template-columns:2.75rem minmax(0,1fr);row-gap:var(--s3)}
  .chips{grid-column:2;justify-content:flex-start}
  .ptable thead{display:none}
  .ptable tr{display:grid;grid-template-columns:minmax(0,1fr);padding:var(--s5) 0;border-bottom:1px solid var(--line)}
  .ptable td,.ptable tbody th,.ptable td:nth-child(2){border:0;padding:2px 0;width:auto}
  .ptable td::before{content:attr(data-label);display:block;font-size:var(--t-xs);color:var(--muted);font-weight:600;margin-top:var(--s2)}
  .banner{padding:var(--s6)}
  .banner .btn{width:100%}
  .field{flex-direction:column;border-radius:var(--r-lg)}
  .field input{height:3rem}
  .field .btn{width:100%}
  .qa details p{padding-right:0}
  .ft{grid-template-columns:1fr 1fr;gap:var(--s8)}
  .ft > div:first-child{grid-column:1 / -1}
}

/* site build: classes that replace inline style attributes (the CSP allows no inline styles) */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.pt-section{padding-top:var(--section)}
.tv img.op-l45{object-position:left 45%}
.tv img.op-l30{object-position:left 30%}
.tv img.op-l70{object-position:left 70%}
.tv img.op-c{object-position:center}
/* waitlist honeypot: off screen for people, still in the form for bots */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
/* short pages: 404, joined, join error */
.simple{position:relative;z-index:1;min-height:calc(100vh - 9rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--s5);padding-block:var(--s16)}
.simple h1{font-size:var(--t-h2);line-height:1.1;letter-spacing:-0.03em;font-weight:700}
.simple p{color:var(--muted);max-width:32rem}
.simple .btn{margin-top:var(--s3)}
.simple-foot p{padding-block:var(--s6);font-size:var(--t-xs);color:var(--muted)}
.simple-glow{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.simple-glow::before{content:"";position:absolute;right:-12rem;top:10%;width:min(56rem,110vw);height:70vh;filter:blur(40px);
  background:
    radial-gradient(42% 50% at 38% 50%,oklch(0.62 0.19 255 / 0.42),oklch(0.62 0.19 255 / 0.16) 45%,oklch(0.62 0.19 255 / 0) 80%),
    radial-gradient(36% 46% at 64% 46%,oklch(0.6 0.2 295 / 0.36),oklch(0.6 0.2 295 / 0.12) 45%,oklch(0.6 0.2 295 / 0) 80%),
    radial-gradient(30% 40% at 30% 30%,oklch(0.82 0.13 210 / 0.22),oklch(0.82 0.13 210 / 0) 75%)}
.simple-foot{position:relative;z-index:1}
@media (prefers-reduced-transparency: reduce){.simple-glow::before{filter:none;opacity:.6}}