:root{--purple:#843cf4;--pale:#efe7fc;--green:#b8fbef;--surface:#ffffff;--soft:#ececf2;--code:#eeedf5;--on-accent:#fff;--paper:#f8f8fc;--ink:#232331;--muted:#686878;--line:#dfdfe9}
:root[data-theme=dark]{color-scheme:dark;--paper:#111015;--ink:#f2f0fa;--muted:#a09aac;--line:#2b2735;--purple:#b18aff;--pale:#272033;--surface:#18151f;--soft:#211b2b;--code:#1c1825;--good:#72ddb5;--red:#ff9494;--orange:#e6b577;--on-accent:#170d2d}
.brand-logo{width:43px;height:43px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.topbar{gap:28px}.top-actions{gap:16px}.theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:19px;display:grid;place-items:center}.btn.purple{background:var(--purple);color:var(--on-accent)}.btn.discord{background:#5865f2;color:#fff}.btn{background:var(--ink);color:var(--paper)}.btn.outline{color:var(--ink);background:transparent}.avatar-button{display:none}.side-wallet{margin-top:16px}.wordmark{font-size:24px}.demo-strip{background:#241731}.demo-strip button{color:#d1b9ff}.nav-group-more{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.hero-v2{grid-template-columns:1.25fr .75fr;gap:30px;padding-top:16px}.hero-v2 h1{font-size:clamp(38px,4vw,59px)}.hero-v2 .hero-art{height:300px;background:transparent;border-radius:0;overflow:visible}.hero-v2 .hero-art:after{display:none}.logo-halo{position:absolute;width:240px;height:240px;background:#9447fe30;filter:blur(55px);border-radius:50%;pointer-events:none}.hero-logo{width:260px;height:260px;max-width:100%;border-radius:50%;object-fit:cover;z-index:1;position:relative}.logo-caption{position:absolute;bottom:0;right:35px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.mini-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:15px}.mini-links .link{font-size:12px}.hero .actions .btn{margin-top:0}.hero .actions{margin-top:25px}.trust-line{display:flex;gap:25px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.trust-line strong{color:var(--ink);font-weight:500}.review-row{padding:23px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:130px 1fr auto;gap:25px;align-items:start}.stars{color:var(--purple);letter-spacing:2px;font-size:12px}.review-row p{font-size:14px}.review-row small{color:var(--muted);font-size:11px}.review-sample{color:var(--muted);font-size:11px}.product-stats{display:flex;gap:22px;margin-top:12px;font-size:11px;color:var(--muted)}.product-stats strong{font-size:13px;color:var(--ink);font-weight:500}.product-art{background:var(--pale)}.pill{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:var(--purple);background:var(--pale);padding:3px 9px;border-radius:20px}.tools-row{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}.tools-row>div{flex:1}.tools-row h2{font-size:23px}.tools-row p{font-size:13px;color:var(--muted);margin-top:8px;max-width:620px}.tools-number{color:var(--purple);font-size:36px;font-weight:500;line-height:1}.split-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:20px 0}.split-toolbar .field{margin:0;flex:1;min-width:180px}.split-toolbar .checkline{margin:0}.split-input{font-family:ui-monospace,Consolas,monospace;font-size:12px!important;min-height:210px}.split-output{font-family:ui-monospace,Consolas,monospace;font-size:12px!important;min-height:200px}.split-summary{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:25px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.split-summary strong{color:var(--ink)}.split-warning{color:var(--orange);font-size:12px;margin:10px 0}.split-result-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0}.split-result-head .actions{margin:0;gap:10px}.split-result-head small{color:var(--muted)}.code-block{background:var(--code);border-radius:5px;padding:20px;overflow-x:auto;color:var(--ink);font:12px/1.85 ui-monospace,Consolas,monospace;white-space:pre;tab-size:2;max-width:100%;margin:14px 0}.code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px}.developer-stat{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:24px 0;margin:24px 0}.developer-stat strong{display:block;font-size:25px;font-weight:500}.developer-stat small{color:var(--muted)}.doc-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:35px;margin-top:25px}.doc-nav{display:flex;flex-direction:column;gap:4px;align-self:start}.doc-nav button{text-align:left;padding:10px 12px;color:var(--muted);font-size:12px;border-radius:5px}.doc-nav button.on{background:var(--pale);color:var(--purple)}.doc-section{min-width:0}.method{color:var(--purple);font:600 11px ui-monospace,monospace;margin-right:12px}.endpoint{font:12px ui-monospace,monospace;overflow-wrap:anywhere}.endpoint-row{padding:15px 0;border-bottom:1px solid var(--line)}.field-table{width:100%;border-collapse:collapse;font-size:12px;margin:17px 0}.field-table td,.field-table th{text-align:left;border-bottom:1px solid var(--line);padding:13px 8px;vertical-align:top;font-weight:400;overflow-wrap:anywhere}.field-table th{color:var(--muted);font-size:11px}.doc-section h2{margin-bottom:12px}.doc-section p{font-size:13px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:25px 0}.contact-brand{display:flex;align-items:center;gap:22px}.contact-brand img{width:95px;height:95px;border-radius:50%}.contact-list .plain-row{font-size:13px}.login-stage{max-width:650px;margin:50px auto;padding:0 0 35px;text-align:center}.login-stage img{width:100px;height:100px;border-radius:50%;margin-bottom:25px}.login-stage h1{font-size:38px}.login-stage p{color:var(--muted);font-size:13px;margin:18px auto;max-width:470px}.login-stage .actions{justify-content:center}.feature-note{border-left:2px solid var(--purple);padding:0 0 0 16px;font-size:12px;color:var(--muted);margin:28px 0}.home-lower{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:18px}.home-lower h3{font-size:18px}.home-lower p{margin-top:7px;color:var(--muted);font-size:12px}.status.wait{color:var(--orange)}input:not([type=checkbox]):not([type=file]),textarea,select{background:var(--surface);color:var(--ink);border-color:var(--line)}.dropzone{background:var(--soft)}.notice{background:var(--pale);color:var(--muted)}.notice.warn{background:var(--soft);color:var(--orange)}.progress-track{background:var(--line)}.steps b{background:var(--soft)}.tag{background:var(--soft);color:var(--muted)}.toast{background:var(--ink);color:var(--paper)}.topbar .btn.small{font-size:11px;padding:9px 13px}.split-upload{position:relative;display:inline-block;overflow:hidden}.split-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.free-banner{display:flex;justify-content:space-between;gap:18px;margin-top:30px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.free-banner h3{font-size:15px}.free-banner p{font-size:12px;color:var(--muted);margin-top:5px}.free-banner .link{white-space:nowrap}.api-error{font-size:12px;color:var(--orange)}.review-filter{display:flex;gap:15px;flex-wrap:wrap}.review-filter button{color:var(--muted);font-size:12px}.review-filter button.on{color:var(--purple)}
@media(max-width:1100px){.top-caption{display:none}.hero-v2 .hero-art{height:265px}.hero-logo{width:225px;height:225px}.doc-layout{grid-template-columns:155px 1fr;gap:20px}.top-actions{gap:10px}.hero-v2 h1{font-size:44px}}
@media(max-width:760px){.brand-logo{height:34px;width:34px}.wordmark{font-size:21px;gap:8px}.topbar{padding:0 16px;gap:12px}.top-actions{gap:9px}.topbar .btn.discord{font-size:10px;padding:8px 10px}.top-actions .avatar-button{display:none}.theme-toggle{height:30px;width:30px;font-size:17px}.hero-v2 .hero-art{display:none}.hero-v2 h1{font-size:41px;letter-spacing:-1px}.hero-v2 .eyebrow{font-size:10px}.hero-v2 .hero p{font-size:13px}.trust-line{gap:12px;font-size:10px}.review-row{grid-template-columns:1fr;gap:8px}.review-row>div:last-child{font-size:10px}.product-stats{gap:15px;flex-wrap:wrap;font-size:10px}.tools-row{align-items:flex-start;gap:18px;flex-wrap:wrap}.tools-row>div{min-width:200px}.tools-row h2{font-size:21px}.tools-row .btn{margin-left:48px}.tools-number{font-size:28px}.split-toolbar{gap:16px}.split-summary{gap:14px;font-size:11px}.split-result-head{align-items:flex-start;flex-direction:column}.split-result-head .actions{flex-wrap:wrap}.split-result-head .btn{font-size:11px;padding:8px 12px}.split-input,.split-output{min-height:170px;font-size:11px!important}.doc-layout{grid-template-columns:1fr;gap:22px}.doc-nav{flex-direction:row;flex-wrap:wrap;gap:3px;border-bottom:1px solid var(--line);padding-bottom:15px}.doc-nav button{font-size:11px;padding:7px 9px}.developer-stat{gap:14px}.developer-stat strong{font-size:19px}.developer-stat small{font-size:10px}.contact-grid{grid-template-columns:1fr;gap:20px}.contact-brand img{width:65px;height:65px}.login-stage{margin:25px auto}.login-stage h1{font-size:31px}.home-lower{grid-template-columns:1fr;gap:25px}.code-block{font-size:11px;padding:14px}.field-table{font-size:11px}.field-table td,.field-table th{padding:10px 5px}.free-banner{display:block}.free-banner .link{margin-top:10px}.topbar .menu-button{font-size:22px}.side-wallet{display:none}}
@media(max-width:360px){.topbar .btn.discord{max-width:105px;white-space:normal;line-height:1.45}.wordmark{font-size:18px}.brand-logo{height:28px;width:28px}.topbar{padding:0 12px}.top-actions{gap:7px}.theme-toggle{width:27px;height:27px}.hero-v2 h1{font-size:35px}}

/* Motion communicates changes without adding timers, libraries or continuous logo effects. */
body,.topbar,.account-summary{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.btn,.link,.service-row,.account-link,.theme-toggle{transition:transform .16s ease,color .16s ease,background-color .16s ease,box-shadow .16s ease}
.btn:active,.theme-toggle:active{transform:scale(.97)}
.service-row .arrow,.account-link .arrow{transition:transform .18s ease}
.progress-track>*,.progress-fill{transition:width .45s ease}
.page-enter{animation:orions-page-in .26s ease-out both}
.page-enter .service-row{animation:orions-row-in .28s ease-out both}
.page-enter .service-row:nth-child(2){animation-delay:.025s}
.page-enter .service-row:nth-child(3){animation-delay:.05s}
.page-enter .service-row:nth-child(4){animation-delay:.075s}
.page-enter .service-row:nth-child(n+5){animation-delay:.1s}
dialog[open]{animation:orions-dialog-in .2s ease-out both}
dialog[open]::backdrop{animation:orions-backdrop-in .2s ease-out both}
.active-strip .pulse{animation:orions-status-pulse 2.4s ease-in-out infinite}
@keyframes orions-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes orions-row-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes orions-dialog-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes orions-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes orions-status-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--good) 12%,transparent)}}
@media(hover:hover){.btn:hover{transform:translateY(-1px)}.service-row:hover .arrow,.account-link:hover .arrow{transform:translateX(4px)}.account-link:hover{color:var(--purple)}}
.mobile-navigation{display:none}
.mobile-navigation[hidden]{display:none!important}
.account-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:16px}
.account-summary small,.account-summary p{color:var(--muted);font-size:12px}
.account-summary strong{display:block;font-size:32px;font-weight:500}
.account-summary h2{font-size:19px}
.account-links{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
.account-link{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:22px 0;min-height:76px}
.account-link>.icon{color:var(--purple);width:23px;height:23px}
.account-link h2{font-size:15px;letter-spacing:0}
.account-link p{font-size:12px;color:var(--muted);margin-top:3px}
.account-link .arrow{margin-left:auto}
.account-signout{margin-top:24px;color:var(--muted)}
main:focus{outline:none}
@media(max-width:760px){
  html{scroll-padding-top:75px;scroll-padding-bottom:95px}
  .customer-mode{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  .customer-mode .topbar{position:sticky;top:0;z-index:25;height:62px}
  .customer-mode #menu-toggle,.customer-mode #discord-login,.customer-mode aside{display:none!important}
  .customer-mode .theme-toggle{width:44px;height:44px}
  .customer-mode .mobile-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -5px 24px #0000000a}
  .mobile-navigation a{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:var(--muted);border-radius:12px;position:relative;transition:color .16s ease,background-color .16s ease,transform .16s ease}
  .mobile-navigation a .icon{width:22px;height:22px}
  .mobile-navigation a[aria-current=page]{color:var(--purple);background:var(--pale);font-weight:600}
  .mobile-navigation a:active{transform:scale(.96)}
  .customer-mode .toast{bottom:calc(90px + env(safe-area-inset-bottom,0px));font-size:12px}
  .customer-mode main{padding-top:24px;padding-bottom:28px}
  .account-links{grid-template-columns:1fr}
  .account-summary{align-items:flex-start;flex-direction:column;gap:15px;padding:20px 0}
  .account-summary .btn{min-height:44px}
  .customer-mode .link,.customer-mode .tabs button,.customer-mode .review-filter button,.customer-mode .doc-nav button{min-height:44px;display:inline-flex;align-items:center}
  .customer-mode main :is(input,textarea,select,button,a){scroll-margin-top:85px;scroll-margin-bottom:95px}
  .customer-mode input:not([type=checkbox]):not([type=file]),.customer-mode textarea,.customer-mode select{font-size:16px!important}
  .customer-mode .split-input,.customer-mode .split-output{font-size:16px!important}
  .customer-mode .btn{min-height:44px}
  dialog{max-height:calc(100dvh - 40px);overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}