html{color-scheme:dark;background:#090c0d}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,.cursor-interaction{cursor:pointer}

#axon-preview{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:light-dark(#17201c,#f0f2ef)}
#axon-preview *{box-sizing:border-box}
#axon-preview .ac-page{--base:light-dark(#f6f7f3,#090c0d);--panel:light-dark(#ffffff,#14191a);--ink:light-dark(#18241e,#f1f4ef);--muted:light-dark(#59665e,#abb5ae);--line:light-dark(#d9dfd8,#2a3530);--accent:#ffab70;--accent-text:light-dark(#96501e,#ffab70);--on-accent:#24190f;--haze:light-dark(#ffab7033,#ffab701a);position:relative;isolation:isolate;overflow:hidden;background:var(--base);color:var(--ink);container-type:inline-size;--px:50%;--py:25%;--tilt:0deg}
#axon-preview button{font:inherit;cursor:inherit}
#axon-preview button:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}
#axon-preview [hidden]{display:none!important}
#axon-preview .ac-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
#axon-preview .ac-halo{position:absolute;inset:0;background:radial-gradient(ellipse 360px 290px at var(--px) var(--py),var(--haze),transparent 80%);opacity:.9}
#axon-preview .ac-aurora{position:absolute;width:90%;height:420px;left:5%;top:40px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 14%,transparent),transparent 64%);transform:rotate(-18deg)}
#axon-preview .ac-grid{position:absolute;inset:50px -10% auto;height:430px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;opacity:.25;transform:perspective(650px) rotateX(65deg) rotateZ(-14deg);mask-image:radial-gradient(ellipse,#000,transparent 68%)}
#axon-preview .ac-sculpture{position:absolute;right:3%;top:100px;width:210px;height:230px;perspective:750px;opacity:.45;transform:rotate(var(--tilt));transition:transform .25s ease-out}
#axon-preview .ac-fin{position:absolute;left:60px;top:18px;width:92px;height:170px;border-radius:70px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,var(--base)),var(--base) 65%);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:inset 2px 0 2px color-mix(in srgb,var(--accent) 22%,transparent);transform:rotateZ(-30deg) rotateY(55deg) translateX(var(--offset));}
#axon-preview .ac-fin:nth-child(1){--offset:-80px}#axon-preview .ac-fin:nth-child(2){--offset:-40px}#axon-preview .ac-fin:nth-child(3){--offset:0px}#axon-preview .ac-fin:nth-child(4){--offset:40px}#axon-preview .ac-fin:nth-child(5){--offset:80px}
#axon-preview header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 5%;padding-right:max(5%,105px);border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
#axon-preview .ac-signature{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.13em;font-weight:500}
#axon-preview .ac-mark{font-size:34px;line-height:1;color:var(--accent-text)}
#axon-preview .ac-nav{display:flex;align-items:center;gap:18px}
#axon-preview .ac-quiet{border:0;background:transparent;color:var(--muted);min-height:44px;padding:6px;font-size:12px;transition:color .2s,transform .2s}
#axon-preview .ac-quiet:hover{color:var(--accent-text);transform:translateY(-2px)}
#axon-preview .ac-quiet svg{width:17px;height:17px}
#axon-preview .ac-hero{text-align:center;padding:50px 5% 34px;position:relative}
#axon-preview .ac-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.17em;color:var(--muted)}
#axon-preview .ac-eyebrow:before{content:'';width:5px;height:5px;background:var(--accent-text);border-radius:50%}
#axon-preview h1{font-size:clamp(33px,11.5cqw,124px);line-height:1.03;font-weight:500;letter-spacing:-.075em;margin:28px 0 24px;display:flex;align-items:center;justify-content:center;gap:.13em;white-space:nowrap}
#axon-preview .ac-star{display:inline-block;color:var(--accent-text);font-size:.72em;line-height:.65;align-self:center;transform:translateY(.12em);font-weight:400}
#axon-preview .ac-promise{font-size:clamp(18px,2.6cqw,27px);line-height:1.4;letter-spacing:-.04em;margin:0 auto 12px;font-weight:400}
#axon-preview .ac-intro{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
#axon-preview .ac-paths{position:relative;padding:10px 5% 28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
#axon-preview .ac-route{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
#axon-preview .ac-route:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--x,70%) var(--y,0%),var(--haze),transparent 72%);opacity:0;transition:opacity .3s}
#axon-preview .ac-route:hover{transform:perspective(900px) translateY(-5px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 18px 35px color-mix(in srgb,var(--base) 45%,transparent)}
#axon-preview .ac-route:hover:before{opacity:1}
#axon-preview .ac-route.selected{border-color:var(--accent-text)}
#axon-preview .ac-route>*{position:relative}
#axon-preview .ac-route-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:11px;letter-spacing:.12em;color:var(--muted)}
#axon-preview .ac-symbol{color:var(--accent-text);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--panel))}
#axon-preview .ac-symbol svg{width:21px;height:21px}
#axon-preview h2{font-size:29px;font-weight:500;line-height:1.15;letter-spacing:-.055em;margin:0 0 12px}
#axon-preview .ac-description{color:var(--muted);font-size:14px;line-height:1.65;max-width:330px;margin:0 0 20px;min-height:46px}
#axon-preview .ac-features{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--ink);margin-bottom:28px}
#axon-preview .ac-feature{display:flex;align-items:center;gap:7px}
#axon-preview .ac-separator{color:var(--muted)}
#axon-preview .ac-cta{margin-top:auto;min-height:48px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;transition:background .2s,transform .2s}
#axon-preview .ac-cta.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
#axon-preview .ac-cta:hover{transform:translateY(-2px)}#axon-preview .ac-cta:not(.primary):hover{background:color-mix(in srgb,var(--accent) 9%,var(--panel))}
#axon-preview .ac-cta svg{width:17px;height:17px;transition:transform .2s}#axon-preview .ac-cta:hover svg{transform:translateX(4px)}
#axon-preview .ac-detail{margin:0 5% 28px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);position:relative}
#axon-preview .ac-detail-top{display:flex;justify-content:space-between;gap:14px;align-items:start}#axon-preview .ac-detail h3{font-size:23px;line-height:1.2;letter-spacing:-.04em;font-weight:500;margin:8px 0 14px}
#axon-preview .ac-detail p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 15px;max-width:620px}
#axon-preview .ac-detail-label{font-size:11px;letter-spacing:.12em;color:var(--accent-text)}
#axon-preview .ac-next{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
#axon-preview .ac-next .ac-cta{min-width:210px;gap:24px}
#axon-preview .ac-next span{font-size:12px;color:var(--muted)}
#axon-preview .ac-split{display:flex;gap:24px;align-items:center;font-size:13px;color:var(--muted)}#axon-preview .ac-split strong{font-size:25px;letter-spacing:-.04em;color:var(--ink);font-weight:500;margin-right:8px}
#axon-preview .ac-split-line{height:5px;max-width:340px;border-radius:8px;display:flex;gap:3px;margin:14px 0 20px}#axon-preview .ac-split-line i{width:50%;border-radius:8px;background:var(--accent)}#axon-preview .ac-split-line i+ i{background:var(--muted)}
#axon-preview footer{margin:0 5%;padding:16px 0 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted)}
#axon-preview .ac-footer-actions{display:flex;gap:12px;align-items:center}
#axon-preview .ac-feedback{font-size:12px;color:var(--muted);margin:12px 0 0;min-height:0}
#axon-preview .ac-feedback:empty{display:none}
#axon-preview .ac-page.mobile{max-width:390px;margin:auto}
@container(max-width:600px){#axon-preview header{padding:14px 5%;padding-top:50px}#axon-preview .ac-signature{font-size:10px;letter-spacing:.05em}#axon-preview .ac-nav{gap:7px}#axon-preview .ac-hero{padding-top:36px;padding-bottom:28px}#axon-preview h1{margin-top:24px;margin-bottom:20px}#axon-preview .ac-paths{grid-template-columns:1fr;gap:14px}#axon-preview .ac-route{padding:21px}#axon-preview .ac-route-top{margin-bottom:16px}#axon-preview h2{font-size:27px}#axon-preview .ac-description{min-height:0;margin-bottom:14px}#axon-preview .ac-features{margin-bottom:22px}#axon-preview .ac-sculpture{right:-75px;top:100px;opacity:.25}#axon-preview .ac-eyebrow{font-size:10px}#axon-preview footer{align-items:flex-start;flex-wrap:wrap}#axon-preview .ac-detail{padding:20px}#axon-preview .ac-next .ac-cta{width:100%}#axon-preview .ac-split{gap:16px}#axon-preview .ac-split strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){#axon-preview *{transition:none!important}#axon-preview .ac-route:hover,#axon-preview button:hover{transform:none!important}}

#axon-preview .ac-route{transform-style:preserve-3d;transition:transform .22s ease-out,border-color .3s,box-shadow .3s}
#axon-preview .ac-route .ac-symbol{transition:transform .35s,box-shadow .35s}
#axon-preview .ac-route:hover .ac-symbol{transform:translateY(-3px) rotate(-7deg);box-shadow:0 8px 24px var(--haze)}
#axon-preview .ac-route.selected{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent),0 16px 40px color-mix(in srgb,var(--accent) 6%,transparent)}
#axon-preview .ac-cta{position:relative;overflow:hidden;isolation:isolate}
#axon-preview .ac-click-wave{position:absolute!important;width:18px;height:18px;margin:-9px;border-radius:50%;background:currentColor;pointer-events:none;opacity:0;z-index:2}
#axon-preview .ac-sweep{position:absolute!important;inset:-50% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,color-mix(in srgb,var(--accent) 13%,transparent) 49%,transparent 56%);opacity:0;z-index:0}
#axon-preview .ac-page[data-effects="off"] .ac-route:hover,#axon-preview .ac-page[data-effects="off"] .ac-route:hover .ac-symbol,#axon-preview .ac-page[data-effects="off"] button:hover{transform:none}
#axon-preview .ac-page[data-effects="off"] *{transition:none!important}
@media(prefers-reduced-motion:reduce){#axon-preview .ac-route:hover .ac-symbol{transform:none!important}}

#axon-preview .ac-cta{text-decoration:none;font-family:inherit}#axon-preview header{padding-right:5%}#axon-preview .ac-page{min-height:100svh}#axon-preview .ac-nav{flex-shrink:0}#axon-preview .ac-signature{min-width:0}@container(max-width:600px){#axon-preview header{padding-top:18px}#axon-preview .ac-signature{letter-spacing:0}}

/* A single drifting light field; all motion pauses with the Effects control. */
#axon-preview .ac-flow{position:absolute;inset:0;overflow:hidden;opacity:.85}
#axon-preview .ac-bloom{position:absolute;pointer-events:none;width:80%;height:490px;border-radius:50%;filter:blur(32px);background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 20%,transparent),transparent 68%)}
#axon-preview .ac-bloom-a{left:-20%;top:-130px;animation:ac-flow-left 17s ease-in-out infinite alternate}
#axon-preview .ac-bloom-b{right:-25%;top:50px;opacity:.6;animation:ac-flow-right 21s ease-in-out infinite alternate}
#axon-preview .ac-light-arc{position:absolute;left:-15%;top:65px;width:135%;height:350px;border-radius:50%;transform:rotate(-18deg);filter:blur(1px);animation:ac-drift 19s ease-in-out infinite alternate;opacity:.7}
#axon-preview .ac-light-arc>div{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 50deg,transparent 12%,color-mix(in srgb,var(--accent) 35%,transparent) 25%,var(--accent) 34%,transparent 48%);mask:radial-gradient(ellipse,transparent 67%,#000 69%,transparent 71%);filter:drop-shadow(0 0 15px var(--accent));opacity:.5}
#axon-preview .ac-light-arc-b{top:110px;left:-5%;opacity:.24;filter:blur(12px);animation-delay:-8s;animation-duration:25s}
#axon-preview .ac-light-arc-b>div{mask:radial-gradient(ellipse,transparent 58%,#000 67%,transparent 76%);opacity:.6}
#axon-preview .ac-halo{opacity:.35}
#axon-preview .ac-route{background:var(--panel)}
#axon-preview .ac-page[data-atmosphere="sutil"] .ac-flow{opacity:.5}
#axon-preview .ac-page[data-effects="off"] .ac-flow *{animation-play-state:paused!important}
#axon-preview .ac-page[data-away="true"] .ac-flow *{animation-play-state:paused!important}
@keyframes ac-flow-left{from{transform:translate(-5%,0) scale(.95)}to{transform:translate(55%,35px) scale(1.2)}}
@keyframes ac-flow-right{from{transform:translate(10%,0) scale(1)}to{transform:translate(-38%,-50px) scale(1.2)}}
@keyframes ac-drift{from{transform:translate(-3%,-30px) rotate(-22deg) scale(.94)}to{transform:translate(4%,35px) rotate(-9deg) scale(1.07)}}
@container(max-width:600px){#axon-preview .ac-light-arc{width:200%;left:-55%;height:300px;top:45px}#axon-preview .ac-bloom{width:150%;height:390px;filter:blur(24px)}#axon-preview .ac-bloom-a{left:-70%}#axon-preview .ac-bloom-b{right:-70%}}
@media(prefers-reduced-motion:reduce){#axon-preview .ac-flow *{animation:none!important}}


/* Increased ambient depth without adding content behind the reading surface. */
#axon-preview .ac-flow{opacity:1}
#axon-preview .ac-bloom{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 29%,transparent),transparent 69%)}
#axon-preview .ac-light-arc{opacity:.9}
#axon-preview .ac-light-arc>div{opacity:.72;filter:drop-shadow(0 0 20px var(--accent))}
#axon-preview .ac-light-arc-b{opacity:.4;filter:blur(8px)}
#axon-preview .ac-glow-ribbon{position:absolute;left:-30%;top:65px;width:150%;height:360px;border-radius:50%;background:conic-gradient(from 205deg,transparent 8%,color-mix(in srgb,var(--accent) 40%,transparent) 23%,transparent 40%);mask:radial-gradient(ellipse,transparent 59%,#000 67%,transparent 76%);filter:blur(9px);opacity:.45;animation:ac-ribbon-drift 23s ease-in-out infinite alternate;pointer-events:none}
#axon-preview .ac-dust{position:absolute;inset:0;pointer-events:none}
#axon-preview .ac-dust i{position:absolute;left:var(--dx);top:var(--dy);width:2px;height:2px;border-radius:50%;background:var(--accent-text);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 65%,transparent);opacity:.45;animation:ac-dust-drift var(--duration) ease-in-out var(--delay) infinite alternate}
#axon-preview .ac-dust i:nth-child(4n){width:3px;height:3px}
@keyframes ac-ribbon-drift{from{transform:translate(8%,-25px) rotate(14deg) scale(.92)}to{transform:translate(-3%,60px) rotate(-3deg) scale(1.1)}}
@keyframes ac-dust-drift{0%{transform:translate(0,15px);opacity:.12}45%{opacity:.65}100%{transform:translate(18px,-32px);opacity:.22}}
@container(max-width:600px){#axon-preview .ac-glow-ribbon{width:210%;left:-65%;top:50px}#axon-preview .ac-dust i:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){#axon-preview .ac-flow *{animation:none!important}}

#axon-preview .ac-brand-dot{font-size:.72em;line-height:1;color:var(--accent-text);font-weight:400;letter-spacing:0}#axon-preview .ac-risk{margin:0 5%;padding:0 0 22px;color:var(--muted);font-size:11px;line-height:1.6;text-align:center}#axon-preview footer{padding-bottom:12px}#axon-preview .ac-nav{gap:0}