.marketing{overflow:clip}.marketing .site-header{width:calc(100% - 64px);max-width:1760px;margin:18px auto 0}.marketing .scroll-hero{height:132svh;position:relative}.hero-sticky{flex-direction:column;height:calc(100svh - 20px);min-height:620px;padding:0 0 28px;display:flex;position:sticky;top:0}.hero-layout{isolation:isolate;flex:1;place-items:center;display:grid;position:relative}.marketing .hero-copy{z-index:6;text-align:center;width:min(43vw,680px);padding:26px 12px;position:relative}.marketing .hero-copy .eyebrow{margin-bottom:18px;display:block}.marketing .hero-copy h1{letter-spacing:-.08em;margin:0 0 24px;font-size:clamp(82px,7.8vw,150px);font-weight:700;line-height:.98}.marketing .hero-copy h1 span{color:#7959e4}.marketing .hero-copy p{color:#615e6b;max-width:370px;margin:0 auto 24px;font-size:17px;line-height:1.55}.marketing .hero-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.marketing .hero-actions .button{padding:15px 18px;font-size:14px}.marketing .hero-import-link{color:#5e4b89;text-underline-offset:4px;align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:700;text-decoration:underline;display:inline-flex}.marketing .hero-address{justify-content:center;margin-top:23px;display:flex}.marketing .hero-address-text{color:#6a6375;letter-spacing:-.03em;text-align:left;background:#faf8fd;border:1px solid #e7e2f0;border-radius:10px;align-items:center;min-width:305px;padding:11px 16px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #3024480a}.marketing .hero-address .handle-at,.marketing .hero-address .handle-typed{color:#4d36a0}.hero-preview-scene{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-preview-card{--card-width:clamp(265px, 21vw, 405px);left:calc(50% - var(--card-width) / 2);margin-top:calc(var(--card-width) * -.79);width:var(--card-width);height:calc(var(--card-width) * 1.58);transform-origin:50% 65%;background:#fff;border-radius:24px;padding:7px;position:absolute;top:50%;overflow:hidden;box-shadow:0 2px 5px #29203910,0 20px 45px #29203924}.hero-preview-content{transform-origin:0 0;width:400px;height:660px}.hero-preview-content .creator-page{min-height:660px}.hero-preview-card--studio{display:none}.hero-scroll-cue{color:#82788e;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:11px;display:flex}.hero-scroll-cue svg{color:#7656e8}.marketing .intro-strip{gap:clamp(25px,4vw,80px);padding:28px 32px}.marketing .intro-strip>.scroll-reveal{width:auto;display:block}.marketing .intro-strip p{max-width:320px}.intro-feature{align-items:center;gap:10px;display:flex}.intro-feature svg{flex-shrink:0}.marketing #designs,.marketing #how-it-works{scroll-margin-top:0}.gallery-scroll{background:#f0eef4;min-height:440svh;position:relative}.gallery-sticky{grid-template-rows:auto minmax(0,1fr) auto;height:100svh;min-height:660px;padding:30px 32px 24px;display:grid;position:sticky;top:0;overflow:clip}.gallery-heading{text-align:center;z-index:12;position:relative}.gallery-heading h2{letter-spacing:-.06em;margin:8px 0 10px;font-size:clamp(36px,3.8vw,64px);line-height:1.06}.gallery-heading p{color:#67636f;margin:0;font-size:15px}.design-carousel{isolation:isolate;touch-action:pan-y;min-height:0;margin:24px -32px 18px;position:relative}.design-card-measure,.design-card{--design-width:clamp(340px, 32vw, 490px);width:var(--design-width)}.design-card-measure{height:0;position:absolute}.design-card{height:100%;left:calc(50% - var(--design-width) / 2);transform-origin:50% 100%;background:#fff;border:7px solid #fff;border-radius:22px;position:absolute;top:0;overflow:hidden;box-shadow:0 3px 6px #241f3110,0 22px 42px #241f3120}.design-card-label{color:#7b7482;border-bottom:1px solid #f0edf2;justify-content:space-between;align-items:center;height:28px;padding:0 9px;font-size:9px;display:flex}.design-card-label span:first-child{color:#423b4d;font-weight:700}.design-card-viewport{justify-content:center;height:calc(100% - 28px);display:flex;overflow:hidden}.design-card-content{transform-origin:top;flex:none;width:400px;height:720px}.design-card-content .creator-page{min-height:720px}.gallery-caption{z-index:12;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 28px;width:min(1100px,100%);margin:0 auto;display:grid;position:relative}.gallery-caption:before{content:"";z-index:-1;pointer-events:none;background:#f0eef4;position:absolute;inset:-12px calc(50% - 50vw) -24px}.gallery-current{align-items:center;gap:22px;display:flex}.gallery-current h3{letter-spacing:-.045em;margin:0 0 5px;font-size:25px;line-height:1.1}.gallery-current p{color:#67636f;margin:0;font-size:13px}.gallery-links{align-items:center;gap:22px;display:flex}.gallery-links .button{padding:13px 18px;font-size:13px}.gallery-links .text-link{font-size:12px}.gallery-progress{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:6px;margin:2px 0 0;padding:0;list-style:none;display:grid}.gallery-progress li{color:#877f92;border-top:3px solid #d8d3e1;padding-top:7px;font-size:10px}.gallery-progress li[aria-current]{color:#5037a5;border-color:#7656e8;font-weight:700}.gallery-static{gap:30px;display:none}.static-design{background:#fff;border-radius:20px;max-width:440px;margin:auto;overflow:hidden}.static-design>div{padding:24px}.static-design .text-link{margin-top:16px;display:block}.marketing .how-section{max-width:1500px;padding:65px 40px}.marketing .how-import-link{color:#5839b5;text-underline-offset:4px;align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.marketing .how-grid{margin-top:30px}.marketing .handle-visual{flex-direction:row;justify-content:center;align-items:center;gap:0;padding:22px clamp(16px,2.5vw,34px);overflow:hidden}.marketing .handle-domain{color:#77717e;letter-spacing:-.035em;white-space:nowrap;flex:none;font-size:clamp(15px,1.65vw,25px)}.marketing .handle-username{color:#211d2d;letter-spacing:-.055em;white-space:nowrap;align-items:center;min-width:0;min-height:1.15em;font-size:clamp(21px,2.15vw,32px);line-height:1.15;display:flex}.marketing .handle-at{color:#7656e8}.marketing .handle-typed{color:inherit}.marketing .handle-caret{background:#7656e8;width:2px;height:.9em;margin-left:3px;display:none}.marketing .handle-caret.is-visible{animation:.9s step-end infinite handle-blink;display:inline-block}.marketing .hero-address .handle-caret{height:1em}@keyframes handle-blink{50%{opacity:0}}.marketing .closing-section{padding:65px 24px}.marketing .palette-swatches{width:min(235px,100%);height:52px;display:block;position:relative}.marketing .palette-spectrum{background:linear-gradient(90deg,#e74a70,#ef9b4d,#e5cf57,#76bf80,#61b8d5,#8461d6,#dc7db9);border:3px solid #fff;border-radius:999px;width:100%;height:100%;margin:0;display:block;box-shadow:0 5px 16px #3a26551c}.marketing .palette-cursor{background:#8461d6;border:4px solid #fff;border-radius:50%;width:38px;height:38px;margin:0;display:block;position:absolute;top:50%;left:64%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #27143855}.marketing .how-step .how-visual{will-change:transform, opacity}@media (prefers-reduced-motion:no-preference){.marketing .how-step .how-visual{opacity:0;transition:opacity .52s ease-out,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)scale(.96)}.marketing .how-step.is-visible .how-visual{opacity:1;transform:none}.marketing .how-step.is-visible .blocks-visual>div:first-child{animation:.52s .12s both how-card-arrive}.marketing .how-step.is-visible .blocks-visual>div:nth-child(2){animation:.52s .24s both how-card-arrive}.marketing .how-step .how-visual:hover{transform:translateY(-4px)scale(1.015)}.marketing .how-step .blocks-visual>div:hover{transform:translate(5px)}.marketing .how-step.is-visible .palette-cursor{animation:2.6s ease-in-out .45s both palette-glide}}@keyframes how-card-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes palette-glide{0%{background:#e74a70;left:16%}45%{background:#8461d6;left:70%}to{background:#8461d6;left:64%}}.marketing .site-footer{max-width:1760px;padding-inline:32px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal-word{white-space:pre;display:inline-block}.scroll-reveal:focus-within .reveal-word{opacity:1!important;filter:none!important}@media (max-width:1100px) and (min-width:1000px){.marketing .hero-copy h1{font-size:79px}.marketing .hero-actions .button{padding:13px 11px;font-size:12px}}@media (max-width:999px){.marketing .site-header{width:calc(100% - 32px);margin:12px auto 0}.marketing .scroll-hero{height:140svh;min-height:1020px}.hero-sticky{height:100svh;min-height:790px;padding-bottom:12px}.hero-layout{flex-direction:column;justify-content:center;display:flex}.marketing .hero-copy{width:100%;padding:22px 24px 0}.marketing .hero-copy .eyebrow{margin-bottom:12px}.marketing .hero-copy h1{margin-bottom:16px;font-size:clamp(68px,10vw,92px)}.marketing .hero-copy p{max-width:420px;margin-bottom:18px;font-size:15px}.marketing .hero-address{margin-top:18px}.hero-preview-scene{width:100%;height:425px;margin-top:20px;position:relative}.hero-preview-card{--card-width:250px}.hero-preview-card--studio{display:block}.hero-scroll-cue{padding:10px}.gallery-caption{gap:13px}.gallery-links{gap:12px}.gallery-links .text-link{display:none}}@media (max-width:600px){.marketing .site-header .signin-link{display:none}.marketing .scroll-hero{height:138svh;min-height:0}.hero-sticky{height:100svh;min-height:725px}.marketing .hero-copy{padding:20px 18px 0}.marketing .hero-copy h1{font-size:clamp(58px,16vw,76px)}.marketing .hero-copy p{max-width:320px;font-size:14px}.marketing .hero-actions .button{gap:6px;padding:13px 12px;font-size:12px}.marketing .hero-address{margin-top:15px}.marketing .hero-import-link{margin-top:10px;font-size:11px}.marketing .hero-address-text{min-width:275px;padding:9px 13px;font-size:14px}.hero-preview-scene{height:360px;margin-top:14px}.hero-preview-card{--card-width:218px;border-radius:19px;padding:6px}.hero-scroll-cue{font-size:10px}.marketing .intro-strip{grid-template-columns:1fr 1fr;gap:22px 16px;padding:25px 20px;display:grid}.marketing .intro-strip>.scroll-reveal:first-child{grid-column:1/-1}.intro-feature{align-items:flex-start;font-size:11px}.intro-feature svg{width:20px;height:20px}.gallery-scroll{min-height:430svh}.gallery-sticky{min-height:620px;padding:24px 18px 16px}.gallery-heading h2{max-width:340px;margin-inline:auto;font-size:34px}.gallery-heading p{max-width:330px;margin:auto;font-size:12px;line-height:1.5}.design-carousel{margin:18px -18px 14px}.design-card-measure,.design-card{--design-width:min(76vw, 360px)}.design-card{border-width:5px;border-radius:18px}.design-card-viewport{height:calc(100% - 24px)}.design-card-label{height:24px;font-size:8px}.gallery-current{min-width:0;display:block}.gallery-current h3{font-size:22px}.gallery-current p{max-width:180px;font-size:11px;line-height:1.4}.gallery-current .template-number{white-space:nowrap;margin-bottom:4px;font-size:10px;display:block}.gallery-caption{gap:12px 8px}.gallery-links .button{gap:5px;padding:12px 10px;font-size:11px}.gallery-links .button svg{width:15px}.gallery-progress{gap:4px}.gallery-progress li{font-size:9px}.marketing .how-section,.marketing .closing-section{padding:48px 20px}.marketing .site-footer{padding-inline:20px}}@media (max-height:620px){.marketing .scroll-hero{height:auto;min-height:0}.hero-sticky{min-height:670px;position:relative}.gallery-scroll{min-height:0}.gallery-sticky{height:auto;min-height:0;position:relative}.design-carousel,.gallery-caption{display:none}.gallery-static{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;margin-top:25px;display:grid}}@media (prefers-reduced-motion:reduce){.marketing .handle-caret{animation:none;display:none}.marketing .scroll-hero{height:auto;min-height:0}.hero-sticky{position:relative}.hero-scroll-cue{display:none}.gallery-scroll{min-height:0}.gallery-sticky{height:auto;min-height:0;position:relative}.design-carousel,.gallery-caption{display:none}.gallery-static{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;margin-top:25px;display:grid}.reveal-word{opacity:1!important;filter:none!important}.marketing .button{transition:none}}