@property --flow-green{syntax:"<color>";inherits:true;initial-value:#168b55}
@property --flow-tint{syntax:"<color>";inherits:true;initial-value:#edf8f1}
@font-face{font-family:Inter;src:url("/assets/inter-latin-cyrillic-v2.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@property --bg{syntax:"<color>";inherits:true;initial-value:#fcfcfa}
@property --ink{syntax:"<color>";inherits:true;initial-value:#222320}
@property --muted{syntax:"<color>";inherits:true;initial-value:#696b65}
@property --line{syntax:"<color>";inherits:true;initial-value:#dcded7}
@property --panel{syntax:"<color>";inherits:true;initial-value:#f0f1ec}
@property --card{syntax:"<color>";inherits:true;initial-value:#ffffff}
@property --soft{syntax:"<color>";inherits:true;initial-value:#e7e9e1}
@property --logo-invert{syntax:"<number>";inherits:true;initial-value:0}
/* Shared landing controls and motion; engraving pixels remain untouched. */
body { color-scheme: light; --landing-ease: cubic-bezier(.16,1,.3,1); }
body.dark { color-scheme: dark; }
body.theme-transition { transition: background-color 320ms ease-out, color 320ms ease-out; }
::selection { background: #777a7060; color: inherit; }
html { scrollbar-color: #878a80 transparent; }
:is(.theme,.theme-toggle).moon-toggle {
  display: inline-grid; place-items: center; flex: 0 0 44px;
  width: 44px; height: 44px; min-width: 44px; padding: 0;
  border: 0; border-radius: 50%; background: transparent; color: inherit;
  cursor: pointer; transition: background-color 160ms ease-out, scale 160ms ease-out;
}
:is(.theme,.theme-toggle).moon-toggle:hover { background: #88888818; opacity: 1; }
.moon-toggle:active { scale: .96; }
.moon-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.moon-orb { width: 26px; height: 26px; overflow: visible; transform: rotate(-28deg); transition: transform 520ms var(--landing-ease); }
body.dark .moon-orb { transform: rotate(152deg); }
.moon-outline { stroke: currentColor; stroke-width: 1.25; }
:is(.button,.small-cta,.account-entry,.plan-cta,.wiki-readme-link) { transition: background-color 180ms ease-out, color 180ms ease-out, border-color 180ms ease-out, scale 160ms ease-out; }
:is(.button,.small-cta,.account-entry,.plan-cta,.wiki-readme-link):active { scale: .96; }
.button:hover { transform: none; }
.button svg { transition: transform 200ms var(--landing-ease); }
.button:hover svg { transform: translateX(2px); }

/* API Connect inherits the live main landing's neutral editorial system. */
body.api-connect { font-family: Arial,Helvetica,sans-serif; --api-canvas:#fcfcfa; --api-ink:#222320; --api-muted:#696b65; --api-line:#dcded7; --api-card:#f0f1ec; }
body.api-connect.dark { --api-canvas:#1c1d1b; --api-ink:#f0f1eb; --api-muted:#b1b4a9; --api-line:#44463e; --api-card:#252721; }
.api-connect .page { width:min(1280px,calc(100% - 96px)); max-width:none; padding:0; }
.api-connect .topbar { min-height:100px; padding:20px 0; gap:24px; }
.api-connect .brand img { width:190px; }
.api-connect .brand-subtitle { font-size:10px; letter-spacing:.08em; }
.api-connect .nav { margin-left:auto; gap:18px; }
.api-connect .nav a { font-size:12px; color:var(--api-ink); }
.api-connect .header-actions { gap:14px; }
.api-connect .button,.api-connect .plan-cta,.api-connect .wiki-readme-link { min-height:54px; padding:17px 24px; border-radius:7px; font-size:14px; font-weight:400; box-shadow:none; }
.api-connect .header-actions .button { min-height:44px; padding:12px 14px; font-size:12px; }
.api-connect .account-link { background:var(--api-ink); color:var(--api-canvas); border-color:var(--api-ink); min-width:0; }
.api-connect .header-actions .button-primary { background:transparent; color:var(--api-ink); border-color:var(--api-line); }
.api-connect :is(.button,.plan-cta,.wiki-readme-link):hover { transform:none; opacity:1; background:var(--api-card); color:var(--api-ink); }
.api-connect .button-primary:hover,.api-connect .account-link:hover { background:var(--api-ink); color:var(--api-canvas); opacity:.85; }
.api-connect .hero { padding:80px 0 70px; min-height:650px; }
.api-connect .hero-copy { width:49%; padding-top:0; }
.api-connect h1 { font-size:clamp(46px,5.4vw,76px); font-weight:600; line-height:1.08; letter-spacing:-.035em; margin:28px 0 30px; }
.api-connect h1 .accent-line { font-size:1em; color:var(--api-ink); letter-spacing:inherit; }
.api-connect .lead { font-size:19px; line-height:1.6; max-width:485px; }
.api-connect .eyebrow { font-size:10px; letter-spacing:.16em; min-height:0; }
.api-connect .eyebrow::before { display:none; }
.api-connect .hero-actions { flex-wrap:wrap; gap:20px; margin-top:38px; }
.api-connect .hero-actions .button-primary { min-width:0; }
.api-connect .arrow-disc { background:transparent; color:inherit; width:20px; height:20px; }
.api-connect .integrations { padding:24px 0; gap:20px; }
.api-connect .integration { white-space:normal; font-size:12px; gap:8px; }
.api-connect .integration .icon { width:18px; height:18px; }
.api-connect .features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 70px; padding:65px 0 55px; }
.api-connect .feature-card { background:transparent; border:0; border-top:1px solid var(--api-line); border-radius:0; box-shadow:none; padding:28px 0; min-height:0; gap:18px; }
.api-connect .feature-icon { width:24px; height:24px; background:none; border-radius:0; box-shadow:none; }
.api-connect .feature-icon::before,.api-connect .feature-icon::after { display:none; }
.api-connect .feature-icon .icon { width:24px; height:24px; filter:none; stroke-width:1.5; }
.api-connect .feature-card h2 { font-size:23px; font-weight:500; line-height:1.2; letter-spacing:-.02em; }
.api-connect .feature-card p { font-size:15px; line-height:1.7; max-width:52ch; }
.api-connect .proof-strip { background:transparent; border-radius:0; border-inline:0; margin-top:0; padding:24px 0; }
.api-connect .proof-item { font-size:13px; gap:12px; }
.api-connect .proof-item .icon { width:20px; height:20px; }
.api-connect :is(.pricing-section,.wiki-section) { padding-top:90px; }
.api-connect :is(.section-head,.wiki-header) { gap:40px; margin-bottom:44px; }
.api-connect :is(.section-head h2,.wiki-header h2) { font-size:clamp(36px,3.7vw,53px); font-weight:500; line-height:1.08; letter-spacing:-.035em; max-width:650px; }
.api-connect :is(.section-head p,.wiki-header p) { font-size:15px; line-height:1.7; }
.api-connect .price-card { background:var(--api-card); border:0; border-radius:12px; padding:30px; }
.api-connect .price-card h3 { font-size:25px; font-weight:500; }
.api-connect .price-card p,.api-connect .price-card li { font-size:14px; line-height:1.7; }
.api-connect .plan-badge { background:none; padding:0; min-height:0; font-size:10px; }
.api-connect .plan-cta { margin-top:auto; background:var(--api-ink); color:var(--api-canvas); border-color:transparent; }
.api-connect .wiki-panel { padding:0; border:0; border-radius:0; background:transparent; }
.api-connect .wiki-kicker { border:0; padding:0; font-size:10px; margin-bottom:20px; }
.api-connect .wiki-card { padding:28px 0; border:0; border-top:1px solid var(--api-line); border-radius:0; background:transparent; }
.api-connect .wiki-card h3 { font-size:23px; font-weight:500; letter-spacing:-.02em; }
.api-connect .wiki-card label { font-size:10px; }
.api-connect .wiki-card p,.api-connect .wiki-card li,.api-connect .wiki-step span { font-size:14px; line-height:1.7; }
.api-connect .wiki-step { border:0; border-top:1px solid var(--api-line); border-radius:0; background:transparent; padding:24px 0; }
.api-connect .footer { min-height:140px; padding:40px 0; margin-top:80px; font-size:12px; }
.workflow-motion { display:flex; align-items:center; gap:12px; margin:-12px 0 24px; }
.workflow-track { height:2px; flex:1; background:var(--api-line); overflow:hidden; }
.workflow-track span { display:block; height:100%; background:var(--api-ink); transform-origin:left; }
.workflow-motion button { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--api-line); border-radius:7px; background:transparent; color:var(--api-ink); cursor:pointer; }
.workflow-motion svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; }
.workflow-motion .play { display:none; }
.workflow-motion [aria-pressed=true] .pause { display:none; }
.workflow-motion [aria-pressed=true] .play { display:block; }
@media(max-width:1180px) { .api-connect .brand-subtitle { display:none; } .api-connect .topbar { gap:14px; } .api-connect .nav { gap:12px; } .api-connect .header-actions { gap:8px; } }
@media(max-width:1050px) { .api-connect .page { width:calc(100% - 64px); } .api-connect .topbar { flex-wrap:wrap; } .api-connect .nav { order:3; width:100%; margin:0; justify-content:flex-start; } .api-connect .header-actions { margin-left:auto; } .api-connect .hero { padding-top:55px; } .api-connect .hero-copy { width:52%; } .api-connect h1 { font-size:clamp(40px,5.5vw,64px); } }
@media(max-width:900px) { .api-connect .hero-copy { width:100%; } .api-connect .hero { min-height:0; padding:38px 0 55px; } .api-connect h1 { max-width:740px; } .api-connect .features { gap:0 32px; } }
@media(max-width:760px) { .api-connect .page { width:calc(100% - 40px); } .api-connect .topbar { min-height:90px; padding:16px 0; } .api-connect .brand img { width:148px; } .api-connect .header-actions .button-primary { display:none; } .api-connect .menu-toggle { display:inline-flex; width:44px; height:44px; background:transparent; color:var(--api-ink); border-color:var(--api-line); } .api-connect .nav { display:none; } .api-connect .nav[data-open] { display:flex; position:static; flex-wrap:wrap; padding:12px 0; background:var(--api-canvas); border:0; box-shadow:none; } .api-connect .nav a { min-height:40px; display:inline-flex; align-items:center; } .api-connect h1 { font-size:clamp(38px,8.2vw,60px); } .api-connect .lead { font-size:16px; } .api-connect .hero-actions { gap:14px; align-items:flex-start; flex-direction:row; } .api-connect .hero-actions .button { width:auto; min-height:54px; } .api-connect .features { grid-template-columns:1fr; padding:45px 0; } .api-connect .proof-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; } .api-connect .proof-item { justify-content:flex-start; border:0; } .api-connect :is(.pricing-section,.wiki-section) { padding-top:55px; } .api-connect :is(.section-head,.wiki-header) { display:block; margin-bottom:30px; } .api-connect :is(.section-head p,.wiki-header p) { margin-top:20px; } .api-connect .footer { display:flex; flex-direction:column; align-items:flex-start; gap:20px; } }
@media(max-width:420px) { .api-connect .topbar { gap:10px; } .api-connect .header-actions { gap:4px; } .api-connect .header-actions .account-link { padding:10px; min-height:44px; } .api-connect .brand img { width:130px; } .api-connect .menu-toggle { width:36px; padding:7px; } .api-connect .hero-actions { flex-direction:column; align-items:stretch; } .api-connect .hero-actions .button { width:100%; } }
@media(max-width:360px) { .api-connect .brand img { width:112px; } .api-connect .header-actions .account-link { font-size:11px; padding:8px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .moon-orb { transition:none; } body.theme-transition { transition:none; } .button svg { transition:none; } :is(.button,.small-cta,.account-entry,.plan-cta,.wiki-readme-link):active { scale:1; } }

.workflow-motion[hidden]{display:none}

@media(min-width:761px) and (max-width:1100px){.hero-engraved .hero-art>img{width:100%;left:0}}

/* Animate one palette, inherited by every surface at the same instant. */
html[data-theme=dark] body{--bg:#1c1d1b;--ink:#f0f1eb;--muted:#b1b4a9;--line:#44463e;--panel:#252721;--card:#30322b;--soft:#40443a;--logo-invert:1;--flow-green:#78cda1;--flow-tint:#20352b;color-scheme:dark}
body{font-family:Inter,Arial,sans-serif;--logo-invert:0;--theme-time:400ms;--theme-ease:cubic-bezier(.4,0,.2,1);-webkit-font-smoothing:antialiased}
body.dark{--logo-invert:1}
body.api-connect,body.api-connect.dark{font-family:Inter,Arial,sans-serif;--api-canvas:var(--bg);--api-ink:var(--ink);--api-muted:var(--muted);--api-line:var(--line);--api-card:var(--panel)}
button,input,select,textarea{font-family:inherit}button{font-size:inherit}
body.theme-switching{transition-property:--bg,--ink,--muted,--line,--panel,--card,--soft,--logo-invert,--flow-green,--flow-tint!important;transition-duration:var(--theme-time)!important;transition-timing-function:var(--theme-ease)!important;transition-delay:0s!important}
body.theme-switching *,body.theme-switching *::before,body.theme-switching *::after{transition-property:transform,scale,opacity!important;transition-duration:var(--theme-time)!important;transition-timing-function:var(--theme-ease)!important;transition-delay:0s!important}
body.theme-transition,body.api-connect{transition:none}
body .wordmark,body.dark .wordmark,body .product-bar img,body.dark .product-bar img,.api-connect .brand img,.api-connect.dark .brand img{content:normal;filter:invert(var(--logo-invert))}
.moon-orb{transition:transform var(--theme-time) var(--theme-ease)}
.landing-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}
.small-cta .landing-icon,.text-link .landing-icon{width:16px;height:16px;margin-left:8px}
.video-trigger-icon .landing-icon{width:19px;height:19px;fill:currentColor;stroke:none}
.video-modal-close{display:grid;place-items:center;min-width:44px;min-height:44px}
.video-modal-close .landing-icon{width:22px;height:22px}
.questions summary:after{content:'';width:16px;height:16px;top:26px;background:currentColor;clip-path:polygon(44% 0,56% 0,56% 44%,100% 44%,100% 56%,56% 56%,56% 100%,44% 100%,44% 56%,0 56%,0 44%,44% 44%);transition:transform 180ms ease-out}
.questions details[open] summary:after{content:'';transform:rotate(45deg)}
.api-connect .icon{stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.api-connect .icon{stroke-width:1.6!important}
.api-connect .menu-toggle{min-width:44px;min-height:44px}
.hero-copy,.hero-engraved .hero-copy,.api-connect .hero-copy{min-width:0}
.button,.plan-cta,.small-cta,.account-entry{font-weight:500}
.api-connect .feature-card h2,.api-connect .wiki-card h3{line-height:1.35}
@media(prefers-reduced-motion:reduce){body.theme-switching,body.theme-switching *,body.theme-switching *::before,body.theme-switching *::after{transition-duration:0ms!important}.moon-orb{transition:none}}

/* Articulated engraving videos keep the body and camera stationary. */
.hero-engraved{position:relative}
.hero-art>.engraving-video{position:absolute;width:calc(100% + 60px);height:100%;left:-15px;top:0;object-fit:contain;object-position:center;opacity:0;pointer-events:none;filter:none;mix-blend-mode:normal;animation:none!important;transform:none!important}
.hero-art.engraving-ready>img{visibility:hidden;animation:none!important;transform:none!important}
.hero-art.engraving-ready>.engraving-video{opacity:1}
.api-connect .hero-art>.engraving-video{width:100%;height:100%;left:0;top:0;object-fit:contain;filter:none;mix-blend-mode:normal}
.engraving-toggle{position:absolute;right:0;bottom:18px;z-index:3;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);cursor:pointer}
.engraving-toggle[hidden]{display:none}
.engraving-toggle .motion-play{display:none}
.engraving-toggle[aria-pressed=true] .motion-play{display:block}
.engraving-toggle[aria-pressed=true] .motion-pause{display:none}
.engraving-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:1100px){.hero-engraved .hero-art>.engraving-video{width:100%;left:0}}
@media(max-width:900px){.api-connect .hero-art>.engraving-video{height:100%}}
@media(prefers-reduced-motion:reduce){.hero-art.engraving-ready>img{visibility:visible}.hero-art>.engraving-video{display:none}.engraving-toggle{display:none}}