/* Document illustration: all motion stays inside a decorative, non-interactive layer. */
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);align-items:center;gap:20px;position:relative;padding-bottom:30px;min-height:285px}.hero-copy{position:relative;z-index:1;min-width:0}.hero h1{font-size:clamp(36px,3.2vw,52px);line-height:1.24;letter-spacing:-2.2px}.hero h1 br{display:block}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;pointer-events:none;min-width:0;isolation:isolate;animation:art-enter 1.1s cubic-bezier(.2,.7,.2,1) both}.hero-art:before{content:'';position:absolute;inset:15% 5% 12%;background:radial-gradient(ellipse,#93d3b21b,transparent 65%);filter:blur(20px);z-index:-1}.hero-art svg{display:block;width:100%;height:auto;max-height:280px;stroke:none;fill:none;overflow:visible}.hero-art .sheet-back{animation:sheet-back-float 8s ease-in-out infinite;transform-origin:170px 150px}.hero-art .sheet-middle{animation:sheet-middle-float 7s ease-in-out -2s infinite;transform-origin:232px 140px}.hero-art .sheet-front{animation:sheet-front-float 7.5s ease-in-out -1s infinite;transform-origin:294px 140px}.hero-art .orbit-line{stroke-dasharray:3 9;animation:orbit-flow 45s linear infinite}.hero-art .light-dot{animation:light-breathe 5s ease-in-out infinite}.hero-art .light-dot.delayed{animation-delay:-2.5s}.hero-art .hero-glint{animation:glint-pass 9s ease-in-out infinite;transform:translateX(-140px)}.hero-art .desk-shadow{animation:shadow-breathe 7.5s ease-in-out -1s infinite;transform-origin:center}.hero-art .orbit-badge{animation:badge-float 9s ease-in-out -3s infinite}.hero-copy>.eyebrow{animation:copy-enter .7s .05s both}.hero-copy>h1{animation:copy-enter .8s .12s both}.hero-copy>p{animation:copy-enter .8s .22s both}.hero-copy>.hero-tags{animation:copy-enter .8s .3s both}.dropzone .choose{transition:background .25s,box-shadow .25s}.dropzone:hover .choose{background:#cef3df;box-shadow:0 5px 25px #9bd2b51c}.studio{animation:copy-enter .85s .18s both}.nav-btn{transition:background .2s,color .2s}.primary{transition:background .2s,box-shadow .2s}.primary:hover:not(:disabled){box-shadow:0 4px 20px #b5e4cc18}.page-card{transition:border-color .16s,background .16s}.compact.hero{display:block;min-height:0}.compact.hero .hero-art{display:none}.compact.hero h1{font-size:31px;letter-spacing:-1.5px}.compact.hero h1 br{display:none}.compact.hero .hero-copy>*{animation:none}
@keyframes copy-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes art-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes sheet-back-float{0%,100%{transform:translate(0,0) rotate(-1deg)}50%{transform:translate(-3px,-7px) rotate(1deg)}}
@keyframes sheet-middle-float{0%,100%{transform:translate(0,0)}50%{transform:translate(1px,-9px)}}
@keyframes sheet-front-float{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(2px,-7px) rotate(1deg)}}
@keyframes orbit-flow{to{stroke-dashoffset:-240}}
@keyframes light-breathe{0%,100%{opacity:.35}50%{opacity:.85}}
@keyframes glint-pass{0%,28%{transform:translateX(-140px);opacity:0}33%{opacity:.4}47%{transform:translateX(180px);opacity:0}100%{transform:translateX(180px);opacity:0}}
@keyframes shadow-breathe{0%,100%{opacity:.55;transform:scaleX(1)}50%{opacity:.35;transform:scaleX(.93)}}
@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr);gap:10px}.hero h1{font-size:38px}.hero-art svg{max-height:230px}.hero p{font-size:12px}}
@media(max-width:900px){.hero{display:block;min-height:0}.hero-art{display:none}.hero h1{font-size:40px}.hero h1 br{display:none}.compact.hero h1{font-size:29px}}
@media(max-width:760px){.hero h1{font-size:39px}.hero h1 br{display:block}.compact.hero h1 br{display:none}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-art *,.hero-copy>*,.studio{animation:none!important}.hero-art,.hero-copy>*,.studio{transform:none!important}.hero-art .hero-glint{display:none}.page-card,.choose,.primary,.nav-btn{transition:none!important}}