@view-transition{navigation:auto}
@keyframes belt { 
  100% { transform: translateX(-50%); }
}
@keyframes open { 
  0% { clip-path: inset(0 var(--inset,40px) round 16px); }
  100% { clip-path: inset(0px); }
}
@keyframes drift-up { 
  0% { transform: translateY(40px); }
  100% { transform: translateY(-40px); }
}
@keyframes rv { 
  0% { opacity: 0.6; transform: translateY(24px); }
  100% { opacity: 1; transform: none; }
}
@keyframes drift { 
  0% { left: 0px; opacity: 0; }
  5% { opacity: 0.9; }
  30% { left: calc(100% - 8px); opacity: 0.25; }
  31%, 100% { opacity: 0; }
}
@keyframes land { 
  0% { left: 0px; opacity: 0; }
  10% { opacity: 1; }
  70% { left: calc(100% - 8px); opacity: 1; }
  85%, 100% { left: calc(100% - 8px); opacity: 0; }
}
@keyframes fill { 
  0% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}
:is(.page,[data-c~="page"]){-webkit-font-smoothing:antialiased}
[data-embed], [data-embed] > :is(.w-embed,[data-c~="w-embed"]){display: contents;}
:root{color-scheme: light; --white: #FFFFFF; --cream: #F8F6F0; --sand: #F3ECE1; --line: #E7E2D6; --teal: #003739; --teal-2: #0B4C4E; --ink: #1B2B2C; --muted: #566767; --orange: #DC541E; --btn: #C2451A; --btn-dk: #A93B12; --orange-text: #A93B12; --peach: #F6B07A; --on-teal: #F8F6F0; --on-teal-soft: #BFD0CE; --on-teal-line: rgba(248,246,240,.16); --yes: #1D6B4F; --font: "Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --mono: ui-monospace,"SF Mono",Menlo,Consolas,monospace; --t-xs: .75rem; --t-sm: .875rem; --t-base: 1rem; --t-md: 1.125rem; --t-lg: 1.25rem; --t-h2: clamp(1.875rem,1.4rem + 1.8vw,3rem); --t-h1: clamp(2.375rem,1.6rem + 2.5vw,3.75rem); --r: 8px; --wrap: 1160px; --section: clamp(64px,3rem + 5vw,120px); --shadow: 0 1px 2px rgba(27,43,44,.05),0 12px 32px rgba(27,43,44,.08); --ease: cubic-bezier(.2,.7,.2,1);}
::view-transition-old(root), ::view-transition-new(root){animation-duration: 0.35s;}
:is(.nav,[data-c~="nav"]){view-transition-name:nav}
*, ::before, ::after{box-sizing: border-box;}
html{scroll-behavior: smooth; scroll-padding-top: 84px;}
body{margin: 0px; background: rgb(255, 255, 255); color: rgb(27, 43, 44); font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 1rem; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;}
body::before{content: ""; position: fixed; inset: 0px 0px auto; height: 0px; z-index: 60; background: rgb(255, 255, 255);}
img, video{display: block; max-width: 100%;}
:focus-visible{outline: rgb(220, 84, 30) solid 2px; outline-offset: 3px; border-radius: 4px;}
h1, h2{text-wrap-style:balance}
p{text-wrap-style:pretty}
:is(.muted,[data-c~="muted"]){color: rgb(86, 103, 103);}
:is(.bg-sand,[data-c~="bg-sand"]){background: rgb(243, 236, 225);}
:is(.bg-teal,[data-c~="bg-teal"]) :is(.lede,[data-c~="lede"]), :is(.bg-teal,[data-c~="bg-teal"]) :is(.muted,[data-c~="muted"]){color: rgb(191, 208, 206);}
:is(.head,[data-c~="head"]) + *{margin-top: clamp(40px, 4vw, 64px);}
:is(.btn,[data-c~="btn"]){font-variant-numeric:normal;transition-behavior:normal, normal, normal;transition-duration:0.2s, 0.2s, 0.2s;transition-timing-function:ease, ease, cubic-bezier(0.2, 0.7, 0.2, 1);transition-delay:0s, 0s, 0s;transition-property:background, border-color, transform}
:is(.btn,[data-c~="btn"]):active{transform: translateY(1px);}
:is(.btn-p,[data-c~="btn-p"]):hover{background: rgb(169, 59, 18);}
:is(.btn-s,[data-c~="btn-s"]):hover{border-color: rgb(0, 55, 57);}
:is(.btn-w,[data-c~="btn-w"]):hover{background: rgb(248, 246, 240);}
:is(.btn-o,[data-c~="btn-o"]):hover{border-color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.08);}
:is(.bg-teal,[data-c~="bg-teal"]) :is(.btn-s,[data-c~="btn-s"]){background: transparent; color: rgb(248, 246, 240); border-color: rgba(248, 246, 240, 0.16);}
:is(.bg-teal,[data-c~="bg-teal"]) :is(.btn-s,[data-c~="btn-s"]):hover{border-color: rgb(248, 246, 240);}
:is(.arrow,[data-c~="arrow"]){width: 16px; height: 16px; transition: transform 0.2s cubic-bezier(0.2, 0.7, 0.2, 1);}
a:hover > :is(.arrow,[data-c~="arrow"]){transform: translateX(3px);}
:is(.tlink,[data-c~="tlink"]){font-weight: 700; color: rgb(0, 55, 57); text-decoration: none; display: inline-flex; gap: 6px; align-items: center; border-bottom: 1px solid rgb(231, 226, 214); padding-bottom: 2px;}
:is(.tlink,[data-c~="tlink"]):hover{border-color: rgb(0, 55, 57);}
:is(.ticks,[data-c~="ticks"]){display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 0.875rem; color: rgb(86, 103, 103); padding: 0px; margin: 0px; list-style: none;}
:is(.ticks,[data-c~="ticks"]) li{display: flex; gap: 6px; align-items: center;}
:is(.ticks,[data-c~="ticks"]) svg{color: rgb(29, 107, 79);}
:is(.nav,[data-c~="nav"]){backdrop-filter:blur(8px)}
:is(.nav,[data-c~="nav"]) ul a:hover{color: rgb(0, 55, 57);}
:is(.nav,[data-c~="nav"]) :is(.go,[data-c~="go"]){text-wrap-mode:nowrap}
:is(.menu-btn,[data-c~="menu-btn"]){display: none; width: 44px; height: 44px; margin-left: 4px; border: 1px solid rgb(231, 226, 214); border-radius: 8px; background: rgb(255, 255, 255); align-items: center; justify-content: center; cursor: pointer; color: rgb(0, 55, 57);}
@media (max-width: 991px){:is(.nav,[data-c~="nav"]) :is(.wrap,[data-c~="wrap"]){min-height: 64px;}}
@media (max-width: 991px){:is(.nav,[data-c~="nav"]) ul{display: none; position: absolute; top: 100%; left: 0px; right: 0px; flex-direction: column; gap: 0px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(231, 226, 214); padding: 8px 20px 16px; box-shadow: rgba(27, 43, 44, 0.08) 0px 12px 24px;}}
@media (max-width: 991px){:is(.nav,[data-c~="nav"]) ul a{display: flex; min-height: 48px; font-size: 1rem; color: rgb(0, 55, 57);}}
@media (max-width: 991px){:is(.nav,[data-c~="nav"]) ul a[aria-current="page"]{box-shadow: none; color: rgb(220, 84, 30);}}
@media (max-width: 991px){:is(.nav,[data-c~="nav"]):is(.open,[data-c~="open"]) ul{display: flex;}}
@media (max-width: 991px){:is(.menu-btn,[data-c~="menu-btn"]){display: inline-flex;}}
@media (max-width: 767px){:is(.nav,[data-c~="nav"]) :is(.go,[data-c~="go"]){display: none;}}
@media (max-width: 767px){:is(.nav,[data-c~="nav"]) :is(.si,[data-c~="si"]){border-color: rgb(231, 226, 214); padding-inline: 14px;}}
:is(.cover-row,[data-c~="cover-row"]){display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 26rem); gap: clamp(24px, 4vw, 64px); align-items: end; margin-top: clamp(24px, 3vw, 40px);}
:is(.cover-row,[data-c~="cover-row"]) :is(.lede,[data-c~="lede"]){font-size: 1.125rem;}
:is(.loop,[data-c~="loop"]){position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; max-width: none;}
:is(.glass,[data-c~="glass"]){backdrop-filter:blur(14px)}
@media screen and (max-width: 767px){:is(.cover-row,[data-c~="cover-row"]){grid-template-columns: 1fr;}}
:is(.belt,[data-c~="belt"]){overflow: hidden; padding-top: 16px; border-block: 1px solid rgb(231, 226, 214); background: rgb(255, 255, 255); padding-block: 14px; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent);}
:is(.belt-track,[data-c~="belt-track"]){display: flex; gap: 12px; width: max-content; animation: 48s linear 0s infinite normal none running belt;}
:is(.belt,[data-c~="belt"]):hover :is(.belt-track,[data-c~="belt-track"]){animation-play-state: paused;}
:is(.chip,[data-c~="chip"]){display: flex; align-items: center; gap: 10px; padding: 6px 14px 6px 6px; border: 1px solid rgb(231, 226, 214); border-radius: 8px; background: rgb(255, 255, 255); font-size: 0.875rem; font-weight: 500; color: rgb(0, 55, 57); white-space: nowrap; text-decoration: none; transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), border-color 0.25s, box-shadow 0.25s;}
:is(.chip,[data-c~="chip"]):hover{transform: translateY(-2px); border-color: rgb(0, 55, 57); box-shadow: rgba(27, 43, 44, 0.05) 0px 1px 2px, rgba(27, 43, 44, 0.08) 0px 12px 32px;}
:is(.chip,[data-c~="chip"]) img{width: 40px; height: 40px; border-radius: 6px; object-fit: cover; background: rgb(248, 246, 240);}
:is(.chip,[data-c~="chip"]) small{color: rgb(86, 103, 103); font-weight: 400; font-size: 0.75rem;}
:is(.faces-row,[data-c~="faces-row"]){mask-image:linear-gradient(90deg, transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent)}
:is(.faces-track,[data-c~="faces-track"]){animation-duration:40s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:belt;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal}
:is(.faces-row,[data-c~="faces-row"]):hover :is(.faces-track,[data-c~="faces-track"]){animation-play-state: paused;}
:is(.maker,[data-c~="maker"]) figure img{transition-behavior:normal;transition-duration:0.6s;transition-timing-function:cubic-bezier(0.2, 0.7, 0.2, 1);transition-delay:0s;transition-property:transform}
:is(.maker,[data-c~="maker"]):hover figure img{transform: scale(1.04);}
:is(.makers-note,[data-c~="makers-note"]){margin-top: 20px; font-size: 0.875rem; color: rgb(86, 103, 103);}
:is(.close,[data-c~="close"]) video{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0.18; mix-blend-mode: multiply; pointer-events: none;}
:is(.close,[data-c~="close"]) :is(.tlink,[data-c~="tlink"]){color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.5);}
:is(.foot,[data-c~="foot"]) nav a:hover{text-decoration: underline;}
:is(.mcta,[data-c~="mcta"]){backdrop-filter:blur(12px);transition-behavior:normal;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.2, 0.7, 0.2, 1);transition-delay:0s;transition-property:transform}
:is(.mcta,[data-c~="mcta"]):is(.hide,[data-c~="hide"]){transform: translateY(110%);}
@supports (animation-timeline:view()){@media (prefers-reduced-motion: no-preference){:is(.rv,[data-c~="rv"]){animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: rv; animation-timeline: view(); animation-range: entry entry 60%;}}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion: no-preference){:is(.rv-2,[data-c~="rv-2"]){animation-range: entry 10% entry 75%;}}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion: no-preference){:is(.rv-3,[data-c~="rv-3"]){animation-range: entry 20% entry 90%;}}}
@media (prefers-reduced-motion: reduce){*, ::before, ::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}}
@media (prefers-reduced-motion: reduce){:is(.belt-track,[data-c~="belt-track"]), :is(.faces-track,[data-c~="faces-track"]){flex-wrap: wrap; width: auto;}}
@media (prefers-reduced-motion: reduce){:is(.close,[data-c~="close"]) video{display: none;}}
:is(.frame,[data-c~="frame"]){clip-path:inset(0px max(40px, -540px + 50vw) round 16px)}
:is(.frame,[data-c~="frame"])::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 30, 31, 0) 55%, rgba(0, 30, 31, 0.35));}
@supports (animation-timeline:view()){@media (prefers-reduced-motion: no-preference){:is(.frame,[data-c~="frame"]){--inset: max(40px,calc((100vw - 1080px)/2)); animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: open; animation-timeline: view(); animation-range: entry 30% cover 45%;}}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion: no-preference){:is(.shelf,[data-c~="shelf"]) img{animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: drift-up; animation-timeline: view(); animation-range: cover;}}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion: no-preference){:is(.shelf,[data-c~="shelf"]) img:nth-child(2n){animation-direction: reverse;}}}
:is(.cover,[data-c~="cover"]) h1 :is(.ln,[data-c~="ln"]){text-wrap-mode:nowrap}
:is(.cmp,[data-c~="cmp"]) :is(.human,[data-c~="human"]) h3{color: rgb(248, 246, 240);}
:is(.node,[data-c~="node"]){text-wrap-mode:nowrap}
:is(.chain,[data-c~="chain"]) :is(.ln,[data-c~="ln"])::after{content: ""; position: absolute; top: 50%; left: 0px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: rgb(220, 84, 30); opacity: 0;}
@media (prefers-reduced-motion: no-preference){:is(.mass,[data-c~="mass"]) :is(.chain,[data-c~="chain"]) :is(.ln,[data-c~="ln"])::after{animation: 4.8s linear 0s infinite normal none running drift;}}
@media (prefers-reduced-motion: no-preference){:is(.mass,[data-c~="mass"]) :is(.chain,[data-c~="chain"]) :is(.ln,[data-c~="ln"]):is(.l2,[data-c~="l2"])::after{animation-delay: 1.6s;}}
@media (prefers-reduced-motion: no-preference){:is(.mass,[data-c~="mass"]) :is(.chain,[data-c~="chain"]) :is(.ln,[data-c~="ln"]):is(.l3,[data-c~="l3"])::after{animation-delay: 3.2s;}}
@media (prefers-reduced-motion: no-preference){:is(.human,[data-c~="human"]) :is(.chain,[data-c~="chain"]) :is(.ln,[data-c~="ln"])::after{animation: 2.4s cubic-bezier(0.2, 0.7, 0.2, 1) 0s infinite normal none running land;}}
@media screen and (max-width: 479px){:is(.mass,[data-c~="mass"]) :is(.chain,[data-c~="chain"]) :is(.ln,[data-c~="ln"])::after{display: none;}}
:is(.rail-ctl,[data-c~="rail-ctl"]){display: flex; gap: 8px; flex: 0 0 auto;}
:is(.rail-ctl,[data-c~="rail-ctl"]) button{width: 44px; height: 44px; border-radius: 8px; border: 1px solid rgb(231, 226, 214); background: rgb(255, 255, 255); color: rgb(0, 55, 57); display: grid; place-items: center; cursor: pointer;}
:is(.rail-ctl,[data-c~="rail-ctl"]) button:hover{border-color: rgb(0, 55, 57);}
:is(.rail,[data-c~="rail"]){scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-left:max(20px, -540px + 50vw)}
:is(.rail,[data-c~="rail"])::-webkit-scrollbar{display: none;}
:is(.shot,[data-c~="shot"]){scroll-snap-align:start}
:is(.shot,[data-c~="shot"]) figcaption span{display: block; color: rgb(86, 103, 103); font-weight: 400; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 2px;}
:is(.steps,[data-c~="steps"]){view-timeline-name:--steps}
:is(.steps,[data-c~="steps"])::before, :is(.steps,[data-c~="steps"])::after{content: ""; position: absolute; left: 23px; top: 24px; bottom: 24px; width: 2px; background: rgba(248, 246, 240, 0.16);}
:is(.steps,[data-c~="steps"])::after{background: rgb(220, 84, 30); transform-origin: center top;}
@supports (animation-timeline:view()){@media (prefers-reduced-motion: no-preference){:is(.steps,[data-c~="steps"])::after{animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: fill; animation-timeline: --steps; animation-range: entry 40% cover 70%;}}}
:is(.step,[data-c~="step"]) :is(.n,[data-c~="n"]){font-variant-numeric:tabular-nums}
:is(.tag,[data-c~="tag"]) svg{color: rgb(246, 176, 122);}
@media screen and (max-width: 767px){:is(.frame,[data-c~="frame"]){clip-path:inset(0px 16px round 12px)}}
@media screen and (max-width: 767px){:is(.rail-ctl,[data-c~="rail-ctl"]){display: none;}}
@keyframes pin { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
@keyframes flow { 
  0% { left: 8px; opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { left: calc(100% - 16px); opacity: 0; }
}
@keyframes flowv { 
  0% { top: 6px; opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { top: calc(100% - 14px); opacity: 0; }
}
a{color: inherit;}
:is(.bg-teal,[data-c~="bg-teal"]){background: rgb(0, 55, 57); color: rgb(248, 246, 240);}
:is(.bg-teal,[data-c~="bg-teal"]) h2, :is(.bg-teal,[data-c~="bg-teal"]) h3{color: rgb(248, 246, 240);}
:is(.bg-teal,[data-c~="bg-teal"]) :is(.label,[data-c~="label"]){color: rgb(246, 176, 122);}
:is(.cover-act,[data-c~="cover-act"]){display: grid; gap: 20px;}
:is(.glass,[data-c~="glass"]){display: inline-flex; align-items: center; gap: 12px; padding: 8px 14px 8px 8px; border-radius: 8px; background: rgba(248, 246, 240, 0.86); backdrop-filter: blur(14px); color: rgb(0, 55, 57); font-size: 0.875rem; font-weight: 500; box-shadow: rgba(0, 30, 31, 0.18) 0px 8px 24px;}
:is(.glass,[data-c~="glass"]) b{font-weight: 700;}
:is(.glass,[data-c~="glass"]) :is(.stack,[data-c~="stack"]) img{border-color: rgb(255, 255, 255);}
:is(.belt,[data-c~="belt"]){mask-image:linear-gradient(90deg, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent)}
:is(.belt-track,[data-c~="belt-track"]){animation-duration:48s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:belt;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal}
:is(.chip,[data-c~="chip"]){text-wrap-mode:nowrap;transition-behavior:normal, normal, normal;transition-duration:0.25s, 0.25s, 0.25s;transition-timing-function:cubic-bezier(0.2, 0.7, 0.2, 1), ease, ease;transition-delay:0s, 0s, 0s;transition-property:transform, border-color, box-shadow}
:is(.makers-grid,[data-c~="makers-grid"]){display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; margin-top: 20px;}
:is(.maker,[data-c~="maker"]){display: grid; grid-template-rows: auto 1fr; background: rgb(255, 255, 255); border: 1px solid rgb(231, 226, 214); border-radius: 8px; overflow: hidden; text-decoration: none;}
:is(.maker,[data-c~="maker"]) figure{margin: 0px; aspect-ratio: 4 / 3; overflow: hidden; background: rgb(248, 246, 240);}
:is(.maker,[data-c~="maker"]) figure img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);}
:is(.maker,[data-c~="maker"]) figure:is(.pk,[data-c~="pk"]){background: rgb(255, 255, 255); border-bottom: 1px solid rgb(231, 226, 214);}
:is(.maker,[data-c~="maker"]) figure:is(.pk,[data-c~="pk"]) img{object-fit: contain; padding: 12px;}
:is(.maker,[data-c~="maker"]) :is(.b,[data-c~="b"]){padding: 16px 18px 18px; display: grid; gap: 2px;}
:is(.maker,[data-c~="maker"]) b{color: rgb(0, 55, 57); font-size: 1rem;}
:is(.maker,[data-c~="maker"]) span{font-size: 0.875rem; color: rgb(86, 103, 103);}
@media screen and (max-width: 767px){:is(.makers-grid,[data-c~="makers-grid"]){grid-template-columns: 1fr 1fr; gap: 12px;}}
@media screen and (max-width: 767px){:is(.makers-grid,[data-c~="makers-grid"]) :is(.maker,[data-c~="maker"]):last-child{grid-column: 1 / -1;}}
@media screen and (max-width: 767px){:is(.makers-grid,[data-c~="makers-grid"]) :is(.maker,[data-c~="maker"]):last-child figure{aspect-ratio: 16 / 9;}}
:root{padding-top: 0px; padding-bottom: 0px;}
:is(.pane,[data-c~="pane"]){transition-behavior:normal;transition-duration:0.7s;transition-timing-function:cubic-bezier(0.2, 0.7, 0.2, 1);transition-delay:0s;transition-property:flex-grow}
:is(.duo,[data-c~="duo"]):hover :is(.pane,[data-c~="pane"]){flex-grow: 0.82;}
:is(.duo,[data-c~="duo"]) :is(.pane,[data-c~="pane"]):hover, :is(.duo,[data-c~="duo"]) :is(.pane,[data-c~="pane"]):focus-visible{flex-grow: 1.3;}
:is(.pane,[data-c~="pane"])::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 30, 31, 0) 42%, rgba(0, 30, 31, 0.82)); pointer-events: none;}
:is(.pane,[data-c~="pane"]) :is(.go,[data-c~="go"]){transition-behavior:normal;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.2, 0.7, 0.2, 1);transition-delay:0s;transition-property:transform}
:is(.pane,[data-c~="pane"]):hover :is(.go,[data-c~="go"]){transform: translateX(4px);}
:is(.pane-shelf,[data-c~="pane-shelf"]){backdrop-filter:blur(12px)}
:is(.pane-card,[data-c~="pane-card"]) :is(.json,[data-c~="json"]){backdrop-filter:blur(10px);font-variant-numeric:normal;text-wrap-mode:nowrap}
:is(.pane-card,[data-c~="pane-card"]) :is(.json,[data-c~="json"]){text-wrap-mode:wrap}
:is(.tile,[data-c~="tile"]){transition-behavior:normal, normal, normal;transition-duration:0.35s, 0.35s, 0.35s;transition-timing-function:cubic-bezier(0.2, 0.7, 0.2, 1), cubic-bezier(0.2, 0.7, 0.2, 1), ease;transition-delay:0s, 0s, 0s;transition-property:transform, box-shadow, border-color}
:is(.tile,[data-c~="tile"]):hover{transform: translateY(-4px); box-shadow: rgba(27, 43, 44, 0.05) 0px 1px 2px, rgba(27, 43, 44, 0.08) 0px 12px 32px; border-color: rgb(0, 55, 57);}
:is(.tile,[data-c~="tile"]) :is(.ph,[data-c~="ph"]) img{transition-behavior:normal;transition-duration:0.5s;transition-timing-function:cubic-bezier(0.2, 0.7, 0.2, 1);transition-delay:0s;transition-property:transform}
:is(.tile,[data-c~="tile"]):hover :is(.ph,[data-c~="ph"]) img{transform: scale(1.05);}
:is(.plan,[data-c~="plan"]){position: relative; margin: 20px auto 0px; width: min(100%, 440px); background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(27, 43, 44, 0.06) 0px 2px 4px, rgba(27, 43, 44, 0.16) 0px 24px 48px; padding: 18px; display: grid; gap: 12px;}
:is(.opt,[data-c~="opt"]){display: grid; grid-template-columns: 22px minmax(0px, 1fr); gap: 12px; align-items: start; text-align: left; width: 100%; padding: 16px 18px; border-radius: 8px; border: 1.5px solid rgb(231, 226, 214); background: rgb(255, 255, 255); font: inherit; cursor: pointer; color: rgb(0, 55, 57); transition: border-color 0.2s;}
:is(.opt,[data-c~="opt"])[aria-checked="true"]{border-color: rgb(201, 105, 47);}
:is(.opt,[data-c~="opt"]) :is(.dot,[data-c~="dot"]){width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; border: 1.5px solid rgb(199, 205, 204); display: grid; place-items: center; background: rgb(255, 255, 255);}
:is(.opt,[data-c~="opt"])[aria-checked="true"] :is(.dot,[data-c~="dot"]){border-color: rgb(0, 55, 57); background: rgb(0, 55, 57);}
:is(.opt,[data-c~="opt"])[aria-checked="true"] :is(.dot,[data-c~="dot"])::after{content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 255, 255);}
:is(.opt,[data-c~="opt"]) :is(.ob,[data-c~="ob"]){display: grid; gap: 4px;}
:is(.opt,[data-c~="opt"]) :is(.oh,[data-c~="oh"]){display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
:is(.opt,[data-c~="opt"]) :is(.oh,[data-c~="oh"]) b{font-size: 1rem; font-weight: 700;}
:is(.opt,[data-c~="opt"]) :is(.oh,[data-c~="oh"]) em{font-style: normal; font-size: 0.875rem; color: rgb(86, 103, 103);}
:is(.opt,[data-c~="opt"]) :is(.oh,[data-c~="oh"]) svg{color: rgb(0, 55, 57);}
:is(.opt,[data-c~="opt"]) :is(.price,[data-c~="price"]){display: flex; align-items: baseline; gap: 8px; font-size: 0.875rem; color: rgb(86, 103, 103);}
:is(.opt,[data-c~="opt"]) :is(.price,[data-c~="price"]) strong{font-size: 1.375rem; font-weight: 700; color: rgb(0, 55, 57); letter-spacing: -0.01em;}
:is(.opt,[data-c~="opt"]) :is(.price,[data-c~="price"]) s{color: rgb(154, 166, 166);}
:is(.opt,[data-c~="opt"]) :is(.save,[data-c~="save"]){font-size: 0.875rem; font-weight: 700; color: rgb(29, 107, 79);}
:is(.opt,[data-c~="opt"]) :is(.perks,[data-c~="perks"]){display: grid; gap: 6px; margin-top: 6px; font-size: 0.875rem; color: rgb(27, 43, 44);}
:is(.opt,[data-c~="opt"]) :is(.perks,[data-c~="perks"]) span{display: flex; align-items: center; gap: 8px;}
:is(.opt,[data-c~="opt"]) :is(.perks,[data-c~="perks"]) svg{color: rgb(86, 103, 103); flex: 0 0 auto;}
:is(.bd-grid,[data-c~="bd-grid"]){display: grid; grid-template-columns: minmax(0px, 5fr) minmax(0px, 7fr); gap: clamp(24px, 4vw, 56px); align-items: stretch;}
:is(.tablist,[data-c~="tablist"]){display: grid; gap: 8px; align-content: start;}
:is(.tab,[data-c~="tab"]){display: grid; gap: 4px; text-align: left; padding: 18px 20px; border-radius: 8px; border: 1px solid rgb(231, 226, 214); background: rgb(255, 255, 255); color: rgb(0, 55, 57); font: inherit; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s cubic-bezier(0.2, 0.7, 0.2, 1);}
:is(.tab,[data-c~="tab"]):hover{border-color: rgba(0, 55, 57, 0.35);}
:is(.tab,[data-c~="tab"])[aria-selected="true"]{border-color: rgb(0, 55, 57); box-shadow: rgb(220, 84, 30) 3px 0px 0px inset, rgba(27, 43, 44, 0.05) 0px 1px 2px, rgba(27, 43, 44, 0.08) 0px 12px 32px;}
:is(.tab,[data-c~="tab"]) small{font: 500 0.75rem / 1.4 ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: rgb(169, 59, 18);}
:is(.tab,[data-c~="tab"]) b{font-size: 1rem;}
:is(.tab,[data-c~="tab"]) span{font-size: 0.875rem; color: rgb(86, 103, 103); line-height: 1.55;}
:is(.preview,[data-c~="preview"]){background: rgb(255, 255, 255); border: 1px solid rgb(231, 226, 214); border-radius: 8px; box-shadow: rgba(27, 43, 44, 0.05) 0px 1px 2px, rgba(27, 43, 44, 0.08) 0px 12px 32px; color: rgb(27, 43, 44); min-height: 440px; display: flex; flex-direction: column; overflow: hidden;}
:is(.win-bar,[data-c~="win-bar"]){display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid rgb(231, 226, 214); background: rgb(251, 250, 247); font: 500 0.75rem / 1 ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: rgb(86, 103, 103);}
:is(.win-bar,[data-c~="win-bar"]) :is(.dots,[data-c~="dots"]){display: flex; gap: 6px;}
:is(.win-bar,[data-c~="win-bar"]) :is(.dots,[data-c~="dots"]) i{width: 10px; height: 10px; border-radius: 50%; background: rgb(231, 226, 214);}
:is(.win-bar,[data-c~="win-bar"]) :is(.dots,[data-c~="dots"]) i:first-child{background: rgb(232, 163, 145);}
:is(.win-bar,[data-c~="win-bar"]) :is(.file,[data-c~="file"]){flex: 1 1 0%;}
:is(.win-bar,[data-c~="win-bar"]) :is(.tag,[data-c~="tag"]){padding: 4px 8px; border: 1px solid rgb(231, 226, 214); border-radius: 6px; color: rgb(0, 55, 57);}
:is(.win-body,[data-c~="win-body"]){flex: 1 1 0%; display: grid; padding: clamp(16px, 2.4vw, 28px); background-image: radial-gradient(rgba(0, 55, 57, 0.08) 1px, transparent 1px); background-size: 16px 16px;}
:is(.preview,[data-c~="preview"]) [role="tabpanel"]{display: grid; gap: 16px; align-content: center;}
:is(.preview,[data-c~="preview"]) [role="tabpanel"][hidden]{display: none;}
@media (prefers-reduced-motion: no-preference){:is(.preview,[data-c~="preview"]) [role="tabpanel"]{animation: 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal none running pin;}}
:is(.pcard,[data-c~="pcard"]){display: grid; grid-template-columns: 72px minmax(0px, 1fr) auto; gap: 14px; align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(231, 226, 214); border-radius: 8px; padding: 12px;}
:is(.pcard,[data-c~="pcard"]) img{width: 72px; height: 72px; border-radius: 6px; object-fit: cover; background: rgb(248, 246, 240);}
:is(.pcard,[data-c~="pcard"]) b{display: block; font-size: 0.875rem; color: rgb(0, 55, 57); line-height: 1.35;}
:is(.pcard,[data-c~="pcard"]) span{font-size: 0.75rem; color: rgb(86, 103, 103);}
:is(.pcard,[data-c~="pcard"]) :is(.buy,[data-c~="buy"]){font: 700 0.875rem / 1 "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; background: rgb(194, 69, 26); color: rgb(255, 255, 255); border-radius: 6px; padding: 10px 14px; text-decoration: none; white-space: nowrap;}
:is(.article,[data-c~="article"]){background: rgb(255, 255, 255); border-radius: 8px; border: 1px solid rgb(231, 226, 214); padding: clamp(16px, 2.4vw, 28px); display: grid; gap: 12px;}
:is(.article,[data-c~="article"]) :is(.kick,[data-c~="kick"]){font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(86, 103, 103);}
:is(.article,[data-c~="article"]) :is(.t,[data-c~="t"]){font-size: 1.25rem; font-weight: 700; color: rgb(0, 55, 57); line-height: 1.25;}
:is(.sk,[data-c~="sk"]){height: 8px; border-radius: 4px; background: rgb(231, 226, 214);}
:is(.sk,[data-c~="sk"]):is(.w9,[data-c~="w9"]){width: 92%;}
:is(.sk,[data-c~="sk"]):is(.w7,[data-c~="w7"]){width: 74%;}
:is(.sk,[data-c~="sk"]):is(.w8,[data-c~="w8"]){width: 84%;}
:is(.app,[data-c~="app"]){display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
:is(.acard,[data-c~="acard"]){background: rgb(255, 255, 255); border: 1px solid rgb(231, 226, 214); border-radius: 8px; padding: 10px; display: grid; gap: 8px;}
:is(.acard,[data-c~="acard"]) img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 6px; background: rgb(248, 246, 240);}
:is(.acard,[data-c~="acard"]) b{font-size: 0.875rem; color: rgb(0, 55, 57); line-height: 1.35;}
:is(.acard,[data-c~="acard"]) span{font-size: 0.75rem; color: rgb(86, 103, 103);}
:is(.acard,[data-c~="acard"]) :is(.buy,[data-c~="buy"]){font: 700 0.875rem / 1 "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; background: rgb(194, 69, 26); color: rgb(255, 255, 255); border-radius: 6px; padding: 10px; text-align: center; text-decoration: none;}
:is(.appbar,[data-c~="appbar"]){display: flex; justify-content: space-between; align-items: center; font-size: 0.875rem; color: rgb(86, 103, 103);}
:is(.appbar,[data-c~="appbar"]) b{color: rgb(0, 55, 57);}
:is(.code,[data-c~="code"]){background: rgb(247, 248, 246); border: 1px solid rgb(231, 226, 214); color: rgb(27, 43, 44); border-radius: 8px; padding: 18px 20px; font: 500 13px / 1.75 ui-monospace, "SF Mono", Menlo, Consolas, monospace; overflow-x: auto; white-space: pre; margin: 0px;}
:is(.code,[data-c~="code"]) :is(.k,[data-c~="k"]){color: rgb(169, 59, 18);}
:is(.code,[data-c~="code"]) :is(.s,[data-c~="s"]){color: rgb(11, 76, 78);}
:is(.code,[data-c~="code"]) :is(.f,[data-c~="f"]){color: rgb(86, 103, 103);}
:is(.flow,[data-c~="flow"]){display: flex; align-items: center; gap: 8px; font-size: 0.75rem; color: rgb(86, 103, 103); font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase;}
:is(.flow,[data-c~="flow"])::before, :is(.flow,[data-c~="flow"])::after{content: ""; flex: 1 1 0%; height: 1px; background: rgb(231, 226, 214);}
:is(.pipe,[data-c~="pipe"])::before{content: ""; position: absolute; left: 8px; right: 8px; top: 50%; height: 2px; background: repeating-linear-gradient(90deg, rgb(231, 226, 214) 0px, rgb(231, 226, 214) 6px, transparent 6px, transparent 10px);}
@media (prefers-reduced-motion: no-preference){:is(.pipe,[data-c~="pipe"]) i{animation: 2.6s linear 0s infinite normal none running flow;}}
@media (prefers-reduced-motion: no-preference){:is(.pipe,[data-c~="pipe"]) i:nth-child(2){animation-delay: 1.3s;}}
:is(.result,[data-c~="result"]){text-wrap-style:balance}
@media screen and (max-width: 991px){:is(.why,[data-c~="why"]) :is(.wrap,[data-c~="wrap"]), :is(.mk-sec,[data-c~="mk-sec"]) :is(.wrap,[data-c~="wrap"]), :is(.bd-grid,[data-c~="bd-grid"]){grid-template-columns: 1fr;}}
@media screen and (max-width: 991px){:is(.pipe,[data-c~="pipe"])::before{inset: 6px auto 6px 50%; width: 2px; height: auto; background: repeating-linear-gradient(rgb(231, 226, 214) 0px, rgb(231, 226, 214) 6px, transparent 6px, transparent 10px);}}
@media screen and (max-width: 991px){@media (prefers-reduced-motion: no-preference){:is(.pipe,[data-c~="pipe"]) i{animation-name: flowv;}}}
@media screen and (max-width: 991px){:is(.preview,[data-c~="preview"]){min-height: 0px;}}
@media screen and (max-width: 767px){:is(.duo,[data-c~="duo"]):hover :is(.pane,[data-c~="pane"]), :is(.duo,[data-c~="duo"]) :is(.pane,[data-c~="pane"]):hover{flex-grow: 0;}}
@media screen and (max-width: 767px){:is(.plan,[data-c~="plan"]){margin-top: 16px;}}
@media screen and (max-width: 767px){:is(.pcard,[data-c~="pcard"]){grid-template-columns: 56px minmax(0px, 1fr);}}
@media screen and (max-width: 767px){:is(.pcard,[data-c~="pcard"]) img{width: 56px; height: 56px;}}
@media screen and (max-width: 767px){:is(.pcard,[data-c~="pcard"]) :is(.buy,[data-c~="buy"]){grid-column: 1 / -1; text-align: center; padding: 12px;}}