:root { color-scheme:dark; --bg:#000; --surface:#090909; --line:#252525; --muted:#929292; --text:#dedede; --selected:#232323; --pink:#fb4674; --cyan:#00ffff; }
* { box-sizing:border-box; }html { scroll-behavior:smooth; scroll-padding-top:112px; background:var(--bg); }body { margin:0; background:var(--bg); color:var(--muted); font-family:Inter,sans-serif; font-size:14px; -webkit-font-smoothing:antialiased; }::selection { background:var(--pink); color:#000; }
a { color:inherit; text-decoration:none; }button { font:inherit; }a,button,summary { -webkit-tap-highlight-color:transparent; }button { cursor:pointer; }a:focus-visible,button:focus-visible,summary:focus-visible { outline:1px solid #aaa; outline-offset:5px; }button,a { transition:color .25s,background-color .25s; }a:hover { color:#fff; }.skip { position:fixed; top:-60px; left:24px; z-index:20; padding:12px; background:#232323; }.skip:focus { top:12px; }
.header { position:sticky; top:0; z-index:10; max-width:960px; margin:auto; padding:26px 32px; display:flex; align-items:center; justify-content:space-between; background:#000e; backdrop-filter:blur(12px); }.wordmark { font-size:18px; letter-spacing:-.5px; color:var(--text); font-weight:400; }.wordmark:hover { color:var(--pink); }.nav-capsule { display:flex; gap:4px; padding:5px; border:1px solid var(--line); border-radius:30px; background:var(--surface); }.nav-capsule a { padding:9px 13px; border-radius:23px; font-size:13px; }.nav-capsule a[aria-current] { background:var(--selected); color:var(--text); }.parent-link { font-size:13px; }.parent-link span { margin-left:4px; color:#666; }
main { max-width:880px; margin:auto; padding:0 32px; }.section { scroll-margin-top:24px; }.hero { max-width:560px; padding:116px 0 98px; margin:auto; text-align:center; }.eyebrow { font-size:13px; line-height:22px; margin:0 0 24px; font-weight:400; }.divider { color:#454545; margin:0 10px; }.pink { color:#b4b4b4; transition:color .4s; }.pink:hover { color:var(--pink); }.cyan,.text-hover { transition:color .4s; }.cyan:hover { color:var(--cyan); }.text-hover:hover { color:white; }
h1 { font-size:42px; line-height:1.22; letter-spacing:-1.65px; font-weight:400; margin:0 0 24px; color:var(--text); }h1 span { color:#8b6bd1; color:color-mix(in srgb,var(--accent) 70%,#929292); text-shadow:0 0 24px rgba(123,72,255,.1); }.intro { font-size:16px; line-height:1.8; max-width:450px; margin:0 auto; }.explore { display:inline-flex; align-items:center; gap:28px; margin-top:30px; padding:11px 17px; background:var(--surface); border:1px solid var(--line); border-radius:28px; color:#bbb; }.explore span { color:#737373; }.explore:hover { background:#161616; color:#eee; }.hero-topics { display:flex; justify-content:center; gap:0; margin-top:62px; font-size:12px; color:#727272; }.hero-topics span+span:before { content:'·'; margin:0 18px; color:#404040; }
.automation,.akira { padding:60px 0 76px; border-top:1px solid #1d1d1d; }.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; }.section-heading .eyebrow { margin-bottom:14px; color:#737373; }h2 { font-size:24px; line-height:1.4; font-weight:400; letter-spacing:-.7px; color:var(--text); margin:0; }.section-heading>p { font-size:14px; line-height:1.8; margin:0 0 2px; }
.feature-browser { border:1px solid var(--line); border-radius:20px; background:#070707; overflow:hidden; }.feature-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border-bottom:1px solid #202020; }.feature-tabs { display:flex; padding:4px; gap:4px; background:#000; border:1px solid #202020; border-radius:28px; }.feature-tabs button { background:transparent; border:0; border-radius:22px; padding:9px 13px; color:var(--muted); font-size:14px; }.feature-tabs button[aria-selected=true] { background:var(--selected); color:var(--text); }.group-caption { color:#737373; font-size:12px; margin-right:4px; }[role=tabpanel] { padding:8px 24px; }[hidden] { display:none!important; }.feature-grid { display:grid; grid-template-columns:1fr 1fr; list-style:none; padding:0; margin:0; column-gap:32px; }.feature-item { padding:22px 0; border-bottom:1px solid #1b1b1b; }.feature-item:nth-last-child(-n+2) { border-bottom:0; }.feature-item h3 { font-size:14px; line-height:1.5; font-weight:400; color:#c9c9c9; margin:0 0 7px; }.feature-item p { font-size:14px; line-height:1.7; margin:0; color:#818181; }.feature-panel:focus-visible { outline:1px solid #555; outline-offset:-4px; }
.akira-layout { display:grid; grid-template-columns:180px 1fr; gap:36px; }.akira-index { padding-top:10px; }.mini-capsule { display:inline-block; border:1px solid var(--line); border-radius:26px; padding:10px 22px; background:var(--surface); color:#c8c8c8; }.akira-index p { font-size:14px; line-height:1.8; margin:24px 0; }.index-line { width:26px; height:1px; background:#333; margin-bottom:16px; }.index-note { font-size:12px; color:#686868; }.akira-features { border-top:1px solid #242424; }.akira-features details { border-bottom:1px solid #242424; }.akira-features summary { list-style:none; display:flex; align-items:center; gap:16px; padding:20px 0; cursor:pointer; color:#bbb; font-size:14px; line-height:1.6; transition:color .3s; }.akira-features summary::-webkit-details-marker { display:none; }.feature-number { font-size:12px; color:#5d5d5d; font-variant-numeric:tabular-nums; }.akira-features summary:after { content:'+'; margin-left:auto; color:#727272; font-size:18px; font-weight:300; }.akira-features details[open] summary { color:#e0e0e0; }.akira-features details[open] summary:after { content:'−'; }.akira-features summary:hover { color:white; }.akira-features details p { margin:0 20px 22px 34px; font-size:14px; line-height:1.8; max-width:410px; color:#898989; }
footer { max-width:880px; margin:auto; padding:32px 32px 48px; border-top:1px solid #1d1d1d; display:flex; align-items:center; gap:18px; }.footer-tagline { font-size:12px; color:#696969; }footer nav { margin-left:auto; display:flex; gap:10px; }footer :is(button,a[data-policy]) { background:transparent; border:0; color:#818181; padding:8px; font-size:14px; }footer :is(button,a[data-policy]):hover { color:white; }
dialog { background:#0c0c0c; color:#999; border:1px solid #292929; border-radius:18px; padding:36px; width:min(420px,calc(100vw - 40px)); line-height:1.7; }dialog::backdrop { background:#000b; backdrop-filter:blur(6px); }dialog h2 { font-size:20px; margin-bottom:16px; }dialog p { font-size:14px; margin:0; }.close { position:absolute; right:12px; top:8px; border:0; background:none; color:#999; cursor:pointer; font-size:24px; }
@media(max-width:650px) { .header { padding:18px 20px; }.parent-link { display:none; }.nav-capsule a { padding:8px 10px; }main { padding:0 24px; }.hero { padding:80px 0 76px; }h1 { font-size:36px; }.intro { font-size:15px; }.hero-topics span+span:before { margin:0 10px; }.section-heading { display:block; }.section-heading>p { margin-top:15px; }.section-heading>p br { display:none; }.feature-toolbar { flex-direction:column; align-items:flex-start; gap:12px; }.group-caption { padding-left:8px; }.feature-tabs { width:100%; }.feature-tabs button { flex:1; padding:9px 10px; }.feature-grid { grid-template-columns:1fr; }.feature-item:nth-last-child(2) { border-bottom:1px solid #1b1b1b; }.akira-layout { grid-template-columns:1fr; gap:24px; }.akira-index { display:flex; align-items:center; justify-content:space-between; }.akira-index p,.index-line { display:none; }.akira { padding-bottom:56px; }footer { flex-wrap:wrap; padding:28px 24px; }footer nav { width:100%; margin-left:-8px; }.automation,.akira { padding-top:44px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*:before,*:after { transition-duration:.01ms!important; } }

html { cursor:url(./assets/cursor.png),auto; }a,button,summary { cursor:url(./assets/cursor2.png),pointer; }
/* The existing layout, with restrained E-Pal purple accents. */
:root { --accent:#7b48ff; --accent-soft:rgba(123,72,255,.14); --accent-line:rgba(123,72,255,.38); }
::selection { background:var(--accent); color:#fff; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline-color:var(--accent); }
.brand-icon { display:inline-block; position:relative; width:24px; height:24px; flex-shrink:0; transition:filter .35s,transform .35s; }
.brand-glyph { display:block; width:100%; height:100%; object-fit:contain; image-rendering:auto; }
.hero-mark { display:flex; justify-content:center; }
.hero-mark .brand-icon { width:40px; height:40px; animation:icon-glow 5s ease-in-out infinite; }
.header .wordmark { display:flex; align-items:center; }.footer-wordmark { display:flex; align-items:center; gap:9px; }
.wordmark:hover .brand-icon,.hero-mark:hover .brand-icon { filter:drop-shadow(0 0 10px rgba(123,72,255,.65)); transform:translateY(-1px); }
@keyframes icon-glow { 0%,100% { filter:drop-shadow(0 0 5px rgba(123,72,255,.12)); } 50% { filter:drop-shadow(0 0 10px rgba(123,72,255,.42)); } }
.nav-capsule,.feature-tabs,.explore,.mini-capsule { transition:border-color .3s,box-shadow .3s,background-color .3s; }
.nav-capsule:hover,.feature-tabs:hover,.mini-capsule:hover { border-color:var(--accent-line); box-shadow:0 0 18px rgba(123,72,255,.08); }
.nav-capsule a[aria-current],.feature-tabs button[aria-selected=true] { background:#232323; color:#e2d7ff; box-shadow:inset 0 0 0 1px rgba(123,72,255,.18); }
.nav-capsule a:hover,.feature-tabs button:hover { color:#e2d7ff; background:rgba(123,72,255,.1); }
.explore:hover { border-color:var(--accent-line); box-shadow:0 0 24px rgba(123,72,255,.14); background:#100b1b; }.explore:hover span { color:#a787ff; }
.cyan:hover,.text-hover:hover,.wordmark:hover,footer :is(button,a[data-policy]):hover { color:#b69aff; text-shadow:0 0 18px rgba(123,72,255,.35); }
.feature-controls { display:flex; align-items:center; gap:8px; min-width:0; }
.akira-shortcut { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; padding:10px 12px; border:1px solid #252525; border-radius:24px; font-size:13px; }
.akira-shortcut span { font-size:12px; color:#6e6e6e; }.akira-shortcut:hover { border-color:var(--accent-line); color:#d0bcff; background:var(--accent-soft); }
.feature-browser { background-image:radial-gradient(340px circle at var(--glow-x,50%) var(--glow-y,0%),rgba(123,72,255,var(--glow-alpha,0)),transparent 75%); transition:border-color .3s,box-shadow .3s; }
.feature-browser.is-glowing { --glow-alpha:.085; border-color:#352b46; box-shadow:0 0 32px rgba(123,72,255,.035); }
.feature-item { transition:border-color .3s; }.feature-item:hover { border-color:var(--accent-line); }
.feature-detail { display:flex; align-items:center; gap:9px; width:100%; border:0; padding:0; background:transparent; color:inherit; font:inherit; text-align:left; line-height:inherit; }
.feature-detail:hover,.feature-detail:focus-visible { color:#d6c4ff; }
.detail-hint { display:inline-grid; place-items:center; border:1px solid #404040; border-radius:50%; width:14px; height:14px; font-size:10px; line-height:1; color:#858585; flex-shrink:0; transition:color .3s,border-color .3s; }
.feature-item:hover .detail-hint,.feature-detail:focus-visible .detail-hint { color:#bca2ff; border-color:#7b48ff; }
.feature-tooltip { position:fixed; z-index:30; width:max-content; max-width:min(340px,calc(100vw - 32px)); border:1px solid #483163; border-radius:14px; padding:14px 16px; background:#100c17; color:#d2c9df; font-family:Inter,sans-serif; font-size:14px; line-height:1.7; box-shadow:0 12px 40px #0008,0 0 20px #7b48ff12; overflow-wrap:anywhere; }
.akira-features details { transition:border-color .3s,background-color .3s; }.akira-features details:hover,.akira-features details[open] { border-color:var(--accent-line); background:linear-gradient(90deg,transparent,#7b48ff06); }
.akira-features summary:hover,.akira-features details[open] summary { color:#d6c4ff; }.akira-features summary:hover:after,.akira-features details[open] summary:after { color:#a57fff; }.akira-features details[open] .feature-number { color:#a57fff; }
@media(max-width:650px) { .feature-controls { width:100%; flex-wrap:wrap; }.feature-tabs { flex:1 1 100%; }.feature-tabs button { padding:9px 8px; }.akira-shortcut { padding:8px 12px; }.hero-mark .brand-icon { width:36px; height:36px; } }
@media(prefers-reduced-motion:reduce) { .hero-mark .brand-icon { animation:none; }*,*:before,*:after { transition-duration:.01ms!important; animation-duration:.01ms!important; }.wordmark:hover .brand-icon,.hero-mark:hover .brand-icon { transform:none; } }

/* Keep all visitor-facing text consistently lowercase. */
body { text-transform:lowercase; }

/* Sentry's connection handoff, shown in the same capsule language. */
.sentry { padding:60px 0 76px; border-top:1px solid #1d1d1d; }
.sentry-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:40px; align-items:start; }
.sentry-copy p { margin:0 0 22px; font-size:14px; line-height:1.85; }
.sentry-copy strong { color:#c9c9c9; font-weight:400; }
.sentry-copy p:last-child { margin-bottom:0; }
.sentry-copy p:last-child span { display:block; color:#b1a4c7; margin-top:8px; }
.sentry-card { border:1px solid var(--line); border-radius:20px; overflow:hidden; background:radial-gradient(ellipse at 90% 20%,#7b48ff0a,transparent 65%),#070707; transition:border-color .35s,box-shadow .35s; }
.sentry-card:hover { border-color:#40324f; box-shadow:0 0 30px #7b48ff0c; }
.sentry-toolbar { display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid #202020; }
.sentry-label { font-size:12px; color:#858585; }
.sentry-switch { position:relative; isolation:isolate; display:grid; grid-template-columns:1fr 1fr; padding:4px; background:#000; border:1px solid #282828; border-radius:24px; }
.sentry-switch button { position:relative; z-index:1; background:none; border:0; border-radius:20px; padding:8px 14px; color:#858585; font-size:13px; }
.sentry-switch button[aria-pressed=true] { color:#e2d7ff; }
.sentry-slider { position:absolute; top:4px; bottom:4px; left:4px; width:calc((100% - 8px)/2); border-radius:20px; background:#232323; box-shadow:inset 0 0 0 1px #7b48ff2e; transition:transform .4s cubic-bezier(.22,1,.36,1); }
.sentry-card[data-sentry-state=back] .sentry-slider { transform:translateX(100%); }
.sentry-connection { display:grid; grid-template-columns:1fr 48px 1fr; align-items:center; gap:12px; margin:32px 24px 18px; }
.sentry-endpoint { display:flex; flex-direction:column; align-items:center; gap:9px; padding:16px 0; text-align:center; }
.sentry-node-name { font-size:18px; color:#999; transition:color .35s,text-shadow .35s; }
.sentry-node-state { font-size:12px; color:#747474; line-height:1.5; }
.sentry-service .sentry-node-name { color:#c2acef; text-shadow:0 0 22px #7b48ff45; }
.sentry-bridge { height:1px; background:linear-gradient(90deg,#2b2b2b,#7b48ff80); transition:background .4s; }
.sentry-card[data-sentry-state=back] .sentry-pc .sentry-node-name { color:#c2acef; text-shadow:0 0 22px #7b48ff45; }
.sentry-card[data-sentry-state=back] .sentry-service .sentry-node-name { color:#888; text-shadow:none; }
.sentry-card[data-sentry-state=back] .sentry-bridge { background:linear-gradient(90deg,#7b48ff80,#2b2b2b); }
.sentry-handoff { text-align:center; font-size:13px; line-height:1.7; color:#999; margin:0 24px 28px; min-height:44px; }
.sentry-capabilities { border-top:1px solid #202020; padding:0 22px; }
.sentry-capabilities>div { display:grid; grid-template-columns:78px 1fr; gap:16px; padding:18px 0; }
.sentry-capabilities>div+div { border-top:1px solid #1b1b1b; }
.sentry-capability-label { font-size:14px; color:#bfbfbf; line-height:1.7; }
.sentry-capabilities p { margin:0; font-size:14px; color:#858585; line-height:1.7; }
.sentry-card-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:15px 22px; border-top:1px solid #202020; font-size:12px; color:#6f6f6f; }
.sentry-card-footer span:first-child { color:#a090b8; }
@media(max-width:760px) { .sentry-layout { grid-template-columns:1fr; gap:28px; }.sentry-copy { max-width:540px; } }
@media(max-width:650px) { .sentry { padding:44px 0 56px; }.sentry-connection { grid-template-columns:1fr 24px 1fr; gap:8px; margin-left:16px; margin-right:16px; }.sentry-toolbar { padding:16px; }.sentry-capabilities { padding:0 18px; }.sentry-capabilities>div { grid-template-columns:64px 1fr; gap:12px; } }

.purchase-area { display:flex; justify-content:center; padding:0 0 64px; }.purchase-button { margin-top:0; }

/* Product foundations fill the toolkit sidebar with useful context. */
.akira-layout { grid-template-columns:220px minmax(0,1fr); gap:36px; }
.akira-index { display:flex; flex-direction:column; align-items:flex-start; }
.akira-foundation { width:100%; margin-top:28px; }
.foundation-note { padding:22px 0; border-top:1px solid #242424; }
.foundation-note h3 { margin:0 0 14px; font-size:14px; font-weight:400; line-height:1.7; color:#c5c5c5; }
.foundation-note h3 span { color:#b3a0d6; }
.akira-index .foundation-note p { display:block; margin:0 0 14px; font-size:14px; line-height:1.8; color:#818181; }
.akira-index .foundation-note p:last-child { margin-bottom:0; }
.privacy-note { padding:20px; border:1px solid #30273d; border-radius:18px; background:linear-gradient(135deg,#7b48ff0c,#090909); transition:border-color .3s,box-shadow .3s; }
.privacy-note:hover { border-color:var(--accent-line); box-shadow:0 0 24px #7b48ff0d; }
@media(max-width:650px) {
  .akira-layout { grid-template-columns:1fr; gap:24px; }
  .akira-index { display:grid; grid-template-columns:1fr auto; align-items:center; width:100%; }
  .akira-index>.mini-capsule { justify-self:start; }
  .akira-foundation { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:20px; }
  .foundation-note { padding-top:20px; }
  .privacy-note { padding:18px; }
}
@media(max-width:480px) { .akira-foundation { grid-template-columns:1fr; gap:4px; } }

/* Vector arrows keep the same appearance in every system font. */
.ui-arrow { display:inline-block; width:1em; height:1em; flex-shrink:0; vertical-align:-.12em; overflow:visible; }
.explore>span:has(.ui-arrow),.parent-link>span:has(.ui-arrow),.akira-shortcut>span:has(.ui-arrow) { display:inline-flex; align-items:center; }

footer a[data-policy] { text-decoration:none; }

/* A short entrance on every page; visible without JavaScript or motion. */
@keyframes site-arrive { from { opacity:0; } to { opacity:1; } }
body { animation:site-arrive .6s ease-out backwards; }
@media (prefers-reduced-motion:reduce) { body { animation:none; } }

footer .manage-link { font-size:13px; padding:8px; color:#929292; } footer .manage-link:hover { color:#b69aff; }

/* ela legal links — start */
.affiliation-note { max-width:880px; margin:0 auto; padding:0 32px 32px; font-size:12px; line-height:1.85; color:#968d9f; }
.affiliation-note a { text-decoration:underline; text-underline-offset:3px; color:#bca3d9; }
@media(max-width:650px) { .affiliation-note { padding-inline:24px; } }
/* ela legal links — end */