:root {
  --bg:#09070d;
  --bg-2:#0f0b16;
  --surface:#21152e;
  --surface-2:#18101f;
  --surface-3:#2b193d;
  --text:#f5f2f7;
  --muted:#b7aebf;
  --muted-2:#8f8598;
  --gold:#d9a62e;
  --gold-soft:#f0c55c;
  --purple:#8f00ff;
  --purple-soft:#b34cff;
  --border:rgba(255,255,255,.10);
  --border-gold:rgba(217,166,46,.35);
  --shadow:0 24px 70px rgba(0,0,0,.34);
  --radius:18px;
  --radius-sm:12px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(circle at 80% 10%, rgba(143,0,255,.11), transparent 28%),
 radial-gradient(circle at 12% 38%, rgba(217,166,46,.06), transparent 22%),
 var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800;color:var(--gold-soft)}
.eyebrow::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--gold),var(--purple))}

.site-header{position:sticky;top:0;z-index:50;background:rgba(9,7,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.nav{height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0}
.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(143,0,255,.12))}
.brand-copy{display:grid;line-height:1.05}
.brand-copy strong{font-size:1rem;letter-spacing:.08em;color:#f7d779}.brand-copy span{font-size:.68rem;letter-spacing:.26em;color:var(--purple-soft);margin-top:5px}
.nav-links{display:flex;gap:25px;align-items:center;font-size:.94rem;color:#d9d2df}
.nav-links a{transition:.2s ease}.nav-links a:hover,.nav-links a.active{color:white}
.nav-actions{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--border);font-weight:800;font-size:.92rem;cursor:pointer;transition:.2s ease;background:transparent;color:var(--text)}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22)}
.btn-primary{background:linear-gradient(135deg,#ebbd48,#c88e18);color:#160f07;border-color:transparent;box-shadow:0 10px 34px rgba(217,166,46,.17)}
.btn-purple{background:linear-gradient(135deg,#a42cff,#7200d1);border-color:transparent;box-shadow:0 10px 34px rgba(143,0,255,.16)}
.btn-ghost{background:rgba(255,255,255,.035)}
.btn.disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.menu-toggle{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:transparent;color:white;font-size:1.3rem}

.hero{min-height:690px;display:grid;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,7,13,.98) 0%,rgba(9,7,13,.86) 45%,rgba(9,7,13,.40) 72%,rgba(9,7,13,.16) 100%);opacity:1}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,var(--bg))}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:90px 0 110px}
.hero-copy h1{font-size:clamp(3rem,7vw,6rem);line-height:.94;letter-spacing:-.055em;margin:22px 0 22px;max-width:760px}
.hero-copy h1 .gold{background:linear-gradient(180deg,#fff1b7 0%,#e4af32 52%,#9e6d0c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy h1 .purple{background:linear-gradient(180deg,#dfb4ff 0%,#9b23f6 55%,#6800b6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{font-size:1.13rem;color:#c8bfcd;max-width:620px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-meta{display:flex;gap:26px;margin-top:42px;color:var(--muted);font-size:.88rem;flex-wrap:wrap}.hero-meta strong{color:white}
.hero-mark{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}
.hero-mark::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(143,0,255,.15),transparent 62%);filter:blur(10px)}
.hero-mark img{position:relative;width:min(100%,470px);filter:drop-shadow(0 26px 55px rgba(0,0,0,.6));opacity:.98}

.section{padding:95px 0}.section-tight{padding:70px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.04em;margin:10px 0 0}.section-heading p{max-width:520px;color:var(--muted);margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{position:relative;background:linear-gradient(145deg,rgba(33,21,46,.94),rgba(16,11,23,.96));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--purple),transparent);opacity:.55}
.product-card{padding:28px;min-height:350px;display:flex;flex-direction:column}
.product-icon{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,rgba(217,166,46,.18),rgba(143,0,255,.15));border:1px solid var(--border-gold);display:grid;place-items:center;font-size:1.55rem;margin-bottom:32px}
.status{display:inline-flex;width:max-content;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:.71rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#d9d1df;background:rgba(255,255,255,.035)}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}.status.dev::before{background:var(--purple-soft)}.status.future::before{background:#7f7588}
.product-card h3{font-size:1.5rem;margin:16px 0 8px}.product-card p{color:var(--muted);margin:0 0 24px}.product-card .card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;color:#eee}
.card-link{font-weight:800;color:var(--gold-soft)}

.feature-strip{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(110deg,rgba(33,21,46,.8),rgba(9,7,13,.8));display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.feature-item{padding:28px;border-right:1px solid var(--border)}.feature-item:last-child{border-right:0}.feature-item strong{display:block;font-size:1.03rem;margin-bottom:6px}.feature-item span{color:var(--muted);font-size:.88rem}

.callout{padding:45px;border-radius:24px;border:1px solid var(--border-gold);background:radial-gradient(circle at 85% 20%,rgba(143,0,255,.17),transparent 30%),linear-gradient(145deg,#21152e,#110b19);position:relative;overflow:hidden}.callout h2{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0 12px}.callout p{color:var(--muted);max-width:670px}.callout .actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.callout-hawk{position:absolute;right:-45px;top:-85px;width:390px;opacity:.12;transform:rotate(-6deg);pointer-events:none}

.page-hero{padding:100px 0 60px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 78% 0%,rgba(143,0,255,.14),transparent 30%)}
.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);margin:14px 0 14px;letter-spacing:-.05em;line-height:.95}.page-hero p{max-width:720px;color:var(--muted);font-size:1.08rem}

.product-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:start}.product-main,.product-side{padding:30px}.product-main h2{font-size:1.7rem;margin:4px 0 14px}.product-main p,.product-main li{color:var(--muted)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none}.feature-list li{border:1px solid var(--border);border-radius:12px;padding:13px 14px;background:rgba(255,255,255,.02)}.feature-list li::before{content:"✓";color:var(--gold);font-weight:900;margin-right:8px}.product-side{position:sticky;top:100px}.price{font-size:2.3rem;font-weight:900;letter-spacing:-.03em}.price small{font-size:.85rem;color:var(--muted);font-weight:600}.side-note{font-size:.85rem;color:var(--muted);margin-top:14px}.stack{display:grid;gap:12px}.full{width:100%}

.docs-shell{display:grid;grid-template-columns:270px 1fr;gap:32px;align-items:start}.docs-nav{position:sticky;top:100px;padding:20px}.docs-nav h4{margin:0 0 12px;color:#fff}.docs-nav a{display:block;color:var(--muted);padding:8px 10px;border-radius:8px;font-size:.9rem}.docs-nav a:hover,.docs-nav a.active{color:white;background:rgba(143,0,255,.10)}.docs-content{padding:10px 0}.docs-content h1{font-size:2.8rem;line-height:1;margin:0 0 16px}.docs-content h2{font-size:1.8rem;margin:38px 0 12px}.docs-content h3{font-size:1.2rem;margin-top:30px}.docs-content p,.docs-content li{color:var(--muted)}.code{background:#07050a;border:1px solid var(--border);border-radius:12px;padding:18px;overflow:auto;color:#e6d8ef;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem}.note{border-left:3px solid var(--purple);background:rgba(143,0,255,.08);padding:14px 16px;border-radius:0 10px 10px 0;color:#d9cfe1}

.footer{border-top:1px solid var(--border);padding:52px 0 30px;background:#07050a}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer-brand img{width:74px}.footer p{color:var(--muted);max-width:420px}.footer h4{margin:0 0 12px}.footer a{display:block;color:var(--muted);margin:7px 0;font-size:.9rem}.footer a:hover{color:white}.footer-bottom{border-top:1px solid var(--border);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted-2);font-size:.82rem}

.toast{position:fixed;right:20px;bottom:20px;z-index:100;background:#18101f;border:1px solid var(--border-gold);box-shadow:var(--shadow);border-radius:12px;padding:14px 16px;max-width:340px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}

@media (max-width:900px){
 .nav-links,.nav-actions{display:none}.menu-toggle{display:block}.nav.open{height:auto;min-height:78px;flex-wrap:wrap;padding:12px 0 18px}.nav.open .nav-links{display:grid;width:100%;gap:5px}.nav.open .nav-links a{padding:9px 0}.nav.open .nav-actions{display:flex;width:100%}
 .hero-inner{grid-template-columns:1fr;padding:76px 0}.hero-mark{display:none}.hero{min-height:auto}.grid-3,.grid-2,.feature-strip,.footer-grid{grid-template-columns:1fr 1fr}.feature-item:nth-child(2){border-right:0}.feature-item{border-bottom:1px solid var(--border)}.product-layout,.docs-shell{grid-template-columns:1fr}.product-side,.docs-nav{position:static}.docs-nav{display:none}
}
@media (max-width:620px){
 .container{width:min(calc(100% - 26px),var(--max))}.hero-copy h1{font-size:3.35rem}.section{padding:70px 0}.section-heading{display:block}.section-heading p{margin-top:14px}.grid-3,.grid-2,.feature-strip,.footer-grid{grid-template-columns:1fr}.feature-item{border-right:0}.feature-list{grid-template-columns:1fr}.callout{padding:30px}.callout-hawk{display:none}.footer-bottom{display:block}.page-hero{padding-top:75px}.brand-copy strong{font-size:.86rem}.brand-copy span{font-size:.58rem}.nav-actions .btn{flex:1}
}

/* v1.0.3 motion + polish */
body{cursor:default}
a,button,.card{cursor:pointer}
.site-header{box-shadow:0 8px 40px rgba(0,0,0,.22)}
.brand img{width:58px;height:58px;transition:filter .25s ease,transform .25s ease}.brand:hover img{transform:scale(1.06);filter:drop-shadow(0 0 18px rgba(217,166,46,.32)) drop-shadow(0 0 16px rgba(143,0,255,.22))}
.hero{--mx:0px;--my:0px;background:radial-gradient(circle at 52% 48%,rgba(143,0,255,.07),transparent 35%)}
.hero::before{transform:translate(var(--mx),var(--my)) scale(1.035);transition:transform .25s ease-out;animation:heroBreath 7s ease-in-out infinite alternate}
@keyframes heroBreath{from{filter:saturate(.92) brightness(.9)}to{filter:saturate(1.12) brightness(1.05)}}
.hero-inner{grid-template-columns:1fr;max-width:1180px;padding-left:130px}
.hero-copy{max-width:800px}.hero-copy h1{max-width:800px}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.hero-atmosphere span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--purple-soft);box-shadow:0 0 16px var(--purple);opacity:.45;animation:floatSpark 8s ease-in-out infinite}.hero-atmosphere span:nth-child(1){left:55%;top:24%}.hero-atmosphere span:nth-child(2){left:82%;top:65%;animation-delay:-3s;background:var(--gold-soft);box-shadow:0 0 16px var(--gold)}.hero-atmosphere span:nth-child(3){left:70%;top:42%;animation-delay:-5s}
@keyframes floatSpark{0%,100%{transform:translate(0,0) scale(.7);opacity:.18}50%{transform:translate(18px,-42px) scale(1.25);opacity:.7}}
.hero-vertical-mark{position:absolute;z-index:4;left:max(24px,calc((100vw - var(--max))/2 - 100px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;filter:drop-shadow(0 0 20px rgba(143,0,255,.12))}.hero-vertical-mark img{width:78px;height:78px;object-fit:contain;opacity:.95}.hero-vertical-mark span{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.28em;font-weight:900;font-size:.78rem;color:var(--gold-soft)}.hero-vertical-mark small{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.3em;font-weight:800;font-size:.52rem;color:var(--purple-soft)}
.hero-copy h1 .gold,.hero-copy h1 .purple{background-size:100% 200%;animation:titleShimmer 5s ease-in-out infinite alternate}@keyframes titleShimmer{from{background-position:50% 0}to{background-position:50% 100%}}
.btn{position:relative;overflow:hidden}.btn::after{content:"";position:absolute;inset:-100% auto -100% -35%;width:24%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:left .55s ease}.btn:hover::after{left:120%}.btn:hover{box-shadow:0 0 28px rgba(143,0,255,.15)}.btn-primary:hover{box-shadow:0 0 32px rgba(217,166,46,.27)}
.card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-8px);border-color:rgba(179,76,255,.36);box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 34px rgba(143,0,255,.11)}.card:hover::before{opacity:1}.product-icon{transition:transform .3s ease,box-shadow .3s ease}.card:hover .product-icon{transform:translateY(-2px) rotate(-2deg) scale(1.05);box-shadow:0 0 25px rgba(217,166,46,.12)}
.feature-item{transition:background .25s ease}.feature-item:hover{background:linear-gradient(145deg,rgba(217,166,46,.05),rgba(143,0,255,.08))}.callout{transition:border-color .3s ease,box-shadow .3s ease}.callout:hover{border-color:rgba(217,166,46,.55);box-shadow:0 0 55px rgba(143,0,255,.09)}.callout-hawk{animation:hawkDrift 8s ease-in-out infinite alternate}@keyframes hawkDrift{from{transform:rotate(-6deg) translateY(0)}to{transform:rotate(-3deg) translateY(16px)}}
.reveal,.card,.feature-item,.callout{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .3s ease}.visible{opacity:1;transform:translateY(0)}.card.visible:hover{transform:translateY(-8px)}
.cursor-halo{position:fixed;left:0;top:0;width:18px;height:18px;border:1.5px solid rgba(240,197,92,.95);border-radius:50%;z-index:9999;pointer-events:none;opacity:0;box-shadow:0 0 10px rgba(217,166,46,.45),inset 0 0 6px rgba(143,0,255,.25);transition:width .16s,height .16s,opacity .18s,border-color .16s,background .16s}.cursor-halo.on{opacity:.85}.cursor-halo.hot{width:34px;height:34px;border-color:rgba(179,76,255,.95);background:rgba(143,0,255,.06);box-shadow:0 0 18px rgba(143,0,255,.4),0 0 10px rgba(217,166,46,.25)}
.footer-brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(143,0,255,.12))}
@media (max-width:1300px){.hero-vertical-mark{left:24px}.hero-inner{padding-left:115px}}
@media (max-width:900px){.hero-vertical-mark{display:none}.hero-inner{padding-left:0}.cursor-halo{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.card,.feature-item,.callout{opacity:1;transform:none}}

/* v1.0.4 atmosphere polish */
.hero-vertical-mark,.cursor-halo{display:none!important}
body{position:relative;isolation:isolate}
.site-header,main,.footer,.toast{position:relative;z-index:2}
.site-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ambient-hawk{position:absolute;right:-9vw;top:12vh;width:min(47vw,760px);opacity:.035;filter:saturate(.7) sepia(.2) hue-rotate(235deg) drop-shadow(0 0 35px rgba(143,0,255,.15));transform:translate3d(var(--page-mx,0),var(--page-my,0),0) rotate(-5deg);transition:transform .18s ease-out}
.ambient-dot{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;opacity:.68;animation:ambientFloat var(--d) ease-in-out var(--delay) infinite alternate}
.ambient-dot.gold{background:#f0c55c;box-shadow:0 0 7px rgba(240,197,92,.9),0 0 17px rgba(217,166,46,.35)}
.ambient-dot.purple{background:#b34cff;box-shadow:0 0 7px rgba(179,76,255,.85),0 0 16px rgba(143,0,255,.3);opacity:.52}
@keyframes ambientFloat{0%{transform:translate3d(0,0,0) scale(.75);opacity:.28}45%{opacity:.8}100%{transform:translate3d(12px,-24px,0) scale(1.15);opacity:.42}}
.hero-atmosphere span{background:var(--gold-soft)!important;box-shadow:0 0 10px rgba(240,197,92,.85)!important}
.hero-atmosphere span:nth-child(3n+2){background:var(--purple-soft)!important;box-shadow:0 0 10px rgba(179,76,255,.7)!important}
/* Gold native-style custom cursor without the follower halo. */
@media (pointer:fine){
 body,a,button,.card{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 2L22 15l-8 1 4 8-4 2-4-8-6 6z' fill='%23d9a62e' stroke='%2309070d' stroke-width='1.5'/%3E%3C/svg%3E") 4 2,auto}
 a,button,.card,.btn{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M5 2L24 16l-9 1 4 9-4 2-4-9-6 7z' fill='%23f0c55c' stroke='%238f00ff' stroke-width='1.5'/%3E%3C/svg%3E") 5 2,pointer}
}
/* Secondary pages use the shared hawk; page headers remain readable above it. */
.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 0%,rgba(143,0,255,.12),transparent 31%),linear-gradient(180deg,rgba(33,21,46,.16),rgba(9,7,13,.08))}
body:has(.docs-shell) .ambient-hawk{opacity:.022;right:-14vw;top:18vh;width:min(42vw,650px)}
body:has(.docs-shell) .ambient-dot{opacity:.32}
@media(max-width:900px){.ambient-hawk{width:80vw;right:-35vw;opacity:.025}.site-atmosphere .ambient-dot:nth-of-type(n+11){display:none}}
@media(prefers-reduced-motion:reduce){.ambient-dot{animation:none}.ambient-hawk{transition:none;transform:none}}


/* v1.0.5 shared hero atmosphere + featured ticker */
.brand img{width:58px;height:58px;object-fit:contain;object-position:center}
.footer-brand img{width:68px;height:68px;object-fit:contain;object-position:center}

/* Use the exact full hero artwork everywhere instead of a cropped hawk image. */
.ambient-hawk{
  position:absolute;
  inset:-2vh -1vw -2vh -1vw;
  width:auto;
  height:auto;
  opacity:.16;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:right center;
  filter:saturate(.95) brightness(.8);
  transform:translate3d(var(--page-mx,0),var(--page-my,0),0) scale(1.02);
  transition:transform .18s ease-out;
}
body:has(.docs-shell) .ambient-hawk{opacity:.10;inset:-1vh -1vw -1vh -1vw;width:auto;top:auto;right:auto}
@media(max-width:900px){.ambient-hawk{inset:0 -18vw 0 0;background-size:cover;background-position:72% center;opacity:.10}}
@media(max-width:620px){.ambient-hawk{opacity:.075;background-position:78% center}}

/* A compact moving featured rail that gives the hero more life without taking over. */
.hero{padding-bottom:54px}
.featured-ticker{
  position:absolute;
  z-index:5;
  left:0;right:0;bottom:0;
  min-height:54px;
  display:grid;
  grid-template-columns:max-content 1fr;
  align-items:center;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg,rgba(9,7,13,.96),rgba(23,13,33,.93),rgba(9,7,13,.96));
  backdrop-filter:blur(12px);
  box-shadow:0 -12px 34px rgba(0,0,0,.16);
}
.ticker-label{
  height:54px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 max(24px,calc((100vw - var(--max))/2));
  padding-right:24px;
  color:var(--gold-soft);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-right:1px solid rgba(217,166,46,.22);
  background:rgba(217,166,46,.035);
  white-space:nowrap;
}
.ticker-pulse{width:7px;height:7px;border-radius:50%;background:var(--gold-soft);box-shadow:0 0 12px rgba(240,197,92,.95);animation:tickerPulse 1.8s ease-in-out infinite}
.ticker-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-track{display:flex;align-items:center;width:max-content;gap:28px;padding-left:26px;animation:tickerScroll 34s linear infinite;color:#cfc5d6;font-size:.84rem;white-space:nowrap}
.ticker-track span{display:inline-flex;gap:6px;align-items:center}.ticker-track strong{color:#fff}.ticker-track i{font-style:normal;color:var(--gold);font-size:.55rem;filter:drop-shadow(0 0 6px rgba(217,166,46,.45))}
.featured-ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes tickerPulse{0%,100%{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.12)}}

/* Let the hero artwork remain the strongest hawk treatment. */
.hero::before{background-size:cover;background-position:right center}

@media(max-width:900px){
  .hero{padding-bottom:48px}
  .featured-ticker{min-height:48px;grid-template-columns:max-content 1fr}
  .ticker-label{height:48px;padding-left:18px;padding-right:16px;font-size:.67rem}
  .ticker-track{font-size:.78rem;gap:22px;animation-duration:29s}
}
@media(max-width:620px){
  .featured-ticker{grid-template-columns:1fr}
  .ticker-label{display:none}
  .ticker-track{padding-left:18px;font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-pulse{animation:none}}

/* v1.0.6 intentional standalone brand mark + clickable ticker + hero feature panel */
.brand img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(217,166,46,.18)) drop-shadow(0 0 12px rgba(143,0,255,.12))}
.footer-brand img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(217,166,46,.16)) drop-shadow(0 0 14px rgba(143,0,255,.12))}
.ticker-track a{display:inline-flex;gap:6px;align-items:center;color:#cfc5d6;text-decoration:none;padding:10px 8px;border-radius:8px;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}
.ticker-track a strong{color:#fff;transition:color .2s ease}
.ticker-track a:hover{color:#fff;background:rgba(143,0,255,.10);box-shadow:inset 0 0 0 1px rgba(179,76,255,.18),0 0 18px rgba(143,0,255,.10);transform:translateY(-1px)}
.ticker-track a:hover strong{color:var(--gold-soft)}

.hero-feature-card{
  position:absolute;z-index:4;
  left:max(22px,calc((100vw - var(--max))/2 - 210px));
  top:50%;transform:translateY(-46%);
  width:180px;padding:20px 18px 18px;
  color:#fff;text-decoration:none;
  border:1px solid rgba(217,166,46,.20);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(26,15,36,.74),rgba(10,7,14,.60));
  backdrop-filter:blur(10px);
  box-shadow:0 18px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.hero-feature-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--gold-soft),var(--purple),transparent 88%);opacity:.85}
.hero-feature-card::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-45px;top:-45px;background:radial-gradient(circle,rgba(143,0,255,.20),transparent 68%);transition:transform .35s ease}
.hero-feature-card:hover{transform:translateY(-48%);border-color:rgba(217,166,46,.42);box-shadow:0 22px 58px rgba(0,0,0,.30),0 0 26px rgba(143,0,255,.10),inset 0 1px 0 rgba(255,255,255,.05)}
.hero-feature-card:hover::after{transform:scale(1.35)}
.hero-feature-kicker{display:flex;align-items:center;gap:7px;color:var(--gold-soft);font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:15px}
.hero-feature-kicker i{width:6px;height:6px;border-radius:50%;background:var(--gold-soft);box-shadow:0 0 11px rgba(240,197,92,.95);animation:tickerPulse 1.8s ease-in-out infinite}
.hero-feature-title{display:block;font-size:1.35rem;line-height:1.02;font-weight:900;letter-spacing:-.025em;margin-bottom:12px}
.hero-feature-copy{display:block;color:#bcb1c4;font-size:.76rem;line-height:1.55;margin-bottom:18px}
.hero-feature-link{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);color:var(--gold-soft);font-size:.72rem;font-weight:800}
.hero-feature-link b{font-size:1rem;transition:transform .2s ease}.hero-feature-card:hover .hero-feature-link b{transform:translateX(3px)}
@media(max-width:1380px){.hero-feature-card{display:none}}
@media(prefers-reduced-motion:reduce){.hero-feature-kicker i{animation:none}.hero-feature-card,.hero-feature-card:hover{transform:translateY(-46%)}}


/* v1.0.7 — true left-side featured resource rail */
@media (min-width: 1381px){
  .hero-inner{
    display:grid;
    grid-template-columns:190px minmax(0,800px);
    gap:34px;
    align-items:center;
    max-width:1180px;
    padding-left:0;
  }
  .hero-copy{grid-column:2;max-width:800px;}
  .hero-feature-card{
    position:relative;
    grid-column:1;
    grid-row:1;
    left:auto;
    top:auto;
    transform:none;
    width:170px;
    align-self:center;
    justify-self:start;
    padding:19px 17px 17px;
  }
  .hero-feature-card:hover{transform:translateY(-5px)}
  .hero-feature-card::before{width:2px}
  .hero-feature-card::after{right:-48px;top:-48px}
}
@media (max-width:1380px){
  .hero-inner{padding-left:0}
  .hero-feature-card{display:none}
}
@media (prefers-reduced-motion:reduce) and (min-width:1381px){
  .hero-feature-card,.hero-feature-card:hover{transform:none}
}

/* v1.0.8 — vertical featured resources carousel */
.hero-inner{
  max-width:1200px;
}
.hero-resource-rail{display:none}
@media (min-width:1381px){
  .hero-inner{
    display:grid;
    grid-template-columns:218px minmax(0,790px);
    gap:40px;
    align-items:center;
    padding-left:0;
  }
  .hero-copy{grid-column:2;max-width:790px}
  .hero-resource-rail{
    grid-column:1;
    grid-row:1;
    display:block;
    width:218px;
    align-self:center;
    position:relative;
  }
  .resource-rail-label{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 12px 3px;
    color:var(--gold-soft);
    font-size:.66rem;
    line-height:1;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .resource-rail-label span{
    width:6px;height:6px;border-radius:50%;
    background:var(--gold-soft);
    box-shadow:0 0 12px rgba(240,197,92,.9);
    animation:tickerPulse 1.8s ease-in-out infinite;
  }
  .resource-rail-window{
    position:relative;
    height:430px;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  }
  .resource-rail-track{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:28px 3px;
    animation:resourceRailScroll 22s linear infinite;
  }
  .hero-resource-rail:hover .resource-rail-track{animation-play-state:paused}
  .rail-card{
    flex:0 0 auto;
    display:block;
    min-height:196px;
    padding:8px 8px 12px;
    border:1px solid rgba(217,166,46,.16);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(31,17,43,.83),rgba(10,7,14,.82));
    color:#fff;
    text-decoration:none;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
  }
  .rail-card:hover{
    transform:translateX(5px);
    border-color:rgba(240,197,92,.52);
    background:linear-gradient(145deg,rgba(42,22,58,.92),rgba(12,8,16,.92));
    box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 24px rgba(143,0,255,.13),0 0 18px rgba(217,166,46,.08);
  }
  .rail-card img{
    display:block;
    width:100%;height:92px;
    object-fit:cover;
    border-radius:9px;
    margin-bottom:9px;
    border:1px solid rgba(255,255,255,.055);
  }
  .rail-status{
    display:inline-flex;
    align-items:center;
    min-height:19px;
    padding:0 7px;
    margin:0 0 7px;
    border-radius:999px;
    background:rgba(217,166,46,.11);
    border:1px solid rgba(217,166,46,.21);
    color:var(--gold-soft);
    font-size:.53rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .rail-status.purple-status{background:rgba(143,0,255,.12);border-color:rgba(179,76,255,.24);color:#d8a9ff}
  .rail-status.muted-status{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);color:#c7bdcd}
  .rail-card strong{display:block;font-size:.94rem;line-height:1.15;margin-bottom:4px}
  .rail-card small{display:block;color:#a99faf;font-size:.66rem;line-height:1.35;margin-bottom:7px}
  .rail-card em{display:block;color:var(--gold-soft);font-size:.63rem;font-style:normal;font-weight:850;letter-spacing:.02em}
}
@keyframes resourceRailScroll{
  from{transform:translateY(0)}
  to{transform:translateY(calc(-50% - 7px))}
}
@media (max-width:1380px){
  .hero-inner{grid-template-columns:1fr;padding-left:0}
  .hero-resource-rail{display:none}
}
@media (prefers-reduced-motion:reduce){
  .resource-rail-track{animation:none!important}
  .resource-rail-label span{animation:none!important}
}


/* v1.0.9 — larger featured-resource rail; bottom ticker retired */
@media (min-width:1381px){
  .hero-inner{
    max-width:1360px;
    grid-template-columns:310px minmax(0,790px);
    gap:58px;
  }
  .hero-resource-rail{width:310px}
  .resource-rail-window{height:540px}
  .resource-rail-track{gap:18px;padding:34px 4px;animation-duration:26s}
  .rail-card{min-height:248px;padding:10px 10px 15px;border-radius:16px}
  .rail-card img{height:132px;border-radius:11px;margin-bottom:11px}
  .rail-status{min-height:21px;padding:0 8px;margin-bottom:8px;font-size:.57rem}
  .rail-card strong{font-size:1.08rem;margin-bottom:5px}
  .rail-card small{font-size:.72rem;line-height:1.42;margin-bottom:9px}
  .rail-card em{font-size:.69rem}
}

/* v1.0.10 — showcase-sized featured cards + gold/purple hawk artwork */
.ambient-hawk{
  background-image:url('assets/images/shd-hawk-gold-purple.png')!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:right center!important;
  inset:4vh -1vw 2vh auto!important;
  width:min(54vw,920px)!important;
  opacity:.34!important;
  filter:none!important;
  mix-blend-mode:screen;
}
body:has(.docs-shell) .ambient-hawk{
  background-image:url('../assets/images/shd-hawk-gold-purple.png')!important;
  width:min(50vw,860px)!important;
  inset:8vh -2vw 4vh auto!important;
  opacity:.20!important;
}
@media (min-width:1381px){
  .hero-inner{
    max-width:1480px;
    grid-template-columns:410px minmax(0,790px);
    gap:64px;
  }
  .hero-resource-rail{width:410px}
  .resource-rail-window{height:650px}
  .resource-rail-track{gap:22px;padding:38px 5px;animation-duration:34s}
  .rail-card{
    min-height:358px;
    padding:12px 12px 18px;
    border-radius:19px;
  }
  .rail-card img{
    height:218px;
    border-radius:14px;
    margin-bottom:13px;
  }
  .rail-status{margin-bottom:9px}
  .rail-card strong{font-size:1.34rem;line-height:1.1;margin-bottom:7px}
  .rail-card small{font-size:.78rem;line-height:1.4;margin-bottom:12px}
  .rail-card em{font-size:.78rem}
}
@media(max-width:1380px){
  .ambient-hawk{width:72vw!important;right:-24vw!important;opacity:.22!important}
}
.rail-price{color:var(--gold-soft);font-size:1rem;font-weight:900;margin:2px 0 9px;letter-spacing:.01em}
.rail-card em{display:inline-flex;align-items:center;gap:5px}


/* v1.0.11 — unified standalone gold/purple hawk across every page */
.ambient-hawk{
  background-image:url('assets/images/shd-hawk-gold-purple.png')!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:right center!important;
  width:min(56vw,980px)!important;
  inset:2vh -2vw 0 auto!important;
  opacity:.42!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 0 34px rgba(143,0,255,.12))!important;
}
body:not(:has(.hero)) .ambient-hawk{opacity:.24!important;width:min(52vw,900px)!important;inset:7vh -4vw 2vh auto!important}
body:has(.docs-shell) .ambient-hawk{
  background-image:url('../assets/images/shd-hawk-gold-purple.png')!important;
  opacity:.16!important;
  width:min(48vw,820px)!important;
  inset:10vh -3vw 4vh auto!important;
}
@media(max-width:1380px){.ambient-hawk{width:68vw!important;right:-22vw!important;opacity:.30!important}}
@media(max-width:900px){.ambient-hawk{width:88vw!important;right:-40vw!important;opacity:.18!important}.hero .ambient-hawk{opacity:.22!important}}
@media(max-width:620px){.ambient-hawk{opacity:.12!important}}

/* v1.1.1 — featured resource card alignment cleanup */
@media (min-width:1381px){
  .rail-card{
    padding:12px;
    text-align:left;
  }
  .rail-card img{
    width:100%;
    margin:0;
    display:block;
  }
  .rail-card-body{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    padding:14px 8px 6px;
    box-sizing:border-box;
    text-align:left;
  }
  .rail-card-body .rail-status,
  .rail-card-body strong,
  .rail-card-body small,
  .rail-card-body .rail-price,
  .rail-card-body em{
    margin-left:0;
    margin-right:0;
    text-align:left;
  }
  .rail-card-body .rail-status{margin-top:0;margin-bottom:10px}
  .rail-card-body strong{width:100%;margin-top:0;margin-bottom:7px}
  .rail-card-body small{width:100%;margin-top:0;margin-bottom:12px}
  .rail-card-body .rail-price{width:100%;margin-top:0;margin-bottom:10px}
  .rail-card-body em{margin-top:0}
}

/* v1.1.2 Documentation CMS */
.cms-doc-group{margin:0 0 44px}.cms-doc-group:last-child{margin-bottom:0}.cms-doc-group-head{margin-bottom:18px}.cms-doc-group-head h2{margin:6px 0 0}.cms-doc-group .product-card{min-height:190px}.docs-nav #cms-product-nav,.docs-nav #productDocNav{display:flex;flex-direction:column}

/* Documentation hierarchy */
.doc-subpage-preview{margin-top:12px;color:var(--muted);font-size:.82rem;line-height:1.55;opacity:.9}

.checkout-transition{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:40px 20px}.checkout-transition-card{width:min(620px,100%);padding:42px;border:1px solid rgba(217,166,46,.2);border-radius:24px;background:linear-gradient(145deg,rgba(33,21,46,.92),rgba(9,7,13,.96));text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.42)}.checkout-transition-card img{width:82px;height:82px;object-fit:contain;margin-bottom:16px}.checkout-transition-card h1{margin:.35rem 0 .7rem}.checkout-transition-card p{color:#b8afc0}.checkout-transition-card .admin-row{justify-content:center}

.doc-inline-image{display:block;max-width:100%;height:auto;margin:18px 0;border-radius:12px;border:1px solid rgba(217,166,46,.16);box-shadow:0 14px 35px rgba(0,0,0,.25)}

/* Resource CMS media */
.resource-showcase{margin:0 0 28px}.resource-showcase[hidden]{display:none}.resource-showcase>img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:20px;border:1px solid rgba(217,166,46,.3);background:rgba(10,7,14,.55);box-shadow:0 18px 60px rgba(0,0,0,.35)}.resource-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.resource-gallery button{display:block;padding:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02);cursor:pointer;transition:.2s ease}.resource-gallery button:hover{border-color:rgba(217,166,46,.72);transform:translateY(-2px);box-shadow:0 0 24px rgba(143,0,255,.18)}.resource-gallery img{display:block;width:100%;height:120px;object-fit:cover}.resource-description,.resource-copy{color:var(--muted);white-space:pre-line}.resource-description p{margin-top:0}.resource-side-status{color:var(--gold);font-size:1.05rem}.resource-video{margin-top:22px}@media(max-width:780px){.resource-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-gallery img{height:100px}}

/* v1.5.0 site management */
.shd-promo{position:relative;z-index:60;text-align:center;padding:10px 48px;background:linear-gradient(90deg,rgba(217,166,46,.95),rgba(117,34,180,.96),rgba(217,166,46,.95));color:#100b14;font-weight:800;letter-spacing:.04em}.shd-promo a{color:#100b14;text-decoration:underline;margin-left:14px}.legal-public{white-space:pre-wrap;line-height:1.75;max-width:1000px;margin:auto}.legal-editor{display:grid;gap:20px}.legal-editor textarea{width:100%}.resource-changelog{margin-top:28px}.resource-release{padding:14px 0;border-bottom:1px solid var(--border)}.resource-release:last-child{border-bottom:0}.resource-release strong{color:var(--gold)}
/* v1.5.1 promotional banner reliability/polish */
.shd-promo{display:flex;align-items:center;justify-content:center;gap:14px;min-height:42px;position:relative;z-index:70}
.shd-promo span{display:inline-block}
.shd-promo a{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:rgba(10,7,14,.14);text-decoration:none!important;transition:.2s ease}
.shd-promo a:hover{background:rgba(10,7,14,.24);transform:translateY(-1px)}
@media(max-width:640px){.shd-promo{padding:9px 14px;gap:8px;flex-wrap:wrap;font-size:.78rem}.shd-promo a{margin-left:0}}