:root{--sb-paper:var(--color-landing-bg,#faf9ff);--sb-paper-2:var(--color-landing-bg-alt,#f1eeff);--sb-card:#fff;--sb-soft:#f5f2ff;--sb-border:#e4def8;--sb-ink:var(--color-landing-text,#1a1035);--sb-text-2:var(--color-landing-text-secondary,#3d2e5e);--sb-text-3:var(--color-landing-text-tertiary,#6b5f82);--sb-dark:#0d0a1f;--sb-dark-2:#1b1440;--sb-pink:#ff4d94;--sb-violet:#7c5cff;--sb-cyan:#22d3ee;--sb-heading:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--sb-shadow:#1a103573;--sb-ease:cubic-bezier(.22, 1, .36, 1)}.sb-page{background:var(--sb-paper);color:var(--sb-ink);font-family:var(--font-family-body);overflow-x:clip}.sb-container{max-width:1240px;margin-inline:auto;padding-inline:16px}@media (width>=768px){.sb-container{padding-inline:32px}}.sb-section{padding-block:88px}@media (width>=1024px){.sb-section{padding-block:112px}}.sb-section.sb-final{padding-bottom:0}.sb-section--soft{background:var(--sb-paper-2)}.sb-h1,.sb-h2,.sb-h3,.sb-h4,.sb-read{font-family:var(--sb-heading);color:var(--sb-ink);letter-spacing:-.03em;text-wrap:balance;font-weight:800}.sb-h1{letter-spacing:-.035em;font-size:clamp(2.5rem,5.6vw,4.6rem);line-height:1.02}.sb-h1-em{background:linear-gradient(100deg, var(--sb-pink) 5%, var(--sb-violet) 55%, var(--sb-cyan) 95%);color:#0000;background-clip:text;display:block}.sb-h2{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.06}.sb-h3{letter-spacing:-.02em;font-size:clamp(19px,1.7vw,23px);line-height:1.2}.sb-h4{letter-spacing:-.015em;font-size:18px;line-height:1.25}.sb-lead{color:var(--sb-text-2);font-size:clamp(16px,1.3vw,18px);line-height:1.6}.sb-body{color:var(--sb-text-3);font-size:15px;line-height:1.6}.sb-mono{letter-spacing:.14em;color:var(--sb-violet);font-size:12px;font-weight:700}.sb-eyebrow{border:1px solid color-mix(in srgb, var(--sb-violet) 28%, transparent);background:color-mix(in srgb, var(--sb-violet) 8%, white);letter-spacing:.14em;text-transform:uppercase;color:var(--sb-violet);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.72rem;font-weight:700;display:inline-flex}.sb-eyebrow--dark{color:#ffc2dc;background:#ffffff12;border-color:#ffffff2e}.sb-check{color:var(--sb-text-3);align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.sb-check svg{color:var(--sb-pink)}.sb-btn{background:linear-gradient(120deg, var(--sb-pink) 0%, var(--sb-violet) 55%, var(--sb-pink) 100%);height:3.25rem;box-shadow:0 12px 30px -12px color-mix(in srgb, var(--sb-pink) 70%, transparent), inset 0 1px 0 #ffffff59;color:#fff;white-space:nowrap;transition:transform .25s var(--sb-ease), background-position .5s var(--sb-ease), box-shadow .25s var(--sb-ease);background-size:220% 100%;border-radius:999px;align-items:center;gap:.6rem;padding:0 1.7rem;font-size:1.02rem;font-weight:700;line-height:1;display:inline-flex}.sb-btn:hover{box-shadow:0 16px 40px -12px color-mix(in srgb, var(--sb-pink) 80%, transparent), inset 0 1px 0 #ffffff59;background-position:100% 0;transform:translateY(-2px)}.sb-btn:active{transform:translateY(0)scale(.98)}.sb-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--sb-cyan) 80%, white);outline-offset:3px}.sb-btn--light{color:var(--sb-ink);background:#fff;box-shadow:0 12px 30px -12px #00000080}.sb-btn--light:hover{box-shadow:0 16px 36px -12px #0009}.sb-btn--static{pointer-events:none}.sb-chip{border:1px solid var(--sb-border);color:var(--sb-text-2);transition:border-color .2s, color .2s, transform .2s var(--sb-ease);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:7px 14px;font-size:14px;font-weight:500;display:inline-flex}.sb-chip:hover{border-color:var(--sb-violet);color:var(--sb-violet);transform:translateY(-1px)}.sb-chip--round{width:36px;height:36px;padding:0}.sb-hero{background:var(--sb-paper);padding:104px 0 96px;position:relative;overflow:hidden}@media (width>=768px){.sb-hero{padding-top:120px}}.sb-fan{pointer-events:none;height:clamp(220px,34vw,470px);position:relative}.sb-fan-card{--w:clamp(118px, 17vw, 270px);width:var(--w);margin-left:calc(var(--w) / -2);aspect-ratio:.69;transform-origin:50% 260%;box-shadow:0 24px 50px -24px var(--sb-shadow);background:var(--sb-border);border-radius:clamp(14px,2vw,26px);position:absolute;bottom:0;left:50%;overflow:hidden}.sb-fan-card img{object-fit:cover;width:100%;height:100%}.sb-fan--hero{overflow:hidden}.sb-fan--hero:after{content:"";z-index:12;background:linear-gradient(180deg, #faf9ff00 0%, var(--sb-paper) 85%);position:absolute;inset:45% -10% 0}.sb-composer{background:linear-gradient(100deg, var(--sb-pink) 0%, var(--sb-violet) 50%, var(--sb-cyan) 100%);box-shadow:0 40px 90px -30px color-mix(in srgb, var(--sb-violet) 70%, transparent);border-radius:30px;margin-top:clamp(-120px,-9vw,-50px);padding:3px}.sb-composer-inner{background:#fff;border-radius:27px;padding:18px}@media (width>=768px){.sb-composer-inner{padding:24px 26px 22px}}.sb-textarea{resize:none;width:100%;min-height:84px;color:var(--sb-ink);background:0 0;border:0;outline:0;font-size:17px;line-height:1.5;display:block}.sb-textarea::placeholder{color:var(--sb-text-3)}.sb-composer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}@media (width<=639px){.sb-composer-row .sb-btn{justify-content:center;width:100%}}.sb-card{border:1px solid var(--sb-border);background:var(--sb-card);box-shadow:0 24px 60px -40px color-mix(in srgb, var(--sb-violet) 60%, transparent);border-radius:28px;padding:12px;position:relative}@media (width>=768px){.sb-card{padding:16px}}.sb-step-stage{background:var(--sb-soft);border-radius:20px;flex-direction:column;min-height:260px;padding:24px;display:flex}.sb-step-demo{flex:1;justify-content:center;align-items:center;padding-block:20px;display:flex}.sb-fake-input{border:1px solid var(--sb-border);width:100%;color:var(--sb-text-3);background:#fff;border-radius:16px;padding:16px 20px;font-size:16px}.sb-fake-input--small{background:var(--sb-soft);font-size:14px}.sb-caret{vertical-align:-2px;background:var(--sb-violet);width:2px;height:1em;margin-left:3px;animation:1s steps(2,end) infinite sb-blink;display:inline-block}@keyframes sb-blink{50%{opacity:0}}.sb-swap{color:var(--sb-violet);align-items:center;gap:14px;display:flex}.sb-swap img{object-fit:cover;object-position:50% 25%;width:96px;height:96px;box-shadow:0 10px 24px -12px var(--sb-shadow);border:3px solid #fff;border-radius:999px}.sb-swap img:last-child{box-shadow:0 0 0 3px var(--sb-pink), 0 10px 24px -12px var(--sb-shadow);transform:rotate(4deg)}.sb-bento{gap:20px;display:grid}@media (width>=1024px){.sb-bento{grid-template-columns:1fr 1fr 1.05fr;grid-template-areas:"story story hero""styles words hero"}.sb-bento-story{grid-area:story}.sb-bento-hero{grid-area:hero}.sb-bento-styles{grid-area:styles}.sb-bento-words{grid-area:words}}.sb-bento-story{gap:16px;display:grid}@media (width>=640px){.sb-bento-story{grid-template-columns:1fr 1fr}}.sb-bento-hero{flex-direction:column;gap:16px;display:flex}.sb-paint{aspect-ratio:.82;border-radius:20px;position:relative;overflow:hidden}.sb-paint img{object-fit:cover;object-position:50% 0%;width:100%;height:100%}.sb-paint-veil{border-left:3px solid var(--sb-pink);background:linear-gradient(90deg, var(--sb-soft), #e9e3ff);animation:sb-wipe 6s var(--sb-ease) infinite;position:absolute;inset:0}@keyframes sb-wipe{0%,8%{left:0%}62%,90%{left:100%}to{opacity:0;left:100%}}.sb-status{z-index:2;background:var(--sb-dark);color:#fff;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:14px;left:14px}.sb-status-dots{border:2px solid #ffffff40;border-top-color:var(--sb-pink);border-radius:999px;width:14px;height:14px;animation:.9s linear infinite sb-spin}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.sb-style{aspect-ratio:1;background:var(--sb-soft);border:2px solid #0000;border-radius:16px;position:relative;overflow:hidden}.sb-style img{object-fit:cover;opacity:.6;width:100%;height:100%;transition:opacity .3s}.sb-style:hover img,.sb-style.is-picked img{opacity:1}.sb-style.is-picked{border-color:var(--sb-violet)}.sb-style span{text-align:center;color:var(--sb-ink);background:#ffffffeb;border-radius:8px;padding:3px 6px;font-size:11.5px;font-weight:700;position:absolute;inset:auto 6px 6px}.sb-style.is-picked span{background:var(--sb-violet);color:#fff}.sb-style-cursor{width:22px;height:22px;fill:var(--sb-ink);color:#fff;animation:sb-nudge 2.4s var(--sb-ease) infinite;position:absolute;top:40%;right:10px}@keyframes sb-nudge{50%{transform:translate(-4px,-3px)}}.sb-bubble-stage{background:radial-gradient(circle at 1px 1px, #7c5cff33 1px, transparent 0) 0 0 / 14px 14px, var(--sb-soft);border-radius:18px;place-items:center;min-height:190px;margin-top:12px;display:grid;position:relative}.sb-bubble{border:2.5px solid var(--sb-ink);max-width:80%;font-family:var(--font-family-caption);text-align:center;color:var(--sb-ink);transition:opacity .5s var(--sb-ease), transform .5s var(--sb-ease);background:#fff;border-radius:22px;padding:14px 18px;font-size:18px;line-height:1.25;position:absolute}.sb-bubble:after{content:"";border-right:2.5px solid var(--sb-ink);border-bottom:2.5px solid var(--sb-ink);background:inherit;width:18px;height:18px;position:absolute;bottom:-12px;left:26px;transform:skew(-25deg)rotate(45deg)}.sb-bubble.is-old{opacity:0;transform:translateY(-10px)scale(.96)}.sb-bubble--new{opacity:0;background:#fff0f6;transform:translateY(10px)scale(.96)}.sb-bubble--new.is-on{opacity:1;transform:none}.sb-compare{cursor:ew-resize;touch-action:pan-y;user-select:none;outline-offset:3px;border-radius:20px;flex:1;min-height:360px;position:relative;overflow:hidden}.sb-compare>img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.sb-compare-tag{z-index:2;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-violet);pointer-events:none;background:#ffffffeb;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.sb-compare-line{z-index:3;pointer-events:none;background:#ffffffe6;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.sb-compare-knob{background:linear-gradient(120deg, var(--sb-pink), var(--sb-violet));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0003}.sb-compare-knob svg{width:13px;margin-inline:-2px}.sb-stack{height:clamp(260px,30vw,380px);position:relative}.sb-stack img{--w:clamp(170px, 20vw, 260px);width:var(--w);margin-left:calc(var(--w) / -2);aspect-ratio:.72;object-fit:cover;transform-origin:30% 100%;box-shadow:0 20px 40px -20px var(--sb-shadow);border-radius:20px;position:absolute;bottom:0;left:50%}.sb-read{text-align:center;font-size:clamp(26px,3.8vw,48px);line-height:1.15}.sb-tag{background:linear-gradient(120deg, var(--sb-pink), var(--sb-violet));font-family:var(--font-family-display);letter-spacing:.04em;color:#fff;box-shadow:0 10px 20px -10px color-mix(in srgb, var(--sb-violet) 80%, transparent);border-radius:12px;padding:8px 16px;font-size:20px;position:absolute}.sb-tag--a{top:-28px;right:4%;transform:rotate(6deg)}.sb-tag--b{top:-40px;left:6%;transform:rotate(-9deg)}.sb-tag--c{bottom:-44px;right:22%;transform:rotate(5deg)}@media (width<=767px){.sb-tag--b{display:none}}.sb-cases{gap:20px;padding:16px;display:grid}@media (width>=1024px){.sb-cases{grid-template-columns:1fr 1fr;gap:48px;padding:24px}}.sb-case{width:100%;transition:background .3s var(--sb-ease);border-radius:20px;align-items:center;gap:16px;padding:14px;display:flex}.sb-case-n{background:var(--sb-soft);width:56px;height:56px;font-family:var(--sb-heading);color:var(--sb-violet);border-radius:16px;flex-shrink:0;place-items:center;font-size:18px;font-weight:800;display:grid}.sb-case.is-active{background:linear-gradient(135deg, var(--sb-dark) 0%, var(--sb-dark-2) 100%)}.sb-case.is-active .sb-h3{color:#fff}.sb-case.is-active .sb-body{color:#ffffffb3}.sb-case.is-active .sb-case-n{background:linear-gradient(120deg, var(--sb-pink), var(--sb-violet));color:#fff}.sb-case-media{border-radius:22px;min-height:420px;position:relative;overflow:hidden}.sb-case-media figure{opacity:0;transition:opacity .6s var(--sb-ease), transform .9s var(--sb-ease);margin:0;position:absolute;inset:0;transform:scale(1.04)}.sb-case-media figure.is-on{opacity:1;transform:none}.sb-case-media img{object-fit:cover;object-position:50% 0%;width:100%;height:100%}.sb-case-stat{-webkit-backdrop-filter:blur(16px);text-align:center;color:#fff;background:#0d0a1f80;border-radius:16px;padding:18px;position:absolute;inset:auto 16px 16px}.sb-case-stat strong{font-family:var(--sb-heading);letter-spacing:-.03em;font-size:44px;font-weight:800;line-height:1;display:block}.sb-case-stat span{font-size:15px}.sb-book{text-align:left;width:100%;display:block}.sb-book-cover{aspect-ratio:424/632;box-shadow:0 24px 40px -22px var(--sb-shadow);transition:transform .4s var(--sb-ease);border-radius:14px;display:block;overflow:hidden}.sb-book-cover img{object-fit:cover;width:100%;height:100%}.sb-book:hover .sb-book-cover{transform:translateY(-6px)rotate(-1.5deg)}.sb-dark{background:radial-gradient(90% 70% at 85% 10%, color-mix(in srgb, var(--sb-violet) 38%, transparent), transparent 60%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--sb-pink) 26%, transparent), transparent 60%), linear-gradient(180deg, var(--sb-dark) 0%, var(--sb-dark-2) 100%);color:#fff;padding-block:96px}@media (width>=1024px){.sb-dark{padding-block:140px}}.sb-dark .sb-h2{color:#fff}.sb-dark .sb-lead{color:#ffffffb8}.sb-tick{background:linear-gradient(120deg, var(--sb-pink), var(--sb-violet));color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.sb-print-books{height:clamp(300px,34vw,440px);position:relative}.sb-print-books img{--w:clamp(150px, 16vw, 230px);width:var(--w);aspect-ratio:.69;object-fit:cover;border-radius:12px;position:absolute;top:8%;left:50%;box-shadow:0 30px 50px -20px #0009}.sb-print-books img:first-child{margin-left:calc(var(--w) * -1.35)}.sb-print-books img:nth-child(2){z-index:2;margin-left:calc(var(--w) / -2);top:0}.sb-print-books img:nth-child(3){margin-left:calc(var(--w) * .35)}.sb-faq{border:1px solid var(--sb-border);background:#fff;border-radius:18px;transition:border-color .3s,box-shadow .3s}.sb-faq.is-open{border-color:color-mix(in srgb, var(--sb-violet) 50%, transparent);box-shadow:0 16px 40px -28px color-mix(in srgb, var(--sb-violet) 80%, transparent)}.sb-faq-q{text-align:left;width:100%;color:var(--sb-ink);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:17px;font-weight:600;display:flex}.sb-faq.is-open .sb-faq-q svg{color:var(--sb-violet)}.sb-faq-a{color:var(--sb-text-3);padding:0 24px 22px;font-size:15px;line-height:1.65}.sb-fan--final{height:clamp(170px,20vw,260px);margin-top:64px;overflow:hidden}.sb-fan--final .sb-fan-card{--w:clamp(110px, 14vw, 220px);bottom:calc(var(--w) * -.75);transform-origin:50% 200%}.sb-sticky{z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #faf9ff00, var(--sb-paper) 40%);transition:transform .35s var(--sb-ease);position:fixed;inset:auto 0 0;transform:translateY(110%)}.sb-sticky.is-visible{transform:none}@media (prefers-reduced-motion:reduce){.sb-paint-veil,.sb-style-cursor,.sb-caret,.sb-status-dots{animation:none}.sb-paint-veil{display:none}}