:root{--bg:#FBF5EC;--bg2:#F3E7D6;--ink:#1E2521;--muted:#56645d;--head:#0B2F5B;--a1:#C98724;--a2:#124A36;--a3:#2F6F8F;--soft1:#E6F2FA;--soft2:#E4F0E8;--soft3:#E2EEF4;--btn:#0B2F5B;--btn-ink:#fff;--display:Georgia,"Times New Roman",serif;--sans:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;--screen:#0B2F5B}html[data-brand=storyninjas]{--bg:var(--jj-paper);--bg2:var(--jj-paper-2);--ink:var(--jj-ink);--muted:var(--jj-ink-soft);--head:var(--jj-ink);--a1:var(--jj-jay);--a2:var(--jj-sky);--a3:var(--jj-sun);--soft1:var(--jj-sky-soft);--soft2:var(--jj-note-sky);--soft3:var(--jj-ok-soft);--btn:var(--jj-ink);--btn-ink:var(--jj-card);--display:var(--jj-display);--sans:var(--jj-sans);--screen:var(--jj-ink);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;color:var(--ink);font:17px/1.55 var(--sans);background:var(--bg);overflow-x:hidden}[hidden]{display:none!important}#sw-demo-banner{margin:0!important}a{color:var(--head)}:focus-visible{outline:3px solid var(--head);outline-offset:3px;border-radius:6px}html[data-brand=storyninjas] :focus-visible{outline:2px solid var(--a1)}.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.sky i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.sky i:nth-child(1){width:420px;height:420px;left:-140px;top:-120px;background:var(--soft1)}.sky i:nth-child(2){width:360px;height:360px;right:-120px;top:120px;background:var(--soft2)}.sky i:nth-child(3){width:300px;height:300px;left:30%;bottom:-160px;background:var(--soft3)}.wrap{max-width:1040px;margin:0 auto;padding:28px 20px 40px}.top{display:flex;align-items:center;gap:10px;font:700 18px/1 var(--display);color:var(--head);letter-spacing:.01em}.top .dot{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--head);color:#fff}.top .dot svg{width:20px;height:20px}.top .logo{width:46px;height:46px;flex:none;filter:drop-shadow(0 3px 6px #0b2f5b33)}.top .dot{display:none}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin-top:26px}.kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fff;color:var(--a2);font:700 14px/1.2 var(--sans);box-shadow:0 2px 0 var(--bg2)}.kicker svg{width:16px;height:16px}h1{font:700 clamp(36px,6vw,60px)/1.05 var(--display);color:var(--head);margin:14px 0;letter-spacing:-.01em}html[data-brand=storyninjas] h1{font-weight:400;letter-spacing:-.02em}html[data-brand=storyninjas] h1 .pop{font-style:italic;color:var(--a1)}html[data-brand=storyninjas] h1 .pop svg{display:none}html[data-brand=storyninjas] .top{font:400 27px/1 var(--display);letter-spacing:-.01em}html[data-brand=storyninjas] .top .logo{width:101px;height:34px;filter:none}html[data-brand=storyninjas] .top>[data-brand-name]{display:none}html[data-brand=storyninjas] .kicker{background:var(--soft1);color:var(--jj-jay-deep);box-shadow:none;font-weight:600}html[data-brand=storyninjas] .steps li{background:var(--jj-card);border:1px solid var(--jj-line);box-shadow:none;transition:transform .2s var(--jj-ease),box-shadow .2s var(--jj-ease)}html[data-brand=storyninjas] .steps li:hover{transform:translateY(-4px);box-shadow:var(--jj-shadow-card)}html[data-brand=storyninjas] .steps li:before{color:var(--jj-line);font-weight:400}html[data-brand=storyninjas] .steps h2{font-weight:600}html[data-brand=storyninjas] .steps li:nth-child(2) .ic,html[data-brand=storyninjas] .steps li:nth-child(3) .ic{color:var(--ink)}html[data-brand=storyninjas] .type{background:var(--jj-night);color:var(--jj-cream)}html[data-brand=storyninjas] .type p{color:var(--jj-night-soft);opacity:1}html[data-brand=storyninjas] .type input{background:var(--jj-card);border-color:transparent}html[data-brand=storyninjas] .type input:focus{border-color:var(--a3)}html[data-brand=storyninjas] .type button{background:var(--a3);color:var(--ink)}html[data-brand=storyninjas] .type button:hover{background:var(--jj-sun-hover)}html[data-brand=storyninjas] .type .err{color:#ffd9a8}html[data-brand=storyninjas] .grown a{border-bottom-color:var(--jj-line);color:var(--jj-jay-deep)}html[data-brand=storyninjas] .grown a:hover{border-color:var(--a1)}html[data-brand=storyninjas] .float{background:var(--jj-card);box-shadow:0 1px #10324a08,0 14px 22px -16px #10324a80}html[data-brand=storyninjas] #loader .back{background:var(--btn);color:var(--btn-ink)}h1 .pop{color:#8a5a0b;position:relative;white-space:nowrap}h1 .pop svg{position:absolute;left:0;right:0;bottom:-.18em;width:100%;height:.32em;color:var(--a1)}.lead{font-size:clamp(18px,2.2vw,21px);color:var(--ink);margin:0 0 22px;max-width:30em}.lead b{color:var(--head)}.scene{position:relative;justify-self:center;width:min(360px,86vw);aspect-ratio:1/1.08}.phone{position:absolute;left:50%;top:50%;width:58%;transform:translate(-50%,-50%) rotate(-6deg);animation:tilt 6s ease-in-out infinite}.phone svg{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 24px rgba(20,30,40,.18))}.scan{animation:scan 2.4s ease-in-out infinite;fill:var(--a1)}.qr{fill:var(--screen)}.qr [fill="#fff"]{fill:#fff}.corners{stroke:var(--a1)}.go{fill:var(--a2)}.book .s-1{fill:var(--soft1)}.book .s-2{fill:var(--soft2)}.book .s-3{fill:var(--soft3)}.float{position:absolute;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#fff;box-shadow:0 10px 22px #141e281f;animation:bob 4.5s ease-in-out infinite}.float svg{width:32px;height:32px}.f1{left:2%;top:10%;color:var(--a1)}.f2{right:0;top:4%;color:var(--a2);animation-delay:-1.2s}.f3{left:-2%;bottom:16%;color:var(--a3);animation-delay:-2.3s}.f4{right:4%;bottom:6%;color:var(--a1);animation-delay:-3.1s}.spark{position:absolute;color:var(--a1);animation:twinkle 2.6s ease-in-out infinite}.spark svg{width:22px;height:22px}.s1{left:28%;top:2%}.s2{right:22%;bottom:-2%;animation-delay:-.9s;color:var(--a2)}.s3{left:12%;top:52%;animation-delay:-1.7s;color:var(--a3)}@keyframes tilt{50%{transform:translate(-50%,-53%) rotate(-2deg)}}@keyframes scan{0%,to{transform:translateY(0)}50%{transform:translateY(118px)}}@keyframes bob{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes twinkle{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1.1);opacity:1}}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0 0;padding:0;list-style:none;counter-reset:s}.steps li{position:relative;background:#fff;border-radius:22px;padding:20px 20px 18px;box-shadow:0 3px 0 var(--bg2);transition:transform .2s}.steps li:hover{transform:translateY(-3px)}.steps .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;margin-bottom:12px}.steps .ic svg{width:28px;height:28px}.steps li:nth-child(1) .ic{background:var(--a1)}.steps li:nth-child(2) .ic{background:var(--a2)}.steps li:nth-child(3) .ic{background:var(--a3)}.steps li:before{counter-increment:s;content:counter(s);position:absolute;right:16px;top:12px;font:700 40px/1 var(--display);color:var(--bg2)}.steps h2{font:700 19px/1.25 var(--sans);color:var(--head);margin:0 0 4px}.steps p{margin:0;font-size:15.5px;color:var(--muted)}.type{margin-top:22px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:var(--head);color:#fff;border-radius:24px;padding:20px 22px}.type .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ffffff24}.type .ic svg{width:28px;height:28px}.type h2{font:700 19px/1.25 var(--sans);margin:0 0 2px}.type p{margin:0 0 10px;font-size:15px;opacity:.85}.type form{display:flex;gap:8px;flex-wrap:wrap}.type label{position:absolute;left:-9999px}.type input{flex:1 1 220px;min-width:0;font:600 17px/1.2 var(--sans);padding:13px 16px;border-radius:14px;border:2px solid transparent;background:#fff;color:var(--ink)}.type input:focus{outline:none;border-color:var(--a1)}.type button{font:700 16px/1 var(--sans);padding:13px 20px;border:0;border-radius:14px;background:var(--a1);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px}html[data-brand=storywarriors] .type button,html:not([data-brand]) .type button{color:#1b1306}.type button svg{width:18px;height:18px}.type .err{margin:8px 0 0;font-size:14.5px;color:#ffd9a8;min-height:1em}.grown{margin-top:34px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:center;font-size:14.5px;color:var(--muted)}.grown a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--bg2)}.grown a:hover{border-color:var(--a1)}.legal{margin:18px 0 0;display:flex;gap:18px;justify-content:center;font-size:13.5px}.legal a{color:var(--muted)}#loader{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}#loader h1{font-size:clamp(28px,5vw,40px);margin:18px 0 8px}#loader p{margin:0;color:var(--muted)}.book{width:92px;height:72px;margin:0 auto;position:relative}.book svg{width:100%;height:100%;color:var(--head)}.book .pg{transform-origin:46px 36px;animation:flip 1.4s ease-in-out infinite}.book .pg2{animation-delay:.47s}.book .pg3{animation-delay:.94s}@keyframes flip{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{transform:scaleX(-1)}}.dots{display:inline-flex;gap:6px;margin-top:14px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--a1);animation:hop 1s ease-in-out infinite}.dots i:nth-child(2){background:var(--a2);animation-delay:.15s}.dots i:nth-child(3){background:var(--a3);animation-delay:.3s}@keyframes hop{50%{transform:translateY(-7px)}}#loader.bad .book,#loader.bad .dots{display:none}#loader .back{display:inline-block;margin-top:18px;padding:12px 20px;border-radius:999px;background:var(--btn);color:var(--btn-ink);text-decoration:none;font:700 15px var(--sans)}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:6px;margin-top:14px}.scene{order:-1;width:min(280px,76vw);margin-top:18px}.steps,.type{grid-template-columns:1fr}.type .ic{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}