:root{color-scheme:dark;--ink: #05020e;--ink-soft: #090716;--moon: #f4f0ff;--moon-dim: #d8d0e5;--violet: #a763f7;--violet-soft: #d6b6ff;--cyan: #8fdcff;--amber: #e8a23c;--muted: #9a91aa;--display: Georgia, "Times New Roman", serif;--body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--ink);overflow-x:hidden}body{margin:0;min-width:320px;background:var(--ink);color:var(--moon);overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a{color:inherit;font:inherit}button{border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.8rem 1rem;background:var(--moon);color:var(--ink);text-decoration:none;transform:translateY(-180%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.experience{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;pointer-events:none}.experience canvas{display:block;width:100%!important;height:100%!important}.cinematic-grade{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,1,8,.12) 0%,transparent 28%,transparent 66%,rgba(3,1,8,.36) 100%),radial-gradient(ellipse at center,transparent 38%,rgba(3,1,8,.08) 66%,rgba(3,1,8,.58) 118%);box-shadow:inset 0 0 10vw #0000003d}.fire-portal-transition{--fire-portal-progress: 0;position:fixed;z-index:7;top:-12%;right:-12%;bottom:-12%;left:-12%;visibility:hidden;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 54%,#ffffdcfa 0,#ffffdcfa 7%,#ffde5cfa 18%,#ff7123fa 48%,#671017fa 76%,#09030a),#ff6728;filter:saturate(1.16) contrast(1.04);transform:scale(calc(.94 + var(--fire-portal-progress) * .12));transform-origin:50% 58%;will-change:opacity,transform}.fire-portal-transition:before,.fire-portal-transition:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse at 34% 72%,rgba(255,238,145,.84),transparent 34%),radial-gradient(ellipse at 66% 66%,rgba(255,184,65,.78),transparent 38%),conic-gradient(from 18deg at 50% 68%,transparent,rgba(255,244,172,.72),transparent 28%,rgba(255,93,35,.68),transparent 62%);mix-blend-mode:screen;filter:blur(2.2rem);animation:fire-portal-flicker .48s ease-in-out infinite alternate}.fire-portal-transition:after{transform:scaleX(-1) rotate(8deg);animation-delay:-.21s;animation-duration:.62s}@keyframes fire-portal-flicker{0%{transform:scale(.94,1.06) translate3d(-1.2%,1.5%,0)}to{transform:scale(1.08,.96) translate3d(1.4%,-1%,0)}}.scroll-stage{position:relative;z-index:2;width:100%;pointer-events:none}.site-header{position:fixed;z-index:8;top:0;left:0;display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:1.7rem clamp(1.25rem,3.6vw,3.8rem);pointer-events:none}.site-brand{padding:0;background:transparent;color:#f4f0ffe6;font-family:var(--display);font-size:.85rem;letter-spacing:.42em;text-shadow:0 0 24px rgba(167,99,247,.52);cursor:pointer;pointer-events:auto}.site-brand:after{content:"";display:block;width:2.6rem;height:1px;margin-top:.68rem;background:linear-gradient(90deg,rgba(214,182,255,.88),transparent)}.prototype-label{display:flex;align-items:center;gap:.85rem;color:#d8d0e57a;font-size:.61rem;letter-spacing:.22em;text-transform:uppercase}.prototype-label strong{color:#f4f0ffd1;font-size:.67rem;font-weight:500;letter-spacing:.13em}.story-overlay{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.story-panel{position:absolute;top:50%;width:min(42rem,calc(100vw - 10rem));visibility:hidden;opacity:0;transition:opacity .58s cubic-bezier(.2,.74,.2,1),transform .85s cubic-bezier(.16,.78,.22,1),visibility 0s linear .85s}.story-panel:before{content:"";position:absolute;z-index:-1;top:-5rem;right:-7rem;bottom:-5rem;left:-7rem;opacity:.84;pointer-events:none}.story-panel--left{left:clamp(1.5rem,7vw,7.5rem);transform:translate3d(-2.2rem,-48%,0);text-align:left}.story-panel--left:before{background:radial-gradient(ellipse at 22% 50%,rgba(5,2,14,.82) 0%,rgba(5,2,14,.46) 44%,transparent 72%)}.story-panel--right{right:clamp(4.5rem,10vw,10rem);transform:translate3d(2.2rem,-48%,0);text-align:right}.story-panel--right:before{background:radial-gradient(ellipse at 78% 50%,rgba(5,2,14,.84) 0%,rgba(5,2,14,.46) 44%,transparent 72%)}.story-panel--center{left:50%;transform:translate3d(-50%,calc(-48% + 1.2rem),0);text-align:center}.story-panel--center:before{background:radial-gradient(ellipse at center,rgba(5,2,14,.74) 0%,rgba(5,2,14,.34) 48%,transparent 76%)}.story-panel.is-visible{visibility:visible;opacity:1;transition-delay:90ms,0ms,0ms}.story-panel--left.is-visible,.story-panel--right.is-visible{transform:translate3d(0,-50%,0)}.story-panel--center.is-visible{transform:translate3d(-50%,-50%,0)}.app-preview{position:absolute;top:50%;display:flex;align-items:flex-end;justify-content:center;gap:.65rem;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .42s cubic-bezier(.2,.74,.2,1),transform .62s cubic-bezier(.16,.78,.22,1),visibility 0s linear .62s}.app-preview:before{content:"";position:absolute;z-index:-1;top:-3.5rem;right:-3.5rem;bottom:-3.5rem;left:-3.5rem;background:radial-gradient(ellipse,rgba(24,10,47,.76),rgba(5,2,14,.25) 55%,transparent 74%);filter:blur(1rem)}.app-preview--left{right:clamp(4.8rem,9vw,9rem);transform:translate3d(2rem,-48%,0) scale(.96)}.app-preview--right{left:clamp(2.5rem,6vw,6rem);transform:translate3d(-2rem,-48%,0) scale(.96)}.app-preview--center{left:50%;transform:translate3d(-50%,-46%,0) scale(.96)}.app-preview.is-visible{visibility:visible;opacity:1;transition-delay:50ms,0ms,0ms}.app-preview--left.is-visible,.app-preview--right.is-visible{transform:translate3d(0,-50%,0) scale(1)}.app-preview--center.is-visible{transform:translate3d(-50%,-50%,0) scale(1)}.app-preview__screen{display:flex;flex-direction:column;align-items:center}.app-phone{position:relative;width:clamp(10rem,14vw,13.25rem);padding:.38rem;border:1px solid rgba(226,209,255,.3);border-radius:2rem;background:linear-gradient(145deg,#21172f,#05030a 28%,#130b20 78%,#050308);box-shadow:0 2rem 5rem #00000094,0 0 2.5rem #8f4de233,inset 0 0 0 .18rem #ffffff09;overflow:hidden}.app-phone:after{content:"";position:absolute;top:.2rem;right:.2rem;bottom:.2rem;left:.2rem;border:1px solid rgba(255,255,255,.06);border-radius:1.75rem;pointer-events:none}.app-phone__speaker{position:absolute;z-index:2;top:.72rem;left:50%;width:2.4rem;height:.28rem;border-radius:999px;background:#040209e0;box-shadow:0 0 0 1px #ffffff0d;transform:translate(-50%)}.app-phone img{display:block;width:100%;height:auto;aspect-ratio:396 / 846;border-radius:1.62rem;object-fit:cover}.app-preview__caption{margin-top:.8rem;color:#e2d6ef94;font-size:.55rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 1rem rgba(0,0,0,.9)}.app-preview--paired .app-phone{width:clamp(8.2rem,10.8vw,10.4rem)}.app-preview--paired .app-preview__screen:first-child .app-phone{transform:translateY(.8rem) rotate(-3.5deg)}.app-preview--paired .app-preview__screen:last-child .app-phone{transform:rotate(3.5deg)}.app-preview--role-packs{width:clamp(21rem,30vw,27rem);align-items:stretch}.role-shop-card{width:100%;padding:clamp(1rem,1.6vw,1.5rem);border:1px solid rgba(199,151,255,.3);border-radius:1.65rem;background:radial-gradient(circle at 50% 0%,rgba(143,71,217,.22),transparent 45%),linear-gradient(155deg,#1d112cf5,#07040df7);box-shadow:0 2rem 5rem #0000008a,0 0 3rem #8f4de229,inset 0 1px #ffffff0d}.role-shop-card__heading{display:flex;flex-direction:column;gap:.35rem;padding:.15rem .2rem 1rem;border-bottom:1px solid rgba(205,173,244,.12)}.role-shop-card__heading span{color:var(--violet-soft);font-size:.56rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.role-shop-card__heading strong{color:var(--moon);font-family:var(--display);font-size:clamp(1.35rem,2vw,1.85rem);font-weight:400;line-height:1.1}.role-shop-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.9rem 0}.role-shop-card__pack{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.65rem;border:1px solid rgba(190,145,239,.14);border-radius:1rem;background:#ffffff06}.role-shop-card__pack img{width:clamp(2.7rem,4vw,3.6rem);height:clamp(2.7rem,4vw,3.6rem);flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 0 .8rem rgba(167,99,247,.22))}.role-shop-card__pack span{display:flex;min-width:0;flex-direction:column;gap:.18rem}.role-shop-card__pack strong{overflow:hidden;color:#f4effae6;font-size:.72rem;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.role-shop-card__pack small{overflow:hidden;color:#c8b8d894;font-size:.52rem;letter-spacing:.08em;line-height:1.25;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.role-shop-card__footer{display:block;padding:.7rem .8rem;border:1px solid rgba(194,104,255,.28);border-radius:.85rem;color:#e8ccffd1;background:#5718853d;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}.story-panel__eyebrow{display:inline-flex;align-items:center;gap:.85rem;margin:0 0 1.25rem;color:var(--violet-soft);font-size:clamp(.62rem,.75vw,.72rem);font-weight:600;letter-spacing:.34em;line-height:1.4;text-transform:uppercase;text-shadow:0 0 18px rgba(167,99,247,.66)}.story-panel__eyebrow:before{content:"";width:clamp(1.6rem,3vw,2.6rem);height:1px;background:linear-gradient(90deg,var(--violet-soft),rgba(214,182,255,0));opacity:.7}.story-panel--right .story-panel__eyebrow{flex-direction:row-reverse}.story-panel--right .story-panel__eyebrow:before{background:linear-gradient(270deg,var(--violet-soft),rgba(214,182,255,0))}.story-panel--center .story-panel__eyebrow:after{content:"";width:clamp(1.6rem,3vw,2.6rem);height:1px;background:linear-gradient(270deg,var(--violet-soft),rgba(214,182,255,0));opacity:.7}@media (min-width: 821px) and (max-width: 1100px){.story-panel{width:min(34rem,calc(100vw - 8rem))}.story-panel h2{font-size:clamp(2.5rem,5vw,4rem)}.app-preview--left{right:2.6rem}.app-preview--right{left:2.6rem}.app-phone{width:9.25rem}.app-preview--paired .app-phone{width:7.4rem}.app-preview--role-packs{width:18.5rem}}.story-panel h2{max-width:13ch;margin:0;color:var(--moon);font-family:var(--display);font-size:clamp(2.65rem,5.3vw,5.3rem);font-weight:400;letter-spacing:-.035em;line-height:.98;text-wrap:balance;text-shadow:0 8px 38px rgba(0,0,0,.72),0 0 34px rgba(124,113,192,.18)}.story-panel--right h2{margin-left:auto}.story-panel--center h2{margin-inline:auto}.story-panel__body{max-width:37rem;margin:1.55rem 0 0;color:#e5ddeed6;font-size:clamp(.95rem,1.25vw,1.15rem);font-weight:350;letter-spacing:.01em;line-height:1.72;text-shadow:0 4px 24px rgba(0,0,0,.85)}.story-panel--right .story-panel__body{margin-left:auto}.story-panel--center .story-panel__body{margin-inline:auto}.hero-wordmark{display:block;width:min(26rem,62vw);height:auto;margin:0 auto -1.4rem;filter:drop-shadow(0 0 2rem rgba(150,111,228,.23))}.story-panel--hero h2{max-width:16ch;font-size:clamp(2.35rem,4.4vw,4.45rem)}.story-panel--hero .story-panel__body{max-width:43rem}.story-panel--multiplayer h2{font-size:clamp(2.65rem,4.6vw,4.6rem)}.scroll-cue{position:fixed;bottom:2.1rem;left:50%;display:flex;flex-direction:column;align-items:center;gap:.7rem;transform:translate(-50%);color:#d8d0e585;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase}.scroll-cue i{display:block;width:1px;height:2.8rem;background:linear-gradient(var(--violet-soft),transparent);transform-origin:top;animation:scroll-pulse 2.4s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.35;transform:scaleY(.72)}50%{opacity:.95;transform:scaleY(1)}}.role-line,.interface-line{display:flex;align-items:center;width:fit-content;max-width:100%;margin-top:2.15rem;border-top:1px solid rgba(220,202,239,.18);border-bottom:1px solid rgba(220,202,239,.12);color:#f0e8f7b8;font-family:var(--display);font-size:.78rem;letter-spacing:.04em}.story-panel--right .role-line,.story-panel--right .interface-line{margin-left:auto}.role-line span,.interface-line span{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem .95rem;white-space:nowrap}.role-line__dot{width:.38rem;height:.38rem;border-radius:50%;box-shadow:0 0 .8rem currentColor}.role-line__dot--village{background:var(--cyan);color:var(--cyan)}.role-line__dot--wolves{background:#ff6489;color:#ff6489}.role-line__dot--neutral{background:#d8b26e;color:#d8b26e}.role-line__dot--solo{background:#c68bff;color:#c68bff}.interface-line{font-family:var(--body);font-size:.65rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.interface-line i{width:1.8rem;height:1px;background:linear-gradient(90deg,#a763f733,#a763f7cc)}.shop-actions{display:flex;flex-direction:column;align-items:flex-start}.story-panel--right .shop-actions{align-items:flex-end}.role-catalog-trigger{display:inline-flex;align-items:center;gap:.9rem;margin-top:.9rem;padding:.75rem .8rem .75rem 1.1rem;border:1px solid rgba(205,158,255,.38);border-radius:999px;background:#2911449e;color:var(--moon);font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;box-shadow:0 .8rem 2.4rem #00000057;cursor:pointer;pointer-events:auto;transition:border-color .22s ease,background .22s ease,transform .22s ease}.role-catalog-trigger span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#d9b7fff2;color:#150a20;font-size:.6rem;letter-spacing:0}.role-catalog-trigger:hover,.role-catalog-trigger:focus-visible{border-color:#dcbeffd1;background:#4c2075bf;transform:translateY(-2px)}.final-cta{display:inline-flex;align-items:center;gap:1.25rem;margin-top:2.2rem;padding:1rem 1.35rem 1rem 1.6rem;border:1px solid rgba(214,182,255,.38);border-radius:999px;background:#08041385;color:var(--moon);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 12px 42px #00000061;cursor:pointer;pointer-events:auto;transition:border-color .24s ease,background .24s ease,transform .24s ease}.final-cta span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--moon);color:var(--ink)}.final-cta:hover,.final-cta:focus-visible{border-color:#d6b6ffd1;background:#241140b3;transform:translateY(-2px)}.store-badges{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem;pointer-events:none}.story-panel--right .store-badges{justify-content:flex-end}.story-panel--center .store-badges{justify-content:center}.store-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.62rem 1.15rem .62rem 1rem;border:1px solid rgba(214,182,255,.3);border-radius:.95rem;background:#0804138c;color:var(--moon);text-align:left;box-shadow:0 12px 34px #0000006b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.store-badge--link{pointer-events:auto;text-decoration:none;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.store-badge--link:hover,.store-badge--link:focus-visible{border-color:#d6b6ff99;transform:translateY(-2px)}.store-badge__logo{width:1.65rem;height:1.65rem;flex:none;color:var(--moon)}.store-badge__text{display:flex;flex-direction:column;gap:.12rem;line-height:1.05}.store-badge__text small{font-size:.56rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.store-badge__text strong{font-family:var(--display);font-weight:400;font-size:1.08rem;letter-spacing:.01em}.role-catalog-modal{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(1rem,3vw,2.8rem);pointer-events:auto;isolation:isolate;animation:role-catalog-fade .26s ease both}.role-catalog__backdrop{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#030108d1;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);cursor:default}.role-catalog__dialog{position:relative;display:flex;width:min(78rem,100%);max-height:min(88vh,58rem);flex-direction:column;overflow:hidden;border:1px solid rgba(208,167,255,.27);border-radius:2rem;background:radial-gradient(circle at 50% -20%,rgba(124,60,188,.27),transparent 40%),linear-gradient(155deg,#160d22fc,#06030bfe);box-shadow:0 3rem 9rem #000000b8,0 0 5rem #803fc721,inset 0 1px #ffffff0e;animation:role-catalog-rise .42s cubic-bezier(.16,.78,.22,1) both}.role-catalog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:clamp(1.35rem,2.4vw,2.1rem) clamp(1.35rem,3vw,2.8rem);border-bottom:1px solid rgba(214,183,246,.11)}.role-catalog__header>div{min-width:0}.role-catalog__eyebrow{color:var(--violet-soft);font-size:.58rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.role-catalog__header h2{margin:.5rem 0 0;color:var(--moon);font-family:var(--display);font-size:clamp(2rem,3.6vw,3.5rem);font-weight:400;letter-spacing:-.025em;line-height:1}.role-catalog__header p{max-width:47rem;margin:.75rem 0 0;color:#ddd2e8ad;font-size:clamp(.78rem,1vw,.92rem);line-height:1.55}.role-catalog__close{display:inline-flex;align-items:center;gap:.75rem;flex:0 0 auto;padding:.42rem .42rem .42rem .85rem;border:1px solid rgba(218,188,249,.2);border-radius:999px;background:#ffffff09;color:#f1eaf8b8;font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background .2s ease}.role-catalog__close i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#e8daf4eb;color:#130a1c;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1}.role-catalog__close:hover,.role-catalog__close:focus-visible{border-color:#dabcf98c;background:#733da42e}.role-catalog__content{overflow-x:hidden;overflow-y:auto;padding:clamp(1.25rem,2.6vw,2.4rem) clamp(1.35rem,3vw,2.8rem) clamp(2rem,4vw,3.4rem);overscroll-behavior:contain;scrollbar-color:rgba(177,121,232,.45) transparent;scrollbar-width:thin}.role-catalog__section{--camp-color: var(--cyan)}.role-catalog__section+.role-catalog__section{margin-top:2.4rem}.role-catalog__section--wolves{--camp-color: #ff6e85}.role-catalog__section--neutral{--camp-color: #f4ca72}.role-catalog__section--solo{--camp-color: #d58aff}.role-catalog__section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding-bottom:.7rem;border-bottom:1px solid color-mix(in srgb,var(--camp-color) 20%,transparent)}.role-catalog__section-heading h3{display:flex;align-items:center;gap:.65rem;margin:0;color:#f4f0f8eb;font-family:var(--display);font-size:1.2rem;font-weight:400}.role-catalog__section-heading h3:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--camp-color);box-shadow:0 0 1rem var(--camp-color)}.role-catalog__section-heading span{color:color-mix(in srgb,var(--camp-color) 76%,white);font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.role-catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem}.role-catalog-card{display:flex;align-items:center;gap:.8rem;min-width:0;padding:.75rem;border:1px solid color-mix(in srgb,var(--camp-color) 15%,transparent);border-radius:1.1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--camp-color) 7%,transparent),#ffffff05)}.role-catalog-card__icon{display:grid;width:3.6rem;height:3.6rem;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--camp-color) 18%,transparent);border-radius:.95rem;background:#04020980;color:var(--camp-color);font-family:var(--display);font-size:.8rem;box-shadow:inset 0 0 1.4rem color-mix(in srgb,var(--camp-color) 7%,transparent)}.role-catalog-card__icon img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 0 .65rem color-mix(in srgb,var(--camp-color) 25%,transparent))}.role-catalog-card__copy{min-width:0;flex:1}.role-catalog-card__copy h4{margin:0;overflow:hidden;color:#f6f2f9f0;font-size:.78rem;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.role-catalog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.42rem}.role-catalog-card__meta span,.role-catalog-card__meta small{padding:.22rem .38rem;border-radius:999px;font-size:.45rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.role-catalog-card__meta span{color:color-mix(in srgb,var(--camp-color) 78%,white);background:color-mix(in srgb,var(--camp-color) 10%,transparent)}.role-catalog-card__meta small{color:#d0bedeab;background:#ffffff0b}.role-catalog-card__meta small.is-free{color:#79e3b7;background:#3eb7851c}@keyframes role-catalog-fade{0%{opacity:0}to{opacity:1}}@keyframes role-catalog-rise{0%{opacity:0;transform:translateY(1.5rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.story-rail{position:fixed;z-index:7;top:50%;right:clamp(1.1rem,2.4vw,2.8rem);display:flex;flex-direction:column;gap:.52rem;transform:translateY(-50%)}.story-rail__line{position:absolute;z-index:-1;top:.65rem;right:.32rem;bottom:.65rem;width:1px;background:linear-gradient(transparent,rgba(214,182,255,.18) 15%,rgba(214,182,255,.18) 85%,transparent)}.story-rail__item{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;min-height:1.7rem;padding:0;background:transparent;color:#d8d0e557;cursor:pointer}.story-rail__label{font-size:.56rem;letter-spacing:.16em;opacity:0;text-transform:uppercase;transform:translate(.4rem);transition:opacity .24s ease,transform .24s ease,color .24s ease}.story-rail__dot{position:relative;width:.42rem;height:.42rem;border:1px solid rgba(214,182,255,.38);border-radius:50%;background:var(--ink);transition:background .26s ease,box-shadow .26s ease,transform .26s ease}.story-rail__item:hover .story-rail__label,.story-rail__item:focus-visible .story-rail__label,.story-rail__item.is-active .story-rail__label{color:#f4f0ffbf;opacity:1;transform:translate(0)}.story-rail__item.is-active .story-rail__dot{background:var(--violet-soft);box-shadow:0 0 1rem #a763f7e0;transform:scale(1.28)}.loader{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--ink);opacity:1;transition:opacity .7s cubic-bezier(.2,.74,.2,1),visibility 0s linear .7s}.loader.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loader__moon{position:relative;width:3.4rem;height:3.4rem;border:1px solid rgba(214,182,255,.52);border-radius:50%;box-shadow:0 0 2rem #a763f738}.loader__moon:after{content:"";position:absolute;top:-.25rem;left:.85rem;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--ink)}.loader__label{color:#d8d0e58c;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase}@media (max-width: 820px){.site-header{padding:1.2rem}.prototype-label span{display:none}.story-panel,.story-panel--left,.story-panel--right,.story-panel--center{top:auto;right:1.35rem;bottom:11vh;left:1.35rem;width:auto;text-align:left;transform:translate3d(0,1.3rem,0)}.story-panel:before,.story-panel--left:before,.story-panel--right:before,.story-panel--center:before{top:-4.5rem;right:-3rem;bottom:-5rem;left:-3rem;background:linear-gradient(0deg,rgba(5,2,14,.92) 0%,rgba(5,2,14,.64) 56%,transparent 100%)}.story-panel.is-visible,.story-panel--left.is-visible,.story-panel--right.is-visible,.story-panel--center.is-visible{transform:translateZ(0)}.story-panel--right h2,.story-panel--center h2,.story-panel--right .story-panel__body,.story-panel--center .story-panel__body,.story-panel--right .role-line,.story-panel--right .interface-line{margin-left:0}.app-preview,.app-preview--left,.app-preview--right,.app-preview--center{top:4.7rem;right:auto;bottom:auto;left:50%;transform:translate3d(-50%,-.8rem,0) scale(.96)}.app-preview.is-visible,.app-preview--left.is-visible,.app-preview--right.is-visible,.app-preview--center.is-visible{transform:translate3d(-50%,0,0) scale(1)}.app-phone{width:clamp(6.2rem,26vw,8.5rem);padding:.26rem;border-radius:1.35rem}.app-phone:after,.app-phone img{border-radius:1.12rem}.app-phone__speaker{top:.48rem;width:1.7rem;height:.2rem}.app-preview--paired .app-phone{width:clamp(5.4rem,21.5vw,7rem)}.app-preview__caption{margin-top:.5rem;font-size:.46rem}.app-preview--role-packs{width:min(22rem,calc(100vw - 2.5rem))}.role-shop-card{padding:.8rem;border-radius:1.25rem}.role-shop-card__heading{padding-bottom:.65rem}.role-shop-card__heading strong{font-size:1.25rem}.role-shop-card__grid{gap:.45rem;margin:.6rem 0}.role-shop-card__pack{gap:.45rem;padding:.45rem}.role-shop-card__pack img{width:2.35rem;height:2.35rem}.role-shop-card__pack strong{font-size:.62rem}.role-shop-card__pack small{font-size:.44rem}.role-shop-card__footer{padding:.55rem;font-size:.52rem}.story-panel h2{max-width:12ch;font-size:clamp(2.35rem,10.5vw,4rem)}.story-panel__body{max-width:31rem;font-size:.95rem;line-height:1.62}.hero-wordmark{width:min(24rem,82vw);margin-left:-.5rem}.role-line{display:grid;grid-template-columns:repeat(2,auto);width:fit-content}.role-line span{padding:.62rem .8rem}.story-rail{top:auto;right:50%;bottom:1.25rem;flex-direction:row;gap:1rem;transform:translate(50%)}.story-rail__line{top:.78rem;right:.65rem;bottom:auto;left:.65rem;width:auto;height:1px}.story-rail__item{min-width:1rem}.story-rail__label,.scroll-cue{display:none}}@media (max-width: 820px){.role-catalog-modal{padding:.8rem}.role-catalog__dialog{max-height:calc(100dvh - 1.6rem);border-radius:1.5rem}.role-catalog__header{gap:1rem;padding:1.2rem 1.25rem}.role-catalog__header h2{font-size:clamp(1.8rem,6vw,2.5rem)}.role-catalog__content{padding:1.2rem 1.25rem 2rem}.role-catalog__grid{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr))}}@media (max-width: 470px){.story-panel{bottom:9vh}.story-panel__eyebrow{margin-bottom:.85rem;font-size:.56rem}.story-panel__body{margin-top:1rem}.role-line,.interface-line{margin-top:1.25rem}.interface-line span{padding:.72rem .5rem}.interface-line i{width:.75rem}.role-catalog-modal{padding:0}.role-catalog__dialog{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.role-catalog__header{gap:.65rem;padding:1rem}.role-catalog__eyebrow{font-size:.48rem}.role-catalog__header h2{margin-top:.4rem;font-size:1.72rem}.role-catalog__header p{margin-top:.55rem;font-size:.7rem;line-height:1.45}.role-catalog__close{padding:0;border:0;background:transparent}.role-catalog__close>span{display:none}.role-catalog__close i{width:2.35rem;height:2.35rem}.role-catalog__content{padding:1rem 1rem 2rem}.role-catalog__section+.role-catalog__section{margin-top:1.8rem}.role-catalog__section-heading{margin-bottom:.65rem}.role-catalog__section-heading h3{font-size:1rem}.role-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.role-catalog-card{gap:.5rem;padding:.5rem;border-radius:.85rem}.role-catalog-card__icon{width:2.65rem;height:2.65rem;border-radius:.72rem}.role-catalog-card__copy h4{display:-webkit-box;overflow:hidden;font-size:.66rem;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.role-catalog-card__meta{margin-top:.3rem}.role-catalog-card__meta span{display:none}.role-catalog-card__meta small{font-size:.38rem}}@media (max-height: 650px){.app-preview{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.story-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:6rem clamp(10rem,13vw,13rem) 3rem clamp(1.5rem,6vw,7rem);visibility:hidden;opacity:0;transition:opacity .4s ease,visibility 0s .4s}.story-scene.is-visible{visibility:visible;opacity:1;transition-delay:0s}.story-scene--right{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.story-scene--right .story-panel{order:2}.story-scene--center{grid-template-columns:minmax(0,1fr);justify-items:center}.story-scene .story-panel{position:relative;inset:auto;width:100%;max-width:42rem;min-width:0;transform:none;opacity:1;visibility:inherit;transition:none}.story-scene .story-panel h2{font-size:clamp(2.2rem,4.4vw,4.6rem)}.story-scene .story-panel__body{font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.65}.story-scene .story-panel__eyebrow{letter-spacing:.2em}.story-scene .app-preview{position:relative;inset:auto;width:100%;min-width:0;display:flex;transform:none;visibility:inherit;opacity:1;transition:none}.story-scene .app-preview__screen{min-width:0}.story-scene .app-phone{width:min(20vw,16rem,calc((100svh - 10rem)*.46))}.story-scene .app-preview--paired .app-phone{width:min(14vw,12rem,calc((100svh - 12rem)*.46))}.story-scene .app-preview__caption{max-width:24ch;text-align:center;line-height:1.5;letter-spacing:.08em}.story-scene .app-phone img{aspect-ratio:auto;object-fit:contain}.story-scene .app-phone__speaker{display:none}.story-scene .role-line{flex-wrap:wrap;font-size:.62rem;letter-spacing:.05em;margin-top:1.2rem}.story-scene .role-line span{padding:.65rem .7rem}.story-scene .interface-line{flex-wrap:wrap;letter-spacing:.1em;margin-top:1.2rem}.story-scene .interface-line span{padding:.7rem .5rem}.story-scene--hero .story-panel{max-width:47rem}.story-scene .hero-wordmark{width:min(20rem,60vw);max-height:20svh;object-fit:contain;margin:0 auto .5rem}.story-scene--hero .story-panel h2{font-size:clamp(2.15rem,4vw,4rem)}.story-scene .scroll-cue{position:static;display:flex;transform:none;margin-top:1.4rem;gap:.5rem;letter-spacing:.18em}.story-scene .scroll-cue i{height:1.5rem}.story-scene .store-badges{margin-top:1.4rem}.story-scene .final-cta{margin-top:1.25rem}.story-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-top:1.3rem;font-size:.75rem}.story-links a{color:var(--muted);pointer-events:auto;text-underline-offset:.25rem}.story-links a:hover{color:var(--moon)}@media (max-width: 820px){.story-scene{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:1rem;padding:5rem 1.35rem 4rem;align-items:center}.story-scene--center{grid-template-rows:minmax(0,1fr)}.story-scene--right .story-panel{order:0}.story-scene .story-panel{text-align:left}.story-scene--center .story-panel{text-align:center}.story-scene .story-panel h2{max-width:20ch;font-size:clamp(1.9rem,6.8vw,2.8rem);line-height:1.05}.story-scene .story-panel__eyebrow{margin-bottom:.6rem;font-size:.58rem;flex-direction:row}.story-scene .story-panel__body{margin-top:.8rem;font-size:.92rem;line-height:1.5}.story-scene--center h2,.story-scene--center .story-panel__body{margin-inline:auto}.story-scene .role-line{display:none}.story-scene .role-catalog-trigger{margin-top:.8rem;padding:.4rem .55rem .4rem .85rem}.story-scene .interface-line{margin-top:.7rem;font-size:.56rem}.story-scene .interface-line span{padding:.35rem .3rem}.story-scene .app-phone{width:min(43vw,13rem,calc((100svh - 25rem)*.46))}.story-scene .app-preview--paired .app-phone{width:min(34vw,11rem,calc((100svh - 24rem)*.46))}.story-scene .app-preview__caption{font-size:.5rem;margin-top:.45rem}.story-scene .hero-wordmark{max-height:17svh;width:min(18rem,64vw)}.story-scene .store-badges{gap:.65rem}.story-scene .store-badge{padding:.55rem .7rem;gap:.6rem}.story-scene .store-badge__text strong{font-size:1rem}.story-scene .scroll-cue{font-size:.5rem}}@media (max-height: 700px){.story-scene{padding-top:4.5rem;gap:.7rem}.story-scene .hero-wordmark{max-height:13svh}.story-scene .story-panel h2{font-size:clamp(1.7rem,3.8vw,2.8rem)}.story-scene .story-panel__body{font-size:.86rem;line-height:1.45;margin-top:.65rem}.story-scene .story-panel__eyebrow{margin-bottom:.55rem}.story-scene .store-badges{margin-top:1rem}.story-scene .scroll-cue{margin-top:.9rem}.story-scene .scroll-cue i{height:1rem}}@media (max-width: 1024px) and (max-height: 500px) and (orientation: landscape){.story-scene{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:4rem 8rem 3rem 1.5rem;gap:1.5rem}.story-scene--center{grid-template-columns:minmax(0,1fr)}.story-scene .app-phone,.story-scene .app-preview--paired .app-phone{width:min(18vw,calc((100svh - 9rem)*.46))}.story-scene .hero-wordmark,.story-scene .scroll-cue{display:none}.story-scene .story-panel h2{font-size:1.8rem}}