:root{--paper:#f2f2f5;--paper-2:#e8eaef;--ink:#0b0b0f;--ink-2:#48494f;--ink-3:#55565f;--ink-4:#8a8b93;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, Menlo, monospace;--serif:"Instrument Serif", Georgia, serif;--dark:linear-gradient(180deg,#2a2b31,#0b0b0f);--dark-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 22px -10px rgba(11,11,15,.7);--glass-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(11,11,15,.08),0 20px 50px -24px rgba(11,11,15,.3);--card-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(11,11,15,.06),0 18px 40px -28px rgba(11,11,15,.35);--lift:0 0 0 .5px rgba(11,11,15,.06),0 4px 12px -4px rgba(11,11,15,.2);--c0:#ff5c35;--c1:#ffcc33;--c2:#f9f4e8;--c3:#182723;--pro-bg:radial-gradient(120% 80% at 20% 6%,#ffd3a1 0%,transparent 55%),radial-gradient(90% 70% at 90% 75%,#8a1e0a 0%,transparent 60%),linear-gradient(170deg,#ff6a1f 0%,#8a1e0a 50%,#120604 100%);font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,.studio-page{--wp:radial-gradient(120% 80% at 20% 8%,var(--c2) 0%,transparent 55%),radial-gradient(90% 70% at 85% 70%,var(--c0) 0%,transparent 60%),linear-gradient(170deg,var(--c1) 0%,var(--c0) 45%,var(--c3) 100%);--track:linear-gradient(90deg,var(--c2),var(--c1) 45%,var(--c0))}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}main{position:relative;isolation:isolate;overflow-x:clip;min-height:100vh}h1{margin:0;font-weight:650;letter-spacing:-.055em;line-height:.92;text-wrap:balance}h1 i{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;padding-right:.06em}@keyframes wf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wf-shadow{0%,to{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.9);opacity:.4}}@keyframes pulse{50%{box-shadow:0 0 0 7px transparent}}@keyframes tile-in{0%{opacity:0;transform:translate3d(calc(var(--dir,1) * 30px),7px,0) scale(.93)}}@keyframes fade-in{0%{opacity:0}}.glass{background:#ffffff9e;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);box-shadow:var(--glass-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border:0;border-radius:999px;font:550 14px var(--sans);text-decoration:none;white-space:nowrap;transition:transform .2s ease,filter .2s ease,background .2s ease}.btn:active{transform:scale(.98)}.btn-dark{background:var(--dark);color:#fff;box-shadow:var(--dark-shadow)}.btn-dark:hover{filter:brightness(1.25);color:#fff}.btn-light{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #0b0b0f1a}.btn-white{background:#fff;color:var(--ink);box-shadow:0 0 0 .5px #0b0b0f1a,0 6px 14px -8px #0b0b0f4d}.btn-light:hover,.btn-white:hover{background:#fafafa}.btn-glass{background:#ffffffb3;color:var(--ink);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-glass:hover{background:#ffffffe6}.btn-lg{height:52px;padding:0 26px;font-size:16px;font-weight:500}.btn-block{display:flex;width:100%;height:56px;font-size:16px}.eyebrow,.kicker{margin:0;font:400 11px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3)}.ambient,.doc-main:before{content:"";position:absolute;z-index:-1;top:-320px;left:-10%;right:-10%;height:1700px;background:var(--wp);filter:blur(130px) saturate(160%);opacity:.28;pointer-events:none;-webkit-mask-image:linear-gradient(#000 30%,transparent 92%);mask-image:linear-gradient(#000 30%,transparent 92%)}.doc-main:before{opacity:.2;height:1400px}.site-head{position:sticky;top:0;z-index:40;isolation:isolate;max-width:1280px;margin:0 auto;padding:20px 24px 0;pointer-events:none}.site-head:before{content:"";position:absolute;z-index:-1;top:0;bottom:-28px;left:50%;width:100vw;transform:translate(-50%);background:linear-gradient(#f2f2f5e6,#f2f2f500);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}.site-nav{pointer-events:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 18px;border-radius:999px;background:#ffffff9e;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);box-shadow:var(--glass-shadow)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:18px;letter-spacing:-.025em}.brand img{display:block;width:32px;height:32px;border-radius:10px;object-fit:cover;box-shadow:0 6px 14px -6px #ff4d1a99}.brand-pro{font:500 10px var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--dark);padding:4px 8px;border-radius:999px;margin-left:-2px}.nav-tabs{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:#0b0b0f0b}.nav-tabs a{padding:9px 18px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:500;color:var(--ink-2);transition:color .2s ease}.nav-tabs a:hover{color:var(--ink)}.nav-tabs a[aria-current]{background:#fff;color:var(--ink);font-weight:600;box-shadow:var(--lift)}.nav-actions{display:flex;align-items:center;gap:8px}.pro-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border:0;border-radius:999px;background:#ffffffb3;box-shadow:inset 0 0 0 1px #0b0b0f29;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.pro-pill:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}.tabbar{display:none}.hero{max-width:1280px;margin:0 auto;padding:96px 24px 72px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}.eyebrow.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fffc;border:1px solid rgba(11,11,15,.06);letter-spacing:.12em}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--c0)}.hero h1{font-size:clamp(52px,8.4vw,132px);max-width:1100px}.hero h1 i,.doc-pricing h1 i{background:linear-gradient(100deg,var(--c3) 0%,var(--c0) 62%,var(--c1) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.intro{margin:0;max-width:600px;font-size:19px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}.hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero-stats{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#62636b}.studio{position:relative;width:min(1232px,calc(100% - 48px));margin:0 auto;border-radius:44px;overflow:hidden;overflow:clip;background:var(--paper-2);box-shadow:inset 0 1px #ffffffe6,0 50px 120px -50px #0b0b0f59;scroll-margin-top:96px}.studio-placeholder{min-height:900px}.studio-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:var(--wp);filter:blur(100px) saturate(150%);opacity:.6;pointer-events:none}.studio-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f4f5f738}.studio-body{position:relative;display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:"controls view" "controls tools";gap:8px 16px;padding:14px}.controls{grid-area:controls;min-width:0;display:flex;flex-direction:column;gap:12px;padding:20px 20px 18px;border-radius:26px;background:#ffffffbd;backdrop-filter:blur(34px) saturate(190%);-webkit-backdrop-filter:blur(34px) saturate(190%);box-shadow:inset 0 1px #fff,0 0 0 .5px #0b0b0f0f,0 30px 70px -36px #0b0b0f66}.step{display:flex;align-items:baseline;gap:12px}.controls>.step~.step,.controls>.energy{margin-top:6px;padding-top:16px;border-top:1px solid rgba(11,11,15,.07)}.number{font:12px var(--mono);color:#6e6f78}.step h2{margin:0;font-size:19px;font-weight:650;letter-spacing:-.03em}.step p{margin:2px 0 0;font-size:13px;color:var(--ink-3)}.step-now{display:none}.control-card{min-width:0}.category-tabs{display:flex;flex-wrap:wrap;gap:5px}.category-tabs button{height:32px;padding:0 12px;border:0;border-radius:999px;font-size:13px;font-weight:500;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #0b0b0f1a;white-space:nowrap;transition:background .2s ease,color .2s ease}.category-tabs button.active{background:var(--ink);color:#fff;box-shadow:none}.style-deck,.palette-deck{touch-action:pan-y;-webkit-user-select:none;user-select:none}.style-deck{margin-top:12px}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style{position:relative;min-width:0;display:flex;flex-direction:column;gap:6px;padding:5px 5px 8px;border:0;border-radius:16px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 0 0 1px #0b0b0f12;animation:tile-in .46s cubic-bezier(.22,1,.36,1) both;transition:box-shadow .2s ease}.style:hover{box-shadow:0 0 0 1px #0b0b0f2e}.style.active{box-shadow:0 0 0 2px var(--ink),0 10px 24px -12px #0b0b0f80}.style-thumb{position:relative;display:block;height:78px;border-radius:12px;overflow:hidden;background:var(--paper-2);box-shadow:inset 0 0 0 .5px #ffffff40}.style-thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.style-name{padding:0 3px;font-size:12px;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style .pro-tag{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:999px;background:#ffffffd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:500 8.5px var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.style .crown,.palette .crown{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fc3;font-style:normal;pointer-events:none}.style .crown{position:absolute;top:6px;right:6px}.deck-pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;min-height:30px;margin-top:10px}.pager-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.pager-step{width:28px;height:28px;border:0;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #0b0b0f1a;display:grid;place-items:center;color:var(--ink);transition:box-shadow .2s ease}.pager-step:hover{box-shadow:inset 0 0 0 1px var(--ink)}.pager-dots{display:flex;align-items:center;gap:4px}.dot{width:5px;height:5px;padding:0;border:0;border-radius:3px;background:#0b0b0f33;transition:width .38s cubic-bezier(.22,1,.36,1),background .25s ease}.dot:hover{background:#0b0b0f66}.dot.active{width:18px;background:var(--c0)}.pager-count{font:11px var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.deck-filter{display:flex;gap:2px;padding:3px;border-radius:999px;background:#0b0b0f0d}.deck-filter button{display:flex;align-items:center;gap:3px;height:28px;padding:0 8px;border:0;border-radius:999px;background:transparent;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;transition:color .2s ease,background .2s ease}.deck-filter button b{font-weight:400}.deck-filter button:not(.active):hover{color:var(--ink)}.deck-filter button.active{background:#fff;color:var(--ink);box-shadow:var(--lift)}.palette-deck{margin-top:4px}.palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.palette{position:relative;min-width:0;display:flex;align-items:center;gap:7px;height:38px;padding:0 8px 0 4px;border:0;border-radius:999px;background:#fff;color:var(--ink);font-size:12.5px;font-weight:500;box-shadow:0 0 0 1px #0b0b0f12;animation:tile-in .46s cubic-bezier(.22,1,.36,1) both;transition:box-shadow .2s ease}.palette:hover{box-shadow:0 0 0 1px #0b0b0f2e}.palette.active{box-shadow:0 0 0 2px var(--ink)}.swatch{flex-shrink:0;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 .5px #0b0b0f24}.palette-name{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette .lock{display:grid;place-items:center;color:#6e6f78;font-style:normal;pointer-events:none}.palette .crown{flex-shrink:0;width:18px;height:18px}@media(prefers-reduced-motion:reduce){.style,.palette{animation-duration:.01ms}.dot{transition:none}}.energy{display:flex;flex-direction:column;gap:4px}.energy-head{display:flex;justify-content:space-between;align-items:baseline}.energy-head label{font-size:15px;font-weight:600;letter-spacing:-.01em}.energy-head b{font:400 13px var(--mono);color:var(--ink-3)}.energy-ends{display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6e6f78}input.wf-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:transparent;width:100%;height:36px;margin:0;cursor:pointer}input.wf-range::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:var(--track);box-shadow:inset 0 0 0 1px #0b0b0f14}input.wf-range::-moz-range-track{height:10px;border-radius:999px;background:var(--track);box-shadow:inset 0 0 0 1px #0b0b0f14}input.wf-range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000000f,0 4px 10px #00000029,0 2px 1px #0000000f}input.wf-range::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000000f,0 4px 10px #00000029,0 2px 1px #0000000f}.stage-col{grid-area:view;grid-row:1 / -1;min-width:0;display:flex;flex-direction:column}.stage-col .stage-view{flex:1}@media(min-width:961px)and (max-height:960px){.stage-view{min-height:0;padding:84px 16px 24px}.stage-view .device.iphone{--dw:clamp(170px, calc((100svh - 380px)*.44) ,240px)}.stage-view .device.android{--dw:clamp(164px, calc((100svh - 380px)*.43) ,232px)}.stage-view .device.square{--dw:clamp(260px, calc((100svh - 400px)*.8) ,380px)}.finish{gap:18px;padding-bottom:32px}}.stage-view{position:relative;isolation:isolate;min-width:0;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 0}.stage-tags{position:absolute;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.stage-name,.live-badge{padding:8px 14px;border-radius:999px;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.stage-name{min-width:0;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.live-badge span{width:7px;height:7px;border-radius:50%;background:var(--c0);box-shadow:0 0 0 4px #ffffff80;animation:pulse 1.8s infinite}.device-float{display:flex;justify-content:center;animation:wf-float 7s ease-in-out infinite}.device-shadow{margin-top:12px;width:220px;height:26px;border-radius:50%;background:radial-gradient(closest-side,#0b0b0f4d,#0b0b0f00);animation:wf-shadow 7s ease-in-out infinite}.stage-caption,.stage-surprise{display:none}@media(prefers-reduced-motion:reduce){.device-float,.device-shadow,.live-badge span{animation:none}}.finish{grid-area:tools;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 12px 16px}.tools-head{display:none}.formats{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;border-radius:22px;background:#ffffff9e;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.85)}.formats button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:76px;padding:7px 10px;border:0;border-radius:17px;background:transparent;color:var(--ink);transition:background .2s ease}.formats button:hover{background:#ffffff80}.formats button.active{background:#fff;box-shadow:0 4px 14px -6px #0b0b0f4d}.formats b{font-size:13px;font-weight:600}.formats small{font:10px var(--mono);color:var(--ink-3)}.mini{display:none;border:1.7px solid currentColor;width:18px;height:26px;border-radius:4px}.mini.android{width:17px;height:29px}.mini.mac,.mini.windows{width:31px;height:20px}.mini.tablet{width:29px;height:22px}.mini.square{width:24px;height:24px}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.remix,.download{height:48px;font-size:15px;font-weight:500}.remix svg{transition:transform .25s ease}.remix:not(.locked-note):hover svg{transform:rotate(-90deg)}.download{padding:0 26px;box-shadow:0 14px 30px -12px #0b0b0f99}.download small{font:11px var(--mono);color:#b9bac2}.download:disabled{opacity:.65;cursor:progress}.actions-note{display:none}@media(min-width:961px)and (min-height:961px){.stage-view .device.iphone{--dw:220px}.stage-view .device.android{--dw:214px}}.device{--frame:#111614;--rail:0px;--bezel:0px;--r:0px;--r-screen:calc(var(--r) + var(--bezel));--r-device:calc(var(--r-screen) + var(--rail));isolation:isolate;background:var(--frame);padding:var(--rail);border-radius:var(--r-device);box-shadow:0 38px 65px #1222164f,0 12px 22px #12221630,inset 0 0 0 1px #ffffff24;position:relative;transition:.35s ease}.device:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:2;border-radius:inherit;border:1px solid #ffffff1c;pointer-events:none}.screen{display:contents}.device.iphone .screen,.device.android .screen,.device.tablet .screen{display:block;padding:var(--bezel);border-radius:var(--r-screen);background:#030404;box-shadow:inset 0 0 2px #000,0 0 0 1px #171a18}.device canvas{display:block;width:var(--dw);height:auto;border-radius:var(--r);object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.device.iphone canvas{aspect-ratio:1206/2622}.device.android canvas{aspect-ratio:1280/2856}.device.mac canvas,.device.windows canvas{aspect-ratio:16/9}.device.tablet canvas{aspect-ratio:4/3}.device.square canvas{aspect-ratio:1}.device.iphone{--dw:258px;--rail:max(2.5px,calc(var(--dw) * .008));--bezel:calc(var(--dw) * .0155);--r:calc(var(--dw) * .14);--frame:linear-gradient(90deg,#d7d8d4 0%,#8d908d 4%,#272a28 11%,#0a0c0b 49%,#2d302e 89%,#aeb1ad 96%,#ecece8 100%);box-shadow:0 38px 65px #1222164f,0 12px 22px #12221630,inset 0 0 0 1px #ffffffb8,0 0 0 1px #555a57}.device.iphone:before{content:"";position:absolute;z-index:3;top:1px;right:1px;bottom:1px;left:1px;border-radius:calc(var(--r-device) - 1px);border:1px solid #ffffff7d;pointer-events:none}.device.android{--dw:250px;--rail:max(2.5px,calc(var(--dw) * .008));--bezel:calc(var(--dw) * .016);--r:calc(var(--dw) * .144);--frame:linear-gradient(90deg,#e0e2df 0%,#858b87 5%,#292e2b 13%,#151917 50%,#363c38 87%,#b9bdb9 96%,#f0f1ee 100%);box-shadow:0 38px 65px #1222164f,0 12px 22px #12221630,inset 0 0 0 1px #ffffffad,0 0 0 1px #555c58}.device.android .screen{background:#020303;box-shadow:inset 0 0 2px #000,0 0 0 1px #1b1f1c}.device.tablet{--dw:min(39vw,480px);--rail:max(2px,calc(var(--dw) * .0042));--bezel:calc(var(--dw) * .0271);--r:calc(var(--dw) * .023);--frame:linear-gradient(120deg,#a7aaa7 0%,#4c504e 12%,#1c201e 49%,#555a57 88%,#c2c4c1 100%);box-shadow:0 34px 62px #1222164a,0 10px 20px #1222162b,inset 0 0 0 1px #ffffff8f,0 0 0 1px #555a57}.device.mac,.device.windows{--dw:min(39vw,520px);--rail:calc(var(--dw) * .0135);--r:calc(var(--dw) * .0077);--frame:#080a09;margin:0 0 calc(var(--dw) * .127);box-shadow:0 30px 55px #12221642,0 8px 18px #12221629,inset 0 0 0 1px #303532}.device.windows{--rail:calc(var(--dw) * .0115);--chin:calc(var(--dw) * .0327);--frame:linear-gradient(#3f4442,#2b302e 40%,#232826);padding:var(--rail) var(--rail) var(--chin);border-radius:var(--r-device) var(--r-device) calc(var(--r) + var(--chin)) calc(var(--r) + var(--chin));box-shadow:0 30px 55px #12221642,0 8px 18px #12221629,inset 0 0 0 1px #5a615d}.device.square{--dw:min(35vw,440px);--rail:calc(var(--dw) * .0091);--r:calc(var(--dw) * .0045);--frame:#050606;box-shadow:0 30px 55px #12221640,0 8px 18px #12221626,inset 0 0 0 1px #2a2e2c}.mac .stand,.windows .stand{display:block;position:absolute;top:100%;left:50%;z-index:-1;transform:translate(-50%)}.mac .stand{width:15%;height:calc(var(--dw) * .085);border-radius:0 0 5px 5px;background:linear-gradient(90deg,#7f8481,#dcdedb 32%,#b4b8b5 64%,#747976);box-shadow:inset 0 0 0 1px #fff3}.mac .stand:after{content:"";position:absolute;left:50%;bottom:calc(var(--dw) * -.015);transform:translate(-50%);width:300%;height:calc(var(--dw) * .025);border-radius:7px;background:linear-gradient(#c9ccc9,#8d918e);box-shadow:0 8px 16px #12221630}.windows .stand{width:13%;height:calc(var(--dw) * .077)}.windows .stand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#262b29,#4d534f 42%,#2f3533);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}.windows .stand:after{content:"";position:absolute;left:50%;bottom:calc(var(--dw) * -.017);transform:translate(-50%);width:330%;height:calc(var(--dw) * .019);border-radius:4px;background:linear-gradient(#404643,#282d2b);box-shadow:0 8px 16px #1222162e}.hardware,.keys,.stand{display:none;pointer-events:none}.iphone .hardware,.iphone .keys,.android .hardware,.android .keys,.tablet .hardware,.tablet .keys{display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.iphone .hardware:before,.iphone .hardware:after,.iphone .keys:after,.tablet .hardware:before{content:"";position:absolute;left:calc(0px - var(--key));width:var(--key);border-radius:1px 0 0 1px;background:linear-gradient(90deg,#828882,#c9ccc6 34%,#e4e5e1 58%,#a6aaa5 86%,#6b706d);box-shadow:inset 0 1px #ffffff70,inset 0 -1px #00000045,-1px 0 1px #00000026}.iphone .keys:before,.android .hardware:before,.android .keys:before{content:"";position:absolute;right:calc(0px - var(--key));width:var(--key);border-radius:0 1px 1px 0;background:linear-gradient(270deg,#828882,#c9ccc6 34%,#e4e5e1 58%,#a6aaa5 86%,#6b706d);box-shadow:inset 0 1px #ffffff70,inset 0 -1px #00000045,1px 0 1px #00000026}.tablet .hardware:after,.tablet .keys:before{content:"";position:absolute;top:calc(0px - var(--key));height:var(--key);border-radius:1px 1px 0 0;background:linear-gradient(180deg,#828882,#c9ccc6 34%,#e4e5e1 58%,#a6aaa5 86%,#6b706d);box-shadow:inset 1px 0 #ffffff70,inset -1px 0 #00000045,0 -1px 1px #00000026}.device.iphone{--key:max(2px,calc(var(--dw) * .0116))}.iphone .hardware:before{top:17.5%;height:3.5%}.iphone .hardware:after{top:23.4%;height:6.3%}.iphone .keys:after{top:32.1%;height:6.3%}.iphone .keys:before{top:27.6%;height:10.1%}.device.android{--key:max(2px,calc(var(--dw) * .012))}.android .hardware:before{top:21.4%;height:11.2%}.android .keys:before{top:35.1%;height:6%;background:repeating-linear-gradient(#0000 0,#0000 1px,#00000026 1px,#00000026 2px),linear-gradient(270deg,#7b817c,#bec1bc 34%,#d8dad6 58%,#9ba09b 86%,#626764)}.android .hardware:after{content:"";position:absolute;left:50%;bottom:calc(0px - var(--dw) * .008);transform:translate(-50%);width:26%;height:calc(var(--dw) * .008);border-radius:99px;background:repeating-linear-gradient(90deg,#555b57 0 2px,transparent 2px 5px)}.device.tablet{--key:max(2px,calc(var(--dw) * .0063))}.tablet .hardware:before{top:9.7%;height:9.7%}.tablet .hardware:after{left:10%;width:5.4%}.tablet .keys:before{left:17.1%;width:5.4%}.camera{position:absolute;z-index:4;left:50%;transform:translate(-50%);border-radius:50%;background:#070909;box-shadow:inset 0 0 0 1px #274b5c}.iphone .camera{top:calc(var(--rail) + var(--bezel) + var(--dw) * .028);width:calc(var(--dw) * .318);height:calc(var(--dw) * .093);background:#020303;border-radius:99px;box-shadow:inset 0 0 0 1px #141817,0 1px 3px #00000070}.iphone .camera:after{content:"";position:absolute;top:50%;right:calc(var(--dw) * .027);width:calc(var(--dw) * .054);height:calc(var(--dw) * .054);transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#35576c 0,#35576c 9%,#0b2332 19%,#03090d 54%,#000 70%);box-shadow:inset 0 0 0 1px #294c615c}.android .camera{top:calc(var(--dw) * .064);width:calc(var(--dw) * .048);height:calc(var(--dw) * .048);border:2px solid #050606;background:radial-gradient(circle at 40% 35%,#40667b 0,#40667b,#102b3a 20%,#040a0e 55%,#000 72%);box-shadow:inset 0 0 0 1px #416a806e,0 0 0 1px #111513}.tablet .camera,.mac .camera,.windows .camera{--dot:max(4px,calc(var(--dw) * .0146));top:calc(var(--rail) + var(--bezel) / 2 - var(--dot) / 2);width:var(--dot);height:var(--dot);border:1px solid #0a0d0c;background:radial-gradient(circle at 40% 35%,#36576a,#08131a 45%,#000 72%);box-shadow:inset 0 0 0 1px #416a8054}.mac .camera,.windows .camera{--dot:max(4px,calc(var(--dw) * .0096));top:calc(var(--rail) / 2 - var(--dot) / 2)}.device.windows:before{content:"";position:absolute;z-index:4;right:calc(var(--dw) * .027);bottom:calc(var(--chin) / 2 - var(--dw) * .0048);width:calc(var(--dw) * .0096);height:calc(var(--dw) * .0096);border-radius:50%;background:#7fe0a8;box-shadow:0 0 6px #6fdc9e99}.square .camera{display:none}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;animation:fade-in .2s ease both}.viewer-glass{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0d0c}.viewer-panel{position:relative;z-index:1;flex:1 1 auto;min-width:0;min-height:0;animation:viewer-in .34s cubic-bezier(.22,1,.36,1) both}@keyframes viewer-in{0%{transform:scale(.96);opacity:0}}.viewer-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.viewer-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;touch-action:manipulation}.viewer-stage.zoomed{place-items:start;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.viewer-stage.zoomed img{width:var(--zw);max-width:none;max-height:none}.viewer-bar,.viewer-foot{position:absolute;left:0;right:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:11px;padding:0 14px}.viewer-bar>*,.viewer-foot>*{pointer-events:auto;width:100%;max-width:560px;margin:0 auto}.viewer-bar{top:0;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:34px;background:linear-gradient(#000000b8,#0000)}.viewer-foot{bottom:0;padding-top:46px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px);background:linear-gradient(#0000,#000c 38%)}.viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f7f4ec}.viewer-head h3{margin:0;font-size:17px;text-shadow:0 1px 6px #00000073}.viewer-head p{margin:2px 0 0;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#f7f4ecab;text-shadow:0 1px 6px #00000073}.viewer-close{width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:1px solid #ffffff33;background:#0d1211cc;color:#f7f4ec;display:grid;place-items:center}.viewer-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.viewer-chip{padding:5px 10px;border-radius:999px;background:#0d1211cc;border:1px solid #ffffff2b;color:#f7f4ecdb;font:10px var(--mono);letter-spacing:.04em}.viewer-zoom{padding:5px 11px;border-radius:999px;background:#0d1211cc;border:1px solid #ffcc3366;color:#fc3;font:10px var(--mono);letter-spacing:.04em;display:inline-flex;align-items:center;gap:5px}.viewer-zoom[aria-pressed=true]{background:#fc3;border-color:#fc3;color:#17201d}.viewer-save{border:0;background:#ff5c35;color:#fff;border-radius:999px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:15px;box-shadow:4px 4px #17201d}.viewer-hint{text-align:center;font:10px var(--mono);color:#f7f4ec9e;text-shadow:0 1px 6px #000000a6}@media(prefers-reduced-motion:reduce){.viewer,.viewer-panel{animation-duration:.01ms}}.viewer-head p,.viewer-chip,.viewer-zoom,.viewer-hint{font-family:var(--mono)}.viewer-zoom{border-color:#ffffff4d;color:#fff}.viewer-zoom[aria-pressed=true]{background:#fff;border-color:#fff;color:var(--ink)}.viewer-save{height:56px;background:#fff;color:var(--ink);box-shadow:0 14px 30px -12px #0009;font-weight:600}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b0b0f73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:fade-in .2s ease both}.sheet{width:100%;max-width:430px;max-height:92svh;overflow:auto;background:#fffffff0;backdrop-filter:blur(34px) saturate(190%);-webkit-backdrop-filter:blur(34px) saturate(190%);color:var(--ink);border-radius:32px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:inset 0 1px #fff,0 40px 80px -30px #0b0b0f99;animation:sheet-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes sheet-in{0%{transform:translateY(28px);opacity:0}}@media(min-width:641px){.sheet-backdrop{align-items:center}}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-head h3{margin:0;font-size:21px;font-weight:650;letter-spacing:-.03em}.sheet-head p{margin:4px 0 0;font-size:14px;color:var(--ink-3)}.sheet-close{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;background:#0b0b0f0f;display:grid;place-items:center}.sheet-close:hover{background:#0b0b0f1a}.sheet-save{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:56px;border:0;border-radius:999px;background:var(--dark);color:#fff;box-shadow:var(--dark-shadow);font:550 16px var(--sans);text-decoration:none}.sheet-save:disabled{opacity:.45;cursor:default}.sheet small{text-align:center;font-size:12.5px;line-height:1.5;color:var(--ink-3)}.unlock-note{margin:0;font-size:13px;color:var(--ink-2)}.unlock-form{display:flex;flex-direction:column;gap:10px}.unlock-form label{font-size:13px;font-weight:600}.unlock-form input{height:50px;padding:0 16px;border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #0b0b0f24;font:15px var(--sans);color:var(--ink)}.unlock-form input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.unlock-form button{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border:0;border-radius:999px;background:var(--dark);color:#fff;box-shadow:var(--dark-shadow);font-weight:550}.unlock-form button:disabled{opacity:.45}.unlock-error{margin:0;font-size:13px;color:#b42318}.unlock-form .unlock-release{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #0b0b0f29}.unlock-form .unlock-release:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--ink)}@media(prefers-reduced-motion:reduce){.sheet-backdrop,.sheet{animation-duration:.01ms}}.about{max-width:1280px;margin:0 auto;padding:140px 24px 40px;display:flex;flex-wrap:wrap;gap:40px 80px}.about-head{flex:1 1 320px;min-width:0}.about-head .kicker{margin-bottom:18px;letter-spacing:.12em}.about h2{margin:0;font-size:clamp(36px,4.4vw,60px);line-height:1;font-weight:650;letter-spacing:-.05em;text-wrap:balance}.about h2 i{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}.about-body{flex:1.3 1 420px;min-width:0}.about-body p{margin:0;font-size:18px;line-height:1.65;color:#3c3d45;text-wrap:pretty}.about-body p+p{margin-top:20px}.about-body a,.doc a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}.about-body a:hover,.doc a:hover{color:var(--ink-2)}.doc a.btn{text-decoration:none}.doc a.btn-dark,.doc a.btn-dark:hover{color:#fff}.doc a.btn-white:hover{color:var(--ink)}.moods{max-width:1280px;margin:0 auto;padding:80px 24px 120px;display:flex;flex-direction:column;gap:28px}.moods-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px}.moods-head h2{margin:0;font-size:32px;font-weight:600;letter-spacing:-.03em}.moods-head a{font-size:15px;font-weight:500}.mood-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:14px}.mood-tile{position:relative;display:block;aspect-ratio:3/4;border-radius:30px;overflow:hidden;background:var(--paper-2);text-decoration:none;box-shadow:inset 0 0 0 .5px #ffffff40,0 2px 4px -2px #0b0b0f33,0 34px 54px -30px #0b0b0f8c;transition:transform .3s cubic-bezier(.22,1,.36,1)}.mood-tile:hover{transform:translateY(-4px)}.mood-tile img{display:block;width:100%;height:100%;object-fit:cover}.mood-label{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffffb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px #ffffffe6;color:var(--ink);font-size:15px;font-weight:600}footer{max-width:1280px;margin:0 auto;padding:0 24px 40px;color:var(--ink-3)}.foot-top{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:40px;padding:48px 0;border-top:1px solid rgba(11,11,15,.08)}.foot-brand{display:flex;flex-direction:column;gap:14px}.foot-tag{margin:0;font-size:14px;color:var(--ink-3)}.foot-stat{margin:0;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6e6f78}.foot-head{margin:0 0 4px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6e6f78}.foot-col ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.foot-col a{color:var(--ink);text-decoration:none;font-size:14px}.foot-col a:hover{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}.foot-col .foot-all{font-weight:600}.foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding-top:24px;border-top:1px solid rgba(11,11,15,.08);font-size:13px}.creator-link,.contact-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3);text-decoration:none}.creator-link strong,.contact-link strong{color:var(--ink);font-weight:600}.contact-link strong{font-weight:500}.creator-link:hover strong,.contact-link:hover strong{text-decoration:underline;text-underline-offset:3px}.creator-link svg{transition:transform .22s ease}.creator-link:hover svg{transform:translate(2px,-2px)}.pro-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px #0b0b0f1f;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.pro-chip:hover{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}.doc{max-width:728px;margin:0 auto;padding:96px 24px 40px}.doc h1{font-size:clamp(48px,7vw,96px);margin:18px 0 0}.doc-updated{margin:22px 0 0;font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.doc-intro{margin:24px 0 0;font-size:19px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}.doc h2{margin:56px 0 0;font-size:26px;font-weight:650;letter-spacing:-.03em}.doc h3{margin:30px 0 0;font-size:17px;font-weight:650;letter-spacing:-.015em}.doc p{margin:14px 0 0;font-size:16px;line-height:1.7;color:#3c3d45}.doc ul{margin:14px 0 0;padding-left:20px}.doc li{margin-top:9px;font-size:16px;line-height:1.7;color:#3c3d45}.doc li::marker{color:var(--ink-4)}.doc strong{color:var(--ink)}.doc-main:has(.doc-pricing):before{background:var(--pro-bg);top:-160px;opacity:.3}.doc-pricing{max-width:1108px;padding-top:104px}.doc-pricing>.eyebrow,.doc-pricing>h1,.doc-pricing>.doc-intro{text-align:center;margin-inline:auto}.doc-pricing>h1{margin-top:24px;font-size:clamp(56px,8.4vw,128px);line-height:.9;letter-spacing:-.06em}.doc-pricing h1 i{background:var(--pro-bg);-webkit-background-clip:text;background-clip:text}.doc-pricing>.doc-intro{max-width:560px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));align-items:center;gap:24px;margin:72px auto 0;max-width:1012px}.doc .plan{position:relative;display:flex;flex-direction:column;gap:30px;padding:40px 36px 36px;border-radius:40px;background:#ffffff9e;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px #fff,0 0 0 .5px #0b0b0f14,0 30px 60px -40px #0b0b0f59}.plan-top{display:flex;flex-direction:column;gap:10px}.doc .plan h2{margin:0;font-size:20px;letter-spacing:-.025em}.doc .plan-price{display:flex;align-items:baseline;gap:10px;margin:0}.plan-price b{color:var(--ink);font-size:76px;font-weight:650;letter-spacing:-.06em;line-height:1}.plan-price span{font-size:14px;color:var(--ink-3)}.doc .plan-note{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}.plan-list{list-style:none;margin:0;padding:30px 0 0;border-top:.5px solid rgba(11,11,15,.14);display:flex;flex-direction:column;gap:15px}.doc .plan-list li{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:15.5px;line-height:1.45;color:#1f2026}.plan-list svg{flex-shrink:0;margin-top:1px;stroke-width:2}.doc .plan.featured{gap:0;padding:10px;border-radius:44px;overflow:hidden;background:var(--pro-bg);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 0 0 .5px #ffffff4d,0 2px 4px -2px #0b0b0f33,0 60px 100px -50px #78280ab3}.plan.featured:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#ffffff3d,#ffffff0a 28%,#fff0 40%);pointer-events:none}.plan-frame-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 18px 22px}.plan-kicker{font:10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff}.plan-badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffffe6;font-size:12px;font-weight:600}.plan-glass{position:relative;display:flex;flex-direction:column;gap:26px;padding:30px 28px 28px;border-radius:34px;background:#ffffffc7;backdrop-filter:blur(34px) saturate(190%);-webkit-backdrop-filter:blur(34px) saturate(190%);box-shadow:inset 0 1px #fff,0 20px 40px -24px #3c140580}.featured .plan-list{padding-top:26px}.featured .plan-list svg{color:#c2410c;stroke-width:2.2}.doc .featured .plan-note{color:#3c3d45}.plan-cta{display:flex;flex-direction:column;gap:12px}.doc .plan-fine{margin:0;text-align:center;font-size:12.5px;line-height:1.5;color:var(--ink-2)}.unlock-steps{max-width:1012px;margin:150px auto 0}.unlock-steps-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 40px}.doc .unlock-steps-head h2{margin:0;font-size:clamp(40px,4.6vw,64px);line-height:.95;letter-spacing:-.05em}.unlock-steps-head h2 i{font-family:var(--serif);font-weight:400}.doc .unlock-steps-head p{margin:0;font-size:17px;color:var(--ink-2)}.unlock-steps ol{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:18px}.doc .unlock-steps li{display:flex;flex-direction:column;gap:14px;margin:0;padding:30px 28px 32px;border-radius:34px;background:#ffffff9e;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px #fff,0 0 0 .5px #0b0b0f14,0 24px 50px -36px #0b0b0f59}.unlock-steps li>div{display:flex;flex-direction:column;gap:14px}.step-num{font-family:var(--serif);font-style:italic;font-size:64px;line-height:.9;color:#c2410c}.doc .unlock-steps h3{margin:0;font-size:21px;letter-spacing:-.025em}.doc .unlock-steps li p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}.doc .unlock-steps-note{margin:24px 0 0;font-size:15px;color:var(--ink-2)}.doc-prose{max-width:680px;margin:110px auto 0}.doc-prose>h2:first-child{margin-top:0}@media(max-width:960px){.studio-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"view" "controls" "tools"}.stage-col{display:contents}.stage-view{grid-area:view}.stage-view{min-height:560px}.device.tablet{--dw:min(70vw,520px)}.device.mac,.device.windows{--dw:min(70vw,560px)}.device.square{--dw:min(60vw,440px)}.foot-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}.foot-brand{grid-column:1 / -1}}@media(max-width:640px){main{padding-bottom:100px}.site-head{position:relative;padding:14px 16px 0}.site-head:before{display:none}.site-nav{padding:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:10px;flex-wrap:nowrap}.nav-tabs{display:none}.nav-actions{gap:6px}.nav-actions .btn{height:44px;padding:0 18px}.tabbar{position:fixed;z-index:50;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%);display:flex;gap:2px;padding:5px;border-radius:999px;background:#ffffffa8;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);box-shadow:inset 0 1px #fff,0 0 0 .5px #0b0b0f14,0 20px 44px -16px #0b0b0f66}.tabbar a{display:flex;align-items:center;gap:7px;height:48px;padding:0 15px;border-radius:999px;color:var(--ink-2);text-decoration:none;font-size:13.5px;font-weight:500;white-space:nowrap}.tabbar a[aria-current]{background:#fff;color:var(--ink);font-weight:600;box-shadow:var(--lift)}.hero{align-items:flex-start;text-align:left;padding:36px 20px 8px;gap:14px}.hero h1{font-size:50px}.hero h1 i{font-size:1.1em}.eyebrow.pill{padding:0;background:none;border:0;font-size:10.5px;letter-spacing:.14em}.eyebrow-dot{display:none}.intro{font-size:15.5px;line-height:1.5}.hero-ctas{gap:8px;margin-top:4px}.hero-ctas .btn{height:44px;padding:0 18px;font-size:14px;font-weight:550}.hero-ctas .btn-light{background:#ffffffa8;box-shadow:inset 0 1px #fff,0 0 0 .5px #0b0b0f14}.hero-stats{display:none}.studio{width:100%;margin-top:20px;border-radius:0;overflow:visible;background:transparent;box-shadow:none;scroll-margin-top:0}.studio-placeholder{min-height:1400px}.studio-glow{display:none}.studio-body{padding:0 0 8px;gap:26px}.stage-view{position:sticky;top:0;z-index:4;height:clamp(400px,58svh,470px);min-height:0;padding:14px 0 76px;overflow:hidden;background:#f2f2f5cc;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 .5px #0b0b0f1f,0 16px 30px -24px #0b0b0f59}.stage-view:before{content:"";position:absolute;z-index:-1;left:50%;top:30px;width:300px;height:340px;transform:translate(-50%);border-radius:50%;background:var(--wp);filter:blur(60px) saturate(170%);opacity:.75}.stage-tags{display:none}.device-shadow{width:150px;height:18px;margin-top:10px}.stage-caption{position:absolute;left:16px;right:16px;bottom:14px;margin:0;display:flex;flex-direction:column;gap:3px;min-width:0}.stage-caption{right:76px}.stage-surprise{position:absolute;right:16px;bottom:14px;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;box-shadow:0 10px 20px -10px #0b0b0f99}.stage-surprise:active{transform:scale(.94)}.stage-caption b{font-size:20px;font-weight:650;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-caption span{font-size:13.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device{box-shadow:0 22px 40px #12221642,0 7px 15px #12221629}.device.iphone{--dw:clamp(108px,15svh,148px)}.device.android{--dw:clamp(104px,14.4svh,142px)}.device.tablet{--dw:min(82vw,340px)}.device.mac,.device.windows{--dw:min(84vw,330px)}.device.square{--dw:clamp(220px,30svh,280px)}.iphone .hardware,.android .hardware,.iphone .keys,.android .keys{display:none}.controls{padding:0 12px;gap:8px;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.controls>.step~.step,.controls>.energy{margin-top:18px;padding-top:0;border-top:0}.step{padding:0 8px}.step .number,.step p{display:none}.step h2,.energy-head label,.tools-head h2{font-size:20px;font-weight:650;letter-spacing:-.03em}.step-now{display:inline;font-size:15px;font-weight:400;letter-spacing:-.01em;color:var(--ink-3)}.control-card{padding:12px 0 14px;border-radius:28px;background:#ffffffd1;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:var(--card-shadow)}.palette-deck{margin-top:0}.style-deck,.palette-deck{touch-action:auto}.category-tabs,.style-grid,.palettes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar,.style-grid::-webkit-scrollbar,.palettes::-webkit-scrollbar{display:none}.category-tabs{padding:0 12px}.category-tabs button{flex-shrink:0;font-size:13.5px;padding:0 15px}.style-deck{margin-top:14px}.style-grid{display:flex;gap:12px;padding:4px 12px 2px;scroll-snap-type:x mandatory;scroll-padding:0 12px}.style{flex:0 0 92px;padding:0;gap:8px;background:transparent;box-shadow:none;scroll-snap-align:start}.style:hover,.style.active{box-shadow:none}.style-thumb{height:128px;border-radius:22px;box-shadow:0 0 0 1px #0b0b0f12}.style.active .style-thumb{box-shadow:0 0 0 2.5px var(--ink),0 10px 20px -10px #0b0b0f80}.style-name{padding:0 2px;font-size:12px;white-space:normal}.style.active .style-name{font-weight:650}.deck-pager{padding:0 12px;margin-top:12px}.palettes{display:flex;align-items:center;gap:12px;padding:4px 12px}.palette{flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;background:transparent;box-shadow:none}.palette:hover,.palette.active{box-shadow:none}.palette .swatch{width:44px;height:44px}.palette.active .swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.palette-name{display:none}.palette .lock,.palette .crown{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 1px 4px #0b0b0f40}.palette .crown{background:var(--ink);color:#fc3}.palette .lock svg,.palette .crown svg{width:8px;height:8px}.energy{gap:8px}.energy-head{padding:0 8px}.energy-card{display:flex;flex-direction:column;gap:4px;padding:10px 18px 12px}.energy-ends{font:12px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-3)}.finish{align-items:stretch;gap:8px;padding:0 12px}.tools-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 8px;margin-top:18px}.tools-head h2{margin:0}.tools-head span{font:12px var(--mono);color:var(--ink-3)}.formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;border:0;border-radius:28px;background:#ffffffd1;box-shadow:var(--card-shadow)}.formats button{min-width:0;height:84px;justify-content:center;gap:9px;border-radius:22px}.formats button.active{background:var(--ink);color:#fff;box-shadow:0 8px 18px -8px #0b0b0f99}.formats small{display:none}.mini{display:block}.actions{flex-wrap:nowrap;gap:8px;margin-top:18px;padding:8px;border-radius:999px;background:#ffffffb3;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px #fff,0 0 0 .5px #0b0b0f0f,0 24px 50px -24px #0b0b0f73}.remix{flex-shrink:0;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0b0b0f1a,0 4px 10px -4px #0b0b0f33}.remix span{display:none}.download{flex:1;height:56px;padding:0 18px;font-size:16px;font-weight:550}.download small{display:none}.actions-note{display:block;margin:6px 0 0;text-align:center;font-size:12px;color:#6a6b73}.about{padding:72px 20px 20px;gap:22px}.about h2{font-size:38px}.about-body p{font-size:16px}.moods{padding:44px 12px 40px;gap:16px}.moods-head{padding:0 8px}.moods-head h2{font-size:24px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mood-tile{border-radius:26px}footer{padding:0 20px 24px}.foot-top{grid-template-columns:1fr 1fr;gap:28px 18px;padding:36px 0}.foot-bottom{flex-direction:column;align-items:flex-start;gap:12px}.doc{padding:44px 20px 20px}.doc h1{font-size:56px}.doc-intro{font-size:16px}.doc-pricing>.eyebrow,.doc-pricing>h1,.doc-pricing>.doc-intro{text-align:left;margin-inline:0}.doc-pricing>h1{font-size:60px}.doc-pricing h1 i{font-size:1.07em}.plans{gap:14px;margin-top:30px}.doc .plan.featured{order:-1;padding:8px;border-radius:38px}.plan-frame-head{height:110px;align-items:flex-start;padding:12px 12px 0}.plan-glass{padding:24px 20px 20px;border-radius:31px;gap:22px}.doc .plan{padding:26px 22px 22px;border-radius:32px;gap:20px}.plan-price b{font-size:68px}.plan-list{padding-top:20px;gap:13px}.doc .plan-list li{font-size:15px}.unlock-steps{margin-top:80px}.doc .unlock-steps-head h2{font-size:40px}.unlock-steps ol{gap:10px;margin-top:22px}.doc .unlock-steps li{flex-direction:row;gap:16px;padding:22px 20px;border-radius:28px}.step-num{font-size:40px;width:22px;flex-shrink:0}.unlock-steps li>div{gap:5px}.doc .unlock-steps h3{font-size:17px}.doc .unlock-steps li p{font-size:14px}.doc-prose{margin-top:64px}}@media(max-width:380px){.tabbar a{padding:0 12px;gap:5px;font-size:13px}.brand{font-size:16px}.nav-actions .btn{padding:0 14px;font-size:13px}.pro-pill{padding:0 10px}.surprise svg{display:none}}