/* Locally "Paper" design: light paper background, dark rounded panels.
   Base rules come verbatim from the design drop (shared <style> of every page);
   additions for the site (fonts, header menu, language switch, state classes) below. */
@font-face { font-family: Geist; src: url(/assets/fonts/geist-latin-400-normal.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Geist; src: url(/assets/fonts/geist-latin-500-normal.woff2) format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: Geist; src: url(/assets/fonts/geist-latin-600-normal.woff2) format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Geist Mono'; src: url(/assets/fonts/geist-mono-latin-500-normal.woff2) format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: Sora; src: url(/assets/fonts/sora-latin-700-normal.woff2) format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: Sora; src: url(/assets/fonts/sora-latin-600-normal.woff2) format('woff2'); font-weight: 600; font-display: swap; }
body{margin:0;background:#F4F4F2;color:#0F1113;font-family:'Geist',system-ui,sans-serif;font-size:16px;line-height:26px}
a{color:inherit;text-decoration:none}
.p-link{color:#5B636D}.p-link:hover{color:#0F1113}
.p-ink:hover{background:#2A2F36}
.p-line:hover{border-color:#0F1113}
.p-volt:hover{background:#D9FF7A}
.p-card{transition:border-color .2s,transform .2s}
.p-card:hover{border-color:#0F1113}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
.p-count{--n:var(--to);counter-reset:n var(--n);animation:pCount 1.8s cubic-bezier(.2,.7,.2,1) both}
.p-count::after{content:counter(n)}
@keyframes pCount{from{--n:0}to{--n:var(--to)}}
.p-live{animation:pPulse 2.4s ease-in-out infinite}
@keyframes pPulse{0%,100%{box-shadow:0 0 0 0 rgba(203,255,77,.45)}50%{box-shadow:0 0 0 6px rgba(203,255,77,0)}}
.p-feed{opacity:0;transform:translateY(6px);animation:pIn .6s ease forwards}
@keyframes pIn{to{opacity:1;transform:none}}
.p-dots::after{content:"";animation:pDots 1.6s steps(4,end) infinite}
@keyframes pDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
@media (prefers-reduced-motion:reduce){.p-count,.p-live,.p-feed,.p-dots::after{animation:none}.p-feed{opacity:1;transform:none}}
@media (max-width:860px){.p-stats{grid-template-columns:1fr 1fr !important}.p-stats > div:nth-child(2){border-right:0 !important}.p-stats > div:nth-child(-n+2){border-bottom:1px solid #23272D}.p-hide-m{display:none !important}}
.p-dlink{color:#A3ACB7}.p-dlink:hover{color:#F4F4F2}
.p-lined{border-color:#2A2F36 !important}.p-lined:hover{border-color:#A3ACB7 !important}
.p-panel .p-q:focus-visible{outline-color:#CBFF4D}
.p-step{width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:#5B636D;font:500 20px/1 'Geist',sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.p-step:hover{background:#ECECE8;color:#0F1113}
.p-step:focus-visible,.p-q:focus-visible{outline:2px solid #0F1113;outline-offset:2px}
.p-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.p-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.p-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.p-side{display:grid;grid-template-columns:4fr 8fr;gap:64px}
.p-team{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}
.p-nav{display:flex}
.p-kit{min-height:196px}
@media (max-width:1040px){.p-5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){
  .p-3,.p-2,.p-side{grid-template-columns:1fr}
  .p-team{grid-template-columns:repeat(5,1fr);row-gap:20px}
  .p-nav{display:none}
  .p-sentence{font-size:24px !important;line-height:52px !important}
  .p-sec{padding-top:96px !important}
  .p-head{gap:12px !important}
  .p-pad{padding:32px 24px !important}
  .p-panel{margin-left:6px !important;margin-right:6px !important;border-radius:24px !important}
}
@media (max-width:520px){.p-5{grid-template-columns:1fr}.p-kit{min-height:0}}

.p-crumb{color:#8A939E}.p-crumb:hover{color:#F4F4F2}
.p-pick{transition:border-color .2s,box-shadow .2s}
.p-pick:hover{border-color:#0F1113 !important}
.p-toc a{color:#5B636D}.p-toc a:hover{color:#0F1113}
.p-legal h2{font-family:'Sora',sans-serif;font-weight:700;font-size:22px;line-height:30px;letter-spacing:-0.02em;margin:48px 0 12px}
.p-legal p{margin:0 0 14px;font-size:16px;line-height:27px;color:#2A2F36}
.p-legal table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
.p-legal td,.p-legal th{text-align:left;padding:12px 12px 12px 0;border-bottom:1px solid #DCDDD8;vertical-align:top}
.p-legal th{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.1em;color:#7A828C;font-weight:500;text-transform:uppercase}
.p-side-sticky{position:sticky;top:96px}
@media (max-width:860px){.p-side-sticky{position:static}.p-hide-m{display:none !important}.p-side{grid-template-columns:1fr !important}}

/* ---- site additions ---- */
html { overflow-x: clip; -webkit-text-size-adjust: 100%; scroll-padding-top: 88px; }
body { overflow-x: clip; -webkit-font-smoothing: antialiased; }
[hidden] { display: none !important; }
.p-skip { position: absolute; left: -999px; top: 8px; z-index: 100; background: #0F1113; color: #F4F4F2; padding: 8px 14px; border-radius: 999px; font-size: 14px; }
.p-skip:focus { left: 12px; }
.p-nav a[aria-current="page"] { color: #0F1113; }

/* language switch (header + mobile menu) */
.lang-switch { display: inline-flex; align-items: center; gap: 6px; flex: none; font-size: 13px; line-height: 20px; font-weight: 500; color: #A3ACB7; white-space: nowrap; }
.lang-switch a { color: #5B636D; padding: 6px 2px; }
.lang-switch a:hover { color: #0F1113; }
.lang-switch a[aria-current] { color: #0F1113; font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }

/* mobile / tablet menu: the inline nav is hidden at <= 860px */
.m-menu { display: none; position: relative; flex: none; }
.m-menu summary { list-style: none; width: 38px; height: 38px; border: 1px solid #DCDDD8; border-radius: 999px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.m-menu summary::-webkit-details-marker { display: none; }
.m-menu .i-close, .m-menu[open] .i-open { display: none; }
.m-menu[open] .i-close { display: block; }
.m-menu nav { position: absolute; right: 0; top: 48px; min-width: 220px; display: flex; flex-direction: column; padding: 8px; background: #FFFFFF; border: 1px solid #E2E3DE; border-radius: 18px; box-shadow: 0 20px 48px -20px rgba(15,17,19,.35); z-index: 60; }
.m-menu nav > a { padding: 11px 14px; border-radius: 10px; color: #0F1113; font-size: 16px; }
.m-menu nav > a:hover { background: #F4F4F2; }
.m-menu .m-lang { display: none; }
@media (max-width: 860px) { .m-menu { display: block; } }
@media (max-width: 480px) {
  .p-head { padding: 0 16px !important; gap: 10px !important; }
  .p-head > .lang-switch { display: none; }
  .m-menu .m-lang { display: block; margin-top: 6px; padding: 12px 14px 6px; border-top: 1px solid #E2E3DE; }
  .m-menu .m-lang .lang-switch { font-size: 15px; gap: 10px; }
}
@media (max-width: 360px) { .p-head img { height: 22px !important; } .p-head .p-ink { padding: 0 12px !important; } }

/* feed status pills (home hero) */
.p-st-work { flex: none; font-family: 'Geist Mono', monospace; font-size: 11px; color: #CBFF4D; min-width: 96px; text-align: right; }
.p-st-ok { flex: none; font-size: 12px; font-weight: 500; color: #FF8A3D; border: 1px solid rgba(255,138,61,.45); border-radius: 999px; padding: 2px 10px; }
.p-st-done { flex: none; font-family: 'Geist Mono', monospace; font-size: 11px; color: #6B737D; min-width: 96px; text-align: right; }
.p-st-work::after { content: ""; animation: pDots 1.6s steps(4,end) infinite; }
@media (prefers-reduced-motion: reduce) { .p-st-work::after { animation: none; } }

/* calculator pills */
.p-pill { display: inline-flex; align-items: center; gap: 2px; vertical-align: middle; height: 48px; padding: 0 6px; margin: 0 1px 0 6px; border-radius: 999px; background: #FFFFFF; border: 1px solid #DCDDD8; font-size: 0.85em; line-height: 1; }

/* home kit picker */
.p-kq { width: 100%; padding: 9px 0; background: transparent; border: 0; display: flex; align-items: center; gap: 12px; text-align: left; cursor: pointer; font: 400 16px/24px 'Geist', sans-serif; color: #A3ACB7; }
.p-kq:hover { color: #F4F4F2; }
.p-kq[aria-pressed="true"] { font-weight: 600; color: #F4F4F2; }
.p-kdot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 1px #3A4048; }
.p-kq[aria-pressed="true"] .p-kdot { background: #CBFF4D; box-shadow: none; }

/* catalog choice cards */
.p-card2 { text-align: left; cursor: pointer; display: flex; flex-direction: column; padding: 20px; border-radius: 18px; background: #FFFFFF; border: 1px solid #E2E3DE; box-shadow: none; }
.p-card2[aria-pressed="true"] { border-color: #0F1113; box-shadow: 0 0 0 1px #0F1113; }
.p-dot { width: 16px; height: 16px; border-radius: 50%; flex: none; box-shadow: inset 0 0 0 1px #C9CBC5; }
.p-card2[aria-pressed="true"] .p-dot { background: #CBFF4D; box-shadow: inset 0 0 0 1px #0F1113, 0 0 0 3px #FFFFFF, 0 0 0 4px #0F1113; }
.p-box { flex: none; width: 22px; height: 22px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; font: 600 13px/1 'Geist', sans-serif; color: transparent; box-shadow: inset 0 0 0 1px #C9CBC5; }
.p-upd[aria-pressed="true"] .p-box { color: #0F1113; background: #CBFF4D; box-shadow: inset 0 0 0 1px #0F1113; }

/* legal pages: markdown lists and the intro paragraph */
.p-legal > p:first-child { font-size: 18px; line-height: 29px; color: #0F1113; }
.p-legal ul, .p-legal ol { margin: 0 0 14px; padding-left: 22px; font-size: 16px; line-height: 27px; color: #2A2F36; }
.p-legal li { margin: 0 0 6px; }
.p-legal h3 { font-size: 17px; line-height: 26px; font-weight: 600; margin: 28px 0 8px; }
.p-legal a { color: #0F1113; border-bottom: 1px solid #0F1113; }
.p-legal .p-tbl { overflow-x: auto; }
.p-legal h2 { scroll-margin-top: 96px; }
.p-legal .p-draft { display: inline-block; margin-left: 8px; font-family: 'Geist Mono', monospace; font-size: 11px; color: #FF8A3D; }
@media (max-width: 1040px) { .p-head { gap: 20px !important; } .p-nav { gap: 18px !important; } }
/* Phone header: must come after the 1040px rule above, or its gap wins. */
@media (max-width: 480px) { .p-head { gap: 8px !important; padding: 0 14px !important; } .p-head img { height: 22px !important; } .p-head .p-ink { padding: 0 14px !important; font-size: 14px !important; } }
@media (max-width: 360px) { .p-head img { height: 20px !important; } .p-head .p-ink { padding: 0 12px !important; font-size: 13px !important; } }

/* Team figures: lean toward the pointer, lift on hover (calm.js sets --x/--y/--r). */
.p-team > div { cursor: default; }
.p-team img { transform: translate(var(--x, 0px), var(--y, 0px)) rotate(var(--r, 0deg)) scale(var(--s, 1)); transform-origin: 50% 100%; transition: transform .55s cubic-bezier(0.23, 1, 0.32, 1); will-change: transform; }
.p-team > div:hover img { --s: 1.12; }
.p-team > div:hover span:first-of-type { color: #CBFF4D; }
.p-team span { transition: color .25s; }
@media (prefers-reduced-motion: reduce) { .p-team img { transform: none !important; transition: none; } }

/* ===== Phone: a simpler page. No big screenshots or UI mock-ups, tighter spacing. ===== */
@media (max-width: 640px) {
  .p-m-hide { display: none !important; }
  section.p-sec { padding-top: 88px !important; }
  #kits { padding-top: 72px !important; padding-bottom: 72px !important; }
  /* kit panel text sits right under the list once the office image is gone */
  [data-panel] > div { margin-top: 8px !important; }
  /* how-it-works steps: the heading now leads, no gap where the mock-up was */
  #how h3 { margin-top: 0 !important; }
}

/* ===== Full-bleed dark bands (no paper edges) + a header that turns dark over them ===== */
.p-panel { margin-left: 0 !important; margin-right: 0 !important; border-radius: 0 !important; }
main > .p-panel:first-child, main > :first-child.p-panel { margin-top: 0 !important; }
.p-panel:last-of-type { margin-bottom: 0 !important; }
/* a hairline of light where paper meets ink, so the edge feels finished, not cut */
.p-panel::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(203,255,77,.18) 30%, rgba(255,255,255,.10) 50%, rgba(203,255,77,.18) 70%, transparent); pointer-events: none; z-index: 1; }
main > .p-panel:first-child::before { display: none; }

.p-header { background: rgba(244,244,242,.86); backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid transparent; transition: background-color .45s cubic-bezier(0.23,1,0.32,1), border-color .45s; color: #0F1113; }
.p-logo { position: relative; display: block; flex: none; }
.p-logo img { transition: opacity .45s cubic-bezier(0.23,1,0.32,1); }
.p-logo .p-logo-d { position: absolute; inset: 0; opacity: 0; display: block; }
.p-header .p-link, .p-header .lang-switch a, .p-header .m-menu summary { transition: color .45s, border-color .45s, background-color .45s; }
.p-header .m-menu summary { color: #0F1113; }

.p-header.is-dark { background: rgba(15,17,19,.97); border-bottom-color: rgba(255,255,255,.06); color: #F4F4F2; }
.p-header.is-dark .p-logo-l { opacity: 0; }
.p-header.is-dark .p-logo-d { opacity: 1; }
.p-header.is-dark .p-link { color: #A3ACB7; }
.p-header.is-dark .p-link:hover, .p-header.is-dark .p-nav a[aria-current="page"] { color: #F4F4F2; }
.p-header.is-dark .p-head > .lang-switch { color: #5B636D; }
.p-header.is-dark .p-head > .lang-switch a { color: #8A939E; }
.p-header.is-dark .p-head > .lang-switch a[aria-current], .p-header.is-dark .p-head > .lang-switch a:hover { color: #F4F4F2; }
.p-header.is-dark .p-ink { background: #CBFF4D !important; color: #0F1113 !important; }
.p-header.is-dark .p-ink span { color: #0F1113 !important; }
.p-header.is-dark .m-menu summary { color: #F4F4F2; border-color: #2A2F36; }

/* Kits: a swipeable card deck (all sizes). Desktop cards carry the office image; phones stay text-only. */
.p-m-only { display: none; }
.p-kpick-old { display: none !important; }
.p-kcar { margin: 48px calc(50% - 50vw) 0; position: relative; }
.p-kcar-track { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px max(24px, calc(50vw - 536px)) 10px; scroll-padding: 0 max(24px, calc(50vw - 536px)); scrollbar-width: none; outline: none; }
.p-kcar-track::-webkit-scrollbar { display: none; }
.p-kcard { flex: 0 0 min(440px, 82vw); scroll-snap-align: start; position: relative; display: flex; flex-direction: column; padding: 14px 14px 24px; border-radius: 26px; color: #F4F4F2; text-decoration: none; overflow: hidden;
  background: linear-gradient(160deg, #1A1E23 0%, #131619 60%); border: 1px solid #262B31; box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transform: scale(.965); opacity: .6; transition: transform .7s cubic-bezier(0.23,1,0.32,1), opacity .7s cubic-bezier(0.23,1,0.32,1), border-color .7s, box-shadow .7s; }
.p-kcard::after { content: ""; position: absolute; inset: -30% -25% auto auto; width: 70%; height: 60%; background: radial-gradient(closest-side, rgba(203,255,77,.12), transparent); opacity: 0; transition: opacity .9s; pointer-events: none; }
.p-kcard.is-on { transform: none; opacity: 1; border-color: #343A41; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 30px 60px -30px rgba(0,0,0,.7); }
.p-kcard.is-on::after { opacity: 1; }
.p-kcard:hover { opacity: 1; }
.p-kcard-img { display: block; border-radius: 16px; overflow: hidden; background: #0F1113; border: 1px solid #23272D; aspect-ratio: 1440 / 1000; }
.p-kcard-img img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.02); transition: transform 1.2s cubic-bezier(0.23,1,0.32,1); }
.p-kcard.is-on .p-kcard-img img, .p-kcard:hover .p-kcard-img img { transform: scale(1.06); }
.p-kcard > span:not(.p-kcard-img) { margin-left: 10px; margin-right: 10px; }
.p-kcard-top { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; font-size: 11px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: #8A939E; }
.p-kcard-n { font-variant-numeric: tabular-nums; color: #5B636D; letter-spacing: .06em; }
.p-kcard-title { margin-top: 14px; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 26px; line-height: 1.1; letter-spacing: -0.03em; }
.p-kcard-pitch { margin-top: 8px; font-size: 15px; line-height: 23px; color: #A3ACB7; }
.p-kcard-team { margin-top: auto; padding-top: 20px; display: flex; align-items: center; gap: 10px; }
.p-kcard-av { display: flex; align-items: flex-end; }
.p-kcard-av img { width: 30px; height: auto; margin-right: -4px; filter: drop-shadow(0 4px 8px rgba(0,0,0,.35)); }
.p-kcard-names { font-size: 12px; line-height: 16px; color: #8A939E; }
.p-kcard-cta { margin-top: 18px; align-self: flex-start; height: 40px; padding: 0 16px; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; background: rgba(255,255,255,.06); color: #F4F4F2; transition: background .5s, color .5s; }
.p-kcard.is-on .p-kcard-cta, .p-kcard:hover .p-kcard-cta { background: #CBFF4D; color: #0F1113; }
.p-kcar-nav { max-width: 1120px; margin: 22px auto 0; padding: 0 24px; display: flex; justify-content: flex-end; gap: 10px; }
.p-kcar-btn { width: 44px; height: 44px; border-radius: 999px; border: 1px solid #2E343B; background: transparent; color: #F4F4F2; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .3s, border-color .3s, opacity .3s; }
.p-kcar-btn:hover { background: rgba(255,255,255,.06); border-color: #3A4048; }
.p-kcar-btn:disabled { opacity: .3; cursor: default; }
.p-kcar-dots { display: flex; justify-content: center; gap: 6px; margin-top: -28px; pointer-events: none; }
.p-kcar-dots i { width: 6px; height: 6px; border-radius: 999px; background: #2E343B; transition: width .5s cubic-bezier(0.23,1,0.32,1), background .5s; }
.p-kcar-dots i.is-on { width: 20px; background: #CBFF4D; }
@media (max-width: 640px) {
  .p-kcar { margin-top: 32px; }
  .p-kcar-track { gap: 12px; padding: 4px 24px 8px; scroll-padding: 0 24px; }
  .p-kcard { flex-basis: 82%; min-height: 300px; padding: 22px 22px 20px; border-radius: 22px; opacity: .72; transform: scale(.96); }
  .p-kcard > span:not(.p-kcard-img) { margin-left: 0; margin-right: 0; }
  .p-kcard-img { display: none; }
  .p-kcard-top { margin-top: 0; }
  .p-kcard-title { margin-top: 28px; }
  .p-kcar-nav { display: none; }
  .p-kcar-dots { margin-top: 18px; }
}
@media (prefers-reduced-motion: reduce) { .p-kcard, .p-kcard-img img { transform: none !important; transition: none; } .p-kcard { opacity: 1; } }

/* inspiration pass: hero product shot, "what it does" tabs + draft, footer wordmark */
.p-does{margin-top:48px;display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:stretch}
.p-does-list{display:flex;flex-direction:column;gap:4px}
.p-does-tab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:16px;transition:background .18s ease}
.p-does-tab img{width:30px;height:auto;flex:none;margin-top:2px}
.p-does-tab b{display:block;font-weight:600;font-size:16px;line-height:24px}
.p-does-tab span span{display:block;font-size:14px;line-height:21px;color:#5B636D}
.p-does-tab:hover{background:#EAEAE6}
.p-does-tab[aria-selected="true"]{background:#FFFFFF;box-shadow:0 1px 2px rgba(15,17,19,.04),0 12px 32px -18px rgba(15,17,19,.14)}
.p-does-tab:focus-visible{outline:2px solid #0F1113;outline-offset:2px}
.p-does-stage{display:flex;align-items:center;justify-content:center;padding:8px 5% 0}
.p-laptop{width:100%;max-width:640px}
.p-laptop-screen{background:#0F1113;border-radius:18px 18px 0 0;padding:14px 14px 18px;box-shadow:inset 0 0 0 1px #2A2F36}
.p-laptop-base{position:relative;height:16px;margin:0 -5%;background:#D9DAD5;border-radius:0 0 14px 14px;box-shadow:inset 0 3px 0 #EDEDEA,0 18px 30px -18px rgba(15,17,19,.35)}
.p-laptop-base span{position:absolute;left:50%;top:0;width:16%;height:6px;transform:translateX(-50%);background:#C5C6C0;border-radius:0 0 8px 8px}
.p-app{background:#F4F4F2;border-radius:6px;overflow:hidden}
.p-app-bar{height:26px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#FFFFFF}
.p-app-bar i{width:8px;height:8px;border-radius:50%;background:#E2E3DF}
.p-app-bar span{flex:1;text-align:center;margin-right:40px;font-size:11px;font-weight:600;color:#7A828C}
.p-app-body{display:flex;min-height:420px}
.p-app-side{width:44px;flex:none;background:#0F1113;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:12px}
.p-app-side img{width:16px;height:auto;margin-bottom:6px}
.p-app-side b{width:16px;height:16px;border-radius:5px;background:#2A2F36}
.p-app-side b.on{background:#CBFF4D}
.p-app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}
.p-draft{width:100%;max-width:440px;background:#FFFFFF;color:#0F1113;border-radius:14px;padding:20px 22px;box-shadow:0 1px 2px rgba(15,17,19,.04),0 12px 32px -18px rgba(15,17,19,.18);animation:p-draft-in .32s cubic-bezier(.2,.7,.2,1)}
.p-draft[hidden]{display:none}
@keyframes p-draft-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.p-draft-top{display:flex;gap:12px;align-items:center}
.p-draft-top img{width:34px;height:auto}
.p-draft-top span{flex:1;line-height:18px}
.p-draft-top b{display:block;font-size:14px;font-weight:600}
.p-draft-top span span{font-size:12px;color:#7A828C}
.p-draft-top em{font-style:normal;white-space:nowrap;align-self:flex-start;font-size:11px;font-weight:600;color:#B04E14;border:1px solid rgba(255,138,61,.6);border-radius:999px;padding:1px 8px}
.p-draft h3{margin:20px 0 0;font-family:'Sora',sans-serif;font-size:20px;line-height:28px;letter-spacing:-.02em}
.p-draft ul{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.p-draft li{font-size:14px;line-height:21px;padding:9px 12px;background:#F4F4F2;border-radius:10px}
.p-draft-note{margin:14px 0 0;font-size:13px;line-height:20px;color:#5B636D}
.p-draft-act{margin-top:18px;display:flex;gap:8px}
.p-draft-act span{flex:1;height:38px;border-radius:10px;font-size:13px;display:flex;align-items:center;justify-content:center;border:1px solid #EAEAE6}
.p-draft-act .p-draft-ok{background:#0F1113;color:#F4F4F2;font-weight:600;border-color:#0F1113}
.p-foot-word{display:block;margin:16px 0 0;padding-bottom:.04em;font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(88px,19.5vw,290px);line-height:.78;letter-spacing:-.06em;color:#1B1F23;text-align:center;white-space:nowrap;user-select:none;overflow:hidden}
.p-foot-word i{font-style:normal;color:#CBFF4D}
@media (max-width:860px){.p-does{grid-template-columns:1fr;gap:12px}.p-does-list{flex-direction:row;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:4px 24px 8px}.p-does-tab{flex:none;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;white-space:nowrap}.p-does-tab img{width:22px;margin:0}.p-does-tab b{font-size:14px}.p-does-tab span span{display:none}.p-laptop-screen{padding:8px 8px 12px;border-radius:12px 12px 0 0}.p-app-side{display:none}.p-app-body{min-height:0}.p-app-main{padding:10px}.p-laptop-base{height:10px}}
@media (prefers-reduced-motion:reduce){.p-draft{animation:none}.p-does-tab{transition:none}}

/* kits v3: grouped, calm. Tabs per kind of business (default) or one grouped list (KITS_VIEW=list) */
.p-kt{margin-top:44px}
.p-kt-tabs{display:inline-flex;gap:4px;padding:4px;background:#16191C;border-radius:999px;flex-wrap:wrap}
.p-kt-tabs button{all:unset;cursor:pointer;height:40px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:500;color:#A3ACB7;display:inline-flex;align-items:center;transition:background .2s ease,color .2s ease}
.p-kt-tabs button:hover{color:#F4F4F2}
.p-kt-tabs button[aria-selected="true"]{background:#F4F4F2;color:#0F1113}
.p-kt-tabs button:focus-visible{outline:2px solid #CBFF4D;outline-offset:2px}
.p-kt-panel{margin-top:28px;display:flex;flex-direction:column;gap:8px;animation:p-kt-in .35s cubic-bezier(.2,.7,.2,1)}
.p-kt-panel[hidden]{display:none}
@keyframes p-kt-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.p-kr{display:grid;grid-template-columns:minmax(200px,1.1fr) 2fr auto 32px;gap:24px;align-items:center;padding:22px 26px;border-radius:18px;background:#16191C;color:#F4F4F2;text-decoration:none;transition:background .2s ease}
.p-kr:hover{background:#1E2226}
.p-kr:focus-visible{outline:2px solid #CBFF4D;outline-offset:2px}
.p-kr-t{font-family:'Sora',sans-serif;font-weight:700;font-size:22px;line-height:28px;letter-spacing:-.02em}
.p-kr-p{font-size:16px;line-height:24px;color:#A3ACB7}
.p-kr-av{display:flex}
.p-kr-av img{width:30px;height:auto;margin-left:-4px}
.p-kr-go{font-size:20px;color:#CBFF4D;transition:transform .2s ease;justify-self:end}
.p-kr:hover .p-kr-go{transform:translateX(4px)}
.p-kt-foot{margin:24px 0 0;font-size:15px;line-height:24px;color:#A3ACB7}
.p-kt-foot a{color:#F4F4F2;text-decoration:underline;text-underline-offset:4px}
.p-kl{margin-top:44px;display:flex;flex-direction:column;gap:36px}
.p-kl-g{display:grid;grid-template-columns:200px 1fr;gap:24px}
.p-kl-h{padding-top:24px;font-size:14px;font-weight:600;color:#8A939E}
.p-kl-g > div{display:flex;flex-direction:column;gap:8px}
.p-kl .p-kr{grid-template-columns:minmax(180px,1fr) 2fr auto 28px}
@media (max-width:860px){.p-kr{grid-template-columns:1fr 24px;gap:4px 12px;padding:18px 20px}.p-kr-t{font-size:19px;line-height:25px}.p-kr-p{grid-column:1;font-size:15px}.p-kr-av{display:none}.p-kr-go{grid-column:2;grid-row:1/span 2;align-self:center}.p-kt-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.p-kt-tabs button{flex:none;padding:0 14px;font-size:14px}.p-kl-g{grid-template-columns:1fr;gap:8px}.p-kl-h{padding:0}.p-kl .p-kr{grid-template-columns:1fr 24px}}
@media (prefers-reduced-motion:reduce){.p-kt-panel{animation:none}.p-kr,.p-kr-go,.p-kt-tabs button{transition:none}}

/* kits + the 9:16 film beside them */
.p-kwrap{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.p-kwrap .p-kt{margin-top:0}
.p-kwrap .p-kr{grid-template-columns:minmax(170px,.9fr) 2fr auto 28px;padding:20px 24px}
.p-kwrap .p-kt-panel{min-height:356px}
.p-ad{margin:0;position:sticky;top:100px}
.p-ad-phone{position:relative;aspect-ratio:9/16;border-radius:36px;padding:9px;background:#24282D;box-shadow:inset 0 0 0 1px #33393F,0 40px 80px -40px rgba(0,0,0,.8)}
.p-ad video{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px;background:#0F1113}
.p-ad-snd{all:unset;cursor:pointer;position:absolute;right:22px;bottom:22px;width:40px;height:40px;border-radius:50%;background:rgba(15,17,19,.7);color:#F4F4F2;display:flex;align-items:center;justify-content:center;transition:background .2s}
.p-ad-snd:hover{background:#0F1113}
.p-ad-snd:focus-visible{outline:2px solid #CBFF4D;outline-offset:2px}
.p-ad-snd .w{display:none}.p-ad-snd[aria-pressed="true"] .w{display:inline}.p-ad-snd[aria-pressed="true"] .x{display:none}
.p-ad figcaption{margin-top:14px;text-align:center;font-size:14px;line-height:20px;color:#8A939E}
@media (max-width:1180px){.p-kwrap .p-kr-av{display:none}.p-kwrap .p-kr{grid-template-columns:minmax(150px,.8fr) 2fr 24px}}
@media (max-width:860px){.p-kwrap{grid-template-columns:1fr;gap:36px}.p-kwrap .p-kr{grid-template-columns:1fr 24px}.p-kwrap .p-kt-panel{min-height:0}.p-ad{position:static;width:min(280px,78vw);margin:0 auto}}

/* explainer video in "How it works" */
.p-ex{position:relative;margin:40px 0 0;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#0F1113;box-shadow:0 30px 80px -40px rgba(15,17,19,.5)}
.p-ex video{display:block;width:100%;height:100%;object-fit:cover}
.p-ex-play{all:unset;cursor:pointer;position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:32px;background:linear-gradient(to top,rgba(15,17,19,.55),rgba(15,17,19,0) 45%)}
.p-ex-play > span{display:flex;align-items:center;gap:14px}
.p-ex-btn{width:64px;height:64px;border-radius:50%;background:#CBFF4D;color:#0F1113;display:flex !important;align-items:center;justify-content:center;transition:transform .2s ease}
.p-ex-play:hover .p-ex-btn{transform:scale(1.06)}
.p-ex-play:focus-visible .p-ex-btn{outline:3px solid #F4F4F2;outline-offset:3px}
.p-ex-l{display:flex !important;flex-direction:column;align-items:flex-start !important;gap:0 !important;color:#F4F4F2;font-weight:600;font-size:20px;line-height:26px}
.p-ex-d{font-weight:400;font-size:15px;line-height:22px;color:#C9CED4}
.p-ex.on .p-ex-play{display:none}
@media (max-width:860px){.p-ex{border-radius:16px;margin-top:28px}.p-ex-play{padding:16px}.p-ex-btn{width:52px;height:52px}.p-ex-l{font-size:17px}}
@media (prefers-reduced-motion:reduce){.p-ex-btn{transition:none}}

/* ===== /for/<slug>/ profession pages, /for/ index, /examples/ ===== */
.p-fq{box-sizing:border-box;margin:0;padding:24px 24px 26px;background:#FFFFFF;border:1px solid #EAEAE6;border-radius:22px;box-shadow:0 1px 2px rgba(15,17,19,.03),0 12px 32px -18px rgba(15,17,19,.12);font-family:'Sora',sans-serif;font-size:19px;line-height:28px;letter-spacing:-.015em;font-weight:600}
.p-fq::before{content:'\201C';display:block;margin-bottom:6px;font-size:40px;line-height:28px;color:#CBFF4D;-webkit-text-stroke:1px #0F1113}
.p-ft-i{box-sizing:border-box;display:flex;gap:16px;align-items:flex-start;padding:22px;background:#FFFFFF;border:1px solid #EAEAE6;border-radius:22px;box-shadow:0 1px 2px rgba(15,17,19,.03),0 12px 32px -18px rgba(15,17,19,.12)}
.p-ft-i img{width:40px;height:auto;flex:none}
.p-ft-i b{display:block;font-weight:600;font-size:17px}
.p-ft-i span span{display:block;margin-top:2px;font-size:15px;line-height:23px;color:#5B636D}
.p-fk-av{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center}
.p-fk-av span{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 8px;width:100%;border:1px solid #2A2F36;border-radius:18px;background:#16191D}
.p-fk-av img{width:56px;height:auto}
.p-fk-av b{font-size:14px;font-weight:600}
.p-fi-c{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:24px 24px 22px;background:#FFFFFF;border:1px solid #EAEAE6;border-radius:22px;box-shadow:0 1px 2px rgba(15,17,19,.03),0 12px 32px -18px rgba(15,17,19,.12);transition:border-color .2s,transform .3s cubic-bezier(.16,1,.3,1)}
.p-fi-c:hover{border-color:#0F1113;transform:translateY(-2px)}
.p-fi-av{display:flex;gap:4px;margin-bottom:8px}
.p-fi-av img{width:30px;height:auto}
.p-fi-c b{font-family:'Sora',sans-serif;font-size:20px;line-height:27px;letter-spacing:-.02em;padding-right:28px}
.p-fi-c > span:not(.p-fi-av):not(.p-fi-go){font-size:15px;line-height:23px;color:#5B636D}
.p-fi-c em{margin-top:10px;font-style:normal;font-size:13px;color:#5B636D;display:flex;gap:8px;align-items:center}
.p-fi-c em i{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.1em;color:#0F1113;background:#CBFF4D;border-radius:999px;padding:1px 8px}
.p-fi-go{position:absolute;top:24px;right:24px;font-size:18px;color:#7A828C}
.p-fi-c:hover .p-fi-go{color:#0F1113}
.p-exg{align-items:stretch}
.p-exd{box-sizing:border-box;width:auto;max-width:none;animation:none;border:1px solid #EAEAE6;min-width:0;display:flex;flex-direction:column}
.p-exd .p-exd-lbl{align-self:flex-start}
.p-exd .p-draft-act{margin-top:auto;padding-top:18px}
.p-exd .p-draft-note{margin-bottom:0}
.p-exd-lbl{display:inline-block;margin-bottom:14px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#0F1113;background:#CBFF4D;border-radius:999px;padding:2px 10px}
.p-exd-st{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:600;color:#B04E14}
.p-exd-st i{width:7px;height:7px;border-radius:50%;background:#FF8A3D;flex:none}
.p-exd li{overflow-wrap:anywhere}
@media (max-width:860px){.p-fk-av{grid-template-columns:repeat(3,1fr);gap:10px}.p-fk-av span{padding:14px 4px}.p-fk-av img{width:44px}.p-fq{font-size:17px;line-height:26px}}
@media (prefers-reduced-motion:reduce){.p-fi-c{transition:none}.p-fi-c:hover{transform:none}}

/* ===== Free vs Premium (home, /pricing/, kit pages) ===== */
.p-vh{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fp{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.fp-card{position:relative;display:flex;flex-direction:column;border-radius:24px;padding:32px;background:#FFFFFF;border:1px solid #EAEAE6;box-shadow:0 1px 2px rgba(15,17,19,.03),0 12px 32px -18px rgba(15,17,19,.12)}
.fp-prem{background:#0F1113;color:#F4F4F2;border:1px solid #CBFF4D;box-shadow:0 1px 2px rgba(15,17,19,.05),0 24px 48px -28px rgba(15,17,19,.45)}
.fp-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fp-name{margin:0;font:600 18px/26px 'Geist',system-ui,sans-serif}
.fp-tag{font:600 12px/18px 'Geist',system-ui,sans-serif;color:#0F1113;background:#CBFF4D;border-radius:999px;padding:3px 10px}
.fp-price{margin-top:18px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.fp-price b{font:700 48px/1 'Sora',sans-serif;letter-spacing:-.035em}
.fp-price s{font-size:16px;color:#8A939E}
.fp-price span{font-size:14px;color:#7A828C}
.fp-prem .fp-price span{color:#8A939E}
.fp-left{display:block;margin-top:10px;font:500 11px/16px 'Geist',system-ui,sans-serif;letter-spacing:.1em;color:#A3ACB7}
.fp-sub{margin:12px 0 0;font-size:15px;line-height:24px;color:#5B636D}
.fp-prem .fp-sub{color:#A3ACB7}
.fp-list{list-style:none;margin:20px 0 0;padding:0;flex:1}
.fp-list li{display:flex;gap:10px;padding:11px 0;border-top:1px solid #E2E3DE;font-size:15px;line-height:22px}
.fp-prem .fp-list li{border-top-color:#23272D}
.fp-ck{flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:#CBFF4D;box-shadow:inset 0 0 0 1px #0F1113;font-size:11px;line-height:18px;text-align:center;color:#0F1113}
.fp-prem .fp-ck{box-shadow:none}
.fp-btn{margin-top:24px;align-self:flex-start;height:48px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease,border-color .2s ease}
.fp-line{border:1px solid #C9CBC5;font-weight:500}
.fp-line:hover{border-color:#0F1113}
.fp-volt{background:#CBFF4D;color:#0F1113}
.fp-volt:hover{background:#D6FF73}
.fp-btn:focus-visible{outline:2px solid #0F1113;outline-offset:3px}
.fp-prem .fp-btn:focus-visible{outline-color:#CBFF4D}
.fp-note{margin-top:12px;font-size:13px;line-height:20px;color:#8A939E}
.fp-compact .fp-card{padding:28px}
.fp-compact .fp-list li{padding:9px 0}
/* on a dark panel (kit pages) */
.fp-dark .fp-free{background:transparent;color:#F4F4F2;border-color:#2A2F36;box-shadow:none}
.fp-dark .fp-free .fp-sub,.fp-dark .fp-free .fp-price span{color:#A3ACB7}
.fp-dark .fp-free .fp-list li{border-top-color:#23272D}
.fp-dark .fp-free .fp-ck{box-shadow:none}
.fp-dark .fp-line{border-color:#2A2F36}
.fp-dark .fp-line:hover{border-color:#F4F4F2}
.fp-dark .fp-prem{background:#16191D}
.fp-cost{margin-top:24px;padding-top:22px;border-top:1px solid #DCDDD8;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fp-cost span{font-size:14px;line-height:20px;color:#7A828C}
.fp-cost b{display:block;font-size:16px;font-weight:600;color:#0F1113}
.fp-cost.fp-dark{border-top-color:#2A2F36}
.fp-cost.fp-dark span{color:#8A939E}
.fp-cost.fp-dark b{color:#F4F4F2}
.fp-more{margin:22px 0 0;font-size:15px;line-height:24px}
.fp-more a{font-weight:600;border-bottom:1px solid currentColor}
.fp-more-n{display:block;margin-top:4px;font-size:14px;color:#7A828C}
.fp-more.fp-dark a{color:#CBFF4D;border-bottom-color:rgba(203,255,77,.4)}
@media (max-width:860px){.fp,.fp-cost{grid-template-columns:1fr}.fp-card{padding:26px 22px}.fp-price b{font-size:42px}}

/* comparison table (/pricing/): own scroll box; label column sticky on phones */
.pc-wrap{margin-top:40px;overflow-x:auto;border:1px solid #EAEAE6;border-radius:22px;background:#FFFFFF;box-shadow:0 1px 2px rgba(15,17,19,.03),0 12px 32px -18px rgba(15,17,19,.12)}
.pc{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}
.pc th,.pc td{padding:15px 22px;text-align:left;vertical-align:top;border-top:1px solid #EEEEEA}
.pc thead th{border-top:0;font:600 16px/24px 'Geist',system-ui,sans-serif;padding-top:20px;padding-bottom:16px}
.pc tbody th{font-weight:500;color:#2A2F36;width:40%}
.pc td{color:#5B636D;width:30%}
.pc .pc-us{background:#F7FBEA}
.pc thead .pc-us{box-shadow:inset 0 3px 0 #CBFF4D}
.pc td.pc-us{color:#0F1113}
.pc-y{display:inline-block;width:20px;height:20px;border-radius:50%;background:#CBFF4D;box-shadow:inset 0 0 0 1px #0F1113;font-size:12px;line-height:20px;text-align:center;color:#0F1113}
.pc-n{color:#A3ACB7;font-size:18px}
@media (max-width:640px){.pc{font-size:13px;line-height:19px;table-layout:fixed}.pc th,.pc td{padding:11px 10px;overflow-wrap:anywhere}.pc thead th{font-size:14px}.pc tbody th{width:38%}.pc td{width:31%}.pc-wrap{border-radius:16px}}

/* optional extras (/pricing/) */
.px-grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.px{display:flex;flex-direction:column;border:1px solid #DCDDD8;border-radius:22px;padding:26px}
.px-name{margin:0;font:600 17px/24px 'Geist',system-ui,sans-serif}
.px-price{margin-top:12px;display:flex;align-items:baseline;gap:8px}
.px-price b{font:700 32px/1 'Sora',sans-serif;letter-spacing:-.03em}
.px-price span{font-size:14px;color:#7A828C}
.px-d{margin:12px 0 0;font-size:15px;line-height:23px;color:#5B636D;flex:1}
.px-btn{margin-top:20px;align-self:flex-start;height:44px;padding:0 18px;border-radius:999px;border:1px solid #C9CBC5;font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s ease}
.px-btn:hover{border-color:#0F1113}
@media (max-width:860px){.px-grid{grid-template-columns:1fr}}

/* ===== Kits as simple cards (home #kits on ink; /start/ on paper) ===== */
.kc-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:24px;border-radius:20px;background:#16191C;color:#F4F4F2;border:1px solid transparent;text-align:left;transition:background .2s ease,border-color .2s ease}
.kc:hover{background:#1C2024}
.kc:focus-within{border-color:#CBFF4D}
.kc-wide{grid-column:span 2}
.kc-av{display:flex;margin-bottom:18px}
.kc-av img{width:34px;height:auto;margin-right:-4px}
.kc-t{margin:0;font:700 20px/26px 'Sora',sans-serif;letter-spacing:-.02em}
.kc-link{color:inherit}
.kc-link::after{content:"";position:absolute;inset:0;border-radius:20px}
.kc-link:focus-visible{outline:none}
.kc-p{margin:8px 0 0;font-size:15px;line-height:23px;color:#A3ACB7;flex:1}
.kc-teams{position:relative;z-index:1;margin:14px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;line-height:18px;color:#8A939E}
.kc-teams>span:first-child{margin-right:4px}
.kc-chip{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;border:1px solid #2A2F36;color:#F4F4F2;font-size:13px;transition:border-color .2s ease}
a.kc-chip:hover{border-color:#CBFF4D}
a.kc-chip:focus-visible{outline:2px solid #CBFF4D;outline-offset:2px}
.kc-go{margin-top:18px;font-size:14px;font-weight:600;color:#CBFF4D}
.kc-foot{margin:24px 0 0;font-size:15px;line-height:24px;color:#A3ACB7}
.kc-foot a{color:#F4F4F2;text-decoration:underline;text-underline-offset:4px}
/* /start/: the same cards as buttons on paper */
.kc-btn{font:inherit;cursor:pointer;width:100%}
.kc-light .kc{background:#FFFFFF;color:#0F1113;border:1px solid #EAEAE6;box-shadow:0 1px 2px rgba(15,17,19,.03),0 12px 32px -18px rgba(15,17,19,.12)}
.kc-light .kc:hover{border-color:#0F1113;background:#FFFFFF}
.kc-light .kc:focus-visible{outline:2px solid #0F1113;outline-offset:3px}
.kc-light .kc-p{color:#5B636D}
.kc-light .kc-teams{color:#7A828C}
.kc-light .kc-chip{border-color:#DCDDD8;color:#0F1113}
.kc-light .kc-go{color:#0F1113}
@media (max-width:1040px){.kc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kc-grid{grid-template-columns:1fr}.kc-wide{grid-column:auto}.kc{padding:20px}.kc-av{margin-bottom:14px}}
@media (prefers-reduced-motion:reduce){.kc,.kc-chip,.fp-btn,.px-btn{transition:none}}

/* ===== /start/: kit choice or 4 questions -> your team ===== */
.st{max-width:960px}
.st-top{min-height:40px;display:flex;align-items:center;gap:24px}
.st-back{all:unset;cursor:pointer;font-size:15px;font-weight:500;color:#5B636D;padding:6px 2px;border-radius:6px}
.st-back:hover{color:#0F1113}
.st-back:focus-visible,.st-q:focus-visible{outline:2px solid #0F1113;outline-offset:2px}
.st-prog{flex:1;display:flex;align-items:center;gap:16px;font-size:13px;color:#5B636D;white-space:nowrap}
.st-prog[hidden]{display:none}
.st-track{flex:1;max-width:280px;height:4px;border-radius:4px;background:#E2E3DE;overflow:hidden}
.st-track i{display:block;height:100%;width:25%;background:#0F1113;border-radius:4px;transition:width .4s cubic-bezier(.16,1,.3,1)}
.st-screen{margin-top:20px}
.st-screen[hidden]{display:none}
.st-in{animation:st-in .45s cubic-bezier(.16,1,.3,1)}
@keyframes st-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.st-h{margin:0;font:700 clamp(26px,3vw,36px)/1.15 'Sora',sans-serif;letter-spacing:-.03em}
.st-h:focus{outline:none}
.st-lede{margin:12px 0 0;font-size:16px;line-height:26px;color:#5B636D;max-width:56ch}
.st .kc-grid{margin-top:28px}
.st-or{margin:28px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:16px;color:#5B636D}
.st-q{all:unset;cursor:pointer;font-size:16px;font-weight:600;color:#0F1113;border-bottom:1px solid #0F1113;padding-bottom:1px}
.st-sectors{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.st-sector{font:inherit;color:inherit;cursor:pointer;text-align:left;display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;background:#FFFFFF;border:1px solid #EAEAE6;transition:border-color .2s ease}
.st-sector:hover{border-color:#0F1113}
.st-sector:focus-visible{outline:2px solid #0F1113;outline-offset:3px}
.st-sector img{width:44px;height:auto;flex:none}
.st-sector>span:nth-child(2){flex:1}
.st-sector b{display:block;font-weight:600;font-size:17px;line-height:24px}
.st-sector b+span{display:block;font-size:14px;line-height:21px;color:#5B636D}
.st-go{font-size:18px}
.st-opts{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.st-opts-4{grid-template-columns:repeat(4,1fr)}
.st-opt{font:inherit;color:#0F1113;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border-radius:14px;background:#FFFFFF;border:1px solid #E2E3DE;font-size:15px;line-height:21px;transition:border-color .15s ease,box-shadow .15s ease}
.st-opt:hover{border-color:#0F1113}
.st-opt:focus-visible{outline:2px solid #0F1113;outline-offset:2px}
.st-box{flex:none;width:18px;height:18px;border-radius:6px;border:1.5px solid #A3ACB7;display:grid;place-items:center}
[role="radio"] .st-box{border-radius:50%}
.st-opt[aria-checked="true"],.st-opt[aria-pressed="true"]{border-color:#0F1113;box-shadow:0 0 0 1px #0F1113}
.st-opt[aria-checked="true"] .st-box,.st-opt[aria-pressed="true"] .st-box{background:#CBFF4D;border-color:#0F1113}
.st-opt[aria-pressed="true"] .st-box::after{content:"✓";font-size:11px;line-height:1;color:#0F1113}
.st-opt[aria-checked="true"] .st-box::after{content:"";width:6px;height:6px;border-radius:50%;background:#0F1113}
.st-fields{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.st-fields label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}
.st-fields i{font-style:normal;font-weight:400;color:#7A828C}
.st-fields input{font:inherit;font-size:16px;height:48px;padding:0 14px;border-radius:12px;border:1px solid #DCDDD8;background:#FFFFFF;color:#0F1113}
.st-fields input:focus{outline:2px solid #0F1113;outline-offset:1px;border-color:#0F1113}
.st-act{margin-top:28px}
.st-next,.st-btn{font:inherit;cursor:pointer;height:50px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px;border:0}
.st-next{background:#0F1113;color:#F4F4F2}
.st-next:disabled{background:#DCDDD8;color:#7A828C;cursor:not-allowed}
.st-next:focus-visible,.st-btn:focus-visible{outline:2px solid #0F1113;outline-offset:3px}
.st-kit{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:16px}
.st-eyebrow{width:100%;font-size:12px;font-weight:500;letter-spacing:.14em;color:#5B636D}
.st-kit b{font:700 20px/28px 'Sora',sans-serif;letter-spacing:-.02em}
.st-kit a{font-size:14px;font-weight:600;border-bottom:1px solid currentColor}
.st-result .st-h{margin-top:28px}
.st-team{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.st-agent{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:16px;background:#FFFFFF;border:1px solid #EAEAE6}
.st-agent.is-free{border-color:#0F1113}
.st-agent.is-lead{background:#0F1113;color:#F4F4F2}
.st-agent img{width:40px;height:auto;flex:none}
.st-a{flex:1;min-width:0}
.st-a b{display:block;font-weight:600;font-size:16px;line-height:22px}
.st-r{display:block;font-size:14px;line-height:20px;color:#5B636D}
.st-w{display:block;margin-top:4px;font-size:13px;line-height:19px;color:#7A828C}
.is-lead .st-r,.is-lead .st-w{color:#A3ACB7}
.st-badge{flex:none;align-self:flex-start;white-space:nowrap;font-size:12px;font-weight:600;line-height:18px;border-radius:999px;padding:2px 9px}
.st-badge[hidden]{display:none}
.st-free{background:#CBFF4D;color:#0F1113}
.st-prem{border:1px solid #DCDDD8;color:#5B636D}
.st-split,.st-connect{margin:16px 0 0;font-size:15px;line-height:24px;color:#5B636D}
.st-split[hidden],.st-connect[hidden]{display:none}
.st-connect span{color:#0F1113;font-weight:500}
.st-cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.st-line{border:1px solid #C9CBC5;color:#0F1113;font-weight:500;background:transparent}
.st-line:hover{border-color:#0F1113}
.st-ink{background:#0F1113;color:#F4F4F2}
.st-ink span{color:#CBFF4D}
.st-price{margin:16px 0 0;font-size:14px;line-height:22px;color:#5B636D}
.st-price b{color:#0F1113}
.st-price s{color:#8A939E}
.st-price a{color:#0F1113;border-bottom:1px solid #0F1113}
.st-left{display:block;margin-top:6px;font-size:11px;line-height:16px;font-weight:500;letter-spacing:.1em;color:#5B636D}
.st-same{margin:24px 0 16px;padding-top:20px;border-top:1px solid #DCDDD8;font-size:15px;line-height:24px;color:#2A2F36}
@media (max-width:860px){.st-opts-4{grid-template-columns:1fr 1fr}.st-team{grid-template-columns:1fr}}
@media (max-width:640px){.st-sectors,.st-fields{grid-template-columns:1fr}.st-opts{grid-template-columns:1fr}.st-cta .st-btn{width:100%;justify-content:center}.st-sector{padding:16px 18px}}
@media (prefers-reduced-motion:reduce){.st-in{animation:none}.st-track i,.st-opt,.st-sector{transition:none}}

/* four plans: Free · Premium · Setup call · We do it for you */
.fp{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fp-card{padding:26px}
.fp-price b{font-size:40px}
.fp-list li{font-size:14px;line-height:21px}
.fp-btn{align-self:stretch;justify-content:center;padding:0 16px;font-size:14px;white-space:nowrap}
.fp-dark .fp-svc{background:transparent;color:#F4F4F2;border-color:#2A2F36;box-shadow:none}
.fp-dark .fp-svc .fp-sub,.fp-dark .fp-svc .fp-price span{color:#A3ACB7}
.fp-dark .fp-svc .fp-list li{border-top-color:#23272D}
.fp-dark .fp-svc .fp-ck{box-shadow:none}
.pc th,.pc td{min-width:120px}
@media (max-width:1060px){.fp{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.fp{grid-template-columns:1fr}}
.pc{table-layout:fixed}
.pc thead th:first-child{width:28%}
@media (max-width:860px){.pc{table-layout:auto;min-width:760px}}

/* Why Locally: three calm statements beside the office film */
.pw{margin-top:8px;align-items:center}
.pw-main{display:flex;flex-direction:column;justify-content:center}
.pw-list{list-style:none;margin:0;padding:0}
.pw-list li{padding:30px 0;border-top:1px solid #23272D;font:600 clamp(24px,2.6vw,34px)/1.2 'Sora',sans-serif;letter-spacing:-.025em;color:#F4F4F2}
.pw-list li:last-child{border-bottom:1px solid #23272D}
.pw-dim{color:#8A939E}
.pw-cta{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.pw-btn{height:50px;padding:0 24px;border-radius:999px;background:#CBFF4D;color:#0F1113;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.pw-free{font-size:15px;color:#C7CDD4;border-bottom:1px solid #33393F}
.pw-free:hover{color:#F4F4F2;border-bottom-color:#CBFF4D}
.pw .p-ad{width:300px}
@media (max-width:860px){.pw .p-ad{width:min(280px,78vw)}.pw-list li{padding:22px 0}}
.pw-lede{margin:0 0 32px;font-size:19px;line-height:30px;color:#C7CDD4;max-width:46ch}
.pw{margin-top:28px}
.pw-list li{font-size:clamp(21px,2.1vw,27px);padding:26px 0}
@media (max-width:860px){.p-hero-sg{display:none}}