@font-face{font-family:"Archivo";src:url("/fonts/archivo-latin-wdth-normal.e3a28eade21a900c.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url("/fonts/schibsted-grotesk-latin-wght-normal.4c8b93f431d462c6.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}

@font-face{font-family:"IBM Plex Mono";src:url("/fonts/ibm-plex-mono-latin-500-normal.01d285447409c8a5.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

.launch{--l-ink:#211C17;--l-linen:#F2ECE1;--l-madder:#B23A26;--l-madder-lt:#E4694E;--l-madder-hover:#C4472F;--l-soft:rgba(242,236,225,.72);--l-faint:rgba(242,236,225,.34);
  position:relative;overflow:hidden;isolation:isolate;background:var(--l-ink);color:var(--l-linen);padding:clamp(48px,7vw,90px) 0 clamp(52px,7vw,96px)}
.launch[hidden]{display:none}
.launch__media{position:absolute;inset:0;z-index:-2;pointer-events:none}
.launch__media[hidden]{display:none}
.launch__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24}
.launch__media::after{content:"";position:absolute;inset:0;background:var(--l-ink);opacity:.7}

.textlink[hidden],[data-since][hidden],[data-until][hidden],[data-own-it-photo-tools][hidden],[data-downloads-off-hide][hidden],[data-release-preorder-only][hidden],[data-cta-when][hidden],[data-cta-unless][hidden],[data-other-system][hidden]{display:none!important}
.launch::before,.launch::after{content:"";position:absolute;left:0;right:0;height:2px;z-index:-1;
  background:repeating-linear-gradient(90deg,var(--l-faint) 0 10px,transparent 10px 18px)}
.launch::before{top:12px}.launch::after{bottom:12px}
.launch__patch{position:absolute;z-index:-1;width:clamp(520px,62vw,940px);height:auto;max-width:none;right:-46%;top:64%;transform:translateY(-50%);opacity:.045;pointer-events:none}
.launch__grid{display:grid;gap:28px;align-items:center}
.launch__title{margin:0;font-family:var(--f-display);font-weight:720;font-stretch:112%;letter-spacing:-.034em;line-height:.96;
  font-size:clamp(42px,11.2vw,50px);text-wrap:balance}
.launch__meta{margin:16px 0 0;font:500 15px/1.4 var(--f-mono);letter-spacing:.02em;color:var(--l-soft)}
.launch__label{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:600 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--l-soft)}
.launch__live{width:8px;height:8px;border-radius:50%;background:var(--l-madder-lt);box-shadow:0 0 0 0 rgba(228,105,78,.55);animation:swLive 2s ease-out infinite}
.launch__clock[hidden]{display:none}
.release-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.release-tiles[hidden]{display:none}
.release-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 2px 12px;
  border:2px dashed var(--l-faint);border-radius:14px;background:rgba(242,236,225,.045);text-align:center}
.release-tile b{display:block;font-family:var(--f-display);font-weight:760;font-stretch:108%;font-size:clamp(34px,10.4vw,44px);line-height:1;
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--l-linen)}
.release-tile > span{display:block;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--l-soft)}
.release-tile--seconds{border-color:var(--l-madder-lt)}
.release-tile--seconds b{color:var(--l-madder-lt)}
.release-tile b.tk{animation:swTickA .5s var(--ease-thread,cubic-bezier(.2,.7,.2,1))}
.release-tile b.tk2{animation:swTickB .5s var(--ease-thread,cubic-bezier(.2,.7,.2,1))}
@keyframes swTickA{from{opacity:.15;transform:translateY(-.22em)}to{opacity:1;transform:none}}
@keyframes swTickB{from{opacity:.15;transform:translateY(-.22em)}to{opacity:1;transform:none}}
@keyframes swLive{0%{box-shadow:0 0 0 0 rgba(228,105,78,.55)}80%,100%{box-shadow:0 0 0 9px rgba(228,105,78,0)}}
.launch__act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.launch__act .launch__note{flex-basis:100%}
.launch .launch__btn{width:100%;min-height:56px;padding:0 30px;font-size:18px;background:var(--cta);color:var(--cta-ink)}
.launch .launch__btn:hover{background:var(--cta-hover)}
:root{--cta:#FF7A55;--cta-hover:#FF9373;--cta-ink:#211C17}
html a.btn[data-hero-cta]{background:var(--cta);color:var(--cta-ink)}
html a.btn[data-hero-cta]:hover{background:var(--cta-hover)}
main p a:not(.btn),main li a:not(.btn){padding-block:3px}
.plan-launch{flex-basis:100%;margin:0}
.launch-tag{display:inline-block;padding:2px 8px;margin-right:6px;border-radius:6px;background:var(--cta);color:var(--cta-ink);font:600 12px/1.4 var(--f-mono);letter-spacing:.04em;text-transform:uppercase}
.launch .launch__btn:focus-visible,.launch a:focus-visible{outline-color:var(--l-linen)}
.launch .launch__btn[hidden]{display:none}
.launch__note{margin:0;font:500 15px/1.4 var(--f-body);color:var(--l-soft)}
.launch .textlink{color:var(--l-linen)}
.launch [hidden] + [data-other-system]{display:none}
.launch + .hero .po-status{display:none}
@media (min-width:600px){
  .launch .launch__btn{width:auto}
  .launch__title{font-size:clamp(50px,7vw,64px)}
  .release-tiles{gap:12px}
  .release-tile{padding:18px 6px 14px}
  .release-tile b{font-size:clamp(46px,7vw,64px)}
}
@media (min-width:960px){
  .launch__grid{grid-template-columns:minmax(0,1fr) minmax(0,auto);grid-template-areas:"copy clock" "act clock";column-gap:clamp(32px,3.6vw,56px);row-gap:30px}
  .launch__copy{grid-area:copy;align-self:end}
  .launch__clock{grid-area:clock}
  .launch__act{grid-area:act;align-self:start}
  .launch{padding:clamp(96px,9vw,138px) 0 clamp(102px,9.3vw,144px)}
  .launch__title{font-size:clamp(44px,4.2vw,62px);max-width:9.4em}
  .launch[data-state="available"] .launch__title,.launch[data-state="waiting"] .launch__title{font-size:clamp(56px,6vw,88px);max-width:none}
  .launch__meta{font-size:16px;margin-top:20px}
  .release-tiles{grid-template-columns:repeat(4,clamp(96px,9.2vw,140px));gap:clamp(10px,1vw,14px)}
  .release-tile{padding:28px 0 20px;border-radius:18px;gap:14px}
  .release-tile b{font-size:clamp(46px,5.1vw,78px)}
  .release-tile > span{font-size:11.5px}
  .launch__patch{right:-9%;top:50%;opacity:.06}
  .launch__act .launch__note{flex-basis:auto}
  .launch[data-state="available"] .launch__grid,.launch[data-state="waiting"] .launch__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "act"}
  .launch + .hero{padding-top:56px}
}
@media (prefers-reduced-motion:reduce){.launch *{animation:none!important;transition:none!important}}
@media (prefers-reduced-motion:reduce){.launch__media{display:none!important}}
.gift-offer-band{padding-block:clamp(24px,4vw,56px)}
.gift-offer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:clamp(22px,3vw,36px)}
.gift-offer>div{flex:1 1 420px;min-width:0}
.gift-offer h2{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:0 0 12px}
.gift-offer p{margin:0;max-width:58ch;overflow-wrap:anywhere}
.gift-offer .gift-offer__cta{border-radius:8px;max-width:100%;white-space:normal;padding-block:12px;overflow-wrap:anywhere}
@media(max-width:599.98px){.gift-offer .gift-offer__cta{width:100%}}
.market-coming{display:inline-block;font:11px/1.4 var(--f-mono);border:1px solid var(--line);border-radius:4px;padding:2px 4px;color:var(--muted)}
.market-coming[hidden]{display:none}



:root{
  --linen:#F2ECE1; --linen-deep:#E8DFD0; --paper:#FAF7F1; --white:#FFFFFF;
  --ink:#211C17; --muted:#5E554B; --line:#D9CEBC; --line-strong:#7F7466;
  --madder:#B23A26; --madder-bg:#F1DDD3;
  --radius-btn:8px; --radius-chip:6px;
  --danger:#A3213D;
  --backdrop:#F5F5F4; --grid:#BDBBB7; --grid-major:#6C6A66;
  --sky:#9DB5CF; --cream:#F3E7C9; --gold:#D9A23A; --navy:#1F3354;
  --f-display:"Archivo","Schibsted Grotesk",system-ui,sans-serif;
  --f-body:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --ease-thread:cubic-bezier(.2,.7,.2,1);
  --elev-chart:0 1px 2px rgba(33,28,23,.10),0 12px 28px -14px rgba(33,28,23,.38);
  --wrap:1200px; --gutter:clamp(20px,4vw,48px);
  --stitch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cline x1='2' y1='2' x2='9' y2='2' stroke='%237F7466' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--linen);color:var(--ink);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
p{margin:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-64px;z-index:50;background:var(--ink);color:var(--linen);padding:12px 18px;border-radius:var(--radius-btn);font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.eyebrow{font:500 13px/1.4 var(--f-mono);color:var(--muted);margin:0 0 18px;letter-spacing:.01em}
h1,h2,h3{margin:0}
h1,h2{font-family:var(--f-display);font-stretch:112%;font-weight:640;letter-spacing:-.025em;line-height:1}
h2{font-size:clamp(34px,3.7vw,52px)}
h3{font:600 19px/1.3 var(--f-body);letter-spacing:-.005em}
.lede{font-size:19px;line-height:1.55;max-width:40ch;margin-top:20px}
.stitch-rule{height:4px;background:var(--stitch) repeat-x left center;opacity:.75;border:0;margin:0}
.concept{font:400 12px/1.4 var(--f-mono);color:var(--muted)}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:var(--radius-btn);background:var(--ink);color:var(--linen);font:600 16px/1.1 var(--f-body);text-decoration:none;border:0;cursor:pointer;transition:background-color .1s}
.btn:hover{background:color-mix(in srgb,var(--ink) 86%,var(--linen))}
.btn--sm{min-height:44px;padding:0 20px;font-size:15px}
.textlink{font-weight:600;text-decoration:underline;text-underline-offset:.25em;display:inline-flex;align-items:center;min-height:44px}


.site-head{position:relative;border-bottom:1px solid var(--line);background:var(--linen);z-index:20}
.head{display:flex;align-items:center;gap:clamp(16px,1.5vw,24px);height:76px}
.head > picture,.head__cta{flex:none}
.head__cta{white-space:nowrap}
.brand-link{display:flex;flex:none;border-radius:6px}
.brand-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.brand{height:30px;width:auto;flex:none;display:block}
.nav{margin-left:auto}
.nav ul{display:flex;align-items:center;gap:clamp(12px,1.3vw,20px);list-style:none;margin:0;padding:0}
.nav a{font:500 15px/1 var(--f-body);text-decoration:none;display:inline-flex;align-items:center;gap:5px;min-height:44px;white-space:nowrap}
.nav a:hover{text-decoration:underline}
.nav .nav__cta{display:none}
.menu-btn{display:none;min-height:44px;padding:0 18px;border-radius:var(--radius-btn);border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:600 15px/1 var(--f-body);cursor:pointer}
@media (max-width:1199.98px){
  .head{gap:12px;height:68px}
  .brand{height:26px}
  .head__cta{display:none}
  .menu-btn{display:inline-flex;align-items:center;margin-left:auto}
  .nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);border-bottom:1px solid var(--line);padding:4px var(--gutter) 22px}
  .nav.is-open{display:block}
  .nav ul{flex-direction:column;gap:0}
  .nav li a{display:flex;font-size:17px;border-bottom:1px solid var(--line);min-height:52px}
  .nav .nav__cta{display:flex;margin-top:18px}
  .nav .nav__cta a{border:0;width:100%;justify-content:center;color:var(--linen)}
}


.po-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 18px 10px 16px;border-radius:var(--radius-btn);background:var(--ink);color:var(--linen);font:600 15px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.po-pill::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--madder);box-shadow:0 0 0 2px var(--linen)}
.po-pill[hidden],.hero__ctas[hidden]{display:none}
.po-status{font:500 14px/1.5 var(--f-mono);color:var(--ink);margin:0 0 26px}
.po-notify{margin-top:14px;max-width:560px}
.po-notify[hidden]{display:none}
.po-notify label{display:block;margin:0 0 8px;font-weight:600;font-size:15px}
.po-row input{background:var(--paper);font-size:16px}
.po-row input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.po-row input[aria-invalid="true"]{border-color:var(--danger);border-width:2px}
.po-consent{margin:10px 0 0;font-size:14px;color:var(--muted)}

.po-consent a{font-weight:600;color:var(--ink)}
.po-err{margin:8px 0 0;font-size:14px;color:var(--danger);font-weight:600}
.po-done p{margin:0}
.po-done:focus{outline:none}
.po-again{background:none;border:0;padding:0;min-height:44px;font:inherit;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:.25em;cursor:pointer}
.po-addr{overflow-wrap:anywhere}
.po-fine2{margin-top:6px}
@media (max-width:599.98px){.po-row{flex-direction:column}.po-row .btn{width:100%}}

.allrows{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}
.allrows summary{cursor:pointer;min-height:56px;display:flex;align-items:center;gap:12px;font-weight:600;list-style:none}
.allrows summary::-webkit-details-marker{display:none}
.allrows summary::before{content:"+";font:500 20px/1 var(--f-mono);width:20px}
.allrows[open] summary::before{content:"\2212"}
.allrows__body{padding:4px 0 28px}
.allrows__body > p{font-size:15px;color:var(--muted);max-width:70ch;margin-bottom:16px}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.rowtable{width:100%;border-collapse:collapse;font:400 13px/1.5 var(--f-mono)}
.rowtable th,.rowtable td{text-align:left;padding:8px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.rowtable thead th{font-weight:500;color:var(--muted);background:var(--linen)}
.rowtable td.num{text-align:right}
.rowtable tbody tr:last-child td{border-bottom:0}


.faq{max-width:820px;border-top:1px solid var(--line-strong)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;font:600 18px/1.35 var(--f-body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 22px/1 var(--f-mono);flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 24px;color:var(--muted);max-width:62ch}


.site-foot{border-top:1px solid var(--line);padding:56px 0 40px;background:var(--linen)}
.foot{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,.6fr));gap:40px}
.foot__logo{width:min(470px,100%);height:auto}
.foot h2{font:500 13px/1.4 var(--f-mono);color:var(--muted);letter-spacing:0;margin-bottom:12px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li[hidden]{display:none}
.foot li a{display:inline-flex;min-height:36px;align-items:center;gap:5px;text-decoration:none;font-size:15px}
.foot li a:hover{text-decoration:underline}
.foot__small{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}
@media (max-width:759.98px){.foot{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}.foot__logo{width:320px}}


:root{
  --desk-paper:#FFFDF9;
  --desk-surface:#C9B89B;
  --desk-ink:#3E352C;
  --desk-ease:cubic-bezier(.22,.7,.2,1);

  --desk-y-oat:#E9DDC4; --desk-y-wheat:#D4A046; --desk-y-clay:#B8733F;
  --desk-y-navy:#25324C; --desk-y-plum:#5E3B4E; --desk-y-bark:#6A4A30;
}
.desk-sprite{position:absolute;width:0;height:0;overflow:hidden}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn--ghost:hover{background:rgba(33,28,23,.08)}
.desk-section-lede{font-size:clamp(17px,1rem + .25vw,19px);line-height:1.55;color:var(--muted);max-width:60ch;margin-top:16px}
.desk-fine{margin-top:20px;font:500 12.5px/1.5 var(--f-mono);color:var(--muted)}


.desk-surface{
  --lamp-y:50%;
  background-color:var(--desk-surface);
  background-image:
    radial-gradient(70% 58% at 50% var(--lamp-y), rgba(255,246,226,.44), rgba(255,246,226,0) 70%),
    radial-gradient(135% 115% at 50% 45%, rgba(58,40,22,0) 58%, rgba(58,40,22,.22) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .24 0 0 0 0 .17 0 0 0 0 .09 .55 0 0 0 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.desk-stage{margin-top:clamp(36px,5vw,60px)}


.desk-index{
  display:flex;gap:2px;width:max-content;max-width:100%;margin:0 auto clamp(14px,2vw,22px);
  padding:4px;background:var(--desk-paper);border-radius:12px;
  box-shadow:0 1px 2px rgba(48,32,16,.16), 0 8px 18px -10px rgba(48,32,16,.36);
  overflow-x:auto;scrollbar-width:none;
}
.desk-index::-webkit-scrollbar{display:none}
.desk-tab{
  position:relative;display:inline-flex;align-items:center;gap:8px;flex:none;
  min-height:44px;padding:0 16px;border:0;border-radius:var(--radius-btn);background:transparent;
  font:600 15px/1 var(--f-body);color:var(--muted);cursor:pointer;white-space:nowrap;
  transition:background-color .1s ease,color .1s ease;
}
.desk-folio{font:500 11.5px/1 var(--f-mono);color:var(--muted)}
.desk-tab:hover{background:var(--linen);color:var(--ink)}
.desk-tab[aria-selected="true"]{background:var(--linen);color:var(--ink)}
.desk-tab[aria-selected="true"]::after{
  content:"";position:absolute;left:50%;bottom:5px;width:16px;height:3px;margin-left:-8px;
  border-radius:3px;background:var(--madder);
}
.desk-tab:focus-visible{outline-offset:1px}


.desk-stack{
  --pw:392px; --step:138px; --push:34px; --rot:3deg; --arc:6px; --lift:22px;
  --fan:1;
  position:relative;isolation:isolate;
  height:calc(var(--lift) + 10px + var(--pw) * 1.294 + 4 * var(--arc) + var(--pw) * .1);
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
}
.js .desk-stack:not(.is-ready){--fan:0}
@media (max-width:1099px){
  .desk-stack{--pw:356px;--step:calc((100vw - 356px - 128px) / 4);--push:22px;--rot:2.6deg;--arc:5px;--lift:18px}
}
@media (max-width:699px){
  .desk-stack{--pw:min(74vw,320px);--step:calc((100vw - var(--pw) - 44px) / 4);--push:6px;--rot:1.8deg;--arc:3px;--lift:12px}
  .desk-tab{padding:0 10px;font-size:14px}
  .desk-folio{display:none}
}
.desk-page{
  --k:0; --side:0; --act:0; --z:1; --peek:0; --i:0;
  --tx:calc((var(--k) * var(--step) + var(--side) * var(--push)) * var(--fan));
  --ty:calc(var(--k) * var(--k) * var(--arc) * var(--fan) - var(--act) * var(--lift) - var(--peek) * 8px);
  --tr:calc(var(--k) * var(--rot) * var(--fan) * (1 - var(--act) * .75));
  position:absolute;left:50%;top:calc(var(--lift) + 10px);z-index:var(--z);
  width:var(--pw);height:calc(var(--pw) * 1.294);
  font-size:calc(var(--pw) / 38);line-height:1.35;
  background:var(--desk-paper);color:var(--ink);border-radius:2px;overflow:hidden;
  box-shadow:0 1px 1px rgba(48,32,16,.12), 0 8px 16px -10px rgba(48,32,16,.45), 0 22px 36px -26px rgba(48,32,16,.5);
  transform-origin:50% 100%;
  transform:translateX(-50%) translate(var(--tx), var(--ty)) rotate(var(--tr));
  transition:transform .52s var(--desk-ease), box-shadow .52s var(--desk-ease);
  cursor:pointer;user-select:none;-webkit-user-select:none;
}
.desk-page::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(96,72,44,.07);opacity:1;transition:opacity .52s var(--desk-ease)}
.desk-page.is-active{cursor:default;box-shadow:0 1px 2px rgba(48,32,16,.14), 0 18px 30px -16px rgba(48,32,16,.48), 0 44px 70px -34px rgba(48,32,16,.55)}
.desk-page.is-active::after{opacity:0}
.desk-page:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media (hover:hover) and (pointer:fine){.desk-page:not(.is-active):hover{--peek:1}}
.desk-stack.is-dealing .desk-page{transition-duration:.9s;transition-delay:calc(var(--i) * 45ms)}

.desk-page:nth-child(1){--i:0;--k:-2;--side:-1;--z:9}
.desk-page:nth-child(2){--i:1;--k:-1;--side:0;--act:1;--z:10}
.desk-page:nth-child(3){--i:2;--k:0;--side:1;--z:9}
.desk-page:nth-child(4){--i:3;--k:1;--side:1;--z:8}
.desk-page:nth-child(5){--i:4;--k:2;--side:1;--z:7}

.desk-stack-foot{max-width:700px;margin:clamp(6px,1.5vw,16px) auto 0;text-align:center}
.desk-caption{margin:0;min-height:3.2em;font-size:16.5px;line-height:1.55}
@media (max-width:699px){.desk-caption{min-height:5.8em;font-size:16px}}
.desk-cap-folio{display:block;margin-bottom:4px;font:500 12.5px/1.4 var(--f-mono);color:var(--desk-ink)}
.desk-caption strong{font-weight:650}
.desk-hint,.desk-concept{margin:10px 0 0;font:500 12px/1.5 var(--f-mono);color:var(--desk-ink)}
.desk-concept{margin-top:4px}


.desk-pg{position:absolute;inset:0;display:flex;flex-direction:column;padding:2.4em 2.6em 2em}
.desk-run,.desk-foot{display:flex;justify-content:space-between;gap:1em;font:500 .7em/1.2 var(--f-mono);color:var(--muted)}
.desk-run{padding-bottom:.85em;border-bottom:1px solid var(--line)}
.desk-foot{margin-top:auto;padding-top:.85em;border-top:1px solid var(--line)}
.desk-phead{display:flex;align-items:baseline;justify-content:space-between;gap:1em;margin:1.5em 0 .35em}
.desk-ptitle{margin:0;font:720 2.2em/1 var(--f-display);font-stretch:108%;letter-spacing:-.015em}
.desk-ptag{flex:none;font:500 .72em/1.2 var(--f-mono);color:var(--muted)}
.desk-psub{margin:0 0 1.2em;font-size:.86em;line-height:1.4;color:var(--muted)}
.desk-pnote{margin:1.1em 0 0;font-size:.7em;line-height:1.45;color:var(--muted)}
.desk-pg svg.desk-sw{width:1.7em;height:1.7em;flex:none;border-radius:.15em;box-shadow:0 0 0 1px rgba(33,28,23,.16)}

.desk-pg--cover{padding:2.6em}
.desk-cv-top{display:flex;align-items:center;gap:.9em}
.desk-cv-logo{display:grid;place-items:center;width:3.4em;height:3.4em;border-radius:50%;border:1px solid var(--line-strong);text-align:center}
.desk-cv-logo span{font:500 .58em/1.1 var(--f-mono);color:var(--muted)}
.desk-cv-studio{font:600 .95em/1.2 var(--f-body)}
.desk-cv-kicker{margin:2.3em 0 .55em;font:500 .74em/1.2 var(--f-mono);color:var(--muted)}
.desk-cv-title{margin:0;font:800 3.6em/.92 var(--f-display);font-stretch:112%;letter-spacing:-.03em;white-space:nowrap}
.desk-cv-subt{margin:.35em 0 0;font:600 1.35em/1.1 var(--f-body)}
.desk-cv-body{display:grid;grid-template-columns:minmax(0,1fr) 9.2em;gap:1.4em;margin-top:1.7em;align-items:start}
.desk-cv-preview{position:relative;margin:0;border-radius:.2em;overflow:hidden;background:var(--linen-deep)}
.desk-cv-preview canvas{width:100%;height:auto}
.desk-cv-preview figcaption{position:absolute;left:.6em;bottom:.6em;padding:.45em .65em;border-radius:.3em;background:rgba(255,253,249,.94);font:500 .62em/1 var(--f-mono);color:var(--ink)}
.desk-cv-specs{margin:0;display:flex;flex-direction:column;gap:1.05em;padding-top:.2em}
.desk-cv-specs dt{font:500 .64em/1.2 var(--f-mono);color:var(--muted)}
.desk-cv-specs dd{margin:.25em 0 0;font:600 .84em/1.25 var(--f-body)}

.desk-mt{width:100%;border-collapse:collapse;font-size:.8em;line-height:1.25}
.desk-mt th{padding:0 .45em .7em;text-align:left;font:500 .82em/1.2 var(--f-mono);color:var(--muted);border-bottom:1px solid var(--ink);white-space:nowrap}
.desk-mt td{padding:.6em .45em;border-bottom:1px solid var(--line);vertical-align:middle}
.desk-mt th:first-child,.desk-mt td:first-child{padding-left:0}
.desk-mt th:last-child,.desk-mt td:last-child{padding-right:0}
.desk-mt .desk-key{display:flex;align-items:center;gap:.45em;font-weight:700}
.desk-mt .desk-yarn b{display:block;font-weight:600}
.desk-mt .desk-yarn span{display:block;margin-top:.1em;font-size:.9em;color:var(--muted)}
.desk-mt .desk-code{font-family:var(--f-mono);font-size:.94em;color:var(--muted)}
.desk-mt .desk-num{text-align:right;font-family:var(--f-mono)}
.desk-mt .desk-lot{width:4.4em}
.desk-mt .desk-blank{display:block;height:1.1em;border-bottom:1px solid var(--line-strong)}
.desk-md{display:grid;grid-template-columns:1fr 1fr;gap:.9em 1.6em;margin:1.3em 0 0;font-size:.8em}
.desk-md dt{font:500 .82em/1.2 var(--f-mono);color:var(--muted)}
.desk-md dd{margin:.25em 0 0;font-weight:550;line-height:1.3}

.desk-ch{display:flex;justify-content:center;margin:.1em 0 1em}
.desk-ch svg{height:24.5em;width:auto;max-width:100%}
.desk-chnum{font-family:var(--f-mono);font-size:6.5px;fill:#5E554B}
.desk-lg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55em 1em;margin:0;padding:0;list-style:none;font-size:.74em}
.desk-lg li{display:flex;align-items:center;gap:.5em;white-space:nowrap}
.desk-lg code{font-family:var(--f-mono);font-size:.9em;color:var(--muted)}

.desk-rwkey{display:flex;flex-wrap:wrap;gap:.45em 1em;margin:0 0 1.1em;padding:0;list-style:none;font-size:.74em}
.desk-rwkey li{display:flex;align-items:center;gap:.4em}
.desk-rwkey i{display:inline-block;width:1em;height:1em;background:var(--c);border-radius:.12em;box-shadow:inset 0 0 0 1px rgba(33,28,23,.16)}
.desk-rwsec{margin:.6em 0 .3em;padding-bottom:.55em;border-bottom:1px solid var(--ink);font:500 .72em/1.2 var(--f-mono);color:var(--muted)}
.desk-rw{margin:0;padding:0;list-style:none;font-size:.84em}
.desk-rw li{display:grid;grid-template-columns:6.8em minmax(0,1fr) auto;gap:.8em;padding:.34em 0;border-bottom:1px solid var(--line)}
.desk-rw .desk-d{font-weight:650}
.desk-rw .desk-d small{font:500 .82em var(--f-mono);color:var(--muted)}
.desk-rw .desk-seq{font-family:var(--f-mono);font-size:.95em}
.desk-rw .desk-ct{font-family:var(--f-mono);font-size:.95em;color:var(--muted)}
.desk-rwcheck{display:flex;align-items:flex-start;gap:.5em;margin:.9em 0 0;font:500 .72em/1.4 var(--f-mono)}
.desk-rwcheck svg{width:1.3em;height:1.3em;flex:none}

.desk-tm{font-size:.86em;line-height:1.5}
.desk-tm p{margin:0 0 .9em}
.desk-tm .desk-tm-lead{font-weight:650}
.desk-tm .desk-md{font-size:.93em;margin-top:1.4em}


.desk-enlarge{display:none;margin:0 auto 14px}
@media (max-width:600px){.desk-can-enlarge .desk-enlarge{display:inline-flex}}
html.desk-dialog-open{overflow:hidden}
.desk-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--desk-surface);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.desk-dialog::backdrop{background:rgba(33,28,23,.6)}
.desk-pd-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;background:var(--linen);border-bottom:1px solid var(--line)}
.desk-pd-title{margin:0;font:650 16px/1.25 var(--f-body)}
.desk-pd-folio{display:block;font:500 12px/1.3 var(--f-mono);color:var(--muted)}
.desk-pd-body{padding:12px 12px 28px}
.desk-pd-sheet{max-width:560px;margin:0 auto;background:var(--desk-paper);border-radius:2px;box-shadow:0 1px 2px rgba(48,32,16,.14), 0 12px 24px -14px rgba(48,32,16,.45);font-size:clamp(11px,calc((100vw - 24px) / 27),14px);line-height:1.35}
.desk-pd-sheet .desk-pg{position:relative;inset:auto;min-height:calc(min(100vw - 24px, 560px) * 1.294);padding:1.8em 1.5em 1.5em}
.desk-pd-sheet .desk-cv-title{white-space:normal}
.desk-pd-note{margin:12px 0 0;text-align:center;font:500 12px/1.5 var(--f-mono);color:var(--desk-ink)}


.desk-features-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px 72px}
.desk-features-head{position:sticky;top:32px;align-self:start}
.desk-features{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.desk-feature{display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 16px;padding:26px 0 28px;border-bottom:1px solid var(--line)}
.desk-feature-num{padding-top:5px;font:500 13px/1.2 var(--f-mono);color:var(--muted)}
.desk-feature h3{font-size:21px;margin-bottom:8px}
.desk-feature p{margin:0;max-width:62ch}
.desk-feature code{font:400 .88em/1 var(--f-mono);white-space:nowrap}
.desk-feature p.desk-spec{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:14px;padding:8px 12px;background:var(--desk-paper);border:1px solid var(--line);border-radius:8px;font:400 13px/1.45 var(--f-mono)}
.desk-spec b{font-weight:600}
.desk-spec svg{width:15px;height:15px}
.desk-spec .desk-chip--sky{background:var(--sky)}
.desk-spec .desk-chip{display:inline-block;width:14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(33,28,23,.16);vertical-align:-2px}
.desk-features-layout > .desk-fine{grid-column:2;margin-top:-16px}
@media (max-width:999px){.desk-features-layout{grid-template-columns:1fr}.desk-features-head{position:static}.desk-features-layout > .desk-fine{grid-column:1;margin-top:0}}
@media (max-width:599px){.desk-feature{grid-template-columns:1fr;gap:6px}.desk-feature-num{padding-top:0}}


.yarn-jab{max-width:46ch;margin:-16px 0 28px;font:600 clamp(18px,1rem + .35vw,21px)/1.45 var(--f-display);color:var(--ink)}
.yarn-lines{list-style:none;margin:16px 0 0;padding:0;columns:3 15rem;column-gap:32px;font:500 14px/1.9 var(--f-mono);color:var(--ink)}
.yarn-lines li{break-inside:avoid;padding-left:1.5em;text-indent:-1.5em}


.desk-draft-chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;border-radius:var(--radius-chip);background:var(--desk-paper);border:1px solid var(--line-strong);font:600 12.5px/1 var(--f-mono);margin-bottom:18px}
.desk-draft-chip::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--line-strong)}
.desk-plans{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.desk-plan{display:flex;flex-direction:column;padding:28px;background:var(--desk-paper);border:1px solid var(--line);border-radius:12px}
.desk-plan--main{border:2px solid var(--ink);padding:27px}
.desk-plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin-bottom:14px}
.desk-plan-name{margin:0;font:650 19px/1.2 var(--f-body)}
.desk-plan-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--radius-chip);background:var(--ink);color:var(--linen);font:500 12px/1 var(--f-mono);white-space:nowrap}
.desk-price{margin:0;font:660 44px/1 var(--f-display);font-stretch:104%;letter-spacing:-.02em}
.desk-price small{font:500 15px/1 var(--f-body);letter-spacing:0;color:var(--muted)}
.desk-price-alt{margin:8px 0 0;font:500 13px/1.4 var(--f-mono);color:var(--muted)}
.desk-plan-for{margin:16px 0 14px;font-size:15.5px;line-height:1.5}
.desk-plan ul{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line);font-size:15px;line-height:1.45}
.desk-plan li{position:relative;padding:5px 0 5px 22px}
.desk-plan li::before{content:"";position:absolute;left:2px;top:.72em;width:9px;height:9px;border-radius:2px;background:var(--line-strong)}
.desk-plan li.is-locked{color:var(--muted)}
.desk-plan li.is-locked::before{display:none}
.desk-plan li.is-locked .desk-lock{position:absolute;left:0;top:.5em;width:14px;height:14px;color:var(--muted)}
.desk-pricing-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:22px}
.desk-pricing-foot p{margin:0;font:500 12.5px/1.5 var(--f-mono);color:var(--muted)}
.desk-pricing-foot a{font-weight:600}
.desk-pricing-foot p.desk-pricing-templates{flex-basis:100%;max-width:90ch;font:400 15px/1.55 var(--f-body);color:var(--ink)}
@media (max-width:899px){.desk-plans{grid-template-columns:1fr;gap:12px}.desk-plan--main{order:-2}.desk-plan--own{order:-1}}


.desk-pending{display:inline-block;margin-left:6px;padding:1px 8px;border:1px solid var(--line-strong);border-radius:var(--radius-chip);font:500 11.5px/1.5 var(--f-mono);color:var(--ink);vertical-align:1px}






.app-tabs{position:relative;display:flex;flex-wrap:wrap;gap:2px;width:max-content;max-width:100%;margin:0 0 20px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:12px}
.app-tabs[hidden]{display:none}
.app-tab{position:relative;flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:0;border-radius:var(--radius-btn);background:transparent;color:var(--muted);font:600 15px/1 var(--f-body);white-space:nowrap;cursor:pointer;transition:background-color .1s ease,color .1s ease}
.app-tab:hover{background:var(--linen);color:var(--ink)}
.app-tab[aria-selected="true"]{background:var(--linen);color:var(--ink)}
.app-tab[aria-selected="true"]::after{content:"";position:absolute;left:50%;bottom:5px;width:16px;height:3px;margin-left:-8px;border-radius:3px;background:var(--madder)}
.app-tab:focus-visible{outline-offset:1px}
.app-panel,.app-fig{margin:0}
.app-panel + .app-panel{margin-top:56px}
.js .app-panel + .app-panel{margin-top:0}
.app-panel:focus-visible{outline-offset:6px}
.app-frame{overflow:hidden;background:var(--backdrop);border:1px solid var(--line);border-radius:12px;box-shadow:var(--elev-chart)}
.app-frame img{width:100%;height:auto;aspect-ratio:16/10}
.app-cap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 32px;align-items:start;margin-top:18px}
.app-cap h3{grid-column:1}
.app-cap__text{grid-column:1;max-width:64ch;font-size:16px;line-height:1.55;color:var(--muted)}
.app-cap__full{grid-column:2;grid-row:1/span 3;font-size:15px}
.app-note{margin-top:28px;max-width:80ch}
@media (max-width:759.98px){
  .app-cap{grid-template-columns:1fr}
  .app-cap__full{grid-column:1;grid-row:auto}
  .app-frame{border-radius:8px}
}
@media (prefers-reduced-motion:no-preference){
  html:not([data-tier="C"]) .app-panel.is-entering{animation:appIn .24s var(--ease-thread) both}
}
@keyframes appIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}



html[data-tier="C"] .desk-page,html[data-tier="C"] .desk-page::after{transition:none!important}
@media (prefers-reduced-motion:reduce){.desk-page,.desk-page::after,.desk-stack.is-dealing .desk-page,.app-tab{transition:none!important}}


:root{
  --night:#211C17; --night-2:#2E2720; --night-line:#4A4038; --on-night:#F2ECE1; --on-night-muted:#BDB3A5;
  --elev-render:0 2px 4px rgba(33,28,23,.12),0 28px 56px -28px rgba(33,28,23,.5);
  --pad-row:56px;
}
@media (min-width:960px){:root{--pad-row:112px}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.night{background:var(--night);color:var(--on-night)}
.night :focus-visible{outline-color:var(--on-night)}
.night .eyebrow,.night .small,.night .fine{color:var(--on-night-muted)}
.night a{color:var(--on-night)}
.small{font-size:15px;line-height:1.5;color:var(--muted)}
.fine{font-size:14px;line-height:1.5;color:var(--muted)}

.night .btn{background:var(--on-night);color:var(--ink)}
.night .btn:hover{background:#fff}


.band{padding:var(--pad-row) 0;position:relative}
.features-intro{padding-bottom:24px}
.features-intro h1{font-size:clamp(34px,4.4vw,52px);margin-bottom:20px}
.features-intro + .band{padding-top:24px}
.band--deep{background:var(--linen-deep)}
.band__head{display:grid;gap:18px;margin-bottom:36px}
.band__head .lede{margin:0;color:inherit}
.band h2{font-size:30px;line-height:1.02}
@media (min-width:960px){
  .band__head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end;margin-bottom:56px}
  .band h2{font-size:clamp(30px,3.9vw,56px)}
  .band .lede{font-size:20px}
}
.band .lede{font-size:18px;line-height:1.5;max-width:40ch}
.ctarow{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:32px}
@media (max-width:599.98px){.ctarow .btn{width:100%;min-height:56px}}



.mk{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 9px;border-radius:var(--radius-chip);font:500 13px/1.2 var(--f-mono);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);vertical-align:middle}
.mk::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--ink)}
.mk--coming{box-shadow:none;border:1.5px dashed var(--line-strong)}
.mk--coming::before{background:transparent;box-shadow:inset 0 0 0 2px var(--ink)}
.night .mk{color:var(--on-night);box-shadow:inset 0 0 0 1.5px var(--on-night-muted)}
.night .mk::before{background:var(--on-night)}
.night .mk--coming{box-shadow:none;border-color:var(--on-night-muted)}
.night .mk--coming::before{background:transparent;box-shadow:inset 0 0 0 2px var(--on-night)}
.mk-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:14px}


.head__cta .cta-short{display:none}
@media (max-width:1199.98px){
  .head{height:60px}
  .nav{top:60px}
  .head__cta{display:inline-flex;margin-left:auto}
  .menu-btn{margin-left:0}
}
@media (max-width:599.98px){
  .head__cta[data-compact] .cta-long{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .head__cta[data-compact] .cta-short{display:inline}

  .head__cta:not([data-compact]){display:none}
  .head__cta{padding:0 16px}
  .menu-btn{padding:0 14px}
}


.hero{padding:28px 0 56px}
.hero__grid{display:grid;gap:36px}
.hero__copy{display:flex;flex-direction:column;position:relative}
.hero h1{margin:0 0 18px;font-size:clamp(36px,10.3vw,44px);line-height:.98;letter-spacing:-.032em;font-weight:660}
.po-pill{align-self:flex-start;margin:0}
.po-status{margin:12px 0 18px;font:600 15px/1.45 var(--f-body);color:var(--ink);text-wrap:balance}
.hero__sub{font-size:17px;line-height:1.55;max-width:44ch;margin:0}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.hero__ctas .btn{min-height:56px;font-size:18px;padding:0 30px}
.req{margin-top:14px;background:var(--paper);border:1.5px solid var(--line-strong);border-left:4px solid var(--ink);border-radius:12px;padding:14px 16px 14px 14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 12px;max-width:520px}
.req svg{width:28px;height:28px;grid-row:span 2;margin-top:1px}
.req b{font-size:16px;line-height:1.35}
.req p{font-size:15px;line-height:1.45;color:var(--ink)}

.req .os-note{display:none;grid-column:1/-1;border-top:1px solid var(--line);margin-top:10px;padding-top:10px;color:var(--muted)}
html[data-os="mobile"] .req .os-note{display:block}
@media (max-width:599.98px){html:not([data-os]) .req .os-note{display:block}}

.hero__links{display:flex;flex-direction:column;align-items:flex-start;margin-top:4px}
.hero__links[hidden]{display:none}
.hero__fine{margin-top:14px;max-width:48ch;font-size:14px;color:var(--muted)}
.hero__fine a{font-weight:600;color:var(--ink)}
@media (max-width:599.98px){

  .hero__ctas{order:2;margin-top:4px}
  .hero__ctas .btn{width:100%}
  .req{order:3}
  .hero__links,.hero__copy .po-notify{order:4}
  .hero__sub{order:5;margin-top:22px}
  .hero__fine{order:6}
}
@media (min-width:600px){.hero__sub{margin-bottom:6px}}
@media (min-width:600px) and (max-width:959.98px){.hero__links{flex-direction:row;gap:0 24px}}

@media (min-width:960px){
  .hero{padding:64px 0 112px}
  .hero__grid{position:relative;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:64px;row-gap:0;align-items:start}
  .hero__copy{display:contents}
  .hero__copy > *{grid-column:1}
  .hero__copy > .po-pill,.hero__copy > .po-status,.hero h1{grid-column:1/-1}
  .hero h1{font-size:clamp(44px,6.1vw,88px);margin-bottom:28px;max-width:17ch}
  .hero__copy > .po-pill{justify-self:start}
  .stitchin{grid-column:2;grid-row:4 / span 9}
}


@property --d{syntax:'<percentage>';inherits:true;initial-value:0%}
.stitchin{margin:0}
.si-stage{--d:200%;position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--backdrop);box-shadow:var(--elev-render);transition:--d .6s steps(20,end)}
.si-stage > *,.si-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.si-layer{display:block}
.si-band{--x:calc(var(--d) + min(3%,var(--d)));background:var(--madder)}
.si-finished{--x:var(--d)}
.si-band,.si-finished{clip-path:polygon(100% 100%,100% max(0%,calc(100% - var(--x))),min(100%,calc(200% - var(--x))) max(0%,calc(100% - var(--x))),max(0%,calc(100% - var(--x))) min(100%,calc(200% - var(--x))),max(0%,calc(100% - var(--x))) 100%)}
.si-stage[data-view="chart"]{--d:0%}
html.si-wait .si-stage:not(.is-playing){--d:0%;transition:none}
.si-stage.is-playing{animation:stitchIn 2.2s steps(39,end) both}
@keyframes stitchIn{from{--d:0%}to{--d:200%}}
.si-start{inset:auto 10px 10px auto!important;width:auto!important;height:auto!important;font:500 12px/1 var(--f-mono);background:var(--paper);color:var(--ink);padding:5px 8px;border-radius:6px;box-shadow:var(--elev-chart)}
@media (prefers-reduced-motion:reduce){.si-stage{transition:none}.si-stage.is-playing{animation:none}}
.si-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin-top:14px}

.seg{display:flex;gap:8px;margin:0;padding:0;border:0;min-width:0;width:min(100%,280px)}
html:not(.js) .seg{display:none}
.seg legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.seg label{position:relative;display:block;flex:1 1 0;min-width:0}
.seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;width:100%;height:100%}
.seg span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border-radius:var(--radius-btn);border:1px solid var(--line-strong);background:var(--paper);font:500 15px/1.2 var(--f-body);color:var(--ink);text-align:center}
.seg label:hover span{background:var(--linen)}
.seg input:checked + span{border:2px solid var(--madder);background:var(--madder-bg);font-weight:600}
.seg input:checked + span::before{content:"";flex:none;width:.36em;height:.66em;margin:-.2em .05em 0 0;border:solid currentColor;border-width:0 .14em .14em 0;transform:rotate(45deg)}
.seg input:focus-visible + span{outline:3px solid var(--ink);outline-offset:2px}
.si-cap{margin-top:10px}
@media (min-width:960px){.stitchin{margin-bottom:-64px;position:relative;z-index:2}}


.playlist{display:grid;gap:20px;margin-top:8px;grid-template-columns:1fr}
@media (min-width:960px){.playlist{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;align-items:start}}
.playlist__stage{min-width:0}
.playlist__frame{margin:0;position:relative;aspect-ratio:16/9;background:var(--backdrop);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--elev-chart)}
.playlist__frame video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.playlist__soon{position:absolute;inset:0;display:flex}
.playlist__soon[hidden]{display:none}
.playlist__soon img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.62)}

.playlist__soonwrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(33,28,23,.32)}

.playlist__soonplate{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;width:100%;max-width:360px;padding:24px 20px;border-radius:16px;box-shadow:0 8px 28px -10px rgba(33,28,23,.6)}
.playlist__soonplate h4{margin:0;font:650 18px/1.3 var(--f-display);font-stretch:112%}
.playlist__soonplate p{margin:0;font:500 14px/1.4 var(--f-body)}
.playlist__soonplate .btn{margin-top:4px;max-width:100%;white-space:normal;padding:10px 20px}
.playlist__meta{margin-top:16px}
.playlist__meta h3{font-size:22px;margin-bottom:4px}
.playlist__len{font:500 13px/1.4 var(--f-mono);color:var(--muted);margin:0 0 8px}
.playlist__desc{max-width:64ch;color:var(--muted);font-size:15.5px;line-height:1.55}
.playlist__side{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--paper)}

.playlist__side::after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:28px;border-radius:0 0 11px 11px;background:linear-gradient(rgba(250,247,241,0),var(--paper));pointer-events:none}
.playlist__sidehead{padding:14px 16px;border-bottom:1px solid var(--line)}
.playlist__count{margin:0;font:600 14px/1.3 var(--f-body)}
.playlist__list{list-style:none;margin:0;padding:8px;max-height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.playlist__list::-webkit-scrollbar{width:8px}
.playlist__list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}
.playlist__list::-webkit-scrollbar-track{background:transparent}
.plitem{margin:0 0 4px}
.plitem__btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-height:64px}
.plitem__btn:hover{background:var(--linen)}
.plitem__btn:focus-visible{outline:3px solid var(--ink);outline-offset:-2px}
.plitem.is-current .plitem__btn{background:var(--madder-bg);box-shadow:inset 3px 0 0 var(--madder)}
.plitem__num{flex:none;width:18px;text-align:center;font:500 13px/1 var(--f-mono);color:var(--muted)}
.plitem__thumb{flex:none;width:96px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--backdrop);box-shadow:inset 0 0 0 1px rgba(33,28,23,.12)}
.plitem__thumb img{width:100%;height:100%;object-fit:cover}
.plitem.is-soon .plitem__thumb img{filter:saturate(.85) brightness(.92)}
.plitem__text{min-width:0;display:flex;flex-direction:column;gap:4px}
.plitem__title{font-size:14.5px;line-height:1.3;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.plitem__len{font:500 12px/1.2 var(--f-mono);color:var(--muted)}
.plitem__badge{align-self:flex-start;font-size:11px;padding:3px 9px 3px 7px;min-height:0}
.plitem__badge::before{width:7px;height:7px}
.plitem__now{display:none;font:600 11px/1.2 var(--f-mono);color:var(--madder);letter-spacing:.02em;text-transform:uppercase}
.plitem.is-current .plitem__now{display:block}
.playlist__honesty{margin-top:16px}
.playlist__more{margin-top:20px}
@media (max-width:959.98px){
  .playlist__list{max-height:min(72vw,420px)}
}
html:not(.js) .plitem__btn[data-soon]{cursor:default;pointer-events:none}
@media (prefers-reduced-motion:reduce){.plitem__btn{transition:none}}


.po-notify{margin-top:10px;max-width:520px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px}
.po-row input{flex:1;min-width:0;min-height:52px;border:1.5px solid var(--line-strong);border-radius:10px;padding:0 14px;font:400 16px/1 var(--f-body);background:var(--white);color:var(--ink)}
.po-row input::placeholder{color:var(--muted)}
.po-row{display:flex;gap:10px}
.night .po-notify{background:var(--night-2);border-color:var(--night-line)}
.night .po-notify .po-consent,.night .po-notify label{color:var(--on-night)}
.night .po-notify .po-consent a,.night .po-again{color:var(--on-night)}
.night .po-row input{background:var(--night);color:var(--on-night);border-color:var(--on-night-muted)}
.night .po-err{color:#F3A99B}


.more-built{margin-top:40px;border-top:1px solid var(--line-strong)}
.more-built > summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;font:600 18px/1.35 var(--f-body)}
.more-built > summary::-webkit-details-marker{display:none}
.more-built > summary::after{content:"+";font:400 22px/1 var(--f-mono);flex:none}
.more-built[open] > summary::after{content:"\2212"}
.more-built__body{padding:8px 0 24px}

.fan{position:relative;aspect-ratio:10/7}
.fan img{position:absolute;width:62%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;box-shadow:var(--elev-render);top:10px}
.fan picture:nth-child(1) img{left:0;transform:rotate(-6deg)}
.fan picture:nth-child(2) img{left:19%;transform:rotate(1deg);z-index:2;top:0}
.fan picture:nth-child(3) img{right:0;transform:rotate(7deg)}


.shot{margin:28px 0 0;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--elev-chart);background:var(--backdrop)}
.shot img{width:100%;height:auto}
.shot + .fine{margin-top:10px}


.plan-tiers{display:grid;gap:10px}
.plan-tier{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.plan-tier-name{font:600 17px/1.2 var(--f-body);min-width:5.5em}
.plan .plan-tier .desk-price{font-size:30px}
.plans{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:900px){.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:10px}
.plan--main{border:2px solid var(--ink);padding:21px}
.plan h3.desk-plan-name{font:650 26px/1.05 var(--f-display);font-stretch:112%;letter-spacing:-.015em}
.plan .desk-price{font-size:36px}
.plan .desk-price[hidden],.plan .desk-price-alt[hidden]{display:none}
.plan .win{font:600 15px/1.45 var(--f-body);display:flex;gap:8px;align-items:flex-start}
.plan .win svg{width:20px;height:20px;flex:none;margin-top:1px}
.plan ul{list-style:none;margin:6px 0 8px;padding:0;display:grid;gap:6px;font-size:15.5px}
.plan ul li{padding-left:18px;position:relative}
.plan ul li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--ink)}
.plan .btn{width:100%;margin-top:auto;min-height:52px}
.plan--free{background:transparent;border-style:dashed;border-color:var(--line-strong)}
.plan--free ul li::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink)}
.trust{margin-top:22px;max-width:70ch}
.after-plans{margin-top:18px;display:flex;flex-direction:column;align-items:flex-start}
@media (min-width:600px){.after-plans{flex-direction:row;gap:0 24px}}


.close h2{max-width:18ch}
.close .ctarow + .small{margin-top:14px}
.faq-band h2{margin-bottom:28px}
.faq-more{margin-top:20px}
.close .lede{margin-top:16px}
.closed-pattern{margin-top:48px;display:flex;align-items:center;gap:10px;font:500 13px/1.3 var(--f-mono);color:var(--on-night-muted);border-top:1px solid var(--night-line);padding-top:16px}
.closed-pattern svg{width:16px;height:16px}
.close .fine{color:var(--on-night-muted)}


.pbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--paper);border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .24s var(--ease-thread);visibility:hidden}
.pbar .btn{width:100%;min-height:48px}
.pbar.is-on{transform:none;visibility:visible}
@media (min-width:600px){.pbar{display:none}}
@media (prefers-reduced-motion:reduce){.pbar{transition:none}}
html.pbar-pad body{padding-bottom:64px}


.band--line{border-top:1px solid var(--line)}
.keychips{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin:10px 0 0;padding:0;font:500 12px/1 var(--f-mono)}
.keychips li{display:inline-flex;align-items:center;gap:6px}
.sw{display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(33,28,23,.28);flex:none}


.hl{display:grid;gap:14px;padding:22px 0;border-top:1px solid var(--line-strong);grid-template-areas:"text" "visual" "more";grid-template-columns:minmax(0,1fr)}
.hl:first-child{border-top:0;padding-top:4px}
.hl__text{grid-area:text}
.hl__visual{grid-area:visual;margin:0;min-width:0}
.hl__more{grid-area:more;min-width:0}
.hl h3{font:650 clamp(26px,7vw,40px)/1.04 var(--f-display);font-stretch:112%;letter-spacing:-.02em}
.hl__title{display:grid;grid-template-columns:minmax(0,1fr)}
.hl__plan{grid-row:1;font:500 13px/1.4 var(--f-mono);color:var(--muted)}
.hl__title h3{grid-row:2;margin-top:10px}
.hl__copy{margin-top:10px;font-size:17px;line-height:1.55;max-width:46ch}
.hl .fine{margin-top:8px}
.hl__more .desk-section-lede{margin-top:0}
.hl__more > * + *{margin-top:10px}
@media (max-width:959.98px){#built .band__head,#list .band__head{margin-bottom:28px}}
.hl .yarn-jab{margin:18px 0 4px}
@media (min-width:960px){
  .hl{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"text visual" "more visual";grid-template-rows:auto 1fr;column-gap:64px;row-gap:20px;align-content:start;align-items:start;padding:72px 0}
  .hl:first-child{padding-top:16px}
  .hl--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"visual text" "visual more"}
  .hl--wide{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "visual";grid-template-rows:auto auto;row-gap:32px}
  .hl--wide .hl__text{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:end}
  .hl--wide .hl__copy{margin-top:0}
}


.ph-figs{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:8px;background:var(--backdrop);border:1px solid var(--line);border-radius:12px;padding:12px;max-width:560px}
.ph-fig canvas{width:100%;height:auto;aspect-ratio:1}
.ph-lab{margin-top:6px;font:500 12px/1.3 var(--f-mono);color:var(--muted);text-align:center}
.ph-arrow{font:600 20px/1 var(--f-body);text-align:center;color:var(--muted)}
html:not(.js) .ph-figs{display:none}
.js .nojs-only{display:none}
.nojs-only img{max-width:300px;border-radius:12px}


.hl .shot{margin:0}
.shotcard{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:var(--elev-chart);max-width:420px}
.shotcard img{width:100%;height:auto}
.shotcard figcaption{padding:10px 12px;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
@media (max-width:599.98px){.hl .shot{max-width:270px}.shotcard{max-width:270px}.hl .yarn-jab{font-size:17px}}
.yarn-all{margin-top:14px}
.yarn-all .yarn-lines{margin:0 0 14px}
.yarn-all .small{padding-bottom:20px;max-width:66ch}


.wall{list-style:none;display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 12px;-webkit-overflow-scrolling:touch;scrollbar-color:var(--line-strong) transparent}
.wall li{flex:0 0 min(64%,260px);scroll-snap-align:start}
.wall img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--linen)}
.wall p{margin-top:8px;font-size:15px}
.wall:focus-visible{outline-offset:-3px}
@media (min-width:960px){.wall{margin:0;padding:0 0 12px;scroll-padding-inline:0}.wall li{flex-basis:240px}}


.desk-panel{--lamp-y:58%;position:relative;overflow:hidden;margin:0 calc(-1 * var(--gutter));padding:16px var(--gutter)}
@media (min-width:600px){.desk-panel{margin:0;border-radius:16px;padding:32px 24px 24px}}
.desk-panel .desk-stage{margin-top:0}


.hl .fan{max-width:520px}


.list-link{margin-top:0}
.flist{margin-top:4px}
.fgroup{margin-bottom:22px}
@media (min-width:760px){.flist{column-count:2;column-gap:48px}.fgroup{margin-bottom:44px}}
@media (min-width:1100px){.flist{column-count:3}}
.fgroup h3{break-after:avoid}
.fgroup li{break-inside:avoid}
.fgroup h3{font:500 13px/1.4 var(--f-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding-bottom:8px;border-bottom:1.5px solid var(--ink)}
.fgroup ul{list-style:none;margin:0;padding:0}
.fgroup li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.32}
.fgroup li > span:first-child{flex:1 1 14em;min-width:0}
.fgroup .fine{margin-top:12px}

.tier{display:inline-flex;align-items:center;flex:none;padding:2px 9px;border-radius:var(--radius-chip);font:500 12px/1.35 var(--f-mono);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.tier--paid{background:var(--ink);color:var(--linen);box-shadow:none}
.tier--preview{box-shadow:none;border:1.5px dashed var(--line-strong);padding:1px 8px}
.fgroup li .pm-note{display:block;margin-top:4px;font-weight:600}


.soon{margin-top:36px;padding:18px 16px;border:1.5px dashed var(--line-strong);border-radius:16px;background:var(--paper)}
@media (min-width:960px){.soon{padding:36px 40px}}
.soon__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.soon__head h3{font:650 26px/1.1 var(--f-display);font-stretch:112%;letter-spacing:-.015em}
.soon__list{margin-top:16px;display:grid;gap:0 32px}
@media (min-width:760px){.soon__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.soon ul{list-style:none;margin:0;padding:0}
.soon li{padding:8px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.45}

.voices{padding:var(--pad-row) 0;border-top:1px solid var(--line)}
.voices__head{display:grid;gap:14px;margin-bottom:32px;max-width:62ch}
.voices__head h2{font-size:30px;line-height:1.02}
@media (min-width:960px){.voices__head h2{font-size:clamp(30px,3.2vw,44px)}}
.voices__list{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.voice{margin:0;height:100%;display:flex;flex-direction:column;gap:18px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:16px}
.voice blockquote{margin:0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.voice figcaption{margin-top:auto;display:grid;gap:4px;font-size:15px;line-height:1.45;padding-top:14px;border-top:1px solid var(--line)}
.voice__name{font-weight:600}
.voice__meta{color:var(--muted)}
.voices__foot{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;justify-content:space-between}

:root{--madder-light:#E4694E}

.plan{
  --bd:var(--ink);--band:var(--ink);--band-ink:var(--linen);--stitch:var(--linen);--tick:var(--ink);--price:var(--ink);
  border:2px solid var(--bd);padding:0 20px 22px;gap:10px;
  --check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.plan--main{--bd:var(--madder);--band:var(--madder);--band-ink:var(--linen);--stitch:var(--linen);--tick:var(--madder);--price:var(--madder)}
.plan--own {--bd:var(--ink);--band:var(--ink);--band-ink:var(--linen);--stitch:var(--madder-light);--tick:var(--madder);--price:var(--ink)}
.plan--free{--bd:var(--madder);--band:var(--linen);--band-ink:var(--ink);--stitch:var(--madder);--tick:var(--madder);background:transparent;border-style:dashed}
.plan .desk-plan-top{flex-wrap:wrap;margin:0 -20px 4px;padding:16px 20px 20px;min-height:0;background:var(--band);color:var(--band-ink);border-radius:10px 10px 0 0;position:relative}
.plan .desk-plan-top::after{content:"";position:absolute;left:20px;right:20px;bottom:8px;border-bottom:3px dashed var(--stitch);opacity:.9}
.plan--free .desk-plan-top{border-bottom:2px solid var(--madder)}
.plan .desk-plan-top .desk-plan-name{color:var(--band-ink)}
.plan--main .desk-plan-badge{background:var(--linen);color:var(--madder)}
.plan .desk-price{color:var(--price)}
.plan .desk-price small{color:var(--muted)}
.plan .win svg{color:var(--tick)}
.plan ul li{padding-left:26px}
.plan ul li::before,.plan--free ul li::before{left:0;top:.38em;width:16px;height:16px;border-radius:0;box-shadow:none;background:var(--tick);-webkit-mask:var(--check) center/contain no-repeat;mask:var(--check) center/contain no-repeat}
.plan--main .btn{background:var(--madder);color:var(--linen)}
.plan--main .btn:hover{background:var(--ink)}
.plan--own .btn{background:var(--ink);color:var(--linen)}
.plan--own .btn:hover{background:var(--madder)}

.featured-video{margin:0 0 24px}.featured-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--ink);border-radius:12px}