/* Soft color, dimensional cards and progressive slide reveals */
:root{--ink:#34384b;--muted:#777e8a;--purple:#746ea4;--violet:#605c8c;--light:#fafbf9;--border:#e6e9ec;--lav:#f0edf8}
body{background:#fafbf9;color:#34384b}.header{background:#fcfdfbe8;border-color:#e9eceb;backdrop-filter:blur(18px)}.logo{color:#45465c}.logo-mark{color:#706d9a;border-color:#d9d8e8;background:linear-gradient(145deg,#fff,#efedf7);box-shadow:2px 3px 8px #6c679710}.logo em{color:#9994af}.main-nav a{color:#7a7e8b}.main-nav a:hover{color:#736b9c}.btn{border-radius:9px;transition:transform .25s,background .25s,box-shadow .25s}.btn-primary,.studio-hero .btn-primary{background:#77719e;color:#fff;box-shadow:0 5px 0 #635d88,0 12px 22px #77719e20!important}.btn-primary:hover,.studio-hero .btn-primary:hover{background:#6b6593;transform:translateY(-2px);box-shadow:0 7px 0 #5d5782,0 16px 25px #77719e26!important}.btn-primary:active{transform:translateY(3px);box-shadow:0 2px 0 #635d88!important}.btn-line{border-color:#e0dfeb;color:#77708e;background:#ffffff90}.btn-soft{background:#eeedf5;color:#756b9b}.pill{background:#efedf7;color:#8d83a6}.eyebrow{color:#9b91ad}.studio-hero{background:linear-gradient(115deg,#fafbf8 10%,#f4f2fa 58%,#eff5f1 100%);position:relative;isolation:isolate;overflow:hidden}.studio-hero:before{display:block;background:radial-gradient(ellipse at 83% 22%,#dacff34a,transparent 42%),radial-gradient(ellipse at 10% 90%,#fae7db5a,transparent 45%);z-index:-1}.studio-hero h1{color:#3c4052}.studio-hero h1 span{color:#9384a6}.studio-hero .hero-desc{color:#858998}.studio-eyebrow{color:#a198b2}.studio-text-link{color:#8b829c}.studio-hero .hero-cta{margin-top:32px;margin-bottom:32px}.studio-hero-note{color:#a6a4ae}.studio-hero .hero-showcase{--tilt-x:-5deg;--tilt-y:3deg;perspective:1100px;background:radial-gradient(ellipse at 50% 34%,#ffffffb3 0%,transparent 65%),linear-gradient(135deg,#ebe8f4,#edf2ec 65%,#f5eae2);border-radius:24px;overflow:visible;border:1px solid #ffffffdb;box-shadow:inset 0 1px 1px #fff,0 20px 55px #8b82a016,0 3px 0 #e0e0e65c}.studio-hero .hero-showcase:before,.studio-hero .hero-showcase:after{content:'';position:absolute;pointer-events:none;z-index:0;border-radius:20px;border:1px solid #ffffffad;background:#ffffff36;box-shadow:0 12px 28px #8d829f13}.studio-hero .hero-showcase:before{width:66%;height:67%;left:6%;top:19%;transform:rotate(-10deg) translateZ(-20px)}.studio-hero .hero-showcase:after{width:66%;height:67%;right:6%;top:16%;transform:rotate(10deg) translateZ(-40px);background:#f5eae943}.studio-hero .hero-invite{position:relative;z-index:2;transform-style:preserve-3d;transform:rotateY(var(--tilt-x)) rotateX(var(--tilt-y)) translateZ(35px);filter:drop-shadow(7px 19px 14px #67597e25);transition:transform .45s ease-out,filter .45s}.studio-hero .hero-invite .invite{border:6px solid #fffcf7;border-radius:5px;box-shadow:3px 4px 0 #c8bcc45c}.studio-showcase-label{z-index:3;color:#aaa1b6}.studio-showcase-bottom{z-index:3;color:#9c93a6}.studio-showcase-bottom a{color:#82738f}.studio-hero-footer{border-color:#dddce64d;color:#a9a4b2}.stats{background:#fcfdfa;border-color:#e9ece9}.stats strong{color:#7d8093}.stats span{color:#a5a8af}.section-head h2{color:#4a4e60}.section-head p{color:#9397a0}.categories{gap:14px;border:0}.category-card{background:linear-gradient(145deg,#fff,#f3f2f8);border:1px solid #efedf5!important;border-radius:16px;padding:27px 22px;box-shadow:0 5px 0 #e8e6ee80,0 12px 22px #78708e08;transition:transform .35s,box-shadow .35s,background .35s}.category-card:nth-child(2){background:linear-gradient(145deg,#fff,#faf0e9)}.category-card:nth-child(3){background:linear-gradient(145deg,#fff,#eef5ef)}.category-card:nth-child(4){background:linear-gradient(145deg,#fff,#edf2f8)}.category-card:nth-child(5){background:linear-gradient(145deg,#fff,#f7edf2)}.category-card:hover{transform:perspective(750px) translateY(-6px) rotateX(3deg);box-shadow:0 8px 0 #e8e6ee60,0 20px 28px #78708e13}.category-card .cat-icon{color:#a193b2!important}.category-card:nth-child(2) .cat-icon{color:#c3a38c!important}.category-card:nth-child(3) .cat-icon{color:#9bb7a3!important}.category-card:nth-child(4) .cat-icon{color:#94a9c0!important}.category-card h3{color:#65677b}.category-card p,.category-card .arrow{color:#a5a4b3}.section-cream{background:linear-gradient(135deg,#f5f3f8,#f6f8f3 70%,#fbf5ef)}.template-card{border-radius:16px;background:#ffffffa8;box-shadow:0 7px 0 #e8e6ed66,0 12px 24px #81758e0a;transition:transform .35s,box-shadow .35s;overflow:hidden;border:1px solid #fff}.template-card:hover{transform:translateY(-7px);box-shadow:0 10px 0 #e8e6ed55,0 23px 35px #81758e18}.template-thumb,.template-card:nth-child(2n) .template-thumb,.template-card:nth-child(3n) .template-thumb{background:linear-gradient(145deg,#eeebf3,#f8f6f1);perspective:900px}.template-card:nth-child(2n) .template-thumb{background:linear-gradient(145deg,#f4eae4,#faf6f2)}.template-card:nth-child(3n) .template-thumb{background:linear-gradient(145deg,#e6eeea,#f7f8f2)}.template-thumb .invite{transform:rotateY(-5deg) rotateX(3deg);box-shadow:7px 14px 17px #7f738f1a;transition:transform .45s}.template-card:hover .invite{transform:rotateY(0deg) rotateX(0deg) translateZ(12px)}.template-body{padding:18px 16px}.template-body h3{color:#626275}.template-body .btn{color:#8a7b9a;border-color:#eeebf2}.thumb-badge{border-radius:5px;color:#9c8ba5}.how{border:0;gap:20px}.how-item{background:#ffffffb3;border:1px solid #ececf2;border-radius:17px;box-shadow:0 5px 0 #edecf180,0 12px 22px #8c83a008;padding:30px}.how-number{color:#b7aec6}.how-item h3{color:#707183}.how-item p{color:#989aa4}.cta-panel{background:linear-gradient(115deg,#f0edf8,#f2f5ec 70%,#f9eee5);border:1px solid #fff;border-radius:20px;box-shadow:0 8px 0 #e7e6ed50,0 18px 35px #8c83a00d}.cta-panel h2{color:#666179}.cta-panel .btn{background:#77719e;color:#fff}.cta-panel .pill{color:#aba0b8}.footer{background:#fafbf9;border-color:#eaede9}.footer .logo{color:#706a81}.footer-bottom{border-color:#e9ece9}.page-intro{background:linear-gradient(110deg,#f3f0f9,#f1f6ef)}.filter-btn.sel{background:#827a9f;border-color:#827a9f}.filter-btn{border-color:#e6e3ed;color:#9b92a8}.editor-tab.active{background:#f0edf7;color:#8a7b9f}.studio-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.studio-reveal.hero-copy{transform:translate3d(-30px,0,0)}.studio-reveal.hero-showcase{transform:translate3d(32px,0,0)}.studio-reveal.studio-in-view{opacity:1;transform:translate3d(0,0,0)}.category-card.studio-in-view:hover{transform:perspective(750px) translateY(-6px) rotateX(3deg)}.template-card.studio-in-view:hover{transform:translateY(-7px)}
@media(max-width:850px){.categories{gap:12px}.category-card{padding:24px 17px}.how{gap:13px}}
@media(max-width:650px){.studio-hero .hero-showcase{border-radius:20px;overflow:visible}.studio-hero .container{padding-left:23px;padding-right:23px;gap:40px}.studio-hero .hero-invite{transform:rotateY(-4deg) rotateX(2deg);width:185px}.studio-hero .hero-showcase:before,.studio-hero .hero-showcase:after{width:63%;height:65%}.categories{gap:12px}.category-card{border:1px solid #eeedf4!important;border-radius:13px;padding:22px 17px}.how-item{padding:26px 22px;border-radius:14px}.template-card{border-radius:12px}.template-body{padding:14px 11px}.cta-panel{border-radius:16px}.studio-reveal,.studio-reveal.hero-copy,.studio-reveal.hero-showcase{transform:translate3d(0,22px,0)}.studio-reveal.studio-in-view{transform:none}.main-nav{background:#fcfdfb}}
@media(prefers-reduced-motion:reduce){.studio-reveal{opacity:1!important;transform:none!important;transition:none!important}.studio-hero .hero-invite,.template-thumb .invite,.category-card,.template-card{transform:none!important;transition:none!important}.btn{transition:none!important}}
.studio-hero .hero-desc{color:#73798a}.section-head p,.how-item p{color:#7d8390}.category-card p,.template-sub{color:#898b99}.studio-text-link{color:#796c8b}.studio-showcase-bottom a{color:#74637f}