/* Zen-inspired interaction language, translated into Arvelume's cinematic system */
:root{--cream:#d7d3c5;--surface:#1d1c1d;--surface-soft:rgba(255,255,255,.075);--ease-spring:cubic-bezier(.2,.8,.2,1)}
.nav-wrap.scrolled{top:12px;left:18px;right:18px;width:auto;border:1px solid rgba(255,255,255,.13);border-radius:16px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.nav-wrap.scrolled .nav{width:calc(100% - 38px)}
.nav-wrap.scrolled .scroll-progress{left:18px;right:18px;bottom:0}
.pill,.button,.generate,.zen-cta{position:relative;overflow:hidden;border-radius:12px;transition:transform .16s var(--ease-spring),background .22s,color .22s,box-shadow .22s!important}
.pill:before,.button:before,.generate:before,.zen-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.26) 48%,transparent 70%);transform:translateX(-130%);transition:transform .55s var(--ease-spring);pointer-events:none}
.pill:hover:before,.button:hover:before,.generate:hover:before,.zen-cta:hover:before{transform:translateX(130%)}
.pill:hover,.button:hover,.generate:hover,.zen-cta:hover{transform:translateY(-2px) scale(1.025) rotate(-.35deg);box-shadow:0 14px 35px rgba(0,0,0,.18)}
.pill:active,.button:active,.generate:active,.zen-cta:active{transform:translateY(1px) scale(.975);transition-duration:.08s!important}
.pill-small{background:var(--cream);border-color:var(--cream);color:#1c1b1c;padding:14px 18px;font-weight:600}.pill-small span,.button span,.zen-cta i{transition:transform .22s var(--ease-spring)}.pill-small:hover span,.button:hover span,.zen-cta:hover i{transform:translate(3px,-2px)}
.button-light{background:var(--cream);border-color:var(--cream)}.button-ghost{background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.hero-badge{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(14px);text-transform:uppercase;letter-spacing:.14em;font-size:.56rem;color:rgba(255,255,255,.76);box-shadow:0 12px 35px rgba(0,0,0,.12)}
.hero-badge>span{width:7px;height:7px;border-radius:50%;background:#f5a16f;box-shadow:0 0 0 5px rgba(245,161,111,.1);animation:livePulse 2s infinite}.hero-badge i{font-style:normal;margin-left:8px}
.hero h1{max-width:1000px;text-wrap:balance}.hero-bottom p{max-width:480px}.hero-actions .button{min-height:54px;padding-inline:24px}
.manifesto{position:relative}.manifesto:after{content:"";position:absolute;width:260px;height:260px;right:3vw;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(151,96,255,.09),transparent 70%);filter:blur(24px);pointer-events:none}
.studio-v2,.network{margin:0 16px;border-radius:30px;isolation:isolate}.studio-v2{box-shadow:inset 0 1px rgba(255,255,255,.7),0 30px 80px rgba(0,0,0,.16)}.network{margin-top:16px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.studio-v2 .section-head,.network .section-head{padding-top:10px}
.canvas-wrap{border-radius:26px}.canvas-card{border-radius:22px;overflow:hidden;background-clip:padding-box}.window-chrome{position:absolute;z-index:8;left:0;right:0;top:0;height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:rgba(19,16,23,.62);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);font-size:.53rem;letter-spacing:.09em;text-transform:uppercase}.window-chrome>span{display:flex;gap:6px}.window-chrome>span i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.28)}.window-chrome>span i:first-child{background:#ef9070}.window-chrome>span i:nth-child(2){background:#e7bd70}.window-chrome>span i:nth-child(3){background:#80b897}.window-chrome b{font-weight:500}.window-chrome em{font-style:normal;justify-self:end;opacity:.55}.canvas-meta{top:66px}.canvas-card .glass-plane{border-radius:12px}.floating-note{border-radius:10px}
.mood-controls .control{border-radius:11px;overflow:hidden;position:relative}.mood-controls .control:after{content:"";position:absolute;inset:auto 12px 0;height:2px;background:linear-gradient(90deg,#f2a46d,#936eff);transform:scaleX(0);transform-origin:left;transition:transform .35s}.mood-controls .control.active:after{transform:scaleX(1)}
.work-grid{gap:42px 22px}.work-visual{border-radius:24px;box-shadow:0 24px 65px rgba(0,0,0,.2)}.work-card:nth-child(2){transform:translateY(55px)}.work-card:nth-child(3){transform:translateY(28px)}.view-study{box-shadow:0 12px 34px rgba(0,0,0,.22)}
.flow-list{border:0;gap:10px}.flow-item{border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:25px 68px 25px 22px;background:rgba(255,255,255,.035);overflow:hidden}.flow-item:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-70px;bottom:-85px;background:radial-gradient(circle,#7f59a8,transparent 70%);opacity:0;transition:opacity .35s,transform .5s}.flow-item:hover{padding-left:28px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);transform:translateX(5px)}.flow-item:hover:before{opacity:.5;transform:scale(1.45)}
.closing{margin:16px;border-radius:30px;min-height:850px}.closing h2{text-wrap:balance}.zen-cta{min-width:250px;margin:40px auto 0;padding:18px 18px 18px 24px;border:0;background:var(--cream);color:#1b1a1b;display:flex;align-items:center;justify-content:space-between;gap:45px;font-weight:600;cursor:pointer}.zen-cta i{font-style:normal;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#1e1d1e;color:var(--cream)}
.modal{border-radius:20px}.form-row input{border-radius:10px 0 0 10px}.form-row button{border-radius:0 10px 10px 0}
@keyframes panelIn{from{opacity:0;transform:translateY(45px) scale(.985)}to{opacity:1;transform:none}}
.studio-v2.visible,.network.visible{animation:panelIn .9s var(--ease-spring) both}
@media(max-width:900px){.nav-wrap.scrolled{left:10px;right:10px;top:8px}.nav-wrap.scrolled .nav{width:calc(100% - 28px)}.studio-v2,.network,.closing{margin-inline:8px;border-radius:22px}.work-card:nth-child(2),.work-card:nth-child(3){transform:none}.window-chrome{grid-template-columns:1fr auto}.window-chrome em{display:none}}
@media(max-width:600px){.hero-badge{max-width:90%;line-height:1.5}.studio-v2,.network,.closing{margin-inline:5px;border-radius:18px}.canvas-card{border-radius:16px}.window-chrome{height:42px}.canvas-meta{top:58px}.form-row input,.form-row button{border-radius:10px}.zen-cta{min-width:230px}}
@media(prefers-reduced-motion:reduce){.hero-badge>span{animation:none}.pill,.button,.generate,.zen-cta{transition:none!important}.pill:before,.button:before,.generate:before,.zen-cta:before{display:none}}
.cursor-aura{position:fixed;z-index:19;left:0;top:0;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(245,161,111,.1),rgba(133,91,255,.045) 42%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen;will-change:translate;opacity:0;transition:opacity .35s,scale .25s}.cursor-aura.active{opacity:1}.cursor-aura.pressed{scale:.72}.panel-ready{animation:panelIn .9s var(--ease-spring) both}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-aura{display:none}}