@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/bodoni-moda-latin-opsz-normal-X2BzlAjV.woff2) format("woff2-variations")}@font-face{font-family:Bodoni Moda Variable;font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/bodoni-moda-latin-opsz-italic-BCRrlh7t.woff2) format("woff2-variations")}@font-face{font-family:Manrope;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/manrope-latin-300-normal-BgxWhS7-.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2")}:root{--pink: #ff9fd0;--rose: #ff6fb5;--lilac: #c4b5ff;--peri: #9fb3ff;--ink: #050406;--text: #efeaff;--soft: #cfc7ee;--muted: #9890bf;--line: #ffffff17;--display: "Bodoni Moda Variable", Didot, serif;--body: Manrope, system-ui, sans-serif;--ease-out: cubic-bezier(.2, .8, .2, 1);--gutter: clamp(18px, 4vw, 56px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;position:relative;background:var(--ink);color:var(--text);font:300 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}em{color:var(--pink)}:focus-visible{outline:1px solid var(--pink);outline-offset:5px;border-radius:4px}.sky{position:absolute;top:0;left:0;width:100%;z-index:-1;pointer-events:none}html.js .hero-copy>*,html.js .hero-demo{opacity:0;transform:translate3d(0,22px,0);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out)}html.js body.ready .hero-copy>*,html.js body.ready .hero-demo{opacity:1;transform:none}html.js .hero-copy>:nth-child(2){transition-delay:.1s}html.js .hero-copy>:nth-child(3){transition-delay:.22s}html.js .hero-copy>:nth-child(4){transition-delay:.34s}html.js .hero-copy>:nth-child(5){transition-delay:.46s}html.js .hero-demo{transition-delay:.5s;transition-duration:1.5s}html.js .reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out)}html.js .reveal.in{opacity:1;transform:none}.d1{transition-delay:.12s!important}.d2{transition-delay:.24s!important}.d3{transition-delay:.36s!important}.dahlia{display:block;overflow:visible}.dahlia .pl{stroke-dasharray:1;stroke-dashoffset:0}html.js .dahlia[data-draw] .pl{stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.45,0,.2,1) calc(var(--i, 0) * 50ms + .4s)}html.js .dahlia[data-draw] .pf{fill-opacity:0;transition:fill-opacity 1.2s ease calc(1.4s + var(--i, 0) * 45ms)}html.js .dahlia[data-draw] .oc{opacity:0;transition:opacity 1.2s ease calc(var(--i, 0) * 50ms + .5s)}html.js body.ready .hero .dahlia[data-draw] .oc,html.js .dahlia[data-draw].in .oc{opacity:1}html.js .dahlia[data-draw] .dot{opacity:0;transition:opacity .8s ease calc(2.4s + var(--i, 0) * 20ms)}html.js body.ready .hero .dahlia[data-draw] .pl,html.js .dahlia[data-draw].in .pl{stroke-dashoffset:0}html.js body.ready .hero .dahlia[data-draw] .pf,html.js .dahlia[data-draw].in .pf{fill-opacity:var(--fo, .06)}html.js body.ready .hero .dahlia[data-draw] .dot,html.js .dahlia[data-draw].in .dot{opacity:1}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:20px max(var(--gutter),env(safe-area-inset-right)) 20px max(var(--gutter),env(safe-area-inset-left));border-bottom:1px solid transparent;transition:background .5s,border-color .5s,padding .5s}.nav.scrolled{background:#050406e0;border-color:var(--line);padding-block:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;gap:12px;align-items:center;font:400 21px var(--display);letter-spacing:-.01em}.links{display:flex;align-items:center;gap:28px;font:400 12px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}.links .back{color:var(--pink);white-space:nowrap}.pill{display:inline-flex;align-items:center;min-height:40px;padding:0 20px;border-radius:999px;border:1px solid #ff9fd066;color:var(--pink);white-space:nowrap;transition:background .35s,color .35s,border-color .35s}.pill:hover,.pill:focus-visible{background:var(--pink);border-color:var(--pink);color:var(--ink)}@media (max-width: 640px){.links .back{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 34px;border-radius:999px;background:var(--pink);color:var(--ink);font:500 12px var(--body);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 #ff9fd000;transition:background .35s,box-shadow .5s,transform .35s var(--ease-out)}.btn:hover,.btn:focus-visible{background:#ffc3e2;box-shadow:0 10px 44px -8px #ff6fb580;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.cta-note{font:300 13px var(--body);color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:44px;justify-items:center;text-align:center;max-width:1180px;margin:0 auto;padding:calc(84px + clamp(20px,5vh,56px)) var(--gutter) 72px}.hero-copy{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%}.mark{margin-bottom:18px}h1{font:500 clamp(40px,6.2vw,84px)/1.04 var(--display);font-variation-settings:"opsz" 28;letter-spacing:-.01em;text-wrap:balance}.sub,.eyebrow{font:500 11px var(--body);letter-spacing:.34em;text-transform:uppercase;color:var(--soft)}.sub{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;row-gap:6px}@media (max-width: 480px){.sub{letter-spacing:.22em;font-size:10px}.sub i{margin:0 .45em}}.sub i,.eyebrow i{font-style:normal;color:var(--rose);margin:0 .6em}.lede{max-width:46ch;margin-top:24px;font-size:clamp(15px,1.6vw,17px);line-height:1.75;color:var(--soft);text-wrap:pretty}.cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;margin-top:32px}.hero-demo{width:100%;max-width:440px}@media (min-width: 980px){.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;justify-items:start;text-align:left;min-height:100vh;padding-top:110px;gap:64px}.hero-copy{justify-items:start}.hero .cta-row,.hero .sub{justify-content:flex-start}.hero-demo{justify-self:end}}.feature{padding:clamp(56px,11vh,120px) var(--gutter)}.feature-in{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;max-width:1180px;margin:0 auto}.feature .mock-slot{justify-self:center;width:100%;max-width:440px}.eyebrow{color:var(--lilac);margin-bottom:14px}.feature h2,.closing h2{font:500 clamp(30px,4.4vw,56px)/1.08 var(--display);font-variation-settings:"opsz" 28;letter-spacing:-.01em;text-wrap:balance}.feature h2{margin-bottom:18px}.feature .copy p:not(.eyebrow){max-width:40ch;font-size:clamp(15px,1.5vw,17px);line-height:1.75;color:var(--soft);text-wrap:pretty}@media (min-width: 900px){.feature-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}.feature:nth-of-type(odd) .copy{order:2}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.result{display:grid;justify-items:center;text-align:center;padding:clamp(40px,8vh,90px) var(--gutter) clamp(30px,6vh,60px)}.result h2{font:500 clamp(30px,4.4vw,56px)/1.08 var(--display);font-variation-settings:"opsz" 28;letter-spacing:-.01em;text-wrap:balance}.posts{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;width:100%;max-width:760px;margin-top:clamp(28px,5vh,48px)}@media (min-width: 700px){.posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}}.post{margin:0;display:grid;gap:12px}.post figcaption{font:500 10px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.post.is-styled figcaption{color:var(--pink)}.post-card{text-align:left;border:1px solid var(--line);border-radius:16px;background:#0c0a10;overflow:hidden;font:400 14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#e9e6f0}.post.is-styled .post-card{border-color:#ff9fd059;box-shadow:0 24px 70px -30px #ff6fb566}.post-top{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:13px}.post-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--lilac),var(--rose))}.post-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#120f18}.post-caption{margin:0;padding:14px 14px 18px;white-space:pre-wrap;word-break:break-word;min-height:13em}.post:not(.is-styled) .post-caption{color:#a9a4b8}.facts{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px;width:100%;max-width:900px;margin:clamp(40px,8vh,76px) 0 0;padding:0}@media (min-width: 760px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.facts li{display:grid;justify-items:center;gap:10px}.facts b{font:500 clamp(52px,7vw,84px)/1 var(--display);font-variation-settings:"opsz" 28;letter-spacing:-.02em;color:var(--pink);font-variant-numeric:tabular-nums lining-nums}.facts span{max-width:18ch;font:500 10px/1.7 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--soft)}html.js .facts li{opacity:0;transform:translate3d(0,24px,0);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out)}html.js .facts.in li{opacity:1;transform:none}.facts li:nth-child(2){transition-delay:.12s}.facts li:nth-child(3){transition-delay:.24s}.facts li:nth-child(4){transition-delay:.36s}.compare{display:grid;justify-items:center;text-align:center;padding:clamp(50px,9vh,100px) var(--gutter) clamp(20px,4vh,40px)}.compare h2{font:500 clamp(30px,4.4vw,56px)/1.08 var(--display);font-variation-settings:"opsz" 28;letter-spacing:-.01em;text-wrap:balance}.compare-lede{max-width:50ch;margin-top:18px;color:var(--soft);font-size:clamp(15px,1.5vw,17px);line-height:1.75;text-wrap:pretty}.compare-table{width:100%;max-width:900px;margin-top:clamp(28px,5vh,44px);text-align:left;border-top:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;padding:18px 0;border-bottom:1px solid var(--line)}.compare-row span{font-size:15px;line-height:1.6}.compare-row span:first-child{color:var(--muted)}.compare-row span:last-child{color:var(--text);padding-left:26px;position:relative}.compare-row:not(.compare-head) span:last-child:before{content:"✦";position:absolute;left:0;color:var(--pink)}.compare-head span{font:500 10px var(--body)!important;letter-spacing:.3em;text-transform:uppercase}.compare-head span:last-child{color:var(--pink)}@media (max-width: 560px){.compare-row{grid-template-columns:minmax(0,1fr);gap:8px}.compare-head{display:none}.compare-row span:first-child{text-decoration:line-through;text-decoration-color:#9890bf80}}.who{max-width:1180px;margin:0 auto;padding:clamp(30px,6vh,70px) var(--gutter);text-align:center}.who-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:18px;text-align:left;border-top:1px solid var(--line)}.who-grid>div{padding:26px 0;border-bottom:1px solid var(--line)}.who-grid h3{margin:0 0 8px;font:500 italic clamp(22px,2.6vw,28px) var(--display)}.who-grid p{color:var(--soft);max-width:44ch}@media (min-width: 800px){.who-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.who-grid>div{padding:30px 28px;border-bottom:0;border-left:1px solid var(--line)}.who-grid>div:first-child{border-left:0;padding-left:0}}.where-label{margin:clamp(30px,5vh,48px) 0 14px}.where{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px}.where button{min-height:44px;padding:0 20px;border:1px solid #ffffff26;border-radius:999px;background:none;font:400 14px var(--body);color:var(--soft);white-space:nowrap;cursor:pointer;transition:border-color .35s,color .35s,background .35s,transform .35s var(--ease-out)}.where button:hover{border-color:#ff9fd080;color:var(--text)}.where button[aria-selected=true]{border-color:var(--pink);color:var(--ink);background:var(--pink)}.where button:active{transform:scale(.97)}.where-also{margin-top:14px;font-size:13px;color:var(--muted)}@media (max-width: 699px){.where{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;padding:8px;border-radius:22px;background:#050406d9;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.where button{min-height:40px;padding:0 14px;font-size:13px}}.posts{overflow:hidden;align-items:start}.post-card{will-change:opacity,transform}.scene-text{margin:0;white-space:pre-wrap;word-break:break-word}.scene-post .post-caption{min-height:13em}.scene-bio{padding:18px}.bio-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.bio-top>div{display:grid;gap:8px;justify-items:start}.bio-avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #0c0a10,0 0 0 4px #ff9fd0}.fake-btn{padding:4px 18px;border-radius:8px;background:#ffffff1f;font-size:12px;font-weight:600}.scene-bio .scene-text{min-height:8em}.video-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden}.video-thumb img{display:block;width:100%;height:100%;object-fit:cover}.video-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:54px;height:54px;border-radius:50%;background:#000000a6}.video-play:after{content:"";position:absolute;top:50%;left:54%;translate:-50% -50%;border:solid transparent;border-width:10px 0 10px 16px;border-left-color:#fff}.video-body{padding:14px 16px 18px;display:grid;gap:10px}.video-title{font-size:16px}.video-desc{padding:12px 14px;border-radius:10px;background:#ffffff0f;min-height:10.5em}.scene-linkedin{padding:18px}.li-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.li-top>div{display:grid;gap:2px}.li-avatar{width:46px;height:46px}.li-headline{font-size:12px;color:#a9a4b8}.li-body{min-height:10em}.post:not(.is-styled) .scene-text{color:#a9a4b8}.lost{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:22px;text-align:center;padding:120px var(--gutter) 80px}.closing .dahlia{width:min(360px,76vw);height:auto;aspect-ratio:1;margin-bottom:4px}.closing{display:grid;justify-items:center;gap:22px;text-align:center;padding:clamp(90px,16vh,160px) var(--gutter) clamp(70px,12vh,120px)}.foot{display:flex;flex-wrap:wrap;gap:6px 30px;justify-content:center;padding:28px var(--gutter) calc(36px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);font:500 10px var(--body);letter-spacing:.32em;text-transform:uppercase;color:#8f86b8}.foot a{padding:12px 0;transition:color .3s}.foot a:hover,.foot a:focus-visible{color:#fff}.foot .made-by{padding:12px 0;color:#6f6896}.mock-slot{position:relative}.mock-slot:before{content:"";position:absolute;top:-18%;right:-22%;bottom:-18%;left:-22%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ff6fb52e,#c4b5ff14 55%,transparent 78%);filter:blur(10px)}.mock{position:relative;overflow:hidden;border-radius:18px;background:#f9f8f5;color:#0f172a;border:1px solid #ffffff33;box-shadow:0 0 0 1px #00000080,0 40px 100px -20px #000,0 18px 50px -18px #6e254499;font:400 14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;text-align:left;transition:background .6s,color .6s}.mock.dark{background:#0d1117;color:#cdd9e5}.mock-bar,.mock-toolbar,.mock-out-head,.mock-foot{background:#0f172a;color:#cbd5e1;display:flex;align-items:center;transition:background .6s}.mock.dark .mock-bar,.mock.dark .mock-toolbar,.mock.dark .mock-foot{background:#010409}.mock-bar{height:40px;padding:0 12px;justify-content:space-between;border-bottom:1px solid #1E293B}.mock-brand{font-weight:800;letter-spacing:-.4px;color:#fff;font-size:14px}.mock-accent{color:#818cf8;font-style:normal}.mock-bar-right{display:flex;gap:6px}.mock-chip{font-size:10px;font-weight:600;border:1px solid #334155;border-radius:6px;padding:3px 7px}.mock-chip-icon{padding:3px 6px}.mock-toolbar{height:40px;padding:0 8px;gap:2px;border-bottom:1px solid #1E293B}.mock-tb{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;font-weight:700;font-size:13px;color:#94a3b8;transition:background .3s,color .3s,transform .3s var(--ease-out)}.mock-tb-italic{font-style:italic;font-family:Georgia,serif}.mock-tb-dim{font-weight:400}.mock-tb.on{background:#4f46e5;color:#fff;transform:scale(1.06)}.mock-sep{width:1px;height:18px;background:#1e293b;margin:0 3px}.mock-font{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;border:1px solid #334155;border-radius:7px;background:#1e293b;color:#e2e8f0;font-size:12px;transition:border-color .3s}.mock-font.open{border-color:#818cf8}.mock-font-preview{color:#c7d2fe;min-width:1.8em;display:inline-block}.mock-font-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-font-chev{color:#94a3b8;transition:transform .3s var(--ease-out)}.mock-font.open .mock-font-chev{transform:rotate(180deg)}.mock-editor{min-height:134px;padding:14px 16px;font-size:15px;line-height:1.7}.mock-line{position:relative;min-height:1.7em}.mock-list{padding-left:1.3em}.mock-bullet{position:absolute;left:0;display:inline-block}.mock-seg{display:inline;white-space:pre-wrap;border-radius:3px;background:linear-gradient(#6366f147,#6366f147) no-repeat left / 0% 100%;transition:background-size .5s var(--ease-out)}.mock-seg.b{font-weight:700}.mock-seg.i{font-style:italic}.mock-seg.sel{background-size:100% 100%}.mock-caret{display:inline-block;width:2px;height:1.15em;background:#6366f1;vertical-align:-.2em;margin-left:1px;animation:mockBlink 1.1s steps(2) infinite}@keyframes mockBlink{to{opacity:0}}.mock-divider{text-align:center;color:#94a3b8;letter-spacing:.04em;border-radius:7px;border:1px solid transparent;margin:2px 0;transition:background .4s,border-color .4s}.mock-divider.sel{background:#6366f11f;border-color:#6366f166}.mock-dv{display:inline-block}.mock-out-head{height:34px;padding:0 16px;justify-content:space-between;background:#1e293b}.mock.dark .mock-out-head{background:#161b22}.mock-out-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8}.mock-copy{background:#4f46e5;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;transition:background .4s}.mock-copy.copied{background:#047857}.mock-out{min-height:126px;padding:12px 16px;background:#fff;font-size:15px;line-height:1.7;word-break:break-word;transition:background .6s}.mock.dark .mock-out{background:#161b22}.mock-out.empty{color:#cbd5e1}.mock.dark .mock-out.empty{color:#56657a}.mock.dark .mock-divider{color:#6b7a8d}.mock.dark .mock-bar,.mock.dark .mock-toolbar,.mock.dark .mock-foot{border-color:#21262d}.mock.dark .mock-font{background:#21262d;border-color:#2d333b}.mock.dark .mock-chip{border-color:#2d333b}.mock.dark .mock-pop{background:#212836;border-color:#3b4658}.mock.dark .mock-swatch{border-color:#2d333b}.mock.dark .mock-seg{background-image:linear-gradient(#818cf859,#818cf859)}.mock-out-line{min-height:1.7em}.mock-out-text{display:inline-block;white-space:pre-wrap}.mock-foot{height:30px;padding:0 16px;gap:14px;font-size:11px;color:#8291a6;border-top:1px solid #1E293B}.mock-foot>span{display:inline-block;font-variant-numeric:tabular-nums}.mock-left{margin-left:auto}.mock-pop{position:absolute;left:12px;right:12px;top:86px;z-index:2;background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:11px;padding:6px;box-shadow:0 18px 40px -8px #000000b3;opacity:0;transform:translate3d(0,-8px,0) scale(.96);transform-origin:50% 0;pointer-events:none;transition:opacity .32s var(--ease-out),transform .42s var(--ease-out)}.mock-pop.open{opacity:1;transform:none}.mock-pop-fonts{right:auto;left:104px;width:170px}.mock-pop-bullets{top:88px;left:auto;right:10px;width:132px}.mock-pop-bullets .mock-pop-grid{grid-template-columns:repeat(3,1fr)}.mock-pop-dividers{top:auto;bottom:36px;transform-origin:50% 100%}.mock-pop-save{top:44px}.mock-pop-body{position:relative}.mock-pop-hi{position:absolute;top:0;left:0;border-radius:7px;background:#4f46e5;opacity:0;transition:transform .45s var(--ease-out),width .45s var(--ease-out),height .45s var(--ease-out),opacity .3s}.mock-pop-hi.jump{transition:none}.mock-pop-title{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#94a3b8;padding:4px 6px 6px}.mock-pop-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;transition:color .3s}.mock-pop-item.active,.mock-pop-item.active .mock-font-preview{color:#fff}.mock-pop-line{justify-content:center;font-size:12px;letter-spacing:.04em}.mock-pop-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:0 4px 4px}.mock-swatch{height:32px;display:grid;place-items:center;border:1px solid #334155;border-radius:7px;font-size:15px;transition:border-color .3s}.mock-swatch.active{border-color:transparent}.mock-save-row{display:flex;gap:6px;padding:2px 4px 4px}.mock-input{flex:1;border:1px solid #4F46E5;background:#0f172a;border-radius:7px;padding:6px 10px;font-size:13px}.mock-save-btn{background:#4f46e5;color:#fff;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700}.mock-toast{position:absolute;left:50%;bottom:44px;transform:translate(-50%,10px) scale(.96);background:#1e293b;color:#fff;border:1px solid #334155;border-radius:9px;padding:7px 14px;font-size:12px;opacity:0;transition:opacity .35s var(--ease-out),transform .45s var(--ease-out);pointer-events:none;white-space:nowrap;z-index:3}.mock-toast.show{opacity:1;transform:translate(-50%)}.mock-cursor{position:absolute;top:0;left:0;z-index:4;width:0;height:0;opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .4s}.mock-cursor.show{opacity:1}.mock-cursor svg{position:absolute;top:-3px;left:-5px;width:22px;height:22px;overflow:visible;transform-origin:5px 3px;filter:drop-shadow(0 2px 4px #00000073)}.mock-cursor path{fill:#fff;stroke:#0f172a;stroke-width:1.4;stroke-linejoin:round}.mock-cursor-ring{position:absolute;top:0;left:0;width:34px;height:34px;border-radius:50%;border:2px solid #ff9fd0;opacity:0;transform:translate(-50%,-50%) scale(.3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}html.js .hero-copy>*,html.js .hero-demo,html.js .reveal,html.js .facts li{opacity:1;transform:none}html.js .dahlia[data-draw] .pl{stroke-dashoffset:0}html.js .dahlia[data-draw] .pf{fill-opacity:var(--fo, .06)}html.js .dahlia[data-draw] .dot,html.js .dahlia[data-draw] .oc{opacity:1}}.more{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 0;font:500 11px var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--pink)}.more span{transition:transform .35s var(--ease-out)}.more:hover span,.more:focus-visible span{transform:translate(6px)}.tut{max-width:760px;margin:0 auto;padding:calc(84px + clamp(24px,6vh,64px)) var(--gutter) 40px}.tut-head{display:grid;justify-items:center;text-align:center;gap:18px;margin-bottom:clamp(40px,8vh,80px)}.tut-head h1{font-size:clamp(36px,5.4vw,64px)}.tut-head .lede{margin-top:0}.crumb{font:500 11px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--lilac)}.crumb a{color:var(--pink)}.step{display:grid;gap:22px;padding:clamp(28px,5vh,48px) 0;border-top:1px solid var(--line)}.step h2{font:500 clamp(24px,3.2vw,34px)/1.15 var(--display);font-variation-settings:"opsz" 28;letter-spacing:-.01em;margin-bottom:14px}.step ul,.step ol{margin-top:12px!important}.step h2 small{display:block;margin-bottom:10px;font:500 11px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--lilac)}.step p,.step li{color:var(--soft);font-size:16px;line-height:1.75;max-width:62ch}.step p+p{margin-top:12px}.step ul,.step ol{margin:0;padding-left:1.2em;display:grid;gap:8px}.step strong{color:var(--text);font-weight:500}.step p a,.step li a{color:var(--pink);text-decoration:underline;text-decoration-color:#ff9fd066;text-underline-offset:3px}.step p a:hover,.step li a:hover{text-decoration-color:var(--pink)}.step kbd{font:500 12px var(--body);padding:2px 7px;border:1px solid #ffffff33;border-radius:6px;color:var(--text);white-space:nowrap}.step .mock-slot{width:100%;max-width:420px;justify-self:center;margin:8px 0}@media (min-width: 900px){.tut{max-width:1040px}.step.has-shot{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:56px;align-items:center}}.note{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#ffffff08}.note h3{margin:0 0 8px;font:500 11px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--pink)}.tut-next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:36px 0 12px;border-top:1px solid var(--line)}.tut-next a{font:400 clamp(20px,2.6vw,26px) var(--display)}.tut-next a small{display:block;margin-bottom:6px;font:500 10px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.tut-next a:hover,.tut-next a:focus-visible{color:var(--pink)}.tut-next .fwd{text-align:right;margin-left:auto}.tut-list{display:grid;gap:0}.tut-list a{display:grid;gap:8px;padding:28px 0;border-top:1px solid var(--line)}.tut-list a:last-child{border-bottom:1px solid var(--line)}.tut-list .eyebrow{margin:0}.tut-list b{font:500 clamp(24px,3.4vw,36px)/1.15 var(--display);letter-spacing:-.01em;transition:color .3s}.tut-list span{color:var(--soft);max-width:60ch}.tut-list a:hover b,.tut-list a:focus-visible b{color:var(--pink)}.ref .step h2{display:flex;align-items:baseline;gap:12px}.ref .ref-count{display:inline;margin:0;font:500 12px var(--body);letter-spacing:.1em;color:var(--muted)}.ref .step>div{min-width:0}.ref-jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ref-jump a{padding:8px 14px;border:1px solid #ffffff22;border-radius:999px;font-size:13px;color:var(--soft);transition:color .3s,border-color .3s}.ref-jump a:hover,.ref-jump a:focus-visible{color:var(--text);border-color:var(--pink)}.ref-group{scroll-margin-top:90px}.fx-input{position:sticky;top:64px;z-index:2;display:grid;gap:8px;margin-bottom:20px;padding:14px 0;background:linear-gradient(var(--ink) 80%,transparent)}.fx-input label{font:500 11px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--lilac)}.fx-input input{width:100%;min-height:48px;padding:10px 16px;border:1px solid #ffffff2e;border-radius:12px;background:#0d0b12;color:var(--text);font:400 17px var(--body)}.fx-input input:focus-visible{outline:1px solid var(--pink);outline-offset:2px}.fx-list{max-width:680px;list-style:none;padding:0!important;margin-top:18px!important;gap:0!important}.fx-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name copy" "sample copy";align-items:center;column-gap:14px;row-gap:2px;padding:12px 0;border-top:1px solid var(--line);max-width:none!important}.fx-name{grid-area:name;font-size:12px;color:var(--muted)}.fx-sample{grid-area:sample;color:var(--text);font-size:20px;line-height:1.5;overflow-wrap:anywhere}.fx-copy,.sym,.div-line{font:inherit;color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;cursor:pointer;transition:background .25s,border-color .25s}.fx-copy{grid-area:copy;min-width:64px;min-height:44px;padding:0 14px;border-radius:999px;font-size:13px}.fx-copy:hover,.sym:hover,.div-line:hover{background:#ffffff1a;border-color:var(--pink)}.sym-grid{list-style:none;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px!important}.sym-grid li{max-width:none!important}.sym{width:100%;min-height:52px;border-radius:12px;font-size:22px;line-height:1;white-space:nowrap}.div-list{list-style:none;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:8px!important}.div-list li{max-width:none!important}.div-line{width:100%;min-height:48px;padding:10px 16px;border-radius:12px;text-align:center;font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere}.copied{background:#04785740!important;border-color:#34d399!important}.failed{border-color:#f87171!important}.ref-more{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:36px 0 0;border-top:1px solid var(--line);font:400 clamp(18px,2.4vw,22px) var(--display)}.ref-more a:hover,.ref-more a:focus-visible{color:var(--pink)}@media (max-width: 480px){.div-line{font-size:15px;padding:10px 12px}}