@import url('/selection-mark.css');
:root {
  --ink:#101010;
  --paper:#fff;
  --yellow:#fff34b;
  --soft:#b6b6bc;
  --sans:'Golos Text',Arial,sans-serif;
  --mono:'IBM Plex Mono',monospace;
  --ease:cubic-bezier(.23,1,.32,1);
  --gutter:40px;
  --sc-font-display:var(--sans);
  --sc-font-text:var(--sans);
  --sc-canvas:#101010;
  --sc-ink:#fff;
  --sc-ink-soft:#b6b6bc;
  --sc-accent:#fff34b;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:125px;
}
body {
  margin:0;
  overflow-x:clip;
  font-family:var(--sans);
  font-size:18px;
  line-height:1.35;
  background:var(--ink);
  color:#fff;
  -webkit-font-smoothing:antialiased;
}
button,a {
  -webkit-tap-highlight-color:transparent;
}
button {
  font:inherit;
}
button:disabled {
  cursor:default;
  opacity:1;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  color:inherit;
}
img {
  display:block;
  max-width:100%;
  height:auto;
}
button,summary,a {
  touch-action:manipulation;
}
h1,h2,h3,p,figure {
  margin:0;
}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #c97cff;
  outline-offset:5px;
}
::selection {
  background:var(--yellow);
  color:var(--ink);
}
[hidden] {
  display:none!important;
}
.icon-defs {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}
.icon,.arrow,.mini-logo {
  width:32px;
  height:32px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}
.arrow {
  width:24px;
  height:24px;
}
.skip-link {
  position:fixed;
  top:12px;
  left:12px;
  padding:12px;
  background:#fff;
  color:#101010;
  z-index:200;
  transform:translateY(-180%);
}
.skip-link:focus {
  transform:none;
}
.dark-scene {
  background:var(--ink);
  color:#fff;
}
.light-scene {
  background:#fff;
  color:var(--ink);
}
.grid-ground {
  background-image:linear-gradient(90deg,var(--grid-color,rgba(255,255,255,.07)) 1px,transparent 1px),linear-gradient(var(--grid-color,rgba(255,255,255,.07)) 1px,transparent 1px);
  background-size:180px 180px;
  background-position:center top;
}
.site-header {
  position:fixed;
  z-index:100;
  top:20px;
  left:20px;
  right:20px;
  color:#fff;
}
.header-bar {
  height:72px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:8px;
  position:relative;
  transition:color .15s cubic-bezier(.4,0,.2,1);
}
.header-bar::before {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transform:scale(1.01,1.1);
  pointer-events:none;
  transition:background-color .6s cubic-bezier(.165,.84,.44,1),backdrop-filter .6s cubic-bezier(.165,.84,.44,1),-webkit-backdrop-filter .6s cubic-bezier(.165,.84,.44,1),transform .6s cubic-bezier(.165,.84,.44,1);
}
.header-bar > * { position:relative; z-index:1; }
.site-header.is-scrolled .header-bar,.site-header.menu-open .header-bar,.site-header.mobile-open .header-bar { color:var(--ink); }
.site-header.is-scrolled .header-bar::before,.site-header.menu-open .header-bar::before,.site-header.mobile-open .header-bar::before { background:rgba(255,255,255,.5); -webkit-backdrop-filter:blur(60px); backdrop-filter:blur(60px); transform:scale(1); }
.wordmark {
  position:relative;
  display:flex;
  width:130px;
  align-items:center;
  min-height:44px;
}
.brand-wordmark {
  display:block;
  width:auto;
  height:24px;
  fill:currentColor;
  overflow:hidden;
}
.brand-letter {
  transform-box:view-box;
  transition:transform .6s cubic-bezier(.1,.05,0,1);
  transition-delay:calc(.16s + var(--letter) * .04s);
}
.site-header:is(.is-scrolled,.menu-open,.mobile-open) .brand-letter {
  transform:translateY(100%);
  transition-delay:calc(.28s - var(--letter) * .04s);
}
.desktop-nav {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:28px;
  margin:0;
}
.nav-trigger,.login-link {
  border:0;
  background:transparent;
  padding:15px 0;
  font-family:var(--mono);
  font-size:12px;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.01em;
  white-space:nowrap;
}
.nav-trigger:not(:disabled),.login-link:not(:disabled) {
  cursor:pointer;
}
.nav-trigger {
  display:flex;
  gap:7px;
  align-items:center;
  position:relative;
}
.nav-label {
  display:inline;
  padding-bottom:2px;
  background-image:linear-gradient(currentColor,currentColor);
  background-size:0% 1px;
  background-position:100% 100%;
  background-repeat:no-repeat;
  transition:background-size .3s ease .1s;
}
.nav-trigger[aria-expanded=true] .nav-label,.nav-trigger:focus-visible .nav-label {
  background-position:0 100%;
  background-size:100% 1px;
}
.nav-chevron {
  width:5px;
  height:5px;
  border-right:1px solid;
  border-bottom:1px solid;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .2s;
}
.nav-trigger[aria-expanded=true] .nav-chevron {
  transform:rotate(225deg) translateY(-1px);
}
.header-actions {
  display:flex;
  gap:24px;
  align-items:center;
}
.language-picker { position:relative; }
.language-trigger {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:36px;
  min-height:44px;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  cursor:pointer;
}
.language-trigger svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.4; }
.language-trigger:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.language-trigger[aria-expanded=true] .nav-chevron { transform:rotate(225deg) translateY(-1px); }
.language-menu {
  position:absolute;
  top:calc(100% + 13px);
  left:50%;
  min-width:170px;
  padding:8px;
  border:1px solid rgba(16,16,16,.08);
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%, -6px);
  transition:opacity .2s var(--ease),transform .25s var(--ease),visibility .2s;
}
.language-menu::before { content:''; position:absolute; height:14px; left:0; right:0; bottom:100%; }
.language-picker.is-open .language-menu { opacity:1; visibility:visible; transform:translate(-50%, 0); }
.language-menu button,.mobile-languages button {
  display:flex;
  align-items:center;
  gap:20px;
  width:100%;
  padding:11px 12px;
  border:0;
  border-radius:6px;
  color:inherit;
  background:transparent;
  font:14px/1.4 var(--sans);
  text-align:left;
  cursor:pointer;
  transition:background-color .2s var(--ease);
}
.language-menu button[aria-checked=true]::after { content:''; margin-left:auto; width:1.125em; height:1.125em; background:currentColor; mask:var(--coherio-selection-mask) center/contain no-repeat; }
.language-menu button:hover,.language-menu button:focus-visible,.mobile-languages button:hover,.mobile-languages button[aria-checked=true] { background:#f1f1f1; }
.language-menu button:focus-visible,.mobile-languages button:focus-visible { outline:1px solid currentColor; outline-offset:-1px; }
.mobile-languages { display:flex; flex-wrap:wrap; gap:6px; padding-top:22px; }
.mobile-languages button { width:auto; }
.pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  min-height:52px;
  padding:16px 28px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#101010;
  font-family:var(--mono);
  font-size:14px;
  font-weight:400;
  line-height:20px;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .18s,background .18s;
}
.pill-small {
  min-height:44px;
  padding:12px 26px;
  font-size:12px;
}
.site-header.is-scrolled .pill,.site-header.menu-open .pill,.pill-dark,.site-header.mobile-open .pill {
  background:#101010;
  color:#fff;
}
.pill:active {
  transform:scale(.97);
}
.roll-label {
  height:1.3em;
  line-height:1.3;
  overflow:hidden;
  display:block;
}
.roll-label>span {
  display:block;
  transition:transform .45s cubic-bezier(.43,.195,.02,1);
}
.mobile-toggle {
  display:none;
}
.mega-menu {
  position:absolute;
  top:80px;
  left:0;
  right:0;
  padding:42px 40px;
  background:#fff;
  color:#101010;
  border-radius:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:transform .25s var(--ease),opacity .2s,visibility .2s;
  box-shadow:0 20px 50px #00000012;
  max-height:calc(100dvh - 130px);
  overflow:auto;
}
.mega-menu.is-open {
  visibility:visible;
  opacity:1;
  transform:translateY(0);
}
.products-menu {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:20px;
  padding:14px 0;
}
.product-menu-item {
  display:flex;
  align-items:center;
  flex-direction:column;
  background:none;
  border:0;
  padding:8px 4px 12px;
  color:#101010;
  text-align:center;
}
.product-menu-item .icon {
  margin-bottom:15px;
  width:32px;
  height:32px;
  stroke-width:2;
}
.product-menu-item strong {
  font-size:21px;
  line-height:1.15;
  font-weight:650;
  letter-spacing:-.05em;
  white-space:nowrap;
  margin-bottom:10px;
}
.product-menu-item>span {
  font-size:15px;
  line-height:1.3;
  color:#64646b;
}
.purple {
  color:#7436c9;
}
.green {
  color:#45a34b;
}
.orange {
  color:#f26b3f;
}
.blue {
  color:#4c53bf;
}
.rose {
  color:#cf5689;
}
.teal {
  color:#149491;
}
.menu-columns {
  display:grid;
  gap:35px;
  justify-content:center;
  padding:0 16px;
}
.solutions-columns {
  grid-template-columns:minmax(300px,420px) minmax(300px,420px);
}
.resource-columns {
  grid-template-columns:repeat(3,minmax(200px,280px));
}
.menu-columns>div+div {
  border-left:1px solid #e7e7e7;
  padding-left:30px;
}
.menu-eyebrow {
  font-family:var(--mono);
  font-size:12px;
  line-height:1.4;
  color:#777;
  text-transform:uppercase;
  margin-bottom:15px;
}
.menu-columns button {
  display:block;
  text-align:left;
  border:0;
  background:transparent;
  padding:3px 0;
  font-size:21px;
  line-height:1.3;
  letter-spacing:-.04em;
  font-weight:600;
}
.menu-scrim {
  position:fixed;
  inset:0;
  background:#10101070;
  z-index:90;
  opacity:0;
  visibility:hidden;
  transition:opacity .25s,visibility .25s;
}
body.has-menu .menu-scrim {
  opacity:1;
  visibility:visible;
}

.site-width { width:min(1200px,calc(100% - 80px)); margin-inline:auto; }
.opening { position:relative; isolation:isolate; overflow:clip; background:var(--ink); }
.opening > .dark-scene { background:transparent; }
.opening-grid { position:absolute; inset:0; pointer-events:none; z-index:-1; opacity:.65; mask-image:linear-gradient(to bottom,transparent 0%,#00000026 90px,#000 34svh,#000 65%,transparent 100%); }
.hero { position:relative; isolation:isolate; min-height:100svh; display:grid; place-items:center; padding:140px 24px 100px; text-align:center; }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 48% 37% at 50% 51%,#101010e0 0%,#101010b0 48%,transparent 100%); }
.hero-copy { position:relative; z-index:1; width:100%; max-width:900px; }
.hero h1 { font-size:clamp(44px,4.7vw,64px); font-weight:850; line-height:1; letter-spacing:-.035em; text-wrap:balance; }
.hero-copy > p { max-width:740px; margin:28px auto 36px; font-size:18px; line-height:1.45; color:#e0e0e4; }
.hero-grid {
  position:absolute;
  z-index:0;
  inset:-100svh 0 0;
  pointer-events:none;
  background:linear-gradient(90deg,#3b42c4 0%,#96dae2 7%,#007232 15%,#98e891 25%,#caa129 36%,#e1e091 48%,#bc1e5d 61%,#e5bdbe 74%,#7b34cd 88%,#d2b6de 100%);
  mask-image:radial-gradient(81.22% 70% at center,rgba(217,217,217,.52) 0%,transparent 100%),repeating-linear-gradient(to right,transparent 0,transparent calc(12.5vw - 1px),#000 calc(12.5vw - 1px),#000 12.5vw),repeating-linear-gradient(to bottom,transparent 0,transparent calc(12.5vw - 1px),#000 calc(12.5vw - 1px),#000 12.5vw);
  mask-size:100% auto,12.5vw 100%,100% 12.5vw;
  mask-position:center,0 center,center;
  mask-composite:intersect,add,intersect;
  will-change:transform,opacity;
}
.signup-bar { display:flex; align-items:center; width:min(100%,480px); padding:4px; margin-inline:auto; min-height:60px; border-radius:999px; background:#fff; border:1px solid #dedee3; color:#101010; text-align:left; transition:border-color .3s ease,box-shadow .3s ease; }
.signup-bar input { width:0; min-width:0; flex:1; border:0; background:transparent; color:#101010; padding:12px 20px; font:16px/1.4 var(--sans); outline:none; border-radius:999px; }
.signup-bar input::placeholder { color:#7a7a80; opacity:1; }
.signup-bar:focus-within { border-color:#b5b5bb; box-shadow:inset 0 0 0 1px #b5b5bb; }
.signup-button { flex-shrink:0; min-height:50px; padding:14px 23px; background:#101010; color:#fff; font-size:12px; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.display-title { font-family:var(--sans); font-size:clamp(36px,3.6vw,52px); font-weight:800; line-height:1.05; letter-spacing:-.035em; text-wrap:balance; }
.mono-title { font-family:var(--mono); font-size:clamp(30px,3.1vw,44px); font-weight:400; line-height:1.08; letter-spacing:-.055em; text-transform:uppercase; text-wrap:balance; }
.section-intro { text-align:center; max-width:800px; margin:0 auto; }
.section-intro > p { font-size:18px; line-height:1.45; margin:24px auto 0; max-width:650px; }
.section-intro .pill { margin-top:30px; }
.platform { padding:58px 0 90px; }
.platform .section-intro { max-width:1100px; }
.platform .display-title { font-size:clamp(30px,2.94vw,40px); }
.platform .section-intro > p { color:#bcbcc1; max-width:900px; margin-top:24px; }
.overview { width:min(100%,calc((100svh - 212px) * 1.84615 + 28px)); margin:44px auto 0; scroll-margin-top:112px; }
.overview-controls { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:14px; }
.product-tabs-scroll { min-width:0; overflow-x:auto; scrollbar-width:none; border-radius:999px; }
.product-tabs-scroll::-webkit-scrollbar { display:none; }
.product-tabs { position:relative; display:flex; width:max-content; gap:8px; }
.tab-indicator { position:absolute; top:0; left:0; height:100%; border-radius:999px; background:white; pointer-events:none; transition:transform .65s cubic-bezier(.22,1,.36,1),width .65s cubic-bezier(.22,1,.36,1); }
.product-tabs button { position:relative; z-index:1; display:flex; align-items:center; gap:9px; padding:12px 18px; border:1px solid transparent; border-radius:999px; background:none; color:#a5a5ad; font-size:16px; cursor:pointer; white-space:nowrap; transition:color .4s ease; }
.product-tabs .icon { width:22px; height:22px; }
.product-tabs button[aria-selected=true] { color:#101010; }
.product-stage { display:grid; background:#ffffff1f; border:1px solid #ffffff40; padding:6px; border-radius:18px; overflow:hidden; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.product-panel { grid-area:1/1; width:100%; min-width:0; height:100%; aspect-ratio:1440/780; overflow:hidden; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .5s ease,visibility 0s .5s; }
.product-panel.is-active { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .5s ease,visibility 0s; }
.product-panel > .interface-image { display:block; width:100%; height:auto; aspect-ratio:1440/780; border-radius:10px; box-shadow:0 10px 40px #10101024; }
.product-panel > :not(.interface-image) { height:100%; aspect-ratio:1440/780; min-height:0; }
.platform-tour { padding:70px 0 120px; }
.tour-layout { display:grid; grid-template-columns:minmax(0,600fr) minmax(0,520fr); gap:80px; align-items:center; }
.tour-preview { position:relative; display:block; width:100%; aspect-ratio:16/9; padding:0; border:0; border-radius:16px; overflow:hidden; background:#252529; color:#fff; cursor:pointer; text-align:left; }
.tour-preview > img { display:block; width:100%; height:100%; object-fit:cover; }
.tour-preview::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#10101038); pointer-events:none; }
.tour-play { position:absolute; left:16px; bottom:16px; z-index:1; display:flex; align-items:center; gap:10px; padding:10px 18px 10px 10px; border:1px solid #ffffff40; border-radius:999px; background:#10101040; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); font:12px/1.3 var(--mono); text-transform:uppercase; transition:background .45s cubic-bezier(.43,.195,.02,1); }
.tour-play-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#fff; color:#101010; }
.tour-play-icon svg { width:18px; height:18px; fill:currentColor; }
.tour-copy .display-title { font-size:clamp(36px,3.3vw,48px); text-wrap:nowrap; }
.tour-copy p { font-size:18px; line-height:1.45; color:#bcbcc1; margin-top:24px; }
.tour-copy .tour-lead { margin-top:30px; font-weight:650; color:#fff; }
html:has(.tour-dialog[open]) { overflow:hidden; }
.tour-dialog { position:fixed; inset:0; width:min(1200px,calc(100vw - 48px),calc((100dvh - 80px) * 16 / 9)); max-width:none; max-height:calc(100dvh - 48px); margin:auto; padding:0; border:1px solid #ffffff26; border-radius:16px; background:#19191c; color:#fff; box-shadow:0 24px 100px #0008; }
.tour-dialog::backdrop { background:#000b; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.tour-dialog[open] { animation:tour-open .3s cubic-bezier(.22,1,.36,1) both; }
.tour-close { position:absolute; right:16px; top:16px; z-index:2; display:grid; place-items:center; width:40px; height:40px; border:1px solid #ffffff40; border-radius:50%; background:#101010b3; color:#fff; cursor:pointer; }
.tour-close svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; }
.tour-placeholder { position:relative; aspect-ratio:16/9; display:grid; place-items:center; text-align:center; }
.tour-placeholder > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.15; }
.tour-placeholder-copy { position:relative; padding:32px; }
.tour-placeholder h2 { font-size:clamp(24px,3vw,40px); line-height:1.1; font-weight:750; letter-spacing:-.035em; }
.tour-placeholder p { margin-top:18px; color:#d4d4d8; font-size:16px; line-height:1.4; }
@keyframes tour-open { from { opacity:0; transform:scale(.98); } to { opacity:1; transform:scale(1); } }
@media(min-width:851px) and (max-width:1100px) { .tour-layout { gap:48px; } .tour-copy p { font-size:16px; } }
.statement { text-align:center; padding:116px 0 112px; }
.statement .display-title { max-width:920px; margin:auto; }
.statement p { font-size:22px; line-height:1.4; margin:26px 0 30px; }
.feature-section { padding:85px 0 96px; }
.feature-heading { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; align-items:start; margin-bottom:40px; }
.feature-heading > p { font-size:18px; line-height:1.45; max-width:500px; padding-top:3px; }
.feature-tabs { display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; padding:4px 0; margin-bottom:25px; }
.feature-tabs::-webkit-scrollbar { display:none; }
.feature-tabs button { padding:12px 21px; border:1px solid transparent; background:transparent; color:inherit; border-radius:999px; font:14px/1.5 var(--sans); white-space:nowrap; cursor:pointer; opacity:.65; transition:background .2s,opacity .2s,color .2s; }
.feature-tabs button[aria-selected=true] { background:#fff; color:#101010; opacity:1; }
.light-scene .feature-tabs button[aria-selected=true] { background:#101010; color:#fff; }
.feature-panel { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); gap:40px; min-height:470px; padding:38px; border:1px solid #ffffff28; border-radius:20px; background:#ffffff0b; align-items:center; overflow:hidden; animation:panel-enter .35s var(--ease) both; }
.light-scene .feature-panel { border-color:#10101014; background:#f6f6f6; }
.feature-copy h3 { font-size:28px; line-height:1.12; letter-spacing:-.035em; font-weight:750; max-width:350px; }
.feature-copy > p { font-size:15px; line-height:1.5; margin-top:22px; max-width:350px; }
.check-list { list-style:none; padding:0; margin:24px 0 0; }
.check-list li { position:relative; padding:8px 0 8px 25px; font-size:14px; line-height:1.4; }
.check-list li:before { content:''; position:absolute; left:2px; top:12px; width:6px; height:11px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); }
.feature-visual { min-width:0; color:#101010; }
.feature-visual > .interface-image { width:100%; border-radius:10px; box-shadow:0 15px 45px #10101018; }
.feature-visual > :not(.interface-image) { aspect-ratio:1.35; }

/* Static, illustrative scenes; these are not forms or working platform records. */
.visual-label { font:10px/1.4 var(--mono); text-transform:uppercase; }
.checkout-visual { display:grid; grid-template-columns:.9fr 1fr; border-radius:12px; overflow:hidden; background:white; color:#101010; }
.checkout-summary { padding:8%; background:#f4f4f4; display:flex; flex-direction:column; align-items:start; gap:20px; }
.checkout-summary > strong { font-size:clamp(18px,2.2vw,32px); line-height:1.1; letter-spacing:-.035em; }
.checkout-summary > span:last-child { font-size:12px; margin-top:auto; }
.checkout-cover { display:grid; place-items:center; background:#e5e5e7; border-radius:12px; width:100%; flex:1; min-height:80px; }
.checkout-cover .icon { width:56px; height:56px; stroke-width:1; }
.checkout-form { padding:9%; display:flex; flex-direction:column; justify-content:center; gap:12px; }
.checkout-form > img { margin-bottom:8px; }
.checkout-form h4 { font-size:18px; margin:0 0 6px; font-weight:600; }
.visual-field { border:1px solid #e3e3e8; border-radius:6px; padding:12px; font-size:11px; color:#7b7b84; }
.checkout-form > p { font-size:11px; margin-top:8px; }
.visual-method { display:flex; gap:10px; align-items:center; border:1px solid #c8c8cc; background:#f5f5f5; padding:11px; border-radius:6px; font-size:11px; }
.visual-method .icon { width:22px; height:22px; }
.visual-action { display:flex; align-items:center; justify-content:space-between; padding:12px 15px; font-size:11px; background:#101010; color:white; border-radius:6px; }
.checkout-form small { font-size:9px; color:#81818b; text-align:center; }
.website-visual { background:#f4f4f4; color:#252525; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; }
.website-nav { display:flex; align-items:center; gap:24px; padding:20px 24px; font-size:10px; border-bottom:1px solid #25222110; }
.website-nav strong { margin-right:auto; font-size:12px; }
.website-body { flex:1; padding:5%; display:grid; grid-template-columns:1fr 1fr; gap:7%; align-items:center; min-height:0; }
.website-body h4 { margin:14px 0; font-size:clamp(23px,3.5vw,50px); line-height:1; letter-spacing:-.04em; }
.website-body p { font-size:clamp(10px,1vw,14px); margin-bottom:20px; }
.website-body > img { height:100%; min-height:0; width:100%; object-fit:cover; object-position:60%; border-radius:40% 40% 6px 6px; }
.website-body .visual-action { width:max-content; max-width:100%; font-size:10px; }
.website-bottom { display:flex; justify-content:space-between; padding:14px 5%; border-top:1px solid #25222116; font-size:10px; }
.webinar-visual { border-radius:12px; overflow:hidden; position:relative; }
.webinar-visual > img { width:100%; height:100%; object-fit:cover; }
.webinar-caption { position:absolute; top:20px; left:20px; display:flex; align-items:center; gap:10px; background:#101010d9; color:white; padding:10px 15px; border-radius:999px; font-size:12px; }
.live-dot { width:7px; height:7px; background:#ff6d74; border-radius:50%; }
.webinar-controls { position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:center; gap:20px; padding:18px; background:#101010c9; color:white; }
.webinar-controls > span { width:35px; height:35px; border-radius:50%; background:#e86376; }
.webinar-controls .icon { width:32px; height:32px; }

.benefits { padding:105px 0 110px; }
.benefits-grid { display:flex; flex-direction:column; gap:20px; margin-top:64px; }
.benefit-row { display:flex; gap:20px; }
.benefit-row > .benefit-card { flex:1 1 0; min-width:0; }
.benefit-row:not(:nth-child(2)) > .benefit-card:first-child { flex:0 0 calc((100% - 20px) * .57); }
.benefit-row:not(:nth-child(2)) > .benefit-card:last-child { flex:0 0 calc((100% - 20px) * .43); }
.benefit-card { border-radius:20px; padding:32px; overflow:hidden; position:relative; background:#f5f5f5; border:1px solid #e8e8e8; display:flex; flex-direction:column; min-height:360px; }
.benefit-card h3 { font-size:26px; line-height:1.18; font-weight:650; letter-spacing:-.035em; position:relative; z-index:1; }
.benefit-card h3 em { font-style:normal; color:#686868; }
.benefit-card > p { font-size:13px; line-height:1.5; }
.unified-art { display:flex; justify-content:center; gap:14px; padding-top:45px; position:relative; flex:1; }
.unified-art > div { width:28%; height:95px; border:1px solid #dedede; background:white; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:9px; font-size:12px; }
.unified-art > div:nth-child(2) { background:#101010; color:#fff; }
.unified-art > div:nth-child(3) { background:#e7e7e7; }
.unified-art > img { position:absolute; bottom:4px; width:115px; height:auto; }
.brand-art { margin-top:32px; padding:22px; background:#e5e5e5; border-radius:12px; flex:1; color:#101010; }
.brand-art > div { display:flex; align-items:center; gap:7px; font-size:11px; margin-bottom:25px; }
.brand-art > div > span { margin-right:auto; }
.brand-art i { width:16px; height:16px; border-radius:50%; background:#101010; }
.brand-art i:nth-of-type(2) { background:#fff34b; }
.brand-art i:nth-of-type(3) { background:#fff; }
.brand-art > strong { font-size:28px; font-weight:700; line-height:1.15; letter-spacing:-.04em; }
.bars-art { height:145px; display:flex; align-items:end; gap:12px; padding:20px 8px 0; margin-top:20px; margin-bottom:18px; }
.bars-art i { background:#c9c9c9; width:15%; height:40%; border-radius:6px 6px 0 0; }
.bars-art i:nth-child(2) { height:65%; }.bars-art i:nth-child(3) { height:55%; }.bars-art i:nth-child(4) { height:76%; }.bars-art i:nth-child(5) { height:68%; }.bars-art i:nth-child(6) { height:95%; background:#101010; }
.live-art { margin:28px -32px -32px; flex:1; position:relative; min-height:220px; }
.live-art img { width:100%; height:100%; position:absolute; object-fit:cover; object-position:60%; }
.live-art > span { position:absolute; bottom:20px; left:22px; background:#fff; border-radius:99px; padding:9px 14px; font-size:11px; }
.sales-art { margin-top:30px; padding:22px; border-radius:12px; background:#fff; box-shadow:0 5px 30px #10101008; flex:1; }
.sales-art > .icon { width:30px; float:right; color:#101010; }
.sales-art > span { font-size:11px; display:block; margin-bottom:18px; }
.sales-art > strong { font-size:25px; line-height:1.1; font-weight:650; }
.benefit-courses { width:calc(100% + 38px); max-width:none; margin:30px -19px -70px; border-radius:9px; border:1px solid #ddd; }
.engagement-art { margin-top:35px; display:flex; flex-direction:column; gap:15px; }
.engagement-art > span { display:flex; align-items:center; gap:16px; padding:18px; border-radius:9px; background:#fff; border:1px solid #e5e5e5; font-size:13px; }
.engagement-art .icon { width:24px; height:24px; color:#101010; }
.benefits-controls { display:none; }
.closing { padding:105px 24px 110px; text-align:center; }
.closing h2 { max-width:850px; margin:auto; }
.closing p { font-size:18px; line-height:1.45; margin:26px auto 30px; max-width:580px; }
@keyframes panel-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
html:not(.sc-ready) [data-sc-in] { opacity:1; transform:none; }
@media(hover:hover) and (pointer:fine) {
  .tour-preview:hover .tour-play { background:#10101070; }
  .nav-trigger:hover .nav-label { background-size:100% 1px; background-position:0 100%; }
  :is(.pill,.login-link):hover .roll-label > span { transform:translateY(-100%); }
  .pill:hover > .arrow { transform:translateX(3px); }
  .pill > .arrow { transition:transform .3s var(--ease); }
  .feature-tabs button:hover { opacity:1; }
  .product-tabs button:hover { color:white; }
  .product-tabs button[aria-selected=true]:hover { color:#101010; }
  .back-top:hover { background:#101010; color:#fff; }
}
.footer {
  padding:60px 0 30px;
}
.footer-top {
  display:flex;
  align-items:center;
  gap:60px;
  padding-bottom:50px;
  border-bottom:1px solid #e7e7e7;
}
.footer-brand img {
  width:160px;
  height:35px;
  object-fit:contain;
}
.footer-top p {
  font-size:16px;
  line-height:1.35;
  color:#66666d;
}
.back-top {
  margin-left:auto;
  width:46px;
  height:46px;
  border:1px solid #ccc;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:25px;
}
.footer-columns {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:24px;
  padding:45px 0 60px;
}
.footer-columns h3 {
  font-family:var(--mono);
  font-size:12px;
  font-weight:400;
  text-transform:uppercase;
  margin-bottom:22px;
  color:#777;
}
.footer-columns button {
  display:block;
  border:0;
  background:none;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.4;
  padding:5px 0;
  text-align:left;
}
.footer-bottom {
  border-top:1px solid #e7e7e7;
  padding-top:25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-family:var(--mono);
  font-size:10px;
  text-transform:uppercase;
  color:#777;
  gap:30px;
}
.footer-bottom>div {
  display:flex;
  gap:25px;
}
.footer-bottom button {
  border:0;
  background:none;
  padding:0;
  font:inherit;
  text-transform:inherit;
  color:inherit;
  text-align:left;
}

@media(max-width:1100px) {
  .desktop-nav { left:44%; }
  .header-actions { gap:18px; }
  .site-width { width:calc(100% - 64px); }
  .desktop-nav { gap:20px; }
  .wordmark { width:152px; }
  .product-tabs button { padding:11px 12px; font-size:14px; }
  .product-tabs { gap:5px; }
  .feature-heading { gap:45px; }
  .feature-panel { padding:28px; gap:28px; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
  .feature-copy h3 { font-size:25px; }
  .feature-copy > p { font-size:14px; }
  .check-list li { font-size:13px; }
  .footer-columns { grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:30px; }
}
@media(max-width:991px) {
  .benefits-grid { flex-direction:row; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; padding-bottom:16px; scrollbar-width:thin; }
  .benefit-row { display:contents; }
  .benefit-row > .benefit-card, .benefit-row:not(:nth-child(2)) > .benefit-card:first-child, .benefit-row:not(:nth-child(2)) > .benefit-card:last-child { flex:0 0 70%; scroll-snap-align:start; min-height:400px; }
  .benefit-card h3 { font-size:28px; }
  .benefits-controls { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin-top:18px; }
  .benefits-controls button { width:44px; height:44px; display:grid; place-items:center; border:1px solid #d7d5dd; background:white; color:#101010; border-radius:50%; cursor:pointer; font-size:21px; }
  .benefits-controls button:disabled { opacity:.35; }
  .benefits-controls span { font:11px var(--mono); margin-right:10px; }
  .benefit-courses { margin-bottom:-25px; }
}
@media(max-width:850px) {
  :root {
    --gutter:22px;
  }
  .site-header {
    top:12px;
    left:12px;
    right:12px;
  }
  .header-bar {
    height:64px;
    padding:0 16px;
  }
  .desktop-nav,.header-actions {
    display:none;
  }
  .wordmark {
    width:142px;
  }
  .brand-wordmark { height:22px; }
  .mobile-toggle {
    display:flex;
    width:44px;
    height:44px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:6px;
    background:none;
    border:0;
    cursor:pointer;
  }
  .mobile-toggle span {
    width:24px;
    height:1px;
    background:currentColor;
    transition:transform .2s;
  }
  .mobile-toggle[aria-expanded=true] span:first-child {
    transform:translateY(3.5px) rotate(45deg);
  }
  .mobile-toggle[aria-expanded=true] span:last-child {
    transform:translateY(-3.5px) rotate(-45deg);
  }
  .mobile-nav {
    background:#fff;
    color:#101010;
    border-radius:8px;
    margin-top:8px;
    max-height:calc(100dvh - 96px);
    overflow-y:auto;
    padding:12px 24px 26px;
    overscroll-behavior:contain;
  }
  .mobile-nav details {
    border-bottom:1px solid #e7e7e7;
  }
  .mobile-nav summary {
    cursor:pointer;
    list-style:none;
    display:flex;
    justify-content:space-between;
    padding:19px 0;
    font-size:25px;
    font-weight:600;
    letter-spacing:-.04em;
  }
  .mobile-nav summary::-webkit-details-marker {
    display:none;
  }
  .mobile-nav summary::after {
    content:'+';
    font-weight:400;
  }
  .mobile-nav details[open] summary::after {
    content:'-';
  }
  .mobile-nav details>div {
    padding-bottom:16px;
  }
  .mobile-nav details button {
    display:block;
    border:0;
    background:none;
    font-size:17px;
    text-align:left;
    padding:8px 0;
  }
  .mobile-nav details p {
    font-family:var(--mono);
    font-size:10px;
    text-transform:uppercase;
    color:#76767d;
    padding:18px 0 8px;
  }
  .mobile-disabled {
    display:block;
    padding:19px 0;
    border:0;
    border-bottom:1px solid #e7e7e7;
    background:none;
    font-size:25px;
    font-weight:600;
    letter-spacing:-.04em;
    width:100%;
    text-align:left;
  }
  .mobile-nav>.pill {
    margin-top:25px;
    width:100%;
  }
  body.mobile-menu-active {
    overflow:hidden;
  }

  .site-width { width:calc(100% - 44px); }
  .hero { padding:130px 22px 90px; }
  .hero h1 { font-size:56px; }
  .hero-copy > p { font-size:17px; max-width:550px; }
  .platform { padding:45px 0 70px; }
  .overview { width:100%; }
  .product-tabs button { padding:10px 15px; font-size:14px; }
  .product-stage { padding:4px; border-radius:16px; }
  .platform-tour { padding:40px 0 80px; }
  .tour-layout { grid-template-columns:1fr; gap:32px; }
  .tour-copy .display-title { text-wrap:balance; }
  .feature-section { padding:65px 0 72px; }
  .feature-heading { grid-template-columns:1fr; gap:24px; margin-bottom:30px; }
  .feature-heading > p { max-width:600px; font-size:17px; }
  .feature-panel { grid-template-columns:1fr; padding:30px; min-height:0; }
  .feature-copy h3,.feature-copy > p { max-width:600px; }
  .feature-copy h3 { font-size:28px; }
  .feature-copy > p { font-size:16px; }
  .check-list li { font-size:14px; }
  .feature-visual { display:none; }
  .statement { padding:80px 0; }
  .statement p { font-size:20px; }
  .display-title { font-size:42px; }
  .mono-title { font-size:38px; }
  .benefits { padding:78px 0; }
  .closing { padding:80px 0; }
  .footer { padding:45px 0 25px; }
  .footer-top { gap:30px; padding-bottom:35px; }
  .footer-columns { padding:35px 0 40px; }
}
@media(max-width:540px) {
  html { scroll-padding-top:100px; }
  .site-width { width:calc(100% - 40px); }
  .hero { padding:120px 20px 85px; }
  .hero h1 { font-size:42px; line-height:1; letter-spacing:-.035em; }
  .hero-copy > p { font-size:16px; margin:24px auto 27px; }
  .hero-grid { mask-size:100% auto,25vw 100%,100% 25vw; mask-image:radial-gradient(81.22% 70% at center,rgba(217,217,217,.52) 0%,transparent 100%),repeating-linear-gradient(to right,transparent 0,transparent calc(25vw - 1px),#000 calc(25vw - 1px),#000 25vw),repeating-linear-gradient(to bottom,transparent 0,transparent calc(25vw - 1px),#000 calc(25vw - 1px),#000 25vw); }
  .signup-bar { min-height:54px; padding:3px; }
  .signup-bar input { font-size:13px; padding:12px 11px; }
  .signup-bar .signup-button { min-height:46px; padding:12px 14px; font-size:12px; }
  .desktop-break { display:none; }
  .pill { font-size:12px; padding:14px 23px; min-height:48px; }
  .display-title { font-size:34px; line-height:1.06; }
  .mono-title { font-size:31px; line-height:1.1; }
  .section-intro > p { font-size:16px; margin-top:20px; }
  .platform { padding-top:30px; }
  .overview { margin-top:28px; }
  .product-tabs { gap:2px; }
  .overview-controls { gap:6px; }
  .product-tabs button { padding:10px 13px; font-size:13px; gap:7px; }
  .product-tabs .icon { width:18px; height:18px; }
  .product-stage { padding:2px; border-radius:12px; }
  .platform-tour { padding:25px 0 65px; }
  .tour-copy .display-title { font-size:32px; }
  .tour-copy p { font-size:16px; }
  .tour-play { left:12px; bottom:12px; padding:7px 13px 7px 7px; font-size:10px; gap:8px; }
  .tour-play-icon { width:28px; height:28px; }
  .tour-dialog { width:calc(100vw - 24px); }
  .tour-placeholder { min-height:260px; }
  .product-panel > .interface-image { border-radius:6px; }
  .statement { padding:67px 0 70px; }
  .statement .display-title br { display:none; }
  .statement p { font-size:18px; margin:24px auto 27px; }
  .feature-section { padding:55px 0 60px; }
  .feature-heading { gap:22px; margin-bottom:24px; }
  .feature-heading > p { font-size:16px; }
  .feature-tabs { margin-bottom:18px; }
  .feature-tabs button { padding:10px 15px; font-size:13px; }
  .feature-panel { padding:27px 22px; border-radius:14px; }
  .feature-copy h3 { font-size:26px; }
  .feature-copy > p { font-size:15px; margin-top:20px; }
  .check-list { margin-top:22px; }
  .check-list li { font-size:13px; }
  .checkout-summary { padding:16px; gap:10px; }
  .checkout-summary > strong { font-size:16px; }
  .checkout-summary .visual-label { font-size:7px; }
  .checkout-cover { min-height:30px; border-radius:6px; }
  .checkout-cover .icon { width:27px; height:27px; }
  .checkout-summary > span:last-child { font-size:7px; }
  .checkout-form { padding:15px; gap:7px; }
  .checkout-form > img { width:70px; margin-bottom:2px; }
  .checkout-form h4 { font-size:10px; margin:0; }
  .visual-field { padding:6px; font-size:7px; }
  .checkout-form > p,.checkout-form small { display:none; }
  .visual-method { padding:6px; font-size:7px; gap:4px; }
  .visual-method .icon { width:15px; height:15px; }
  .visual-action { font-size:7px; padding:7px; }
  .website-nav { padding:10px 14px; font-size:6px; gap:12px; }
  .website-nav strong { font-size:8px; }
  .website-body h4 { font-size:23px; margin:8px 0; }
  .website-body p { font-size:7px; margin-bottom:10px; }
  .website-body .visual-label { font-size:7px; }
  .website-body .visual-action { font-size:6px; }
  .website-bottom { font-size:6px; padding-block:8px; }
  .webinar-caption { font-size:8px; top:12px; left:12px; padding:7px 10px; gap:6px; }
  .webinar-controls { padding:10px; gap:12px; }
  .webinar-controls > span { height:22px; width:22px; }
  .webinar-controls .icon { height:22px; width:22px; }
  .benefits { padding:65px 0; }
  .benefits-grid { margin-top:40px; gap:14px; }
  .benefit-row > .benefit-card, .benefit-row:not(:nth-child(2)) > .benefit-card:first-child, .benefit-row:not(:nth-child(2)) > .benefit-card:last-child { flex-basis:90%; padding:26px; min-height:390px; }
  .benefit-card h3 { font-size:25px; }
  .live-art { margin:26px -26px -26px; }
  .unified-art { gap:8px; }
  .unified-art > div { width:32%; font-size:10px; }
  .brand-art > strong { font-size:25px; }
  .benefit-courses { margin-top:40px; width:145%; margin-left:-15px; }
  .closing { padding:70px 0 76px; }
  .closing p { font-size:16px; margin:23px auto 28px; }
  .footer-top { gap:24px; flex-wrap:wrap; }
  .footer-brand img { width:140px; height:auto; }
  .footer-top p { flex-basis:100%; order:3; font-size:14px; }
  .back-top { width:40px; height:40px; }
  .footer-columns { grid-template-columns:1fr 1fr; gap:30px 25px; }
  .footer-columns h3 { margin-bottom:13px; }
  .footer-columns button { font-size:14px; }
  .footer-bottom { flex-wrap:wrap; gap:20px; font-size:9px; }
  .footer-bottom > div { order:3; flex-basis:100%; gap:20px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; transition-delay:0s!important; }
  [data-sc-in] { opacity:1!important; transform:none!important; }
  .hero-grid { transform:none!important; opacity:1!important; will-change:auto; }
}