:root{--s-rose: #e91e63;--s-rose-dim: rgba(233, 30, 99, .28);--s-rose-glow: rgba(233, 30, 99, .15);--s-gold: #f5dc91;--s-gold-dim: rgba(245, 220, 145, .28);--s-gold-glow: rgba(245, 220, 145, .14);--s-ink: #07060a;--s-surface: rgba(22, 18, 30, .6);--s-border: rgba(255, 255, 255, .08);--s-text: #ececf2;--s-muted: #9a9aa8;--s-dim: #6a6a76;--dur-fast: .15s;--dur-mid: .28s;--ease-out: cubic-bezier(.2, .7, .15, 1)}.studio-page{position:relative;min-height:calc(100vh - 64px);background:radial-gradient(1200px 600px at 8% -8%,rgba(233,30,99,.09),transparent 56%),radial-gradient(900px 500px at 90% 10%,rgba(245,220,145,.07),transparent 56%),radial-gradient(700px 400px at 50% 105%,rgba(176,139,255,.06),transparent 60%),#07060a;color:var(--s-text);padding:clamp(40px,5vw,80px) 0 120px;overflow:hidden;isolation:isolate}.studio-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.06 0 0 0 0 0.10 0 0 0 0.38 0'/></filter><rect width='240' height='240' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.45;mix-blend-mode:overlay;pointer-events:none;z-index:0}.studio-page>.container-page{position:relative;z-index:1}.studio-head{max-width:860px;margin:0 auto 60px;text-align:center;animation:s-fade-up .6s var(--ease-out) both}@keyframes s-fade-up{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.studio-eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--s-gold);margin:0 0 20px;text-transform:uppercase}.studio-head h1{font-size:clamp(2.6rem,4vw + .8rem,4.4rem);font-weight:700;letter-spacing:-.04em;line-height:1.02;margin:0 0 20px;background:linear-gradient(175deg,#fff,#c8c8d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.studio-lead{color:var(--s-muted);font-size:14.5px;line-height:1.85;margin:0 auto;max-width:580px}.studio-grid{display:grid;grid-template-columns:1.38fr 1fr 1fr;grid-template-rows:repeat(3,auto);grid-template-areas:"hero c1 c2" "hero c3 c4" "hero c5 c5";gap:18px;margin-bottom:72px}@media(max-width:1000px){.studio-grid{grid-template-columns:1fr 1fr;grid-template-areas:"hero hero" "c1   c2" "c3   c4" "c5   ."}}@media(max-width:600px){.studio-grid{grid-template-columns:1fr;grid-template-areas:"hero" "c1" "c2" "c3" "c4" "c5"}}.s-hero-card{grid-area:hero;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;border-radius:24px;border:1px solid rgba(233,30,99,.3);background:linear-gradient(150deg,#e91e6324,#16121ebf 55%),#120e18cc;overflow:hidden;text-decoration:none;color:var(--s-text);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 1px #ffffff0f inset,0 24px 64px -24px #e91e6338,0 48px 120px -48px #000c;transition:transform var(--dur-mid) var(--ease-out),box-shadow var(--dur-mid) ease,border-color var(--dur-mid) ease;animation:s-fade-up .62s var(--ease-out) 40ms both}.s-hero-card:hover{transform:translateY(-6px);border-color:#e91e638c;box-shadow:0 1px #ffffff14 inset,0 32px 80px -24px #e91e6352,0 60px 140px -48px #000000d9}.s-hero-card:active{transform:translateY(-2px) scale(.992)}.s-hero-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(233,30,99,.7),transparent);opacity:.8}.s-hero-glow{position:absolute;top:-80px;right:-60px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(233,30,99,.26) 0%,transparent 65%);filter:blur(6px);pointer-events:none;transition:opacity var(--dur-mid) ease}.s-hero-card:hover .s-hero-glow{opacity:1.3}.s-hero-icon{position:absolute;top:32px;right:28px;color:var(--s-rose);opacity:.22;pointer-events:none;transition:opacity var(--dur-mid) ease,transform var(--dur-mid) ease}.s-hero-card:hover .s-hero-icon{opacity:.38;transform:scale(1.08) rotate(-3deg)}.s-hero-body{position:relative;z-index:1;padding:28px 28px 26px}.s-hero-top{display:flex;align-items:center;gap:10px;margin-bottom:20px}.s-sub{font-size:9.5px;font-weight:700;letter-spacing:.2em;color:var(--s-dim);text-transform:uppercase}.s-hero-title{font-size:clamp(2rem,2.8vw + .6rem,3rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0 0 14px;color:#fff}.s-hero-desc{color:#c4c4cf;font-size:14px;line-height:1.75;margin:0 0 8px;max-width:340px}.s-hero-detail{color:var(--s-dim);font-size:12px;margin:0 0 24px;letter-spacing:.01em}.s-hero-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(233,30,99,.18);padding-top:18px}.s-cta-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;background:var(--s-rose);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;transition:filter var(--dur-fast) ease,transform var(--dur-fast) ease}.s-hero-card:hover .s-cta-pill{filter:brightness(1.1);transform:translate(3px)}.s-card:nth-of-type(2){grid-area:c1}.s-card:nth-of-type(3){grid-area:c2}.s-card:nth-of-type(4){grid-area:c3}.s-card:nth-of-type(5){grid-area:c4}.s-card:nth-of-type(6){grid-area:c5}.s-card{position:relative;display:flex;flex-direction:column;padding:22px 20px 18px;border-radius:18px;border:1px solid var(--s-border);min-height:240px;background:linear-gradient(180deg,#11111a24,#11111a75 52%,#11111adb),var(--cover) center 46% / cover no-repeat,var(--s-surface);text-decoration:none;color:var(--s-text);box-shadow:0 1px #ffffff0a inset,0 8px 24px -10px #00000080,0 20px 50px -28px #000000b3;transition:transform var(--dur-mid) var(--ease-out),border-color var(--dur-mid) ease,box-shadow var(--dur-mid) ease;overflow:hidden;animation:s-fade-up .54s var(--ease-out) both}.s-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);opacity:.45}.s-card:hover{transform:translateY(-4px);border-color:var(--s-rose-dim);box-shadow:0 1px #ffffff12 inset,0 14px 36px -12px #0000008c,0 28px 70px -28px #e91e6329}.s-card:active{transform:translateY(-1px) scale(.99)}.s-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.s-card-icon{width:40px;height:40px;border-radius:12px;background:#e91e631a;border:1px solid rgba(233,30,99,.22);display:flex;align-items:center;justify-content:center;color:var(--s-rose);transition:transform var(--dur-mid) ease,box-shadow var(--dur-mid) ease}.s-card:hover .s-card-icon{transform:scale(1.08) rotate(-2deg);box-shadow:0 6px 18px -6px #e91e6366}.s-card-sub{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--s-dim);text-transform:uppercase;margin:0 0 6px}.s-card-title{font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;color:#fff;line-height:1.2}.s-card-desc{flex:1;color:var(--s-muted);font-size:12.5px;line-height:1.7;margin:0 0 18px}.s-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.s-cost{display:inline-flex;align-items:center;gap:5px;font-size:14px;color:var(--s-gold)}.s-cost svg{filter:drop-shadow(0 0 5px rgba(245,220,145,.4))}.s-cost strong{font-weight:700;letter-spacing:-.01em}.s-cost em{font-style:normal;font-size:11px;color:var(--s-dim);font-weight:400}.s-arrow{font-size:13px;color:var(--s-dim);transition:color var(--dur-fast) ease,transform var(--dur-fast) ease}.s-card:hover .s-arrow{color:var(--s-rose);transform:translate(4px)}.s-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#ffffff0d;color:var(--s-dim);border:1px solid rgba(255,255,255,.06)}.s-badge--feature{background:linear-gradient(135deg,#e91e6338,#f5dc9124);border-color:#e91e6373;color:var(--s-rose)}.s-badge--18{background:#e91e631f;border-color:#e91e6359;color:var(--s-rose)}.s-badge--pro{background:#f5dc911a;border-color:#f5dc9159;color:var(--s-gold)}.s-badge--new{background:#7fd6ff1a;border-color:#7fd6ff52;color:#7fd6ff}.studio-note{max-width:800px;margin:0 auto}.studio-note-inner{display:flex;align-items:flex-end;gap:32px;flex-wrap:wrap;padding:28px 32px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff0a,#ffffff03),#0e0c148c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px #ffffff0a inset,0 16px 48px -20px #000000a6;position:relative;overflow:hidden}.studio-note-inner:before{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,220,145,.4),transparent)}.studio-note-text{flex:1 1 260px;min-width:0}.studio-note h2{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--s-gold)}.studio-note ul{margin:0;padding-left:16px;color:var(--s-muted);font-size:13px;line-height:2}.studio-note ul li::marker{color:#e91e638c}.studio-note-cta{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.s-hero-card,.s-card,.studio-head{animation:none;transition:none}.s-hero-card:hover,.s-hero-card:active,.s-card:hover,.s-card:active{transform:none}}@media(max-width:640px){.studio-page{padding:32px 0 80px}.studio-head{margin-bottom:40px}.studio-grid{gap:12px;margin-bottom:56px}.s-hero-card{min-height:380px}.s-hero-body{padding:22px 20px 20px}.studio-note-inner{padding:22px 20px}}.s-hero-card{position:relative;overflow:hidden}.s-hero-cover{position:absolute;inset:0;background-size:cover;background-position:center 46%;opacity:1;z-index:0}.s-hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#0b0a0e1a,#0b0a0e3345%,#0b0a0e9e);z-index:1}.s-hero-body,.s-hero-icon,.s-hero-glow{position:relative;z-index:2}.s-card{position:relative;overflow:hidden}.s-card:before{content:"";position:absolute;inset:0;background-image:var(--cover);background-size:cover;background-position:center 46%;opacity:1;z-index:0}.s-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#11111a0f,#11111a4d52%,#11111aad);z-index:1}.s-card-top,.s-card-sub,.s-card-title,.s-card-desc,.s-card-foot{position:relative;z-index:2}
