/* Lightweight liquid-glass interpretation. No external fonts, textures or libraries. */
:root{--muted:#cfc6e0;--line:#d9caff26;--liquid:linear-gradient(125deg,#f4ebff17,#a685d908 45%,#e7d9ff0c);--rim:inset 0 1px 0 #ffffff54,inset 1px 0 0 #ffffff16,inset 0 -1px 0 #c7b0ff26;--depth:0 14px 40px #07031130}
body{isolation:isolate;background:#130c24}
.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,#392452,transparent 65%),linear-gradient(135deg,#180f2c,#100d23)}
.light-cloud{position:absolute;border-radius:50%;filter:blur(65px);will-change:transform}
.cloud-one{width:80vw;height:75vh;top:-15%;right:-20%;background:radial-gradient(ellipse,#b08be943,#7142b12e 45%,transparent 70%);animation:cloud-drift 22s ease-in-out infinite alternate}
.cloud-two{width:85vw;height:90vh;bottom:-45%;left:-35%;background:radial-gradient(ellipse,#7153ae66,#4b357b20 50%,transparent 72%);animation:cloud-drift 28s ease-in-out -9s infinite alternate-reverse}
.depth-ring{position:absolute;width:95vw;height:95vw;left:45%;top:-35vw;border:1px solid #d9c9ff16;border-radius:50%;box-shadow:inset 0 0 45px #b197ed0b,0 0 60px #b197ed0c;transform:translate3d(0,var(--depth-y,0px),0) rotateX(35deg) rotate(-20deg);transition:transform .2s linear}
@keyframes cloud-drift{to{transform:translate3d(-8%,12%,0) scale(1.12)}}
.site-header{top:16px;width:min(1220px,calc(100% - 32px));margin:16px auto 0;border:1px solid #f0e4ff28;border-radius:28px;background:linear-gradient(110deg,#d7c6f014,#4a34551a);box-shadow:var(--rim),0 12px 35px #06021029;-webkit-backdrop-filter:blur(30px) saturate(145%);backdrop-filter:blur(30px) saturate(145%)}
.nav-wrap{width:calc(100% - 40px);min-height:76px}
nav{position:relative;gap:6px;isolation:isolate}nav>a{padding:11px 15px;z-index:1;white-space:nowrap}
.nav-lens{position:absolute;left:0;top:50%;height:41px;width:var(--lens-w,0px);opacity:0;transform:translate(var(--lens-x,0px),-50%);border:1px solid #eadfff3d;border-radius:22px;background:linear-gradient(130deg,#fff2,#d3baff0b);box-shadow:var(--rim),0 4px 12px #08021222;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s,opacity .25s;z-index:0}
nav.has-active .nav-lens{opacity:1}
.brand img{border:1px solid #eee1ff40;border-radius:13px;padding:2px;background:#e6d5ff0c;box-shadow:var(--rim),0 6px 14px #08031040}
.brand>span{font-size:32px}.brand small{font-size:8px}
.button,.menu-toggle,.motion-toggle,.product-tabs{border:1px solid #f0e5ff3a;border-radius:999px;background:var(--liquid);box-shadow:var(--rim),0 8px 24px #09031426;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}
.button,.menu-toggle{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.button::before,.menu-toggle::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at var(--shine-x,30%) var(--shine-y,0%),#fff3,transparent 65%);opacity:.65;pointer-events:none}
.button-primary{color:#d8fff7;background:linear-gradient(135deg,#81f4d53b,#39a99636 60%,#77efd41a);border-color:#adf8e76e;text-shadow:0 1px 9px #163a35;box-shadow:inset 0 1px 0 #e0fffba3,inset 0 -1px 0 #81efcf29,0 8px 24px #061d1d55,0 0 25px #57e2be0b}
.button-primary:hover{background:linear-gradient(135deg,#81f4d552,#39a9964a 60%,#77efd42b);box-shadow:inset 0 1px 0 #e0fffba3,0 10px 28px #071d2050,0 0 25px #57e2be20}
.button-outline{background:var(--liquid)}.button:hover{border-color:#e8dcff80;transform:translateY(-2px)}.button:active{transform:scale(.97)}
.glass,.floating-label,.benefits article,details{border:1px solid #ddceff2b;border-bottom-color:#ddceff14;background:var(--liquid);box-shadow:var(--rim),var(--depth);-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}
.glass{border-radius:26px}.step:hover{border-color:#e9ddff55;box-shadow:var(--rim),0 18px 45px #0703113a}.step-number{align-items:center}
.step-number>span,.benefit-icon,.founder-avatar{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:15px;border:1px solid #f1e6ff4f;background:radial-gradient(ellipse at 20% 0%,#fff3,transparent 65%),linear-gradient(145deg,#d6b9ff1f,#a88cd80a);box-shadow:inset 0 1px 1px #fff7,inset 0 -1px 1px #d1b5ff33,0 8px 16px #0b041c35;color:#eee5ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.benefit-icon svg,.step-number svg{width:23px;height:23px;filter:drop-shadow(0 2px 3px #ba98ff55)}
.hero{padding-top:40px;min-height:680px}.hero-art{min-height:550px;perspective:900px}.hero-art:before{inset:0;background:radial-gradient(ellipse,#ad7ffa20,transparent 65%);filter:blur(35px)}
#glass-sculpture{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;z-index:-1;opacity:.92}
.orbit{border-color:#bda4ee25;box-shadow:inset 0 2px 8px #dcc5ff14,0 5px 20px #08031025}.webgl-ready .orbit{opacity:.15}
.wolf-plinth{transform:translateY(-12px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;will-change:transform}
.hero-wolf{width:290px;height:290px;border-radius:36px;padding:5px;border:1px solid #eadfff45;background:linear-gradient(130deg,#f5e7ff30,#c8a5ef04);box-shadow:inset 0 1px 2px #ffffff68,0 24px 50px #05020e66,0 0 35px #b791ee10;filter:none}
.hero-wordmark{margin-top:28px;font-size:68px;text-shadow:0 9px 25px #09031160}.hero-wordmark span{font-size:12px}
.floating-label{border-radius:999px;background:linear-gradient(130deg,#e4ccff1f,#72518a26);animation:float-label 8s ease-in-out infinite alternate}.label-top{right:10px;top:95px;--label-rotation:4deg}.label-bottom{left:10px;bottom:108px;--label-rotation:-5deg;animation-delay:-4s}
@keyframes float-label{from{transform:translateY(-5px) rotate(var(--label-rotation))}to{transform:translateY(7px) rotate(var(--label-rotation))}}
.art-caption{bottom:20px;color:#c6b3db}
.marquee{position:relative;overflow:hidden;margin:5px 0 0;border-block:1px solid #d7c2ff24;background:linear-gradient(90deg,#b795df04,#b795df0b,#b795df04);padding:29px 0 58px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee-run 45s linear infinite;will-change:transform}.marquee-track>span{display:flex;align-items:center;gap:35px;white-space:nowrap;padding-right:35px;font-size:22px;letter-spacing:-.025em;color:#cfc0e5}.marquee-track i{font-style:normal;color:#a88bce;font-size:20px}.marquee-track em{font-size:26px}
@keyframes marquee-run{to{transform:translateX(-25%)}}
.motion-toggle{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:#d8cce9;cursor:pointer;font:inherit;font-size:10px;letter-spacing:.04em;padding:6px 13px;min-height:30px}.motion-toggle span{margin-left:8px}.motion-toggle:focus-visible,.product-tabs button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.benefits{display:grid;gap:14px}.benefits article,.benefits article:first-child{border-radius:23px;padding:24px}
.product-section{background:linear-gradient(110deg,#aa80d90b,#21142c16);border-block-color:#d7c2ff1a}.book-scene{perspective:1100px;background:radial-gradient(ellipse,#9864c32e,transparent 68%)}
.book{transform:rotateY(var(--book-turn,-22deg)) rotateZ(var(--book-lean,-8deg));transition:transform .22s linear;box-shadow:inset 3px 0 6px #f3dbff38,18px 24px 45px #06020d80;will-change:transform}.book::after{right:4px;top:8px;bottom:8px;width:5px;border:0;background:repeating-linear-gradient(0deg,#ddd4e8 0 1px,#958ba6 1px 2px);opacity:.6;border-radius:0 3px 3px 0}
.product-tabs{display:inline-flex;padding:5px;gap:4px;margin-top:18px}.product-tabs button{font:inherit;font-size:12px;cursor:pointer;padding:11px 21px;border:1px solid transparent;border-radius:999px;background:transparent;color:#c6b9d8;transition:background .25s,box-shadow .25s,color .25s}.product-tabs button[aria-selected=true]{color:white;border-color:#f2e6ff33;background:linear-gradient(135deg,#e2caff28,#c5a5ed12);box-shadow:var(--rim),0 4px 10px #09041322}.product-panel{min-height:170px}.product-row{border-color:#dec9ff21}.future-products small{line-height:1.8;display:block;max-width:380px}
.faqs{border:0}details{border-radius:20px;margin-bottom:12px}summary{padding:23px 57px 23px 23px}summary:after{right:20px;top:20px;border:1px solid #dfcaff30;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:18px;background:#e7d7ff09;box-shadow:var(--rim);line-height:1}details p{max-width:100%;padding:0 23px 5px}details[open]{background:linear-gradient(125deg,#e4d2ff15,#b795df07)}
.contact-card{background:radial-gradient(ellipse at 50% 120%,#9970d333,transparent 60%),var(--liquid)}.contact-card .button-primary{background:linear-gradient(135deg,#8cf6dc36,#3fa68e30)}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .wolf-plinth{transform:translateY(-12px)}.motion-paused .depth-ring{transition:none}.motion-paused .reveal{opacity:1;transform:none}
@media(min-width:901px){nav .button-small{margin-left:10px}.site-header .button-small{padding:11px 20px}}
@media(max-width:1100px){nav>a{padding:10px}.nav-wrap{width:calc(100% - 28px)}nav{font-size:12px}}
@media(max-width:900px){.site-header{top:10px;margin-top:10px;border-radius:25px}.nav-wrap{min-height:69px;padding-block:12px}.nav-lens{display:none}.js nav.is-open{padding:8px;border-top:1px solid #e4ccff1f;gap:3px;animation:menu-in .3s ease-out}.js nav a{border-radius:20px}.js nav a[aria-current]{background:#d6baff16}.menu-toggle{padding:9px 17px}.hero-art{min-height:500px}.product-tabs button{padding-inline:16px}.benefits article,.benefits article:first-child{padding:22px 18px}.benefits article{gap:17px}}
@keyframes menu-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.site-header{width:calc(100% - 20px)}.hero{padding-top:45px}.hero-art{min-height:440px}.hero-wolf{width:250px;height:250px;border-radius:30px}.hero-wordmark{font-size:58px;margin-top:20px}.hero-art .label-top{top:64px;right:0}.label-bottom{left:0;bottom:73px}.art-caption{bottom:6px;font-size:8px}.marquee-track>span{font-size:18px;gap:24px;padding-right:24px}.marquee-track em{font-size:22px}.marquee{padding-top:23px;padding-bottom:52px}.step-number>span{width:36px;height:36px;border-radius:12px}.step-number svg{width:20px;height:20px}.benefit-icon{width:42px;height:42px}.cloud-one,.cloud-two{filter:blur(40px)}.depth-ring{width:150vw;height:150vw;left:20%;top:0}.product-panel{min-height:170px}summary{padding-left:18px;font-size:14px}details p{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.light-cloud,.marquee-track,.floating-label{animation:none!important}.wolf-plinth{transform:translateY(-12px)!important}.book{transform:rotateY(-17deg) rotateZ(-8deg)!important}.depth-ring{transform:rotate(-20deg);transition:none}.marquee-track{transform:none}.reveal{opacity:1;transform:none}}
@supports not (backdrop-filter:blur(1px)){.site-header{background:#261b38f5}.glass,.benefits article,details,.floating-label{background:#30213fe8}}
.product-tabs{position:relative;isolation:isolate}.product-tabs::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:var(--tab-w,0px);transform:translateX(var(--tab-x,0px));border:1px solid #f2e6ff33;border-radius:999px;background:linear-gradient(135deg,#e2caff28,#c5a5ed12);box-shadow:var(--rim),0 4px 10px #09041322;transition:transform .38s cubic-bezier(.2,.8,.2,1),width .38s;z-index:-1}.product-tabs button[aria-selected=true]{background:transparent;box-shadow:none;border-color:transparent}
html:not(.motion-ready) .light-cloud,html:not(.motion-ready) .floating-label,html:not(.motion-ready) .marquee-track{animation:none}.motion-toggle:disabled{cursor:default;opacity:.8}
.founder .founder-intro-label{font-size:10px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--lavender);margin-bottom:12px}.contact-card .partnership-promise{max-width:490px;margin:20px auto!important;color:#d9fff4;font-size:13px!important}.hero-description{max-width:470px}

/* Teal is a secondary light source; the main material remains purple. */
#how-it-works .eyebrow,#for-creators .eyebrow{color:#79f4da}
#how-it-works{position:relative;isolation:isolate}
#how-it-works::before{content:"";position:absolute;z-index:-1;inset:5% -2% -10%;pointer-events:none;background:radial-gradient(ellipse at 9% 78%,#35e5c41a,transparent 48%);filter:blur(24px)}
.step:nth-child(1),.step:nth-child(4){border-top-color:#94ffe650;background:radial-gradient(ellipse at 0% 0%,#4ae5c215,transparent 70%),var(--liquid)}
.step:nth-child(1) .step-number>span,.step:nth-child(4) .step-number>span,.benefits article:nth-child(2) .benefit-icon,.benefits article:nth-child(4) .benefit-icon{color:#a2ffe9;border-color:#9df6df62;background:radial-gradient(ellipse at 20% 0%,#c7fff62e,transparent 65%),linear-gradient(145deg,#45d8bd21,#6f8ba40b);box-shadow:inset 0 1px 1px #d2fff69c,inset 0 -1px 1px #66e7c72e,0 8px 18px #071c2438,0 0 18px #3ddbc412}
.step:nth-child(1) .step-number,.step:nth-child(4) .step-number{color:#91ecd8}
.benefits article:nth-child(2){border-left-color:#7cf4da66;background:radial-gradient(ellipse at 0% 40%,#37d8bc12,transparent 65%),var(--liquid)}
.creator-intro .text-link,.step:nth-child(4) .step-tag{color:#95f4df}
.marquee-track i:nth-of-type(even){color:#62e8ce;text-shadow:0 0 12px #3ddbc44d}
.founder-portrait{position:relative;width:112px;height:112px;padding:5px;margin-bottom:22px;border:1px solid #e3c7ff70;border-radius:30px;background:linear-gradient(145deg,#ddbbff50,#7b5cff25 60%,#35204e80);box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #bc92ff55,0 12px 26px #0b051d66,0 0 30px #9668e52b;overflow:hidden;isolation:isolate}
.founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 33%;border-radius:25px;transform:scale(1.19)}
.founder-portrait::after{content:"";position:absolute;inset:0;border-radius:inherit;border:5px solid #9771b532;box-shadow:inset 0 0 0 1px #d9c0ff70,inset 0 10px 14px #e9d9ff14;pointer-events:none}
@media(max-width:650px){.founder-portrait{width:100px;height:100px;border-radius:27px}.founder-portrait img{border-radius:22px}}

/* Transparent hero artwork: bounded yaw, never a full rotation. */
.wolf-plinth:has(.hero-trio){width:min(440px,94%);perspective:1000px}
.hero-wolf.hero-trio{width:100%;height:auto;max-height:390px;object-fit:contain;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 18px 24px #09031455);transform-origin:50% 70%;animation:pack-trio-sway 12s ease-in-out infinite alternate;will-change:transform}
@keyframes pack-trio-sway{from{transform:rotateY(-5deg) rotateZ(-.7deg)}to{transform:rotateY(5deg) rotateZ(.7deg)}}
html:not(.motion-ready) .hero-trio{animation:none}
@media(max-width:650px){.hero-wolf.hero-trio{max-height:290px}.wolf-plinth:has(.hero-trio){width:min(340px,96%)}.wolf-plinth:has(.hero-trio) .hero-wordmark{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.hero-wolf.hero-trio{animation:none!important;transform:none;will-change:auto}}
.hero-art:has(.hero-trio) .label-top{top:24px}.hero-art:has(.hero-trio) .art-caption{bottom:0}
@media(min-width:651px){.hero-art:has(.hero-trio){min-height:590px}}