:root{--marketing-hero-bg: linear-gradient( 160deg, #FAFAF8 0%, #FDF0EE 40%, #F0FAF9 70%, #FAFAF8 100% );--marketing-dark-bg: #0A0A0B;--marketing-dark-surface: rgba(255, 255, 255, .05);--marketing-dark-surface-hover: rgba(255, 255, 255, .08);--marketing-dark-border: rgba(255, 255, 255, .08);--marketing-dark-text: #E8EAF0;--marketing-dark-text-muted: #8B92A0;--marketing-dark-text-very-muted: rgba(255, 255, 255, .35);--marketing-glass-bg: rgba(255, 255, 255, .65);--marketing-glass-bg-hover: rgba(255, 255, 255, .8);--marketing-glass-border: rgba(255, 255, 255, .5);--marketing-glass-shadow: 0 8px 32px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--marketing-glass-blur: blur(20px);--marketing-coral-glass: rgba(224, 90, 79, .08);--marketing-coral-glass-border: rgba(224, 90, 79, .15);--marketing-teal-glass: rgba(0, 180, 160, .06);--marketing-teal-glass-border: rgba(0, 180, 160, .12);--marketing-purple-glass: var(--marketing-teal-glass);--marketing-purple-glass-border: var(--marketing-teal-glass-border);--marketing-gradient-text: linear-gradient(135deg, #E05A4F 0%, #00B4A0 100%);--marketing-gradient-coral: linear-gradient(135deg, #E05A4F 0%, #C94F44 100%);--marketing-font-hero: 3.5rem;--marketing-font-hero-mobile: 2.25rem;--marketing-font-section: 2.5rem;--marketing-font-section-mobile: 1.75rem;--marketing-font-subsection: 1.5rem;--marketing-font-subtitle: 1.25rem;--marketing-font-body: 1.0625rem;--marketing-font-small: .875rem;--marketing-font-label: .75rem;--marketing-weight-hero: 800;--marketing-weight-heading: 700;--marketing-weight-subtitle: 400;--marketing-weight-body: 400;--marketing-weight-label: 600;--marketing-leading-hero: 1.1;--marketing-leading-heading: 1.2;--marketing-leading-body: 1.7;--marketing-section-py: 100px;--marketing-section-py-mobile: 64px;--marketing-section-gap: 64px;--marketing-section-gap-mobile: 40px;--marketing-content-max: 1200px;--marketing-content-narrow: 800px;--marketing-content-px: 24px;--marketing-content-px-mobile: 16px;--marketing-section-alt: #F7F7F5;--marketing-section-white: #ffffff;--marketing-card-padding: 32px;--marketing-card-padding-mobile: 24px;--marketing-card-radius: 20px;--marketing-card-shadow: 0 4px 24px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .03);--marketing-card-shadow-hover: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .04);--marketing-badge-bg: rgba(224, 90, 79, .08);--marketing-badge-color: var(--color-primary);--marketing-badge-border: rgba(224, 90, 79, .15);--marketing-badge-radius: 999px;--marketing-badge-padding: 6px 16px;--marketing-ease: cubic-bezier(.16, 1, .3, 1);--marketing-ease-out: cubic-bezier(.16, 1, .3, 1);--marketing-ease-spring: cubic-bezier(.16, 1, .3, 1);--marketing-duration-fast: .2s;--marketing-duration-medium: .3s;--marketing-duration-slow: .5s;--marketing-reveal-distance: 16px;--marketing-stagger: 80ms;--marketing-nav-height: 72px;--marketing-nav-bg: rgba(250, 250, 248, .85);--marketing-nav-bg-scrolled: rgba(255, 255, 255, .92);--marketing-nav-blur: blur(16px);--marketing-nav-border: rgba(0, 0, 0, .06);--marketing-nav-shadow: 0 1px 8px rgba(0, 0, 0, .04)}.marketing-layout{--bg-page: #FCFBF8;--bg-surface1: #FAF7F2;--bg-surface2: #F5EFE6;--bg-surface3: #EDE6DA;--bg-white: var(--bg-surface1);--bg-light: var(--bg-surface2);--text-heading: #231D18;--text-body: rgba(35, 29, 24, .82);--text-muted: rgba(35, 29, 24, .66);--text-very-muted: rgba(35, 29, 24, .5);--text-dark: var(--text-heading);--border: rgba(35, 29, 24, .14);--divider: rgba(35, 29, 24, .08);--color-accent: #E05A4F;--color-accent-hover: #C94F44;--color-accent-light: rgba(224, 90, 79, .12);--color-secondary: #E05A4F;--secondary-light: rgba(224, 90, 79, .08);--primary-light: rgba(224, 90, 79, .12);--shadow-primary: 0 2px 8px rgba(224, 90, 79, .3);--success: #1E7F4F;--success-bg: rgba(30, 127, 79, .1);--danger: #C0392B;--danger-bg: rgba(192, 57, 43, .1);--warning: #B45309;--warning-bg: rgba(180, 83, 9, .1);--warning-text: #B45309;--info: #1D4ED8;--info-bg: rgba(29, 78, 216, .1);--shadow-soft: 0 4px 20px rgba(26, 23, 20, .08), 0 1px 4px rgba(26, 23, 20, .06);--shadow-elevated: 0 8px 30px rgba(26, 23, 20, .12);--marketing-hero-bg: radial-gradient( ellipse 80% 60% at 50% 20%, rgba(224, 90, 79, .06) 0%, #FCFBF8 70% );--marketing-section-alt: #FAF7F2;--marketing-section-white: #FCFBF8;--marketing-glass-bg: rgba(35, 29, 24, .03);--marketing-glass-bg-hover: rgba(35, 29, 24, .05);--marketing-glass-border: rgba(35, 29, 24, .08);--marketing-glass-shadow: 0 8px 32px rgba(26, 23, 20, .08), 0 2px 8px rgba(26, 23, 20, .05);--marketing-coral-glass: rgba(224, 90, 79, .08);--marketing-coral-glass-border: rgba(224, 90, 79, .15);--marketing-teal-glass: rgba(224, 90, 79, .06);--marketing-teal-glass-border: rgba(224, 90, 79, .12);--marketing-purple-glass: rgba(224, 90, 79, .06);--marketing-purple-glass-border: rgba(224, 90, 79, .12);--marketing-gradient-text: linear-gradient(135deg, #E05A4F 0%, #C94F44 100%);--marketing-gradient-coral: linear-gradient(135deg, #E05A4F 0%, #C94F44 100%);--marketing-card-shadow: 0 4px 24px rgba(26, 23, 20, .08), 0 1px 4px rgba(26, 23, 20, .05);--marketing-card-shadow-hover: 0 12px 40px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .25);--marketing-badge-bg: rgba(224, 90, 79, .12);--marketing-badge-border: rgba(224, 90, 79, .2);--marketing-nav-bg: rgba(10, 10, 11, .85);--marketing-nav-bg-scrolled: rgba(10, 10, 11, .95);--marketing-nav-border: rgba(255, 255, 255, .06);--marketing-nav-shadow: 0 1px 8px rgba(0, 0, 0, .3)}@media(max-width:768px){:root{--marketing-content-px: 16px}}.mkv2{--mk-white: #fcfbf8;--mk-paper: #faf7f2;--mk-cream: #f5efe6;--mk-cream-2: #ede6da;--mk-espresso: #1a1714;--mk-espresso-2: #231d18;--mk-ink: #231d18;--mk-ink-body: rgba(35, 29, 24, .82);--mk-ink-muted: rgba(35, 29, 24, .6);--mk-ink-muted-strong: rgba(35, 29, 24, .66);--mk-ink-faint: rgba(35, 29, 24, .38);--mk-cream-ink: #f5efe6;--mk-cream-body: rgba(245, 239, 230, .8);--mk-cream-muted: rgba(245, 239, 230, .58);--mk-coral: #e05a4f;--mk-coral-hover: #c94f44;--mk-coral-fill: #c0483e;--mk-coral-fill-hover: #b8433a;--mk-coral-dark-surface: #f08a7e;--mk-on-coral: #ffffff;--mk-hairline: rgba(35, 29, 24, .14);--mk-hairline-strong: rgba(35, 29, 24, .32);--mk-hairline-dark: rgba(245, 239, 230, .16);--mk-font-display: "Satoshi", "Segoe UI", -apple-system, sans-serif;--mk-font-text: "Segoe UI", -apple-system, "Helvetica Neue", sans-serif;--mk-font-mono: "Martian Mono", Consolas, "Courier New", monospace;--mk-text-xs: .8125rem;--mk-text-sm: .9375rem;--mk-text-base: 1.0625rem;--mk-text-lg: 1.3125rem;--mk-text-xl: 1.6875rem;--mk-text-2xl: 2.125rem;--mk-text-3xl: 2.625rem;--mk-text-4xl: 3.3125rem;--mk-text-hero: clamp(2.5rem, 5.5vw, 4.125rem);--mk-leading-tight: 1.08;--mk-leading-heading: 1.2;--mk-leading-body: 1.6;--mk-leading-dense: 1.5;--mk-measure: 62ch;--mk-space-1: 8px;--mk-space-2: 16px;--mk-space-3: 24px;--mk-space-4: 32px;--mk-space-6: 48px;--mk-space-8: 64px;--mk-space-12: 96px;--mk-space-16: 128px;--mk-content-max: 1200px;--mk-content-pad: 24px;--mk-radius-interactive: 12px;--mk-radius-frame: 20px;--mk-shadow-frame: 0 24px 60px rgba(35, 29, 24, .16), 0 4px 16px rgba(35, 29, 24, .08);--mk-shadow-raise: 0 2px 8px rgba(35, 29, 24, .08);--mk-ease: cubic-bezier(.16, 1, .3, 1);--mk-dur-fast: .2s;--mk-dur-med: .3s;--mk-dur-slow: .65s;--mk-fig-stroke: 1px;--mk-fig-stroke-em: 1.5px;--mk-fig-ink: var(--mk-ink);--mk-fig-ink-dark: var(--mk-cream-ink);--mk-fig-accent: var(--mk-coral)}.mkv2 .mk-band{--mk-surface: var(--mk-espresso);--mk-heading: var(--mk-cream-ink);--mk-body: var(--mk-cream-body);--mk-muted: var(--mk-cream-muted);--mk-line: var(--mk-hairline-dark);--mk-link: var(--mk-coral-dark-surface);--mk-fig-line: var(--mk-fig-ink-dark);background:var(--mk-espresso);color:var(--mk-body)}.mkv2,.mkv2 .mk-sheet{--mk-surface: var(--mk-paper);--mk-heading: var(--mk-ink);--mk-body: var(--mk-ink-body);--mk-muted: var(--mk-ink-muted);--mk-line: var(--mk-hairline);--mk-link: var(--mk-coral);--mk-fig-line: var(--mk-fig-ink)}.mkv2 .mk-band,.mkv2 .mk-sheet{border:0}@media(prefers-reduced-motion:reduce){.mkv2 *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.studio-page{--s-espresso-3: #2b241e;--s-espresso-4: #342c25;--s-hair-dark: rgba(245, 239, 230, .12);--s-hair-dark-strong: rgba(245, 239, 230, .26);--s-hover-dark: rgba(245, 239, 230, .06);--s-hover-light: rgba(35, 29, 24, .05);--s-nav-bg: rgba(252, 251, 248, .86);--s-scrim: rgba(26, 23, 20, .72);--s-hero-wash: rgba(224, 90, 79, .06);--s-glow: rgba(224, 90, 79, .14);--s-swatch-ring: rgba(35, 29, 24, .14);--s-shadow-card: 0 1px 2px rgba(26, 23, 20, .06), 0 22px 44px -14px rgba(26, 23, 20, .18);--s-shadow-disc: 0 10px 24px -8px rgba(224, 90, 79, .5);--s-font-display: "Clash Display", Georgia, "Helvetica Neue", Arial, sans-serif;--s-font-text: "Switzer", "Helvetica Neue", Arial, sans-serif;--s-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--s-font-hand: "Caveat", "Bradley Hand", "Segoe Print", cursive;--s-wrap: 1200px;--s-gutter: 24px;--s-bg: var(--mk-white);--s-bg-2: var(--mk-paper);--s-bg-3: var(--mk-cream);--s-fg: var(--mk-ink);--s-body: var(--mk-ink-body);--s-muted: var(--mk-ink-muted-strong);--s-line: var(--mk-hairline);--s-line-strong: var(--mk-hairline-strong);--s-point: var(--mk-coral);--s-hover: var(--s-hover-light);background:var(--mk-white);color:var(--mk-ink);font-family:var(--s-font-text);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:clip}.studio-page{--hue-blue-1: #e4edff;--hue-blue-2: #c3d8ff;--hue-blue-3: #9dbfff;--hue-violet-1: #ece4ff;--hue-violet-2: #d4c4ff;--hue-violet-3: #b9a2ff;--hue-orange-1: #ffecd6;--hue-orange-2: #ffd4a6;--hue-orange-3: #ffb870;--hue-coral-1: #ffe1d9;--hue-coral-2: #ffc1b3;--hue-coral-3: #ff9f8c;--hue-teal-1: #d9f6f5;--hue-teal-2: #b0ebec;--hue-teal-3: #7fdbe0;--hue-yellow-1: #fff6c9;--hue-yellow-2: #ffe994;--hue-yellow-3: #ffd95c;--hue-pink-1: #ffe0ef;--hue-pink-2: #ffc0dc;--hue-pink-3: #ff9bc8;--hue-green-1: #e2f7dc;--hue-green-2: #c4efba;--hue-green-3: #9fe192;--hue-blue-g: rgba(46, 116, 240, .16);--hue-violet-g: rgba(115, 82, 242, .16);--hue-orange-g: rgba(245, 129, 31, .16);--hue-coral-g: rgba(238, 85, 66, .16);--hue-teal-g: rgba(21, 178, 196, .16);--hue-yellow-g: rgba(242, 181, 0, .16);--hue-pink-g: rgba(240, 85, 159, .16);--hue-green-g: rgba(67, 192, 79, .16);--hue-blue-ink: #2e74f0;--hue-violet-ink: #7352f2;--hue-orange-ink: #ea7a1c;--hue-coral-ink: #ee5542;--hue-teal-ink: #15a3b4;--hue-yellow-ink: #d49b00;--hue-pink-ink: #f0559f;--hue-green-ink: #3fb34a;--hue-blue-text: #1d4fc4;--hue-violet-text: #5536d0;--hue-orange-text: #b04f00;--hue-coral-text: #c13c2b;--hue-teal-text: #0b7682;--hue-yellow-text: #8f5e00;--hue-pink-text: #b5286a;--hue-green-text: #237a2f;--hue-blue-m1: #3d82f7;--hue-blue-m2: #2357cc;--hue-blue-m3: #143a92;--hue-violet-m1: #b9a2ff;--hue-violet-m2: #7352f2;--hue-violet-m3: #4a2fc0;--hue-orange-m1: #ffb870;--hue-orange-m2: #ea7a1c;--hue-orange-m3: #b85a0c;--hue-coral-m1: #ffc1b3;--hue-coral-m2: #ff9f8c;--hue-coral-m3: #ee5542;--hue-teal-m1: #7fdbe0;--hue-teal-m2: #15b2c4;--hue-teal-m3: #0b7f8c;--hue-yellow-m1: #ffd95c;--hue-yellow-m2: #f5b800;--hue-yellow-m3: #cf8c00;--hue-pink-m1: #ff9bc8;--hue-pink-m2: #f0559f;--hue-pink-m3: #c22f76;--hue-green-m1: #9fe192;--hue-green-m2: #3fb34a;--hue-green-m3: #23802e}.studio-page .hue-blue{--h1: var(--hue-blue-1);--h2: var(--hue-blue-2);--h3: var(--hue-blue-3);--hg: var(--hue-blue-g);--hink: var(--hue-blue-ink);--htext: var(--hue-blue-text);--hm1: var(--hue-blue-m1);--hm2: var(--hue-blue-m2);--hm3: var(--hue-blue-m3)}.studio-page .hue-violet{--h1: var(--hue-violet-1);--h2: var(--hue-violet-2);--h3: var(--hue-violet-3);--hg: var(--hue-violet-g);--hink: var(--hue-violet-ink);--htext: var(--hue-violet-text);--hm1: var(--hue-violet-m1);--hm2: var(--hue-violet-m2);--hm3: var(--hue-violet-m3)}.studio-page .hue-orange{--h1: var(--hue-orange-1);--h2: var(--hue-orange-2);--h3: var(--hue-orange-3);--hg: var(--hue-orange-g);--hink: var(--hue-orange-ink);--htext: var(--hue-orange-text);--hm1: var(--hue-orange-m1);--hm2: var(--hue-orange-m2);--hm3: var(--hue-orange-m3)}.studio-page .hue-coral{--h1: var(--hue-coral-1);--h2: var(--hue-coral-2);--h3: var(--hue-coral-3);--hg: var(--hue-coral-g);--hink: var(--hue-coral-ink);--htext: var(--hue-coral-text);--hm1: var(--hue-coral-m1);--hm2: var(--hue-coral-m2);--hm3: var(--hue-coral-m3)}.studio-page .hue-teal{--h1: var(--hue-teal-1);--h2: var(--hue-teal-2);--h3: var(--hue-teal-3);--hg: var(--hue-teal-g);--hink: var(--hue-teal-ink);--htext: var(--hue-teal-text);--hm1: var(--hue-teal-m1);--hm2: var(--hue-teal-m2);--hm3: var(--hue-teal-m3)}.studio-page .hue-yellow{--h1: var(--hue-yellow-1);--h2: var(--hue-yellow-2);--h3: var(--hue-yellow-3);--hg: var(--hue-yellow-g);--hink: var(--hue-yellow-ink);--htext: var(--hue-yellow-text);--hm1: var(--hue-yellow-m1);--hm2: var(--hue-yellow-m2);--hm3: var(--hue-yellow-m3)}.studio-page .hue-pink{--h1: var(--hue-pink-1);--h2: var(--hue-pink-2);--h3: var(--hue-pink-3);--hg: var(--hue-pink-g);--hink: var(--hue-pink-ink);--htext: var(--hue-pink-text);--hm1: var(--hue-pink-m1);--hm2: var(--hue-pink-m2);--hm3: var(--hue-pink-m3)}.studio-page .hue-green{--h1: var(--hue-green-1);--h2: var(--hue-green-2);--h3: var(--hue-green-3);--hg: var(--hue-green-g);--hink: var(--hue-green-ink);--htext: var(--hue-green-text);--hm1: var(--hue-green-m1);--hm2: var(--hue-green-m2);--hm3: var(--hue-green-m3)}html:has(.studio-page),body:has(.studio-page){overflow-x:clip}html:has(.mkv2.studio-page){color-scheme:light}html:has(.auth-studio){color-scheme:dark}.studio-page.studio-chrome{display:contents}.studio-page .band-paper{--s-bg: var(--mk-paper);--s-bg-2: var(--mk-cream);--s-bg-3: var(--mk-cream-2);--s-fg: var(--mk-ink);--s-body: var(--mk-ink-body);--s-muted: var(--mk-ink-muted-strong);--s-line: var(--mk-hairline);--s-line-strong: var(--mk-hairline-strong);--s-point: var(--mk-coral);--s-hover: var(--s-hover-light)}.studio-page .band-espresso{--s-bg: var(--mk-espresso);--s-bg-2: var(--mk-espresso-2);--s-bg-3: var(--s-espresso-3);--s-fg: var(--mk-cream-ink);--s-body: var(--mk-cream-body);--s-muted: var(--mk-cream-muted);--s-line: var(--s-hair-dark);--s-line-strong: var(--s-hair-dark-strong);--s-point: var(--mk-coral-dark-surface);--s-hover: var(--s-hover-dark);background:var(--s-bg);color:var(--s-fg)}.studio-page .band-cream{--s-bg: var(--mk-cream);--s-bg-2: var(--mk-paper);--s-bg-3: var(--mk-cream-2);--s-fg: var(--mk-ink);--s-body: var(--mk-ink-body);--s-muted: var(--mk-ink-muted-strong);--s-line: var(--mk-hairline);--s-line-strong: var(--mk-hairline-strong);--s-point: var(--mk-coral);--s-hover: var(--s-hover-light)}.studio-page .band-tint{--s-bg: color-mix(in oklab, var(--h1) 35%, var(--mk-white))}.studio-page *,.studio-page *:before,.studio-page *:after{box-sizing:border-box}.studio-page img,.studio-page video{display:block;max-width:100%}.studio-page a{color:inherit;text-decoration:none}.studio-page button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.studio-page h1,.studio-page h2,.studio-page h3,.studio-page h4,.studio-page p{margin:0}.studio-page :focus-visible{outline:2px solid var(--focus-ring-ink);outline-offset:3px;box-shadow:0 0 0 3px var(--focus-ring-halo);border-radius:4px}.studio-page .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.studio-page .wrap{max-width:var(--s-wrap);margin:0 auto;padding:0 var(--s-gutter)}.studio-page section{background:var(--s-bg);color:var(--s-fg)}.studio-page .idx{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted);line-height:1}.studio-page .idx:before{content:"";width:22px;height:2px;border-radius:1px;background:var(--s-point);flex:none}.studio-page .idx.mark:before{width:9px;height:9px;border-radius:50%}.studio-page .smallcaps{font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted);line-height:1.3}.studio-page h2{font-family:var(--s-font-display);font-weight:500;font-size:clamp(30px,3.6vw,48px);line-height:1.06;letter-spacing:-.018em;max-width:22ch;text-wrap:balance}.studio-page h2.free{max-width:none;text-wrap:initial}.studio-page .lede{font-size:clamp(17px,1.25vw,19px);line-height:1.55;color:var(--s-body);max-width:58ch}.studio-page .head{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s-gutter);align-items:end;margin-bottom:56px}.studio-page .head .h-l{grid-column:1/7}.studio-page .head .h-r{grid-column:7/13}.studio-page .head.head--stack{display:block}.studio-page .arrow{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:15.5px;color:var(--s-fg);padding:10px 0;min-height:44px;border-bottom:1px solid transparent;transition:border-color var(--mk-dur-fast) var(--mk-ease)}.studio-page .arrow i{font-style:normal;color:var(--s-point);font-size:1.1em;line-height:1}.studio-page .arrow:hover{border-bottom-color:var(--s-line-strong)}.studio-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:var(--mk-radius-interactive);font-weight:500;font-size:15.5px;white-space:nowrap;transition:background-color var(--mk-dur-fast) var(--mk-ease),border-color var(--mk-dur-fast) var(--mk-ease),color var(--mk-dur-fast) var(--mk-ease)}.studio-page .btn-primary{background:var(--mk-coral-fill);color:var(--mk-on-coral)}.studio-page .btn-primary:hover{background:var(--mk-coral-fill-hover)}.studio-page .btn-ghost{border:1px solid var(--s-line-strong);color:var(--s-fg);background:transparent}.studio-page .btn-ghost:hover{border-color:var(--s-fg);background:var(--s-hover)}.studio-page .btn-ghost i{font-style:normal;color:var(--s-point)}.studio-page .frame{background:var(--s-bg-2);border:1px solid var(--s-line);border-radius:var(--mk-radius-frame);overflow:hidden;transition:border-color .25s var(--mk-ease)}.studio-page .frame:hover{border-color:var(--s-line-strong)}.studio-page .ph{position:relative;background-color:var(--s-bg-2);background-image:radial-gradient(var(--s-line) 1px,transparent 1.2px);background-size:18px 18px;background-position:9px 9px;border:1px solid var(--s-line);border-radius:var(--mk-radius-frame);min-height:180px;display:flex;align-items:flex-end;overflow:hidden}.studio-page .ph .tag{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;margin:18px;padding:8px 12px 8px 10px;border-radius:8px;background:var(--mk-espresso-2);border:1px solid var(--s-hair-dark);font-size:12.5px;color:var(--mk-cream-ink);letter-spacing:.01em;line-height:1.2}.studio-page .ph .tag b{font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-cream-muted)}.studio-page .ph .tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mk-coral-dark-surface);flex:none}.studio-page .ph .tag b+span{padding-left:10px;border-left:1px solid var(--s-hair-dark)}.studio-page .hint{position:absolute;left:22px;right:22px;top:22px;bottom:74px;pointer-events:none;color:var(--s-fg);display:grid;gap:12px;align-content:start}.studio-page .hint .bar{display:block;height:10px;border-radius:5px;background:currentColor;opacity:.12}.studio-page .hint .bar.t{height:14px;opacity:.28;width:40%}.studio-page .hint .box{border:1px solid var(--s-line-strong);border-radius:10px;opacity:.7}.studio-page .hint .row{display:flex;gap:10px;align-items:center}.studio-page .cap{font-size:13.5px;color:var(--s-muted);margin-top:12px;line-height:1.4}.studio-page .cap b{color:var(--s-fg);font-weight:500}.studio-page .ctag{display:block;margin-top:6px}@media(max-width:1023px){.studio-page .head{grid-template-columns:1fr}.studio-page .head .h-l,.studio-page .head .h-r{grid-column:auto}.studio-page .head .h-r .lede{margin-top:20px}}@media(max-width:767px){.studio-page{--s-gutter: 20px;font-size:16px}.studio-page h2.free br{display:none}.studio-page .head{margin-bottom:36px}}