/* Arky / The digital arch. An engine behind expressive frontends. */
:root {
  --dk: #101113; --dk-2: #19191b; --dk-3: #252426;
  --ink-d: #f5f5f5; --mut-d: #c1c4cb; --dim-d: #a2a6af;
  --lt: #f5f2ec; --cream: #e8e3da; --ink: #17191d; --mut: #454643; --dim: #66665f;
  --flame: #e84432; --orange: #f05b48; --amber: #f9a18e;
  --hl: #17191d12; --hl2: #17191d0a;
  --mono: var(--sans); --code: "Geist Mono", ui-monospace, monospace; /* taste-skill-ignore: only literal SDK code uses --code. */
  --ease: cubic-bezier(.22, 1, .36, 1);
}
body { background: var(--dk); }
.paint { background: #d9d3ca; }
.hero, .grid-sec, .tl, .cta, .foot, .sdk-in { background: var(--dk); }
.sec::before, .nav::before, .hatch, .coord, .rule, .gi, .sr > .n,
.word > .cap, .word > .n, .module-index-copy > .cap,
.docs-intro > .cap, .sdk-c > div > .cap, .morph { display: none; }
.nav { background: var(--dk); backdrop-filter: none; border: 0; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.nav::after, .nav-links a[aria-current="location"]::after { display: none; }
.nav-links a { color: var(--mut-d); font-size: 14px; }
.nav-links a[aria-current="location"] { color: var(--ink-d); }
.nav .nav-in { gap: 34px; }
.nav { margin-top: 24px; border-radius: 12px 12px 0 0; }
.hero { border-radius: 0 0 12px 12px; }
.post-hero, .card.g2 { border-radius: 12px; }
.nav-cta .btn.w, .hero .btn.w, .cta .btn.w { background: var(--orange); color: #141619; }
.btn { min-height: 44px; border: 0; border-radius: 3px; transition: background-color 180ms, color 180ms, transform 140ms var(--ease); }
.btn.o { background: #ffffff0c; border: 0; }
.btn.ko { background: #e9ece7; border: 0; }
.btn.k { background: var(--ink); }
.btn:active { transform: scale(.97); }
@media(hover:hover) and (pointer:fine) {
  .nav-cta .btn.w:hover, .hero .btn.w:hover, .cta .btn.w:hover { background: #ff806c; }
  .btn.o:hover { background: #ffffff17; }
  .btn.ko:hover { background: #dde2dc; }
  .nav-links a:hover, .foot a:hover { color: #fff; }
}
.menu-toggle { border: 0; background: #ffffff0c; }
.mobile-nav { background: var(--dk-2); border: 0; border-radius: 0; }
.mobile-nav a { font-size: 17px; padding-block: 16px; border: 0; }
.mobile-nav a > span:not(:last-child), .mobile-nav a > span { display: none; }
.hero-top { padding-block: clamp(46px,4.5vw,66px) 22px; align-items: end; gap: 58px; grid-template-columns: minmax(0,1.5fr) minmax(0,.9fr); }
.hero-copy { max-width: 780px; }
.hero-copy .h1 { font: 400 clamp(64px,6.8vw,98px)/.94 var(--serif); letter-spacing: -.055em; }
.hero-side { padding-bottom: 6px; max-width: 370px; }
.hero-side .lead { font-size: 18px; line-height: 1.55; color: var(--mut-d); }
.hero-side .acts { margin-top: 26px; gap: 12px; }
.hero .stage { height: clamp(590px,46vw,690px); margin-top: 32px; }
.hero .stage .shot { top: 126px; width: min(1080px,calc(100% - 100px)); }
.hero-ark-canvas { opacity: 1; top: -30px; height: calc(100% + 30px); }
.shot-in { box-shadow: none; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.shot .chrome { background: #1c1e23; border: 0; }
.shot .chrome span { font-size: 10px; letter-spacing: 0; color: var(--dim-d); }
.stage-fade { display: none; }
.fw { border: 0; grid-template-columns: 2fr repeat(6,1fr); gap: 12px; padding-block: 14px; }
.fw > * { border: 0; height: 56px; font: 500 14px var(--sans); color: var(--mut-d); }
.fw > :first-child { padding-left: var(--pad); font-size: 14px; }
.hero-scroll { padding-block: 24px 34px; color: var(--mut-d); font: 400 13px var(--sans); letter-spacing: 0; }
.grid-sec { padding-block: clamp(88px,8vw,124px) 64px; background: var(--cream); color: var(--ink); }
.behind-intro { margin-bottom: 84px; gap: 48px; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); }
.behind-copy .h2 { max-width: 580px; font: 400 clamp(46px,5.1vw,74px)/.98 var(--serif); letter-spacing: -.045em; }
.behind-copy .lead { color: var(--mut); font-size: 17px; line-height: 1.65; }
.behind-copy .btn.o { color: var(--ink); background: #d8d1c6; }
.constellation-stage { height: 570px; }
.constellation-stage::before { content: ""; position: absolute; inset: 9% 12% 0; background: var(--orange); border-radius: 50% 50% 0 0 / 38% 38% 0 0; transform: translateY(var(--portal-y,0px)); }
.constellation-statue { height: 630px; top: -28px; left: 52%; }
.constellation-statue img { filter: grayscale(1) contrast(1.08); }
.module-node { width: 118px; }
.module-art { height: 124px; }
.module-prop { max-height: 118px; filter: grayscale(1); }
.node-content { left: 5%; top: 14%; }.node-forms { left: 2%; top: 54%; }.node-commerce { left: 14%; top: 91%; }.node-bookings { left: 96%; top: 14%; }.node-campaigns { left: 94%; top: 80%; }
.module-info { background: transparent; padding: 4px 0; }
.module-name { color: var(--ink); font: 500 13px var(--sans); }
.module-node:is(:hover,:focus-visible) .module-name { color: var(--ink); }
/* The same signal crosses from a custom website into the backend. */
.sg { display: grid; grid-template-columns: minmax(0,1fr) minmax(310px,1.15fr) minmax(0,1fr); grid-template-areas: "frontend example backend"; align-items: center; gap: 34px; aspect-ratio: auto; height: auto; margin: 0 var(--g); padding: 68px var(--pad); background: var(--dk); color: var(--ink-d); border-radius: 5px; }
.sg > .ln,.sg > .lb,.sg > .art,.sg > .lit,.sg > .ghost { display: none; }
.sg .big { display: block; position: static; grid-area: frontend; white-space: normal; transform: none !important; font: 400 clamp(33px,3.6vw,52px)/1.02 var(--serif); letter-spacing: -.035em; color: var(--ink-d); }
.sg .big.r { grid-area: backend; text-align: left; color: var(--orange); }
.sg .big > p { margin: 0; }
.sg .big small { margin-top: 22px; font: 400 14px/1.5 var(--sans); letter-spacing: 0; text-transform: none; color: var(--mut-d); }
.sg .swap { grid-area: example; position: relative; inset: auto; width: 100%; transform: none !important; }
.swap h3 { font-size: 15px; margin-bottom: 18px; }
.sw-top { background: var(--dk-3); padding: 26px 24px 30px; border-radius: 8px 8px 0 0; }
.sw-bot { background: var(--lt); padding: 30px 24px 26px; }
.sw-k,.sw-s { font-family: var(--sans); }
.sw-go { background: var(--orange); color: #141619; min-height: 48px; font-family: var(--code); font-size: 13px; border-radius: 0 0 8px 8px; }
.sw-x { width: 34px; height: 34px; background: var(--orange); border: 0; color: var(--ink); }
.sw-steps { gap: 4px; margin-top: 16px; }
.sw-steps button { flex: 1; min-width: 0; min-height: 40px; padding: 10px 2px; background: #ffffff08; color: var(--mut-d); font: 500 12px var(--sans); transition: background-color .2s,color .2s; }
.sw-steps button[aria-pressed="true"] { background: var(--orange); color: var(--dk); }
.sw-steps button:focus-visible { outline-offset: 2px; }
.mod, .js-scrub #modules, .prc, .js-scrub #pricing { padding-block: clamp(88px,8vw,128px); }
.h2, .h2s { text-wrap: balance; }
.mod-h .h2s, .lift-h .h2s, .uc-h .h2s, .pr-h .h2s { margin-top: 0 !important; font-size: clamp(42px,4.5vw,64px); }
.mod-h { max-width: 770px; }
.mod-h .lead { max-width: 570px; color: var(--mut); font-size: 17px; }
.cards3 { grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: 18px; margin-top: 64px; align-items: stretch; }
.cc { background: var(--cream); border: 0; border-radius: 5px; padding: 28px 24px 0; overflow: hidden; }
.cc h3 { margin: 0; padding: 0; }
.cc .cc-h { padding: 0; gap: 14px; font: 400 30px/1.1 var(--serif); letter-spacing: -.025em; }
.cc p { padding: 0; min-height: 74px; font-size: 16px; color: var(--mut); }
.cc-art { background: transparent; border-radius: 4px 4px 0 0; margin-inline: -10px; overflow: hidden; }
.cc:nth-child(2) { background: #e8e3da; }
.cc:nth-child(3) { background: #ece5dc; }
@media(min-width:861px) {
  .cc:first-child { grid-row: span 2; padding: 40px 32px 0; }
  .cc:first-child .cc-h { font-size: 42px; max-width: 320px; }
  .cc:first-child p { max-width: 360px; margin-top: 18px; }
  .cc:first-child .cc-art { min-height: 350px; }
  .cc:first-child .cc-ui { width: 92%; top: 10%; }
  .cc:nth-child(n+2) { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); grid-template-rows: auto 1fr; gap: 0 16px; padding: 28px 0 0 26px; }
  .cc:nth-child(n+2) .audience-body { display: contents; }
  .cc:nth-child(n+2) h3 { grid-column: 1; grid-row: 1; }
  .cc:nth-child(n+2) p { grid-column: 1; grid-row: 2; margin-top: 16px; margin-bottom: 26px; }
  .cc:nth-child(n+2) .cc-art { grid-column: 2; grid-row: 1 / span 2; min-height: 255px; margin-inline: 0; }
  .cc:nth-child(n+2) .cc-ui { width: 94%; left: 12%; top: 10%; }
}
.cc-art::before { display: none; }
.cc-ui { box-shadow: none; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.mindex { margin-top: 88px; }
.module-index-header { border: 0; padding-top: 0; margin-bottom: 40px; }
.mindex h3 { font-size: clamp(36px,3.5vw,50px); max-width: 680px; }
.mcount { border: 0; gap: 14px; }
.mcount b { font-family: var(--sans); }
.mcount .cap { font: 400 13px/1.5 var(--sans); letter-spacing: 0; text-transform: none; color: var(--mut); }
.module-selector-label { font-size: 13px; color: var(--mut); }
.module-desktop-hint, .module-swipe-hint { display: none !important; }
.module-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; border: 0; overflow: visible; padding: 0; }
.module-tab { min-height: 90px; display: grid; grid-template-columns: 22px minmax(0,1fr); align-content: center; gap: 5px 12px; padding: 15px; background: var(--cream); border: 0 !important; border-radius: 3px; }
.module-tab::before, .module-tab-number { display: none; }
.module-tab-top { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
.module-tab-icon svg { width: 20px; height: 20px; }
.module-tab-name { grid-column: 2; margin: 0; font-size: 17px; line-height: 1.2; }
.module-tab-summary { grid-column: 2; font-size: 12px; line-height: 1.4; margin: 0; }
.module-tab:hover { background: #e5e9e2; }
.module-tab[aria-selected="true"] { background: var(--orange); color: var(--ink); }
.module-tab[aria-selected="true"] .module-tab-summary { color: #302521; }
.module-tab[aria-selected="true"] .module-tab-icon svg { stroke: var(--ink); }
.js-scrub .module-tabs, .js-scrub .module-preview { opacity: 1; transform: none; }
.module-tab-name i { display: none; }
.module-detail { padding: 24px; background: var(--cream); border-radius: 5px; }
.module-preview { background: #191b20; border: 0; box-shadow: none; border-radius: 4px; height: 310px; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.mp-bar, .mp-footer { background: #1e2025; }
.module-detail-copy p { min-height: 0; font-size: 16px; line-height: 1.6; color: var(--mut); }
.module-capabilities span { font-size: 12px; background: #d8d1c6; color: var(--ink); }
.module-detail-heading > span { display: none; }
.module-detail-copy { padding: 22px 0 0; }
.module-foundation { border: 0; padding-top: 10px; font-size: 13px; color: var(--mut); }
.module-foundation-label { font-size: 15px; }
.tl { padding-block: clamp(88px,8vw,124px); }
.journey-heading .h2 { font: 400 clamp(46px,5.2vw,74px)/1.02 var(--serif); letter-spacing: -.04em; }
.journey-heading .lead { color: var(--mut-d); font-size: 17px; }
.journey-nav-label { font-size: 13px; color: var(--mut-d); }
.journey-tabs { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; border: 0; }
.journey-tab { flex: none; min-width: 0; background: var(--dk-2); border: 0; padding: 20px 16px; }
.journey-tab > span { display: none; }
.journey-tab[aria-selected="true"] { background: var(--orange); color: var(--ink); }
.journey-tab[aria-selected="true"] small { color: #332723; }
.journey-tab[aria-selected="true"] b { color: var(--ink); }
.journey-tab::before, .journey-tab::after { display: none; }
.journey-caption { border: 0; gap: 30px; }
.journey-caption h3 { font-size: 24px; }
.journey-caption p { font-size: 16px; }
.journey-app { background: var(--dk-2); border: 0; box-shadow: none; border-radius: 8px; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.journey-app-bar { background: #1c1e22; }
.journey-event.future { opacity: .7; }
.journey-event::before { border-color: #34363e; }
.journey-profile { background: #1d1f24; }
.lift { background: var(--cream); padding-block: clamp(88px,8vw,124px); }
.lift-h { align-items: start; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); }
.lift-h .lead { color: var(--mut); font-size: 17px; }
.lift-b { border: 0; gap: 28px; grid-template-columns: minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.85fr); }
.atlas .atlas-scene { height: 580px; }
.atlas .atlas-scene > img { max-height: 550px; width: min(100%,410px); filter: grayscale(1) contrast(1.05); }
.lift-col .cap { font: 500 15px/1.4 var(--sans); text-transform: none; letter-spacing: 0; color: var(--ink); }
.lift-col .cap > :last-child { display: none; }
.lift-col li { grid-template-columns: minmax(0,1fr) 18px; border: 0; font-size: 15px; min-height: 64px; }
.lift-col li > span { display: none; }
.lift-col.bef li.x s { color: #71786e; }
.lift-col.wit li { color: #61685e; }
.atlas { border: 0; overflow: visible; }
.atlas .meter, .atlas-coordinate { display: none; }
.atlas-module-card { background: var(--dk); border: 0; box-shadow: none; border-radius: 3px; font: 500 12px var(--sans); color: var(--ink-d); } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.atlas-module-icon { color: var(--flame); }
.atlas-module:is(:hover,:focus-visible) .atlas-module-card { background: var(--dk); box-shadow: none; transform: translateY(-2px); } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.atlas .atlas-core { background: var(--orange); box-shadow: none; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.atlas-orbit-trace { opacity: .55; }
.uc { padding-block: clamp(88px,8vw,124px); }
.uc-h { gap: 50px; align-items: start; }
.portfolio-intro .lead, .portfolio-copy p { font-size: 16px; line-height: 1.6; color: var(--mut); }
.portfolio-grid { gap: 54px 44px; grid-template-columns: repeat(12,minmax(0,1fr)); align-items: start; }
.portfolio-card:nth-child(4n+1),.portfolio-card:nth-child(4n) { grid-column: span 7; }
.portfolio-card:nth-child(4n+2),.portfolio-card:nth-child(4n+3) { grid-column: span 5; }
.portfolio-card:nth-child(2n) { margin-top: 100px; }
.portfolio-card-top { margin-bottom: 15px; font-size: 13px; }
.portfolio-card-top > :first-child { text-transform: none; letter-spacing: 0; }
.portfolio-status { border: 0; padding: 0; font-size: 12px; }
.portfolio-preview { border: 0; border-radius: 3px; }
.portfolio-browser { display: none; }
.portfolio-view { background: var(--lt); border: 0; color: var(--ink); }
.portfolio-title h3 { font-size: 28px; }
.portfolio-title > span { color: var(--mut); font-size: 13px; }
.portfolio-copy p { min-height: 0; }
.portfolio-stack { border: 0; background: #eef0ec; padding: 13px 16px; }
.portfolio-stack > span, .portfolio-module { font-size: 12px; }
.portfolio-module { background: transparent; border: 0; color: var(--mut); }
.portfolio-all, .portfolio-foundation, .portfolio-foundation a { border: 0; font-size: 14px; }
.portfolio-foundation { background: #eef0ec; margin-top: 48px; padding: 25px; }
.portfolio-foundation p { font-size: 16px; }
.sdk, .js-scrub #sdk { padding: 24px; background: var(--orange); }
.sdk-in { border: 0; padding-inline: 0; border-radius: 6px; overflow: hidden; padding-top: 44px; }
.sdk .sr { border: 0; padding-inline: calc(var(--g) + var(--pad)); max-width: 1600px; margin-inline: auto; }
.word { height: clamp(160px,17vw,245px); }
.sdk-a { padding-block: 36px 70px; align-items: start; }
.sdk-a .h2 { max-width: 450px; font: 400 clamp(42px,4.5vw,64px)/1.02 var(--serif); letter-spacing: -.04em; }
.sdk .lead, .docs-intro p { color: var(--mut-d); font-size: 17px; line-height: 1.6; }
.code { background: #1a1c21; box-shadow: none; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.code pre, .mp-code, .ui-code { font-family: var(--code); }
.code .k { color: #f9a18e; }.code .s { color: #c7d2b8; }
.code-f { letter-spacing: 0; }
.calls button { color: var(--mut-d); font-size: 12px; }
.docs-row { padding-block: 40px 70px; border: 0; }
.docs-intro h3 { font-size: 42px; line-height: 1.1; max-width: 370px; }
.docs-shortcuts { margin-top: 25px; gap: 10px; }
.docs-shortcuts a { font-size: 15px; padding-block: 13px; border: 0; }
.docs-shortcuts a > span { display: none; }
.docs-preview { border: 0; box-shadow: none; border-radius: 3px; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.docs-preview-caption { font-size: 13px; }.docs-preview-caption > span { font-size: 11px; }
.docs-preview-bar { font-size: 11px; }
.stats div { border: 0; padding: 26px 24px 26px 0; }
.stats b { font: 400 clamp(64px,7vw,100px)/1 var(--serif); letter-spacing: -.04em; color: var(--orange); }
.stats { margin-top: 24px; }
.stats div:nth-child(n) { border: 0; }
.stats small { font: 400 14px/1.5 var(--sans); text-transform: none; letter-spacing: 0; color: var(--mut-d); }
.sdk-c { padding-top: 40px; }
.sdk-c h3 { margin-top: 0 !important; font-size: 36px; }
.fwl, .fwl > * { border: 0; }
.burst { height: 70px; }
.pr-h .lead { margin-top: 22px; font-size: 17px; }
.tog { border: 0; background: #e8ece5; }.tog button { font-size: 14px; }
.tog button em { text-transform: none; font-size: 11px; }
.plans { gap: 16px; border: 0; }
.plans .plan { border: 0; background: var(--cream); border-radius: 4px; padding: 32px; box-shadow: none; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.plans .plan.hi { background: var(--orange); color: var(--ink); }
.plans .plan.hi li { color: var(--ink); }
.plans .plan.hi .price,.plans .plan.hi .price small,.plans .plan.hi .price span { color: var(--ink); }
.plan .top { display: none; }
.plan > p { font-size: 16px; line-height: 1.55; min-height: 125px; color: var(--mut); }
.plan.hi > p { color: #382d29; }
.plan ul, .plan li { border: 0; }
.plan li { font-size: 14px; padding-block: 9px; }
.plan .yr { font-size: 13px; color: var(--mut); }
.plan.hi .yr { color: #382d29; }
.plan.hi .btn.w { background: var(--ink); color: var(--ink-d); }
.plan .btn { min-height: 48px; }
.lim { border: 0; border-radius: 0; margin-top: 28px; }
.lim-h { gap: 24px; padding: 22px; background: #eef0ec; }
.lim-h span { font-size: 14px; }
.lim th, .lim td { text-transform: none; letter-spacing: 0; }
.plan-picker { border: 0; background: #e4e9e1; }
.plan-picker button[aria-selected="true"] { box-shadow: none; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.cta { padding-top: clamp(88px,8vw,124px); text-align: left; }
.cta .h1 { max-width: 1050px; margin: 0; font: 400 clamp(60px,8.4vw,120px)/.96 var(--serif); letter-spacing: -.05em; }
.cta .lead { max-width: 550px; margin-inline: 0; font-size: 17px; }
.cta .acts { justify-content: flex-start; }
.setup { border: 0; gap: 28px; margin-top: 64px; }
.setup::before, .setup small { display: none !important; }
.setup div { border: 0; padding: 0 0 24px; }
.setup b { font-size: 17px; }.setup span { font-size: 15px; line-height: 1.6; }
.foot { padding-top: 78px; }
.foot-g p { font-size: 16px; color: var(--mut-d); }
.foot-g h4 { font: 500 15px/1.4 var(--sans); text-transform: none; letter-spacing: 0; color: var(--ink-d); }
.foot-g ul { font-size: 15px; color: var(--mut-d); }
.foot-build .lk, .sdk-a .lk, .portfolio-all { border: 0; padding-bottom: 0; }
.fword { height: clamp(200px,27vw,390px); }
.legal { border: 0; font: 400 13px/1.4 var(--sans); color: var(--dim-d); letter-spacing: 0; padding-bottom: 30px; }
.rv, .shot-in, .code .l { opacity: 1; transform: none; }
.sp .w > i { transform: none; }
.js-scrub .rv:not(.in) { opacity: 0; transform: translateY(18px); }
.js-scrub .sp:not(.in) .w > i { transform: translateY(105%); }
.js-scrub .hero:not(.in) .shot-in { opacity: 0; transform: translateY(22px); }
.rv { transition-duration: 600ms,750ms; }
.sp .w > i { transition-duration: 700ms; transition-delay: calc(var(--i)*35ms + var(--d,0ms)); }
.js-scrub .mag { transition-timing-function: var(--ease); }
@media(min-width:1000px) { .module-detail { position: sticky; top: 100px; } }
/* Finish the remaining inherited chrome without altering the product controls. */
.ar, .module-tab-summary, .module-capabilities span, .portfolio-status,
.portfolio-view, .portfolio-view i, .portfolio-stack > span, .portfolio-module,
.portfolio-module > span, .docs-preview-bar, .docs-preview-caption > span,
.tog button em, .atlas-module-card, .module-name { font-size: 13px; }
.module-tab { display: block; min-height: 84px; }
.module-tab-top { display: none; }
.module-tab-name { font-size: 20px; }
.module-tab-summary { margin-top: 6px; }
.sg .big > p { margin: 0; }
.sg .big small { color: var(--mut-d); }
.sw-bot .sw-k { color: #626972; }
.form-check svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.atlas .atlas-core small { display: none; }
.atlas .atlas-core { gap: 5px; align-items: center; }
.atlas-core-mark img { filter: brightness(0); }
.atlas .atlas-core b { font-size: 13px; }
.docs-shortcuts, .docs-preview-bar, .docs-preview-caption, .lim-more,
.fwl, .fwl > *, .journey-tabs::after { border: 0; }
.journey-tab:first-child { padding-left: 16px; }
.journey-tab b { margin-top: 0; }
.journey-tabs::after { display: none; }
.tog button.on { box-shadow: none; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.journey-context { background: #25292f; }
.journey-context h5, .journey-context p { color: #d8dbe0; }
.journey-context, .journey-profile, .journey-app { text-shadow: none; } /* taste-skill-ignore: removes an inherited text effect. */
.mp-footer { color: #b9bdc7; }
.hero arky-app { --x-acc: #e84432; --x-acc-2: #f05b48; --glow: 240,91,72; }
.hero arky-app .dx .m, .hero arky-app .dx-nav .n, .hero arky-app .dx-search > :last-child { font-family: var(--sans); }
.hero arky-app .dx * { font-family: var(--sans); }
.hero arky-app[theme="dark"] { --x-ink-2: #c1c4cb; --x-ink-3: #a2a6af; }
.hero arky-app .dx-btn.pri { background: #e9ecef; color: #17191d; }
.hero arky-app[theme="dark"] .dx-ev { background: #29282c; color: #f0f0f2; border-color: #5c423f; }
.hero arky-app[theme="dark"] .dx-ev small { color: #c1c4cb; }
.hero arky-app .dx-delta, .hero arky-app .dx-btn, .hero arky-app .dx-cal span { font-family: var(--sans); }
.hero arky-app .dx-demo-hint, .hero arky-app .dx-tour-hint { color: #b7bbc4; }
.hero arky-app .dx-demo { color: #b7bbc4; }
.hero arky-app .dx-cal small { color: var(--x-ink-2); }
.hero arky-app .dx-btn { box-shadow: none; filter: none; } /* taste-skill-ignore: removes inherited glow from controls. */
.hero arky-app .dx-zoomout { box-shadow: none; background: var(--orange); color: #17191d; } /* taste-skill-ignore: removes inherited button glow. */
.hero arky-app .dx { box-shadow: none; border: 0; background: var(--x-bg); } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.hero arky-app .dx-main { background: var(--x-bg); }
.hero arky-app .dx-main::before, .hero arky-app .dx-main::after,
.hero arky-app .dx-kpi::before, .hero arky-app .dx-kpi::after { display: none; }
.hero arky-app .dx-kpi, .hero arky-app .dx-nav.on { box-shadow: none; } /* taste-skill-ignore: removes an inherited effect; no shadow or blur is added. */
.hero arky-app .dx-kpi.on { border-color: #63433f; }
.hero arky-app[theme="dark"] .dx-kpi.on { box-shadow: none; } /* taste-skill-ignore: removes inherited glow. */
.hero arky-app .dx-kpi strong { text-shadow: none; } /* taste-skill-ignore: removes an inherited text effect. */
.hero arky-app .dx-kpi.on svg.sp path, .hero arky-app .dx-glowline { filter: none; }
.hero arky-app .dx-nav.on { background: #f05b4814; }
.hero arky-app .dx-nav.on::before { display: none; }
.ui-code { font-family: var(--sans); }
.sdk-c .fwl span { border: 0; }
.sdk .fwl span, .plan-picker button, .price small, .btn .ar, .nav-cta .btn, .shot .chrome span { font-size: 13px; }
.hero .fw > * { border: 0; }
.lift-col.wit { border: 0; }
@media(max-width:1100px) {
  .nav .nav-in { gap: 24px; }
  .hero-top { gap: 36px; }
  .hero-copy .h1 { font-size: clamp(64px,7.7vw,90px); }
  .hero-side .lead { font-size: 17px; }
  .sg { gap: 24px; grid-template-columns: 1fr minmax(280px,1.3fr) 1fr; }
  .sg .big { font-size: 36px; }
  .cards3 { gap: 24px; }.cc .cc-h { font-size: 26px; }
  .plan > p { min-height: 150px; }
}
@media(max-width:860px) {
  .hero-top { grid-template-columns: 1fr; padding-block: 52px 20px; gap: 28px; align-items: start; }
  .hero-copy .h1 { font-size: clamp(64px,10.3vw,86px); }
  .hero-side { max-width: 540px; }
  .hero .stage { height: 580px; margin-top: 15px; }
  .hero .stage .shot { width: calc(100% - 40px); top: 116px; }
  .fw { grid-template-columns: repeat(3,1fr); gap: 5px; }
  .fw > :first-child { grid-column: 1 / -1; justify-content: center; padding: 0; }
  .sg { grid-template-columns: 1fr 1fr; grid-template-areas: "frontend backend" "example example"; gap: 30px; padding: 44px var(--pad); }
  .sg .big.r { text-align: right; }
  .sg .swap { max-width: 490px; justify-self: center; }
  .cards3 { grid-template-columns: 1fr; gap: 36px; }
  .cc p { min-height: 0; }.cc .cc-h { font-size: 32px; }
  .module-tab-summary { min-height: 0; }
  .journey-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); overflow: visible; }
  .journey-tab { padding: 17px 14px; }
  .lift-b { gap: 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .atlas { grid-column: 1/-1; grid-row: 1; max-width: 530px; width: 100%; justify-self: center; }
  .atlas .atlas-scene { height: 550px; }
  .atlas .atlas-scene > img { max-height: 520px; width: min(78%,390px); }
  .portfolio-grid { gap: 42px 24px; }
  .portfolio-card:nth-child(n) { grid-column: span 6; margin-top: 0; }
  .behind-intro { grid-template-columns: 1fr; gap: 64px; }
  .behind-copy { max-width: 650px; }
  .behind-copy .h2 { font-size: 64px; }
  .constellation-stage { height: 540px; max-width: 560px; }
  .constellation-statue { height: 590px; }
  .cc { padding: 28px 24px 0; }
  .lift-col li { font-size: 13px; grid-template-columns: minmax(0,1fr) 14px; }
  .sdk-a .h2 { max-width: 500px; }
  .docs-intro h3 { max-width: 540px; }
  .plans .plan > p { min-height: 0; }
  .setup { grid-template-columns: repeat(3,1fr); }
}
@media(max-width:600px) {
  .nav { margin-top: 8px; height: 72px; border-radius: 8px 8px 0 0; }
  .nav .nav-in { padding-inline: 18px; gap: 10px; }
  .nav-cta .btn { min-height: 40px; padding-inline: 14px; }
  .menu-toggle { width: 40px; height: 40px; }
  .hero-top { padding-block: 36px 20px; gap: 26px; }
  .hero-copy .h1 { font-size: clamp(44px,13vw,72px); letter-spacing: -.05em; }
  .hero-side .lead { font-size: 16px; line-height: 1.6; }
  .hero-side .acts { margin-top: 22px; }
  .hero-side .btn { height: 46px; padding-inline: 17px; }
  .hero .stage { height: 480px; margin-top: 38px; }
  .hero .stage .shot { top: 96px; width: calc(100% - 12px); }
  .hero-ark-canvas { opacity: 1; }
  .fw { margin-top: 5px; gap: 0; }
  .fw > * { height: 46px; font-size: 13px; }.fw > :first-child { font-size: 13px; }
  .hero-scroll { font-size: 13px; padding-block: 20px 28px; }
  .grid-sec { padding-block: 72px; }
  .behind-copy .h2 { font-size: clamp(39px,11vw,52px); max-width: 410px; }
  .behind-copy .lead { font-size: 16px; }
  .behind-intro { gap: 55px; margin-bottom: 52px; }
  .constellation-stage { height: 420px; width: calc(100% + 24px); margin-inline: -12px; }
  .constellation-statue { height: 465px; top: -16px; }
  .constellation-stage::before { inset: 9% 13% 0; }
  .module-node { width: 78px; }
  .module-art { height: 85px; }
  .module-prop { max-height: 79px; }
  .node-content { left: 12%; top: 17%; }.node-forms { left: 12%; top: 54%; }.node-commerce { left: 19%; top: 91%; }.node-bookings { left: 87%; top: 16%; }.node-campaigns { left: 88%; top: 82%; }
  .module-name { font-size: 13px; }
  .sg { margin-top: 42px; margin-inline: 12px; gap: 28px 20px; padding: 32px 18px; }
  .sg .big { font-size: 24px; }
  .sg .big small { font-size: 13px; margin-top: 12px; }
  .sw-k { font-size: 12px; }.sw-top,.sw-bot { padding: 20px 17px; }
  .sw-v { font-size: 28px; }.sw-s { font-size: 12px; }.sw-pill { font-size: 10px; }
  .mod,.js-scrub #modules,.prc,.js-scrub #pricing,.tl,.lift,.uc { padding-block: 72px; }
  .mod-h { text-align: left; }
  .mod-h .h2s,.lift-h .h2s,.uc-h .h2s,.pr-h .h2s { font-size: 42px; }
  .mod-h .lead { font-size: 16px; margin-top: 20px; }.mod-h .acts { justify-content: flex-start; }
  .cards3 { gap: 28px; margin-top: 48px; }
  .cc { padding: 18px 18px 0; }
  .cc .cc-h { font-size: 28px; min-height: 45px; }
  .cc p { font-size: 16px; }.cc-art { min-height: 235px !important; }
  .cc-h .audience-indicator { color: var(--mut); }
  .mindex { margin-top: 64px; }.mindex h3 { font-size: 38px; }
  .module-index-header { gap: 20px; margin-bottom: 28px; }
  .mindex .lead { font-size: 16px; }.mcount b { font-size: 40px; }
  .module-tab { min-height: 55px; padding: 15px 12px; }
  .module-tab-name { font-size: 15px; align-self: center; }
  .module-tab-top { grid-row: 1; }.module-tab-icon svg { width: 18px; height: 18px; }
  .module-tab-summary { display: none; }
  .module-detail { padding: 14px; }
  .module-preview { height: 280px; }.module-detail-copy p { font-size: 16px; min-height: 0; }
  .module-foundation { font-size: 13px; gap: 16px; }
  .journey-heading .h2 { font-size: 42px; max-width: 350px; }
  .journey-heading .lead { font-size: 16px; margin-top: 4px; }
  .journey-nav-label { font-size: 13px; }.journey-nav-label > :last-child { display: none; }
  .journey-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  .journey-tab { min-height: 48px; padding: 15px 12px; font-size: 14px; }
  .journey-caption { gap: 12px; padding-block: 24px; }.journey-caption p { font-size: 15px; }
  .lift-h { grid-template-columns: 1fr; }
  .lift-h .lead { font-size: 16px; }
  .lift-b { gap: 0 15px; margin-top: 30px; }
  .lift-col.wit { border: 0; padding-left: 0; }.lift-col.bef { padding-right: 0; }
  .lift-col li { min-height: 92px; font-size: 13px; }
  .atlas .atlas-scene { height: 440px; }
  .atlas .atlas-scene > img { max-height: 400px; width: min(84%,300px); }.atlas-module-card { font-size: 13px; padding: 10px; }
  .uc-h { gap: 24px; }.portfolio-intro .lead { font-size: 16px; }
  .portfolio-grid { gap: 38px; grid-template-columns: 1fr; }
  .portfolio-card:nth-child(n) { grid-column: auto; margin-top: 0; }.portfolio-copy { padding-top: 20px; }
  .portfolio-card-top { font-size: 13px; }.portfolio-status { font-size: 13px; }
  .portfolio-copy p { font-size: 16px; }
  .portfolio-title h3 { font-size: 26px; }.portfolio-title > span { font-size: 13px; }
  .portfolio-foundation { padding: 22px; gap: 14px; }.portfolio-foundation p { font-size: 16px; }
  .sdk,.js-scrub #sdk { padding: 10px; }.sdk-in { padding-top: 30px; }.word { height: 115px; }
  .sdk .sr { padding-inline: 18px; }
  .sdk-a { gap: 28px; padding-block: 28px 44px; }.sdk-a .h2 { font-size: 40px; }
  .sdk .lead,.docs-intro p { font-size: 16px; }
  .code pre { font-size: 11px; }.calls button { font-size: 11px; }
  .docs-row { padding-block: 30px 44px; }.docs-intro h3 { font-size: 38px; }
  .docs-preview-caption { font-size: 13px; }.docs-preview-caption > span { font-size: 13px; }
  .stats b { font-size: 48px; }.stats div { padding: 20px 14px 20px 0; }.stats small { font-size: 13px; }
  .sdk-c h3 { font-size: 34px; }.sdk-c { padding-top: 24px; }
  .fwl > * { font-size: 13px; }.burst { height: 40px; }
  .pr-h .lead { font-size: 16px; }.plans .plan { padding: 28px 24px; }
  .plan > p { font-size: 16px; }.plan li { font-size: 14px; }
  .plan-picker button { min-height: 48px; }.plan-picker span { font-size: 13px; }
  .lim-h { flex-direction: column; align-items: flex-start; gap: 10px; padding: 20px; }
  .lim td:first-child { font-size: 12px; }.lim td,.lim th { padding-inline: 10px; }
  .lim td:not(:first-child),.lim th:not(:first-child) { font-size: 11px; }
  .cta { padding-top: 72px; }.cta .h1 { font-size: clamp(46px,12.5vw,66px); }.cta .lead { font-size: 16px; }
  .setup { grid-template-columns: repeat(2,1fr); gap: 20px; margin-top: 45px; }
  .setup b { font-size: 16px; }.setup span { font-size: 14px; }
  .foot { padding-top: 50px; }.foot-g { gap: 32px; }
  .foot-g p,.foot-g ul { font-size: 15px; }.foot-build p { font-size: 15px; }
  .foot-g h4 { font-size: 15px; }.legal { font-size: 13px; gap: 15px; }
}
@media(prefers-reduced-motion:reduce) {
  .rv,.sp .w > i,.shot-in,.code .l { opacity: 1 !important; transform: none !important; transition: none; }
  .btn,.module-tab,.portfolio-screen img { transition: none; }
}