.design-stage{--study-bg:#e9e6d2;--study-ink:#254733;--study-accent:#d7a76f;position:relative;background:#173d32;color:#edf1e1;padding:24px 27px 22px;border-radius:5px;overflow:hidden;isolation:isolate;box-shadow:0 22px 45px #14352a16}
.design-stage:before{content:'';position:absolute;width:480px;height:480px;border:1px solid #c2d4a31c;border-radius:50%;right:-290px;top:-210px;box-shadow:0 0 0 55px #c2d4a309,0 0 0 110px #c2d4a306;z-index:-1}
.stage-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;margin-bottom:23px;color:#d8e3c8}
.study-window{background:var(--study-bg);border-radius:4px;box-shadow:0 20px 28px #041c2a40;transform:rotate(-2deg);color:var(--study-ink);transition:background .3s,color .3s,transform .3s}
.design-stage:hover .study-window{transform:rotate(0)}
.study-chrome{display:flex;gap:4px;align-items:center;height:25px;border-bottom:1px solid #19362425;padding:0 12px}.study-chrome i{width:4px;height:4px;background:currentColor;opacity:.35;border-radius:50%}.study-chrome>span{margin-left:8px;font-size:6px;letter-spacing:.4px}
.study-page{padding:22px 25px 14px}.study-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:8px;letter-spacing:1px}.study-nav>span{font-size:6px;letter-spacing:1px}
.study-content{position:relative;min-height:310px;padding-top:29px;overflow:hidden}.study-content>p:first-child{font-size:6px;letter-spacing:1.8px;margin:0 0 16px}
.study-content h2{position:relative;z-index:2;font:400 clamp(46px,4.7vw,68px)/.98 Georgia,serif;letter-spacing:-2px;margin:0 0 21px;max-width:80%}.study-content h2 em{font-weight:400}.study-content>p:not(:first-child){font-size:8px;line-height:1.6;position:relative;z-index:2;margin:0 0 17px;max-width:110px}
.study-cta{display:inline-block;position:relative;z-index:2;background:var(--study-ink);color:var(--study-bg);padding:9px 12px;font-size:6px;border-radius:2px}
.study-art{position:absolute;right:-13px;top:43px;width:49%;height:240px;isolation:isolate;overflow:hidden;border-radius:110px 110px 0 0;background:#b6bea0;transform:rotate(5deg);transition:background .35s,border-radius .35s,transform .35s}
.art-sun{position:absolute;border-radius:50%;width:85px;height:85px;top:20px;right:10px;background:var(--study-accent)}
.art-arch{position:absolute;width:130%;height:155px;border-radius:50% 0 0 0;bottom:-20px;left:18px;background:#5c7654;transform:rotate(-16deg)}
.art-ground{position:absolute;width:200%;height:110px;bottom:-55px;left:-50%;background:#294d39;border-radius:50%}.art-line{position:absolute;width:180%;height:110%;border:1px solid #ecead99c;border-radius:50%;left:-55%;top:80px;transform:rotate(20deg);box-shadow:0 0 0 12px #ecead922,0 0 0 24px #ecead914}
.study-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #17362430;font-size:5px;letter-spacing:1px;padding-top:11px;margin-top:10px}
.stage-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;font-size:10px;line-height:1.5;color:#c8d7bf}.stage-controls strong{color:#f2f3e4;font-weight:500}.stage-controls>div{display:flex;gap:7px}.stage-controls button{height:38px;width:38px;border:1px solid #748b6d;background:transparent;color:#e9eedf;border-radius:50%;font-size:10px}.stage-controls button[aria-pressed=true]{background:#d7ec9b;border-color:#d7ec9b;color:#173d32}.stage-controls button:hover{border-color:#f4f5db}
.design-stage[data-direction=studio]{--study-bg:#efdcc8;--study-ink:#6f3024;--study-accent:#cf5b35}.design-stage[data-direction=studio] .study-art{background:#df9c78;border-radius:0;transform:rotate(-7deg)}.design-stage[data-direction=studio] .art-arch{background:#ae4e33;border-radius:50%;width:100%;height:90%;left:28%;bottom:-15%}.design-stage[data-direction=studio] .art-ground{background:#713828;bottom:-68px}.design-stage[data-direction=studio] .art-line{border-radius:0;transform:rotate(-10deg)}
.design-stage[data-direction=trade]{--study-bg:#e3e9eb;--study-ink:#233e54;--study-accent:#bfd1d8}.design-stage[data-direction=trade] .study-art{background:#acbdc4;border-radius:3px;transform:rotate(0)}.design-stage[data-direction=trade] .art-arch{background:#69828f;border-radius:0;transform:rotate(35deg);height:190px;left:45%}.design-stage[data-direction=trade] .art-ground{background:#344f63;border-radius:0;transform:rotate(-20deg);bottom:-15px;height:110px}.design-stage[data-direction=trade] .art-line{border-radius:0;transform:rotate(35deg);top:-30px;left:25%}.design-stage[data-direction=trade] .study-content h2{font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:clamp(39px,4vw,57px)}