/* Lightweight CSS 3D / SVG artwork. Public content remains present without JS. */
.hero{overflow:clip;background:radial-gradient(ellipse at 88% 28%,#c7efe1 0,transparent 42%),radial-gradient(ellipse at 15% 75%,#e5daf8 0,transparent 55%),#f6f2fb}.hero:before{filter:blur(60px)}.hero-visual{perspective:1100px}.hero-visual figure{transform:rotateY(var(--hero-y,0deg)) rotateX(var(--hero-x,0deg));transition:transform .45s ease-out}.hero-photo{box-shadow:24px 32px 0 -12px #5638a51c,0 24px 60px #32204625}.hero-orbit{border-style:dashed!important;border-color:#6f50ad55!important}.hero .hero-copy{position:relative;z-index:3}.hero .eyebrow{max-width:95%}.hero .motion-word:last-child{color:#16765b}.hero-decor{position:absolute;inset:-25px;pointer-events:none;z-index:2;overflow:visible}.hero-decor .decor-cross{position:absolute;left:0;top:10%;font-size:70px;line-height:1;color:#5638a5;text-shadow:4px 5px 0 #d1c2ef}.hero-decor .decor-ring{position:absolute;right:-12px;bottom:18%;width:90px;height:90px;border:18px solid #35b58b;border-radius:50%;box-shadow:inset 4px 5px 8px #0a5b4460,7px 10px 0 #16765b,15px 19px 30px #16765b30;transform:rotateX(40deg) rotateY(-30deg)}.hero-decor .decor-dots{position:absolute;left:6%;bottom:6%;width:95px;height:65px;background-image:radial-gradient(#5638a5 2px,transparent 2px);background-size:13px 13px;opacity:.35}.motion-on .hero-decor .decor-cross{animation:studio-turn 22s linear infinite}.motion-on .hero-decor .decor-ring{animation:ring-bob 7s ease-in-out infinite}.site-header{transition:box-shadow .3s,background .3s}.site-header.is-scrolled{background:#fffffff2;box-shadow:0 8px 32px #35204710;backdrop-filter:blur(14px)}
.studio-method{position:relative;overflow:clip;background:#201138;color:#fff;isolation:isolate}.studio-method:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 60%,#6240a05c,transparent 60%),radial-gradient(ellipse at 90% 10%,#23977826,transparent 55%);pointer-events:none}.studio-method .eyebrow{color:#83dfbe}.studio-method .section-head h2{color:#fff}.studio-method .section-head>p{color:#d4c9e4}.studio-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.studio-scene{position:relative;min-width:0;border:1px solid #bda5dc33;border-radius:32px;background:linear-gradient(140deg,#ffffff09,#ffffff02);overflow:hidden;box-shadow:0 24px 60px #0002}.studio-art{position:relative;height:440px;perspective:1000px;overflow:hidden}.studio-grid{position:absolute;inset:0;background-image:linear-gradient(#c9b2ec0c 1px,transparent 1px),linear-gradient(90deg,#c9b2ec0c 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.studio-orbits{position:absolute;width:100%;height:100%;inset:0;stroke:#c7b1ed40;stroke-width:1}.studio-orbits .orbit-signal{stroke:#7ee3bf;stroke-width:3;stroke-dasharray:30 1447;stroke-linecap:round}.studio-cube-wrap{position:absolute;left:50%;top:50%;width:140px;height:140px;margin:-70px 0 0 -70px;transform-style:preserve-3d}.studio-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-30deg);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.cube-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #dfccff80;background:linear-gradient(135deg,#a884e9,#5638a5 70%);backface-visibility:hidden;box-shadow:inset 0 0 30px #fff2}.cube-face svg{width:62px;height:62px;color:white;filter:drop-shadow(0 5px 3px #25144430)}.cube-front{transform:translateZ(70px)}.cube-back{transform:rotateY(180deg) translateZ(70px)}.cube-right{transform:rotateY(90deg) translateZ(70px);background:linear-gradient(125deg,#73dbb7,#16765b)}.cube-left{transform:rotateY(-90deg) translateZ(70px);background:linear-gradient(125deg,#73dbb7,#16765b)}.cube-top{transform:rotateX(90deg) translateZ(70px);background:linear-gradient(125deg,#d4b8fa,#8461c1)}.cube-bottom{transform:rotateX(-90deg) translateZ(70px)}.studio-scene[data-stage="1"] .studio-cube{transform:rotateX(-20deg) rotateY(-120deg)}.studio-scene[data-stage="2"] .studio-cube{transform:rotateX(-110deg) rotateY(-30deg)}.studio-scene[data-stage="3"] .studio-cube{transform:rotateX(-20deg) rotateY(60deg)}.studio-planet{position:absolute;border-radius:50%;box-shadow:inset -8px -10px 18px #143c4644,0 16px 30px #0003}.planet-a{width:46px;height:46px;left:14%;top:21%;background:radial-gradient(circle at 30% 25%,#bafce1,#2aac81 60%,#116947)}.planet-b{width:24px;height:24px;right:18%;bottom:20%;background:radial-gradient(circle at 25% 20%,#faf3ff,#a27bd6 50%,#5638a5)}.studio-spark{position:absolute;right:13%;top:20%;font-size:48px;line-height:1;color:#c6b1e6}.studio-coordinate{position:absolute;font-size:9px;font-weight:500;letter-spacing:2px;color:#c8b9df}.coord-a{left:24px;top:24px}.coord-b{right:24px;bottom:24px}.studio-caption{display:grid;grid-template-columns:auto 1fr;gap:0 20px;align-items:center;padding:24px 30px;border-top:1px solid #bda5dc33;background:#ffffff06}.studio-index{grid-row:span 2;font-size:48px;font-weight:600;line-height:1;color:#83dfbe}.studio-current{color:#fff;font-size:19px;font-weight:600;margin:0}.studio-hint{font-size:12px;color:#c8b9df}.studio-hint[hidden]{display:none}.studio-steps{display:grid;grid-template-columns:1fr;gap:0;margin:0}.studio-steps article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:25px 16px;border-top:1px solid #bda5dc33;border-radius:0;transition:background .35s,padding .35s}.studio-steps article:before{display:none}.studio-steps .step-number{font-size:16px;color:#bca6d9;margin-top:4px}.studio-steps h3{font-size:23px;line-height:1.25;color:#fff;margin:0 0 12px}.studio-steps p{color:#cfc4df;line-height:1.7;margin:0;font-size:14px}.stage-select{padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer;width:100%}.stage-select:after{content:'↗';display:inline-block;margin-left:12px;color:#83dfbe;transition:transform .3s}.stage-select:hover:after{transform:translate(4px,-4px)}.stage-select:focus-visible{outline-color:#83dfbe}.studio-steps .stage-active{background:linear-gradient(90deg,#8e66ca24,transparent);padding-left:24px}.studio-steps .stage-active .step-number{color:#83dfbe}
.motion-on .studio-scene[data-visible="true"] .studio-cube-wrap{animation:cube-hover 6s ease-in-out infinite}.motion-on .studio-scene[data-visible="true"] .planet-a{animation:planet-drift 8s ease-in-out infinite}.motion-on .studio-scene[data-visible="true"] .planet-b{animation:planet-drift 6s ease-in-out infinite reverse}.motion-on .studio-scene[data-visible="true"] .studio-spark{animation:studio-turn 24s linear infinite}.motion-on .studio-scene[data-visible="true"] .orbit-signal{animation:orbit-signal 10s linear infinite}.service-card{border-radius:18px!important;overflow:hidden}.service-icon{transition:transform .5s,box-shadow .5s;border-radius:14px!important}.motion-on .service-card:hover .service-icon,.motion-on .service-card:focus-visible .service-icon{transform:translateY(-5px) rotate(-8deg);box-shadow:6px 8px 0 #5638a512}.motion-on .catalog-card,.motion-on .need-card{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s,box-shadow .3s}.getsee-cursor .cursor-core{border-style:dashed;border-color:#5638a5;background:#a88bd20a}.getsee-cursor .cursor-core:before{content:'';position:absolute;inset:-7px;border:1px solid #37ac8570;border-radius:50%;border-left-color:transparent;border-right-color:transparent}.motion-on .getsee-cursor.visible .cursor-core:before{animation:studio-turn 6s linear infinite}.over-link .cursor-core{background:#5638a5e8;border-style:solid}.over-input .cursor-core:before{display:none}.studio-ripple{position:absolute;width:16px;height:16px;margin:-8px;pointer-events:none;border-radius:50%;background:#fff5}.button{position:relative;overflow:hidden}.page-hero{position:relative;isolation:isolate;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-70px;top:25%;width:200px;height:200px;border:32px solid #5638a50a;border-radius:50%;transform:rotateX(45deg) rotateY(-30deg);z-index:-1;pointer-events:none}.cta{position:relative;isolation:isolate;overflow:hidden}.cta:after{content:'';position:absolute;right:12%;top:-90px;width:280px;height:280px;border:1px solid #fff3;border-radius:50%;box-shadow:0 0 0 40px #ffffff06,0 0 0 80px #ffffff04;z-index:-1;pointer-events:none}
@keyframes studio-turn{to{rotate:360deg}}@keyframes ring-bob{50%{translate:0 -18px;rotate:12deg}}@keyframes cube-hover{50%{translate:0 -16px;rotate:3deg}}@keyframes planet-drift{50%{translate:10px -20px}}@keyframes orbit-signal{to{stroke-dashoffset:-1477}}
html[data-page-hidden=true] .studio-scene *,html[data-page-hidden=true] .hero-decor *{animation-play-state:paused!important}
html[data-page-hidden=true] *,.hero[data-visible=false] *,.hero[data-visible=false]:before,.hero[data-visible=false]:after{animation-play-state:paused!important}
.hero-decor .decor-dots{left:0;bottom:28%;transform:translateX(-50%);width:50px}
body:has(.studio-method:hover) .getsee-cursor .cursor-core{border-color:#83dfbe}body:has(.studio-method:hover) .getsee-cursor .cursor-core:after{background:#83dfbe}
@media(max-width:1100px){.studio-layout{gap:30px}.studio-art{height:380px}.studio-steps h3{font-size:21px}}
@media(max-width:850px){.studio-layout{grid-template-columns:1fr}.studio-art{height:330px}.studio-scene{max-width:620px;width:100%;margin:auto}.studio-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-steps article{grid-template-columns:28px 1fr;gap:12px}.hero-decor{inset:0}.hero-decor .decor-cross{font-size:48px;left:1%;top:3%}.hero-decor .decor-ring{width:65px;height:65px;border-width:13px;right:0}}
@media(max-width:550px){.studio-steps{grid-template-columns:1fr}.studio-art{height:300px}.studio-caption{padding:20px;gap:0 16px}.studio-current{font-size:17px}.studio-hint{font-size:11px}.studio-index{font-size:38px}.studio-cube-wrap{scale:.8}.studio-coordinate{font-size:7px}.studio-steps article{padding:22px 12px}.studio-steps .stage-active{padding-left:18px}.hero-decor .decor-dots{display:none}.hero-photo{box-shadow:12px 18px 0 -6px #5638a51c}.page-hero:after{width:120px;height:120px;right:-90px}.site-header.is-scrolled{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.studio-method *,.hero-decor *{animation:none!important;transition:none!important}.hero-visual figure{transform:none}.motion-on .catalog-card,.motion-on .need-card{transform:none}.getsee-cursor{display:none}}
html[data-motion=off] .studio-method *,html[data-motion=off] .hero-decor *{animation:none!important;transition:none!important}html[data-motion=off] .hero-visual figure{transform:none}html[data-motion=off] .service-icon{transform:none}