.brand-intro{z-index:20;pointer-events:none;place-items:center;position:fixed;inset:0}.brand-intro[hidden]{display:none}html[data-brand-intro] .brand-intro[hidden]{display:grid}.brand-intro-backdrop{background:#edf1f5;position:absolute;inset:0}.brand-intro-content{justify-items:center;gap:18px;display:grid;position:relative}.brand-intro-mark{aspect-ratio:1;width:clamp(144px,20vw,184px)}.brand-intro-mark>svg{width:100%;height:100%;overflow:visible}.brand-intro-wordmark{width:144px;height:auto}@media (prefers-reduced-motion:reduce){html[data-brand-intro] .brand-intro{display:none}}:root{--tangerine:#ff710a;--tangerine-deep:#e85f00;--ember:#b84a00;--ink:#161619;--cream:#fff4dc;--paper:#f5ebdd;--paper-2:#ede1cf;--night:#0e0e10;--graphite:#222225;--line-light:#dccdb7;--line-dark:#2e2e33;--muted-light:#5e574e;--muted-dark:#b5ac9c;--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--body:"Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(16px, 5vw, 56px);--max:1160px;--radius:22px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit}:focus-visible{outline:3px solid var(--tangerine);outline-offset:3px;border-radius:6px}.skip{background:var(--ink);color:var(--cream);z-index:10;border-radius:10px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.site-header{z-index:5;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--line-light)}.site-header .wrap{align-items:center;gap:24px;height:64px;display:flex}.brand{align-items:center;text-decoration:none;display:flex}.brand img{width:auto;height:40px;margin-left:-6px}.nav{align-items:center;gap:22px;margin-left:auto;font-size:15px;display:flex}.nav a{color:var(--muted-light);text-decoration:none}.nav a:hover,.nav a[aria-current=page],.nav .btn-primary{color:var(--ink)}.nav .btn-primary:hover{color:var(--cream)}@media (width<=720px){.nav .hide-sm{display:none}.nav{gap:16px}}@media (width<=400px){.nav a[href$=changelog\/]{display:none}}.btn{--fill:var(--ink);--fill-text:var(--cream);--gloss:#ffffff29;--lip:#16161924;--edge:#1616191f;--lift:0 1px 1px #1616191f, 0 4px 10px -6px #16161938;isolation:isolate;white-space:nowrap;font:600 16px/1 var(--body);cursor:pointer;box-shadow:var(--lift);border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 20px 15px;text-decoration:none;transition:transform .12s,color .25s 50ms,box-shadow .12s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, var(--gloss), #fff0 55%);box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -2px 0 var(--lip), inset 0 0 0 1px var(--edge);transition:box-shadow .12s;position:absolute;inset:0}.btn:after{content:"";z-index:-2;background:var(--fill);border-radius:50%;width:100%;min-width:167px;height:167px;transition:transform .45s cubic-bezier(.33,1,.68,1);position:absolute;top:0;left:50%;transform:translate(-50%)translateY(67px)scale(1)}.btn:hover,.btn:focus-visible{color:var(--fill-text);--edge:#16161966;--lip:#0000004d;--gloss:#ffffff14;background-color:var(--fill);transition:transform .12s,color .2s .15s,box-shadow .12s,background-color 0s linear .3s}.btn:hover:after,.btn:focus-visible:after{transition-duration:.55s;transform:translate(-50%)translateY(0)scale(1.47)}.btn:active{transform:translateY(1px);box-shadow:0 0 1px #16161933}.btn:active:before{box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 var(--lip), inset 0 0 0 1px var(--edge)}.btn-primary{background:var(--tangerine);color:var(--ink);--edge:#96370052;--lip:#8c320033;--lift:0 1px 1px #782d002e, 0 6px 12px -8px #e85f0080}.btn-ghost{color:var(--ink);--gloss:#fff9;--lip:#1616190f;--edge:var(--line-light);background:#fffaf2}.btn-small{padding:10px 16px 11px;font-size:14px}.on-dark .btn-ghost{--fill:var(--cream);--fill-text:var(--ink);--gloss:#ffffff1a;--lip:#0006;--edge:var(--line-dark);color:var(--cream);background:var(--graphite)}.on-dark .btn-ghost:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){.btn,.btn:hover,.btn:before,.btn:after{transition:none}}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;margin:0}h1{font-size:clamp(44px,8.4vw,104px);font-weight:780;line-height:.94}h2{font-size:clamp(34px,5.2vw,64px);font-weight:760;line-height:.98}h3{letter-spacing:-.015em;font-size:22px;font-weight:700;line-height:1.15}h1 em,h2 em{color:var(--ember);font-style:normal}.on-dark h1 em,.on-dark h2 em{color:var(--tangerine)}.lede{color:var(--muted-light);max-width:34em;margin:22px 0 0;font-size:clamp(18px,2vw,21px)}.on-dark{background:var(--night);color:var(--cream)}.on-dark .lede,.on-dark .note{color:var(--muted-dark)}.note{color:var(--muted-light);font-size:14px}.hero{padding:clamp(48px,9vw,112px) 0 0;overflow:hidden}.hero-copy{text-align:center}.hero-copy .lede{margin-inline:auto}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.hero .note{margin-top:16px}.stage{margin-top:clamp(72px,10vw,120px);position:relative}.peek-on-edge{z-index:2;width:clamp(110px,17vw,210px);position:absolute;top:0;right:9%;transform:translateY(-74%)}.device{border:10px solid var(--ink);aspect-ratio:16/8.4;background:#000;border-bottom:0;border-radius:26px 26px 0 0;position:relative;overflow:hidden}.device .notch-open{width:62%;position:absolute;top:0;left:50%;transform:translate(-50%)}.device .rail{width:auto;height:66%;position:absolute;top:18%;right:1.2%}.device .dockbar{width:50%;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}@media (width<=720px){.device{aspect-ratio:4/3.4;border-width:6px;border-radius:18px 18px 0 0}.device .notch-open{width:94%}.device .rail{display:none}.device .dockbar{width:96%}}section{scroll-margin-top:72px}.band{padding:clamp(80px,11vw,148px) 0}.band:not(.on-dark)+.band:not(.on-dark){padding-top:0}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,6vw,88px);display:grid}@media (width<=900px){.split{grid-template-columns:1fr}}.states{gap:4px;margin:32px 0 0;padding:0;list-style:none;display:grid}.states button{text-align:left;width:100%;color:var(--muted-light);font:500 17px/1.35 var(--body);cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:26px 1fr;align-items:baseline;gap:12px;padding:14px 16px;display:grid}.states button span:first-child{font:600 13px/1 var(--mono);color:var(--muted-light)}.states button strong{color:var(--ink);font-weight:600;display:block}.states button:hover{background:var(--paper-2)}.states button[aria-selected=true]{background:var(--ink);color:var(--muted-dark)}.states button[aria-selected=true] strong{color:var(--cream)}.states button[aria-selected=true] span:first-child{color:var(--tangerine)}.screen-top{border-radius:var(--radius);background:#000;place-items:start center;min-height:300px;padding-top:0;display:grid;position:sticky;top:96px;overflow:hidden}.screen-top:after{content:"";pointer-events:none;background:radial-gradient(60% 90% at 50% 100%,#ff710a42,#0000 70%);height:46%;position:absolute;inset:auto 0 0}.screen-top figure{justify-items:center;width:100%;margin:0;display:grid}.screen-top img{width:auto;max-width:92%;height:auto}.screen-top img.tall{max-width:64%}.screen-top figcaption{color:var(--muted-dark);z-index:1;font-size:15px;position:absolute;bottom:20px;left:24px;right:24px}@media (prefers-reduced-motion:no-preference){.screen-top img{animation:.45s cubic-bezier(.22,1,.36,1) drop}}@keyframes drop{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}.tools{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.tools li{background:var(--graphite);border-radius:999px;padding:8px 14px;font-size:15px}.tools li b{color:var(--tangerine);margin-left:4px;font-size:13px;font-weight:600}.usage-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.tile{border:1px solid var(--line-dark);border-radius:var(--radius);background:#000;flex-direction:column;justify-content:space-between;gap:14px;margin:0;padding:clamp(14px,2vw,24px);display:flex;overflow:hidden}.tile figcaption{color:var(--muted-dark);font-size:15px}.tile figcaption strong{color:var(--cream);font-weight:600;display:block}.tile img{margin-inline:auto}.t-usage{grid-column:1/span 7}.t-card{grid-area:1/8/span 2/span 5;justify-content:center}.t-forecast{grid-column:1/span 7}@media (width<=900px){.t-usage,.t-card,.t-forecast{grid-area:auto/1/auto/-1}}.facts{border-top:1px solid var(--line-dark);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;padding-top:32px;display:grid}.facts p{color:var(--muted-dark);margin:8px 0 0;font-size:16px}@media (width<=800px){.facts{grid-template-columns:1fr;gap:24px}}.tabs{background:var(--paper-2);border-radius:999px;flex-wrap:wrap;gap:4px;margin-top:32px;padding:5px;display:inline-flex}.tabs button{font:600 15px/1 var(--body);color:var(--muted-light);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px}.tabs button[aria-selected=true]{background:var(--ink);color:var(--cream)}.page-shot{border-radius:var(--radius);background:#000;justify-items:center;margin:32px 0 0;padding:0 clamp(8px,4vw,56px) clamp(16px,4vw,48px);display:grid}.page-shot img{width:100%;max-width:860px}.page-shot figcaption{color:var(--muted-dark);text-align:center;max-width:46em;margin-top:8px;font-size:15px}.dock-shot{border-radius:var(--radius);background:#000;margin:40px 0 0;padding:clamp(32px,6vw,72px) clamp(12px,3vw,40px)}.dock-shot img{width:100%;max-width:900px;margin:0 auto}.points{gap:18px;margin:28px 0 0;padding:0;list-style:none;display:grid}.points li{color:var(--muted-light);padding-left:28px;position:relative}.points li:before{content:"";background:var(--tangerine);border-radius:4px;width:12px;height:12px;position:absolute;top:.5em;left:0}.points strong{color:var(--ink);font-weight:600}.pets{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}@media (width<=900px){.pets{grid-template-columns:1fr}}.pets figure{border-radius:var(--radius);background:#000;margin:0;padding:20px}.moods{margin-top:16px}.private-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:48px;display:grid}.private-list div{border-top:1px solid var(--line-light);padding:22px 0}.private-list p{color:var(--muted-light);margin:6px 0 0}@media (width<=800px){.private-list{grid-template-columns:1fr}}.closing{text-align:center;padding:clamp(80px,11vw,140px) 0 0;overflow:hidden}.closing .lede{margin-inline:auto}.closing .hero-actions{margin-bottom:clamp(56px,8vw,96px)}.peek-live{cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:min(78vw,520px);margin:0 auto -1px;padding:0}.peek-live .head{transform-box:view-box;transform-origin:65px 82px;transition:transform .2s}.peek-live.hop .head{animation:.5s cubic-bezier(.3,1.6,.5,1) hop}@keyframes hop{40%{transform:translateY(-9px)}to{transform:none}}.peek-live .lid{transform-box:fill-box;transform-origin:50%;transform:scaleY(0)}.peek-live.happy .lid{transform:scaleY(1)}.shelf-edge{background:var(--ink);height:14px}.site-footer{background:var(--ink);color:var(--muted-dark);padding:40px 0 48px;font-size:15px}.site-footer .wrap{flex-wrap:wrap;align-items:center;gap:20px 40px;display:flex}.site-footer img{width:auto;height:38px}.site-footer nav{flex-wrap:wrap;gap:22px;display:flex}.site-footer a{color:var(--cream);text-decoration:none}.site-footer a:hover{color:var(--tangerine)}.site-footer .meta{margin-left:auto}@media (width<=720px){.site-footer .meta{width:100%;margin-left:0}}.docs{grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,5vw,72px);padding:48px 0 96px;display:grid}.docs-index{align-self:start;max-height:calc(100vh - 110px);position:sticky;top:88px;overflow:auto}.docs-index p{font:600 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light);margin:22px 0 8px 10px}.docs-index p:first-child{margin-top:0}.docs-index ul{margin:0;padding:0;list-style:none}.docs-index a{color:var(--muted-light);border-radius:10px;align-items:center;gap:10px;padding:7px 10px;font-size:15px;text-decoration:none;display:flex}.docs-index a:hover{background:var(--paper-2);color:var(--ink)}.docs-index a.active{background:var(--ink);color:var(--cream)}.ico{color:#fff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.ico svg{width:13px;height:13px}.c-orange{background:#ff710a}.c-ink{background:#3a3a40}.c-cobalt{background:#4169ef}.c-sage{background:#4f7a5e}.c-lilac{background:#7e64c9}.c-red{background:#d9473b}.c-teal{background:#2d8c9a}.c-pink{background:#c94c7f}.c-gold{background:#b07a12}.prose{max-width:58ch}.prose .table-scroll,.prose pre,.prose .callout{max-width:720px}.prose h1{font-size:clamp(40px,6vw,64px)}.prose h2{margin:72px 0 0;padding-top:8px;font-size:clamp(28px,3.4vw,38px)}.prose h3{margin:32px 0 0}.prose p,.prose li{color:#3b362f}.prose p{margin:14px 0 0}.prose ul,.prose ol{margin:14px 0 0;padding-left:22px}.prose li{margin:6px 0}.prose code{font:14px/1.4 var(--mono);background:var(--paper-2);border-radius:6px;padding:2px 6px}.prose pre{background:var(--ink);color:var(--cream);border-radius:14px;margin:16px 0 0;padding:18px 20px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;margin:18px 0 0;font-size:15px}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line-light);padding:10px 12px 10px 0}.prose th{font-weight:600}.prose details{border-bottom:1px solid var(--line-light);padding:14px 0}.prose summary{cursor:pointer;font-weight:600}.callout{background:var(--paper-2);border-radius:14px;margin:18px 0 0;padding:16px 18px;font-size:15px}.docs-toggle{margin-top:24px;display:none}@media (width<=860px){.docs{grid-template-columns:1fr}.docs-index{max-height:none;display:none;position:static}.docs-index.open{display:block}.docs-toggle{display:inline-flex}}.table-scroll{overflow-x:auto}.release{border-top:1px solid var(--line-light);grid-template-columns:200px minmax(0,1fr);gap:32px;padding:40px 0;display:grid}.release time{font:600 15px/1.4 var(--mono);color:var(--muted-light)}.release h2{font-size:clamp(26px,3vw,34px)}.release ul{color:#3b362f;margin:16px 0 0;padding-left:20px}.release li{margin:8px 0}.tag{font:600 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;background:var(--tangerine);color:var(--ink);border-radius:6px;margin-bottom:12px;padding:5px 8px;display:inline-block}@media (width<=720px){.release{grid-template-columns:1fr;gap:8px}}
