@font-face{font-family:Hand;src:url('/fonts/hand-regular.ttf') format('truetype');font-display:swap;font-weight:400}
.is-drawing .stick-person path,.is-drawing .stick-person rect,.is-drawing .stick-person circle,.is-drawing .builder-pencil .stick-person .person-action{animation-play-state:running!important}
@font-face{font-family:Kalam;src:url('/fonts/hand-bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{color-scheme:light;--bg:#fcfbf8;--surface:#fff;--raised:#f2f1ed;--line:#d0cec7;--muted:#686760;--text:#191919;--lime:#191919;--radius:7px;--font-pixel:Hand,'Comic Sans MS',cursive;--font-hand:Hand,'Comic Sans MS',cursive;--font-title:Kalam,Hand,cursive;font:16px/1.55 'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);background-image:radial-gradient(#19191912 .7px,transparent .7px);background-size:19px 19px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px dashed #191919}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}svg{display:block}button svg,a svg{width:21px;height:21px;flex-shrink:0}.doodle-icon{width:22px;height:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{clip:auto;width:auto;height:auto;margin:10px;padding:12px;background:white;z-index:100}
.studio-header{max-width:1440px;margin:auto;padding:23px 48px;display:flex;align-items:center;gap:38px;border-bottom:1.5px solid #191919;position:relative;background:var(--bg);z-index:15}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand>svg{width:43px;height:48px}.brand-name{font:700 25px/1 var(--font-title);letter-spacing:-1px;white-space:nowrap}.brand small{display:block;font:14px var(--font-hand);letter-spacing:2px;margin:4px 0 0 2px}.top-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.top-nav a{font:20px var(--font-hand);position:relative;white-space:nowrap}.top-nav a.active:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:5px;border-top:2px solid #191919;border-radius:50%;transform:rotate(-3deg)}.header-actions{display:flex;align-items:center;gap:14px}.wallet,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 20px;border:1.8px solid #191919;border-radius:6px 3px 7px 3px;background:var(--bg);font:21px/1.25 var(--font-hand);text-align:center;text-decoration:none;box-shadow:2px 2px 0 #191919;transition:transform .15s,box-shadow .15s}.wallet:hover,.btn:hover{text-decoration:none;transform:translate(-1px,-2px);box-shadow:4px 4px 0 #191919}.btn.primary{background:#191919;color:#fff}.btn.ghost{background:transparent;box-shadow:none}.btn.small{min-height:36px;padding:6px 12px;font-size:18px}.motion-toggle,.menu-toggle{border:1.5px solid #191919;background:transparent;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.motion-toggle svg{width:15px;height:15px}.menu-toggle{display:none}.ticker-badge{font:700 15px var(--font-title);border:1.5px solid;padding:4px 10px;transform:rotate(-7deg);border-radius:50%}.page{max-width:1280px;margin:auto;padding:40px 46px 0;min-height:78vh}.page.home-page{max-width:1440px;padding:0 48px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:80px;padding:25px 0;border-top:1.5px solid #191919;font:15px var(--font-hand)}.page-footer>div{display:flex;gap:24px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand svg{width:29px;height:33px}.footer-note{color:var(--muted);font-size:13px}
.hero{position:relative;text-align:center;padding:54px 0 0}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;font:16px var(--font-hand);letter-spacing:2px;margin-bottom:14px}.hero h1{font:700 clamp(52px,6.5vw,91px)/1.12 var(--font-title);letter-spacing:-4px;margin:20px auto 21px;max-width:1050px}.scribble-word{position:relative;display:inline-block}.scribble-word:after{content:'';position:absolute;left:-3%;right:-3%;height:12px;bottom:-5px;border-top:3px solid #191919;border-bottom:1px solid #191919;border-radius:50%;transform:rotate(-2deg)}.hero-copy{max-width:640px;margin:0 auto;font:23px/1.5 var(--font-hand);color:#53524d}.hero .actions{justify-content:center;margin:26px 0 0}.hero .actions .btn{min-height:52px;padding:12px 27px;font-size:23px}.hero-meta{font:16px var(--font-hand);margin:15px 0 0;color:#6d6b65}.side-note{position:absolute;left:3%;top:123px;font:22px/1.15 var(--font-hand);transform:rotate(-12deg);width:150px}.side-note svg{width:65px;height:60px;margin:7px auto}.hero-star{position:absolute;right:6%;top:103px;width:66px;height:70px;transform:rotate(12deg)}.hero-star:after{content:'100% stick.\A 0% ordinary.';white-space:pre;font:19px/1.1 var(--font-hand);display:block;position:absolute;width:130px;right:-24px;top:80px;transform:rotate(7deg)}.hero-star svg{width:100%;height:100%}
.theater{position:relative;height:350px;margin-top:8px;border-bottom:2px solid #191919;border-radius:0 0 41% 3%/0 0 1.5% 1%;isolation:isolate}.stage-line{position:absolute;bottom:40px;left:1%;right:1%;height:20px;border-bottom:1px dashed #a6a39c;transform:rotate(-.4deg)}.stage-caption{position:absolute;bottom:9px;left:20px;font:16px var(--font-hand);color:#66645e}.stage-caption.right{left:auto;right:20px}.actor{position:absolute;bottom:35px;left:var(--x);width:170px;padding:0;border:0;background:none;transform:translateX(-50%);text-align:center;z-index:2}.actor>.stick-person{width:100%;height:205px;overflow:visible}.actor .actor-name{font:700 21px var(--font-title);display:block;margin-top:-10px}.actor .actor-note{font:15px var(--font-hand);display:block;white-space:nowrap}.actor:hover .actor-name{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:5px}.actor:hover:after{content:'meet me ↗';font:16px var(--font-hand);position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap}.actor.actor-swing{bottom:auto;top:-3px;left:12%;width:170px;height:310px;transform:translateX(-50%);z-index:4}.pendulum{position:absolute;top:0;left:0;width:170px;transform-origin:50% 0;animation:pendulum 5s ease-in-out infinite;animation-play-state:paused}.rope{height:112px;width:170px;overflow:visible}.rope path{stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:ink-stroke .9s ease .2s forwards}.pendulum>.stick-person{width:170px;height:197px;margin-top:-12px;overflow:visible}.actor-swing .actor-name{position:absolute;bottom:1px;width:100%}.actor-swing .actor-note{position:absolute;bottom:-18px;width:100%}.stage-scribble{position:absolute;font:22px var(--font-hand);transform:rotate(-6deg);top:33px;left:38%;color:#666}.floor-doodle{position:absolute;bottom:51px;right:8px;width:60px;transform:rotate(8deg)}.floor-doodle svg{width:100%;height:auto}.person-action,.person-body,.person-head,.leg,.laptop{transform-box:view-box}.person-action{transform-origin:90px 120px}.person-body{transform-origin:90px 125px}.person-head{transform-origin:90px 72px}.leg{transform-origin:90px 126px}.motion-marks{opacity:.6}.stick-person path,.stick-person rect,.stick-person circle{stroke-dasharray:350;stroke-dashoffset:0}.is-drawing .stick-person path,.is-drawing .stick-person rect,.is-drawing .stick-person circle{animation:ink-stroke .9s ease both}.move-dance .person-body{animation:wiggle .7s ease-in-out infinite alternate}.move-dance .leg-left{animation:knee .35s ease-in-out infinite alternate}.move-dance .leg-right{animation:knee .35s ease-in-out infinite alternate-reverse}.move-bang .person-head{animation:headbang .48s ease-in-out infinite alternate}.move-bang .person-body{animation:rock .96s ease-in-out infinite alternate}.move-flip .person-action{animation:flip 6s cubic-bezier(.55,0,.35,1) infinite}.move-scoot .person-action{animation:scoot 3.8s ease-in-out infinite}.move-scoot .leg-right{animation:knee .4s ease-in-out infinite alternate}.move-moon .person-body{animation:moon 2s ease-in-out infinite}.move-moon .leg-left{animation:moon-leg .5s ease-in-out infinite alternate}.move-moon .leg-right{animation:moon-leg .5s ease-in-out infinite alternate-reverse}.move-swing .leg-left{animation:knee .4s ease-in-out infinite alternate}.move-swing .leg-right{animation:knee .4s ease-in-out infinite alternate-reverse}.move-swing .person-head{animation:rock .7s ease-in-out infinite alternate}.stick-person *{animation-play-state:paused!important}.is-playing .stick-person *,.is-playing .pendulum{animation-play-state:running!important}.motion-paused *,.motion-paused .is-playing .stick-person *,.motion-paused .is-playing .pendulum{animation-play-state:paused!important}
@keyframes pendulum{0%,100%{transform:rotate(35deg)}50%{transform:rotate(-38deg)}}@keyframes wiggle{0%{transform:rotate(-9deg) translateX(-4px)}100%{transform:rotate(10deg) translateX(5px)}}@keyframes knee{to{transform:rotate(27deg)}}@keyframes headbang{0%{transform:rotate(-27deg) translateY(-2px)}100%{transform:rotate(35deg) translateY(4px)}}@keyframes rock{to{transform:rotate(7deg)}}@keyframes flip{0%,15%,100%{transform:rotate(0)}35%,60%{transform:rotate(180deg)}80%{transform:rotate(360deg)}}@keyframes scoot{0%,100%{transform:translateX(-16px) rotate(-5deg)}50%{transform:translateX(22px) rotate(4deg)}}@keyframes moon{0%,100%{transform:translateX(10px) rotate(-9deg)}50%{transform:translateX(-15px) rotate(-14deg)}}@keyframes moon-leg{to{transform:rotate(-25deg) translateY(-3px)}}@keyframes ink-stroke{from{stroke-dashoffset:350;opacity:0}to{stroke-dashoffset:0;opacity:1}}
.studio-strip{display:flex;gap:32px;justify-content:space-around;align-items:center;font:19px var(--font-hand);padding:23px 12px;border-bottom:1px solid #191919;flex-wrap:wrap}.studio-strip span{display:flex;align-items:center;gap:13px}.studio-strip svg{width:19px;height:19px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-intro h2{font:700 45px/1.2 var(--font-title);letter-spacing:-1.5px;margin:10px 0 0;max-width:600px}.section-intro p{max-width:345px;color:var(--muted);margin:0}.eyebrow,.tiny-label,.tagline{font:15px var(--font-hand);letter-spacing:1.6px;text-transform:uppercase}.ink-section{margin:73px 0 0;padding:42px 45px;background:#191919;color:#fcfbf8;border-radius:4px 13px 5px 11px;position:relative}.ink-section:before{content:'';position:absolute;inset:6px;border:1px dashed #777;border-radius:inherit;pointer-events:none}.ink-section .section-intro p{color:#ccc}.capability-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 40px}.capability{border-top:1px solid #666;padding:22px 0 5px;position:relative}.capability-num{font:18px var(--font-hand);color:#c7c4bd;display:block;margin-bottom:13px}.capability h3{font:700 25px var(--font-title);margin:0 0 8px}.capability p{font-size:14px;line-height:1.7;color:#d7d5d0;margin:0}.capability>svg{position:absolute;right:0;top:23px;width:25px;height:25px}.ink-section .eyebrow{color:#d1cfc9}.how-section{padding:77px 0 25px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.how-step{position:relative;border-top:1.5px solid #191919;padding-top:22px}.how-step .step-num{font:700 40px var(--font-title)}.how-step h3{font:700 25px var(--font-title);margin:10px 0}.how-step p{font-size:15px;color:var(--muted);max-width:280px}.how-step>svg{position:absolute;right:10px;top:34px;width:26px;height:26px}.spl-section{margin-top:50px;border:2px solid #191919;border-radius:42% 2% 3% 1%/2% 2% 4% 3%;padding:37px 42px;display:grid;grid-template-columns:.6fr 1.4fr;gap:35px;align-items:center;background:var(--bg);box-shadow:5px 5px 0 #e4e1da}.spl-token{font:700 88px/1 var(--font-title);letter-spacing:-5px;position:relative}.spl-token small{display:block;font:20px var(--font-hand);letter-spacing:0;margin-top:13px}.spl-section h2{font:700 29px var(--font-title);margin:0 0 7px}.spl-section p{color:var(--muted);font-size:15px;margin:0}.spl-section .pill{margin-top:15px}.faq-section{margin:75px auto 0;max-width:850px}.faq-section h2{font:700 40px var(--font-title);margin-bottom:24px}.faq-section details{border-top:1px solid #a6a39c;padding:18px 0}.faq-section details:last-child{border-bottom:1px solid #a6a39c}.faq-section summary{font:23px var(--font-hand);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq-section summary:after{content:'+';font-size:28px}.faq-section details[open] summary:after{content:'−'}.faq-section details p{font-size:15px;line-height:1.8;color:#666;max-width:750px}.final-cta{text-align:center;padding:65px 0 5px}.final-cta h2{font:700 47px var(--font-title);letter-spacing:-1.5px;margin:0 0 10px}.final-cta p{font:23px var(--font-hand);margin:0 0 23px;color:#65635e}.marketing-note{font:14px/1.6 var(--font-hand);max-width:730px;text-align:center;margin:24px auto;color:var(--muted)}
.page-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:15px 0 36px}.page-title h1{font:700 48px/1.25 var(--font-title);letter-spacing:-1.5px;margin:10px 0}.page-title p{max-width:710px;color:var(--muted);margin:0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.top-gap{margin-top:20px}.spacer{height:15px}.subtle,.hint{color:var(--muted)}.hint{font-size:13px;line-height:1.7;margin-top:8px}.hint code{overflow-wrap:anywhere}.panel{padding:26px;background:#fff;border:1.5px solid #252525;border-radius:7px 3px 9px 4px;box-shadow:3px 3px 0 #e1ded5;min-width:0}.panel h2{font:700 25px var(--font-title);margin:0 0 15px}.panel h3{font:24px var(--font-hand);margin:0 0 10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h2{margin:0}.stack{display:flex;flex-direction:column;gap:22px;min-width:0}.form-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;align-items:start}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin:18px 0}.field label{display:block;font:21px var(--font-hand);margin-bottom:7px}.field label small{font-size:15px;color:#777}input,textarea,select{width:100%;border:1.4px solid #777;border-radius:3px 6px 4px 3px;background:var(--bg);color:var(--text);padding:12px 13px;min-height:46px;max-width:100%}input:focus,textarea:focus,select:focus{border-color:#191919}input[readonly]{background:#f2f0eb;font-size:14px}textarea{min-height:120px;resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#97958e;font-size:14px}.logo-box{aspect-ratio:1.25;border:1px dashed #888;display:grid;place-items:center;background:var(--bg);border-radius:5px}.logo-box img{max-width:90%;max-height:200px;object-fit:contain}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:14px;color:#777;font:20px var(--font-hand);text-align:center;padding:20px}.logo-placeholder svg{width:46px;height:46px}.logo-actions{display:flex;gap:10px;margin-top:15px}.logo-actions .btn{flex:1;padding:9px;font-size:17px}.logo-suggestion{padding-top:20px}.logo-suggestion img{width:140px;max-width:100%;height:auto}.sticky{position:sticky;top:20px}.checklist{display:grid;gap:15px;font-size:14px}.checklist>div{display:flex;gap:10px;align-items:center}.checklist svg{width:19px;height:19px}.notice{border:1px dashed #888;padding:14px 17px;border-radius:3px;background:#f5f3ee;font-size:13px;line-height:1.7}.notice.warn{background:repeating-linear-gradient(135deg,#faf9f5,#faf9f5 10px,#f4f2ec 10px,#f4f2ec 20px);color:#45433e}.notice.error{border-color:#191919}.pill{display:inline-flex;gap:5px;align-items:center;border:1px solid #8f8d86;border-radius:4px 2px 5px 2px;padding:4px 9px;font:13px var(--font-hand);white-space:nowrap;letter-spacing:.4px}.pill.warn,.pill.neutral{background:#f1efe8;color:#4f4d46}.ink-section .pill{background:transparent;color:white;border-color:#888}.code-block,code{overflow-wrap:anywhere;word-break:break-word;font-size:13px}.code-block{background:#f0eee7;padding:15px;border:1px dashed #999}.empty-state{text-align:center;padding:60px 25px;max-width:700px;margin:30px auto}.empty-state>svg{width:65px;height:65px;margin:0 auto 20px}.empty-state h2{font:700 34px var(--font-title)}.empty-state p{color:var(--muted);max-width:500px;margin:12px auto 22px}.empty-state .actions{justify-content:center}.settings-list{display:grid;gap:0}.integration{display:flex;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.integration-icon{display:grid;place-items:center;border:1.5px solid #333;border-radius:7px;width:47px;height:47px;flex-shrink:0}.integration-info{flex:1;min-width:0}.integration h3{font:24px var(--font-hand);margin:0 0 4px}.integration p{color:var(--muted);font-size:14px;margin:0}.settings-secret{padding:17px;border:1px dashed #999;line-height:2;font:14px/2 monospace;background:#f6f4ee;overflow-wrap:anywhere}.stat-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px dashed #d1cec4;font-size:14px}.stat-row span:last-child{text-align:right;overflow-wrap:anywhere}.docs-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:42px}.docs-nav{position:sticky;top:25px;align-self:start;display:grid;gap:12px;font:21px var(--font-hand)}.docs-nav a{padding:7px 0}.docs-layout article{min-width:0}.docs-layout article section{padding:8px 0 35px;scroll-margin-top:30px}.docs-layout article h2{font:700 32px var(--font-title);margin:15px 0}.docs-layout article h3{font:25px var(--font-hand)}.docs-layout article p,.docs-layout article li{font-size:15px;line-height:1.8;color:#555}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.team-grid .stick-person{width:100%;height:190px}.team-grid h3{font:700 25px var(--font-title)}.team-grid p{font-size:13px!important}.team-grid .hint{font-size:12px!important}.dialog{border:2px solid #191919;border-radius:8px 3px 9px 4px;background:var(--bg);padding:35px;color:var(--text);max-width:530px;width:calc(100% - 36px);max-height:90vh;overflow:auto;box-shadow:8px 8px 0 #19191944}.dialog::backdrop{background:#19191955;backdrop-filter:blur(3px)}.dialog h2{font:700 36px var(--font-title);margin:12px 0}.dialog p{color:#555;font-size:15px}.dialog>.stick-person{width:235px;height:245px;margin:10px auto}.dialog-close{position:absolute;right:14px;top:14px;border:0;background:transparent;padding:8px}.dialog .wallet-option{width:100%;justify-content:start;margin-top:12px}.wallet-option img{width:25px}.dialog .hint{font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:min(650px,calc(100% - 32px));padding:17px 23px;background:#191919;color:white;border:1px solid white;box-shadow:4px 4px 0 #aaa;z-index:100;font-size:14px}.toast[hidden]{display:none}.loading{padding:25vh 20px;text-align:center;font:30px var(--font-hand)}.loading:after{content:'✎';display:inline-block;margin-left:12px}.review-list{margin:15px 0}.review-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dashed #bbb;padding:12px 0}.review-list dt{color:var(--muted)}.review-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.review-list>div>*{min-width:0}.checkbox{display:flex;align-items:center;gap:12px;font-size:14px;margin:15px 0}.checkbox input{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:#191919}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:13px 10px;border-bottom:1px solid #ccc;overflow-wrap:anywhere}th{font:18px var(--font-hand)}.table-wrap{overflow-x:auto}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px;border-bottom:1px solid #bbb;padding-bottom:12px}.tab{padding:9px 13px;border:1px solid transparent;background:none;font:20px var(--font-hand)}.tab.active{border-color:#191919;border-radius:5px 2px 5px 3px}.project-grid,.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:1.5px solid #191919;border-radius:5px;background:white;padding:22px}.project-card img{width:62px;height:62px;object-fit:contain}.project-card h2{font:700 28px var(--font-title)}.project-card p{font-size:14px;color:var(--muted)}.project-logo{width:64px;height:64px;object-fit:contain}.project-title{display:flex;align-items:center;gap:20px}.asset-card img{max-width:100%;height:auto}.website-preview{width:100%;height:450px;border:1px solid #999;background:white}.progress{height:12px;background:#e7e4dc;border:1px solid #777;overflow:hidden}.progress>span{height:100%;display:block;background:#191919}.empty-icon{width:55px;height:55px;margin:auto}.live-dot{display:flex;gap:7px;align-items:center}.dot,.live-dot i{width:6px;height:6px;background:currentColor;border-radius:50%;display:inline-block}
.sketch-reveal{animation:write-in .58s ease both;animation-delay:var(--draw-delay,0ms)}.sketch-border{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);pointer-events:none;z-index:3;overflow:visible}.sketch-border path{fill:none;stroke:currentColor;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:trace-border .7s ease both;animation-delay:var(--draw-delay,0ms)}.draw-shell{position:relative}.is-drawing .draw-shell{border-color:transparent!important;box-shadow:none!important}.is-drawing .draw-shell .sketch-border{color:#191919}.ink-section .sketch-border{color:white!important}.builder-pencil{position:absolute;top:15px;right:15px;pointer-events:none;width:70px;height:105px;opacity:0;z-index:9}.builder-pencil .stick-person{width:70px;height:90px}.builder-pencil>svg:not(.stick-person){position:absolute;right:0;bottom:16px;width:24px;height:24px}.is-drawing .builder-pencil{animation:builder-write 1.7s ease both}.is-drawing .person-action{animation:writing-wiggle .12s ease-in-out infinite alternate!important}.draw-cursor{display:inline-block;font:21px var(--font-hand);margin-left:8px;animation:cursor-write .2s infinite alternate}.draw-status{position:absolute;right:8px;top:18px;font:17px var(--font-hand);color:#888;pointer-events:none}.is-playing .draw-status{opacity:0;transition:opacity .3s}.replay-link{font:17px var(--font-hand);padding:2px 0;border:0;border-bottom:1px dashed;background:none}.reduced-motion-note{display:none}
@keyframes write-in{from{clip-path:inset(0 100% 0 0);opacity:.15;transform:translateY(3px)}to{clip-path:inset(0 0 0 0);opacity:1;transform:none}}@keyframes trace-border{to{stroke-dashoffset:0}}@keyframes builder-write{0%{opacity:0;transform:translate(-20px,10px) rotate(-7deg)}12%,80%{opacity:1}45%{transform:translate(-70px,60px) rotate(4deg)}100%{opacity:0;transform:translate(0,90px)}}@keyframes writing-wiggle{to{transform:translate(2px,-1px)}}@keyframes cursor-write{to{transform:translate(3px,-2px) rotate(-10deg)}}
@media(min-width:1600px){.hero h1{font-size:100px}.theater{height:380px}.actor{width:185px}.actor>.stick-person{height:220px}.actor.actor-swing{left:13%}}
@media(max-width:1150px){.studio-header{padding:20px 30px;gap:22px}.top-nav{gap:20px}.top-nav a{font-size:19px}.brand-name{font-size:23px}.header-actions{gap:10px}.wallet{font-size:18px;padding:10px 13px}.page.home-page{padding:0 30px}.hero h1{font-size:76px}.side-note{left:0;top:162px;width:120px;font-size:19px}.hero-star{right:2%;top:145px;width:45px;height:45px}.hero-star:after{right:-20px;font-size:17px;top:57px}.actor{width:145px}.actor>.stick-person{height:180px}.actor-note{font-size:13px!important}.actor.actor-swing{left:12%;width:145px}.actor-swing .pendulum{width:145px}.actor-swing .rope{width:145px}.actor-swing .pendulum>.stick-person{width:145px;height:180px}.theater{height:340px}.capability-list{gap:25px}.ink-section{padding:35px}.spl-token{font-size:74px}}
@media(max-width:900px){.studio-header{padding:17px 24px;gap:15px}.top-nav{gap:15px}.top-nav a{font-size:18px}.top-nav a:nth-child(3){display:none}.brand small{font-size:11px}.brand-name{font-size:21px}.brand>svg{width:34px}.ticker-badge{display:none}.wallet{min-height:40px;font-size:17px;padding:9px 11px}.wallet svg{display:none}.page{padding:35px 24px 0}.page.home-page{padding:0 24px}.hero{padding-top:45px}.hero h1{font-size:67px;letter-spacing:-3px}.hero-copy{max-width:510px;font-size:22px}.side-note{display:none}.hero-star{right:0;top:55px;width:34px;height:34px}.hero-star:after{display:none}.theater{height:300px;margin-top:25px}.actor{width:120px;bottom:32px}.actor>.stick-person{height:150px}.actor .actor-name{font-size:18px}.actor .actor-note{font-size:11px!important}.actor.actor-swing{width:120px;height:260px}.actor-swing .pendulum{width:120px}.actor-swing .rope{width:120px;height:94px}.actor-swing .pendulum>.stick-person{width:120px;height:155px}.stage-scribble{font-size:19px;top:20px}.stage-caption{font-size:13px}.studio-strip{gap:16px;font-size:16px;padding:20px 5px}.section-intro h2{font-size:35px}.section-intro p{font-size:14px;max-width:280px}.ink-section{margin-top:50px;padding:30px}.capability-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px}.how-grid{gap:26px}.how-step h3{font-size:22px}.how-step p{font-size:14px}.spl-section{padding:28px;gap:25px}.spl-token{font-size:68px}.spl-section h2{font-size:26px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-layout{grid-template-columns:150px minmax(0,1fr);gap:24px}.form-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}.panel{padding:20px}.logo-actions{flex-wrap:wrap}.logo-actions .btn{flex-basis:100%}.page-footer{font-size:14px}}
@media(max-width:650px){.studio-header{padding:14px 18px;flex-wrap:wrap;gap:8px 12px}.brand-name{font-size:23px}.brand>svg{width:34px;height:40px}.brand small{display:none}.header-actions{margin-left:auto}.menu-toggle{display:grid}.motion-toggle{width:30px;height:30px}.wallet{font-size:16px;min-height:36px;padding:7px 10px}.top-nav{display:none;width:100%;order:3;margin:12px 0 0;padding:15px 0 6px;border-top:1px dashed #aaa;justify-content:space-between;flex-wrap:wrap;gap:15px}.menu-open .top-nav{display:flex}.top-nav a{font-size:21px}.top-nav a:nth-child(3){display:block}.page,.page.home-page{padding-left:18px;padding-right:18px}.hero{padding-top:31px}.hero .eyebrow{font-size:12px;letter-spacing:1.2px;gap:9px}.hero .eyebrow .ticker-badge{display:inline-block;font-size:13px}.hero h1{font-size:49px;letter-spacing:-2.2px;line-height:1.17;margin:17px auto 22px}.hero-copy{font-size:20px;line-height:1.45;max-width:350px;padding:0 5px}.hero .actions{gap:10px;margin-top:24px}.hero .actions .btn{padding:10px 17px;font-size:20px;min-height:47px}.hero-meta{font-size:14px;margin-top:15px}.hero-star{display:none}.theater{height:500px;margin-top:20px}.actor{width:125px;bottom:auto;top:80px;left:var(--mobile-x)}.actor>.stick-person{height:150px}.actor .actor-note{font-size:12px!important;white-space:normal;line-height:1.25;min-height:30px;width:130px;margin:auto}.actor.actor-swing{top:0;left:19%;height:238px;width:115px}.actor-swing .pendulum{width:115px}.actor-swing .rope{width:115px;height:90px}.actor-swing .pendulum>.stick-person{width:115px;height:140px}.actor-swing .actor-name{bottom:-1px}.actor-swing .actor-note{bottom:-29px;width:130px;left:-7px}.actor:nth-of-type(n+4){top:285px}.stage-scribble{top:0;left:38%;font-size:17px;max-width:200px;transform:rotate(-4deg)}.stage-line{bottom:40px}.stage-caption{left:4px;font-size:12px}.stage-caption.right{right:4px}.floor-doodle{width:35px;right:0;bottom:60px}.studio-strip{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:15px;padding:20px 8px}.studio-strip span{gap:9px}.section-intro{display:block;margin-bottom:25px}.section-intro h2{font-size:34px;letter-spacing:-1px}.section-intro p{max-width:none;margin-top:18px;font-size:14px}.ink-section{margin-top:40px;padding:29px 24px}.capability-list{gap:21px;grid-template-columns:1fr}.capability{padding:18px 0 3px}.capability-num{margin-bottom:6px}.capability h3{font-size:24px}.capability p{font-size:14px}.how-section{padding-top:48px}.how-grid{grid-template-columns:1fr;gap:24px}.how-step{padding-left:52px;padding-top:18px}.how-step .step-num{position:absolute;left:0;top:17px;font-size:31px}.how-step h3{margin:3px 0 10px;font-size:24px}.how-step p{max-width:none;padding-right:28px;margin:0;font-size:14px}.how-step>svg{top:24px;right:0;width:21px}.spl-section{grid-template-columns:1fr;padding:27px;margin-top:35px;gap:26px}.spl-token{font-size:70px}.spl-token small{display:inline-block;margin-left:24px;font-size:19px;max-width:140px;line-height:1.3}.spl-section h2{font-size:26px}.faq-section{margin-top:48px}.faq-section h2{font-size:33px}.faq-section summary{font-size:21px}.final-cta{padding-top:40px}.final-cta h2{font-size:35px}.final-cta p{font-size:20px}.page-footer{display:block;margin-top:45px}.page-footer>div{margin-top:16px;gap:20px}.page-footer .footer-brand{margin-top:0}.footer-note{margin-top:13px}.page-title{display:block;margin-top:0}.page-title h1{font-size:38px}.page-title p{font-size:14px}.form-grid,.field-row{grid-template-columns:1fr}.field-row{gap:0}.form-grid{gap:22px}.panel{padding:22px}.section-head{align-items:start}.section-head .btn{font-size:16px}.logo-actions{flex-wrap:nowrap}.logo-actions .btn{flex-basis:auto}.sticky{position:static}.docs-layout{grid-template-columns:1fr;gap:20px}.docs-nav{position:static;display:flex;flex-wrap:wrap;gap:9px 20px;border-bottom:1px solid #aaa;padding-bottom:15px;font-size:18px}.team-grid{grid-template-columns:1fr 1fr;gap:12px}.team-grid .panel{padding:15px}.team-grid .stick-person{height:140px}.team-grid h3{font-size:22px}.integration{gap:12px;flex-wrap:wrap;padding:20px 0}.integration-icon{width:35px;height:35px}.integration-info h3{font-size:21px}.integration-info p{font-size:12px}.integration .pill{margin-left:47px;font-size:11px}.project-grid,.asset-grid{grid-template-columns:1fr}.dialog{padding:28px 23px}.dialog h2{font-size:31px}.builder-pencil{width:50px;height:80px;right:5px;top:10px}.builder-pencil .stick-person{width:50px;height:65px}.draw-status{font-size:14px;top:10px;right:3px}.stat-row{font-size:12px}.page-title .actions{margin-top:20px}.review-list>div{font-size:13px}.hero .marketing-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sketch-reveal{clip-path:none!important;opacity:1!important;transform:none!important}.sketch-border{display:none}.is-drawing .draw-shell{border-color:#191919!important}.builder-pencil,.draw-status{display:none!important}.rope path{stroke-dashoffset:0!important}.pendulum{transform:rotate(12deg)}.reduced-motion-note{display:inline}.move-flip .person-action{transform:rotate(180deg)}.motion-toggle{opacity:.5}}
@media(min-width:901px){.studio-header{padding-top:16px;padding-bottom:16px}.hero{padding-top:25px}.hero .eyebrow{margin-bottom:8px;font-size:14px}.hero h1{font-size:72px;line-height:1.04;margin:12px auto 16px}.hero-copy{font-size:21px;line-height:1.3;max-width:660px}.hero .actions{margin-top:19px}.hero .actions .btn{min-height:46px;padding:10px 24px;font-size:21px}.hero-meta{font-size:14px;margin-top:10px}.side-note{top:105px;font-size:20px}.hero-star{top:95px;width:48px;height:48px}.hero-star:after{top:61px;font-size:17px}.theater{height:270px;margin-top:8px}.actor{width:150px;bottom:31px}.actor>.stick-person{height:172px}.actor .actor-name{font-size:19px}.actor .actor-note{font-size:13px}.actor.actor-swing{height:239px;top:0;width:150px;animation:swing-travel 16s ease-in-out infinite;animation-play-state:paused}.actor-swing .pendulum{width:150px}.actor-swing .rope{width:150px;height:80px}.actor-swing .pendulum>.stick-person{width:150px;height:167px}.actor-swing .actor-name{bottom:0}.actor-swing .actor-note{bottom:-17px}.stage-caption{font-size:13px}.stage-scribble{font-size:19px;top:18px}.is-playing .actor-swing{animation-play-state:running}.motion-paused .is-playing .actor-swing{animation-play-state:paused}.hero .builder-pencil{right:20%;top:45px}}
@keyframes swing-travel{0%,100%{left:12%}50%{left:30%}}
.draw-tool{opacity:0;transform-origin:120px 93px;transform-box:view-box}.is-drawing .stick-person .draw-tool{opacity:1;animation:pen-write .17s infinite alternate!important;animation-play-state:running!important}.is-drawing .stick-person .person-action{animation:writing-wiggle .17s infinite alternate!important;animation-play-state:running!important}.is-drawing .builder-pencil .draw-tool{opacity:1}.builder-pencil{color:#191919;background:#fcfbf8dd;border-radius:40%}.draw-status{transition:opacity .3s}.is-playing .draw-tool{display:none}
@keyframes pen-write{to{transform:rotate(12deg) translate(3px,-2px)}}
@media(max-width:650px){.studio-header{gap:8px}.brand{gap:5px}.brand-name{font-size:21px}.brand>svg{width:28px;height:34px}.header-actions{gap:7px}.wallet{font-size:14px;padding:7px 8px;min-height:34px}.menu-toggle{width:30px;height:30px}.stage-caption{font-size:11px}.stage-caption.right{font-size:12px}}
@media(prefers-reduced-motion:reduce){.is-drawing .stick-person .person-action,.is-drawing .stick-person .draw-tool,.is-drawing .builder-pencil .stick-person .person-action,.is-playing .actor-swing{animation:none!important}.draw-tool{display:none!important}.actor-swing{animation:none!important}}
@media(max-width:650px){.theater{height:550px}.actor{width:110px}.actor .actor-note{font-size:13px!important;width:110px;white-space:normal;text-wrap:balance;min-height:40px;line-height:1.25}.actor:nth-of-type(n+4){top:306px}.actor.actor-swing .actor-note{width:110px;left:2px;bottom:-28px}.actor-swing .pendulum{animation-name:mobile-pendulum}.stage-caption{max-width:65%;line-height:1.2}.stage-caption.right{max-width:32%}}
@keyframes mobile-pendulum{0%,100%{transform:rotate(18deg)}50%{transform:rotate(-18deg)}}
/* Keep the rope label anchored and its transparent area out of neighbouring hit targets. */
.actor.actor-swing{animation:none!important;pointer-events:none;z-index:1}.actor-swing .actor-name,.actor-swing .actor-note{pointer-events:auto}.actor-swing .person-body{pointer-events:visiblePainted}.actor-swing .rope{pointer-events:none}

/* The cast lives in the whole viewport, on every route. There is no stage or shared floor. */
.hero{min-height:585px;padding:60px 100px 95px}.hero h1{margin-top:25px}.hero-finish{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;align-items:center;gap:25px;font:17px var(--font-hand);color:#777}.hero-finish .replay-link{font-size:16px}.hero .side-note{top:135px;left:0;max-width:120px}.hero-star{top:145px}.hero .actions{position:relative;z-index:2}.hero-copy{max-width:670px}.studio-strip{margin-top:0}
.roaming-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:35;contain:layout style}
.roamer{position:absolute;left:0;top:0;margin:0;padding:0;border:0;background:none;color:#191919;box-shadow:none!important;pointer-events:none;will-change:transform;text-align:center;outline-offset:0;border-radius:0;transition:none}
.roamer>svg{width:100%;height:100%;display:block;overflow:visible;pointer-events:none}
.roamer>svg{filter:none}
.studio-strip .ink-word,.studio-strip .ink-glyph{display:inline-block;gap:0}.studio-strip .ink-text-run{display:inline}
.roamer[data-compact="true"] .roamer-name{visibility:hidden}
.roamer svg [data-part="head"],.roamer svg [data-part="spine"]{pointer-events:visiblePainted;cursor:pointer}
.roamer-name{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:12px/1 var(--font-hand);letter-spacing:1px;opacity:.64;pointer-events:auto;background:var(--figure-fill,#fcfbf8);padding:2px 4px;border-radius:3px}
.roamer:hover .roamer-name,.roamer:focus .roamer-name{opacity:1;text-decoration:underline}.roamer:focus-visible{outline:1px dashed currentColor}
.roaming-layer .articulated *,.articulated *{animation:none!important;transition:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
.roaming-rope,.live-ink{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#191919;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.live-ink{z-index:-1}.live-ink path{stroke-dasharray:1;stroke-dashoffset:1;opacity:1}.roaming-rope path{opacity:.65;stroke-width:1.3}
.work-bubble{position:absolute;top:-9px;left:13%;white-space:nowrap;font:14px var(--font-hand);transform:rotate(-8deg);background:var(--figure-fill,#fcfbf8);padding:2px 5px;opacity:0;pointer-events:none}
.is-writing .work-bubble{opacity:1}.is-writing .roamer-name{opacity:0}.roamer.is-writing{z-index:3}
.ink-pending{opacity:0!important;pointer-events:none!important}.ink-frame-pending{border-color:transparent!important;box-shadow:none!important;background:transparent!important}.ink-frame-pending:before,.ink-frame-pending:after{opacity:0!important}
.ink-active{opacity:1;border-color:transparent!important;box-shadow:none!important;pointer-events:none!important}.ink-active::placeholder{color:transparent!important}.ink-word{display:inline-block;white-space:pre;vertical-align:baseline}.ink-glyph{display:inline-block;white-space:pre;clip-path:none;line-height:inherit}.ink-active:not(.ink-frame-pending)>svg:not(.sketch-border) path{stroke-dasharray:100;stroke-dashoffset:0}
.roaming-layer.motion-still .work-bubble{display:none}.roaming-layer.motion-still .roamer-name{opacity:.45}.roaming-layer.motion-still .roaming-rope{display:none}
.dialog>.articulated{width:220px;height:250px}.team-grid .articulated{width:100%;height:185px}.draw-status{display:none}.page{position:relative}.page-footer{position:relative}
@media(max-width:1100px){.hero{padding-left:75px;padding-right:75px}.hero h1{font-size:67px}.hero .side-note{font-size:17px;max-width:95px}.hero-star{right:0}}
@media(max-width:900px){.hero{min-height:570px;padding:60px 50px 90px}.hero h1{font-size:65px}.hero-copy{font-size:22px}.hero-finish{font-size:15px;gap:17px}.hero .side-note{display:none}}
@media(max-width:650px){.hero{min-height:600px;padding:60px 17px 100px}.hero h1{font-size:44px;line-height:1.2;margin-top:26px}.hero-copy{font-size:20px;max-width:315px}.hero .eyebrow{font-size:11px;letter-spacing:.8px}.hero .actions{gap:12px;margin-top:25px}.hero .actions .btn{font-size:18px;padding:10px 14px}.hero-meta{font-size:13px;max-width:235px;margin:15px auto 0}.hero-finish{flex-direction:column;gap:8px;bottom:25px;font-size:15px}.hero-finish .replay-link{font-size:15px}.roamer-name{font-size:10px;letter-spacing:.4px}.work-bubble{font-size:11px;top:-5px;left:0}.team-grid .articulated{height:145px}.roaming-rope{stroke-width:1.2}}
@media(prefers-reduced-motion:reduce){.ink-pending{opacity:1!important;pointer-events:auto!important}.ink-frame-pending{background:revert!important;border-color:revert!important}.live-ink,.roaming-rope,.work-bubble{display:none!important}}
.roaming-layer.is-editing .roamer *{pointer-events:none!important}
/* The figures have no occlusion mask; free-space planning keeps their complete silhouettes clear. */
.occlusion-definitions{position:absolute!important;width:0!important;height:0!important;overflow:hidden;pointer-events:none}.character-plane{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;isolation:isolate}.roamer-name{font-size:11px;opacity:.7}.character-plane .roamer *{pointer-events:none!important}.character-plane .roamer:focus-visible{outline:1px dashed currentColor}.live-ink{pointer-events:none}
/* Small pockets of blank paper live between real page objects, not in a separate character area. */
:root{--cast-size:52px}body{overflow:hidden}#app{position:fixed;inset:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:auto}
.studio-header{padding-left:48px;padding-right:48px}.page.home-page{padding-left:48px;padding-right:48px}
.field{padding-left:70px;padding-bottom:56px;margin:18px 0}.field label{margin-bottom:60px}.field-row{column-gap:24px}.section-head{margin-bottom:48px}.panel>p{margin-bottom:34px}
.hero{min-height:660px}.hero h1{margin-bottom:32px}.hero .actions{margin-top:48px;gap:24px}.hero-meta{margin-top:34px}.hero-finish{bottom:25px}
.section-intro{margin-bottom:58px}.capability-list,.how-grid{column-gap:100px;row-gap:76px}.team-grid,.project-grid,.asset-grid{column-gap:72px;row-gap:68px}.capability p,.how-step p{margin-bottom:26px}.page-title{margin-bottom:66px}.panel .section-head+p{margin-bottom:42px}
.docs-layout{column-gap:84px}.docs-layout article section{padding-bottom:64px}.docs-layout article p{margin-bottom:36px}.dialog{max-height:90vh}.dialog::backdrop{clip-path:none;background:transparent;backdrop-filter:none}.sr-only:focus{position:fixed;top:10px;left:10px}
@media(max-width:1100px){.studio-header{padding-left:30px;padding-right:30px}.page.home-page{padding-left:30px;padding-right:30px}.capability-list,.how-grid{column-gap:76px}.team-grid,.project-grid,.asset-grid{column-gap:48px}.docs-layout{column-gap:56px}}
@media(max-width:950px){:root{--cast-size:40px}.roamer-name{font-size:10px}.field{padding-left:60px;padding-bottom:48px}.field label{margin-bottom:50px}.field-row{grid-template-columns:1fr;gap:0}.section-head{margin-bottom:42px}.capability-list,.how-grid{column-gap:66px;row-gap:64px}.team-grid,.project-grid,.asset-grid{column-gap:36px;row-gap:58px}.hero{min-height:650px}.hero .actions{margin-top:42px}.hero-meta{margin-top:30px}.docs-layout{column-gap:44px}}
@media(max-width:650px){:root{--cast-size:34px}.roamer-name{font-size:9px}.studio-header{padding-left:18px;padding-right:18px}.page.home-page{padding-left:18px;padding-right:18px}.field{padding-left:52px;padding-bottom:44px}.field label{margin-bottom:44px}.section-head{margin-bottom:38px}.panel>p{margin-bottom:30px}.hero{min-height:700px;padding-left:17px;padding-right:17px}.hero h1{margin-bottom:32px}.hero .actions{margin-top:40px;gap:16px}.hero-meta{margin-top:28px}.hero-finish{bottom:25px}.section-intro{margin-bottom:44px}.capability-list,.how-grid{row-gap:62px}.team-grid{column-gap:18px;row-gap:56px}.page-title{margin-bottom:58px}.docs-layout article section{padding-bottom:54px}.docs-layout article p{margin-bottom:32px}}
@media(max-height:450px){:root{--cast-size:28px}.roamer-name{font-size:8px}}
.hero h1{margin-bottom:72px}.hero .actions{margin-top:76px}.hero{min-height:810px}
@media(max-width:950px){.hero h1{margin-bottom:62px}.hero .actions{margin-top:66px}.hero{min-height:850px}}
@media(max-width:650px){.hero h1{margin-bottom:52px}.hero .actions{margin-top:56px}.hero{min-height:900px}}
.hero-star::after,.scribble-word::after,.top-nav a.active::after{content:none!important}
/* Leave a complete writing silhouette between the eyebrow and headline. */
@media(min-width:951px){:root{--cast-size:48px}.hero{padding-top:64px}.hero h1{margin-top:58px;margin-bottom:120px}}
@media(min-width:951px){.page:not(.home-page){padding-top:64px}}
@media(min-width:1101px){.top-nav{gap:36px}}
@media(min-width:951px){.header-actions{gap:34px}}
@media(min-width:951px) and (max-width:1200px){.studio-header{gap:18px;padding-left:24px;padding-right:24px}.top-nav{gap:34px}.wallet{font-size:19px;padding-left:14px;padding-right:14px}}
.hero .actions{gap:40px;margin-top:120px}.hero-meta{margin-top:60px}
@media(min-width:951px) and (max-height:820px){.hero h1{font-size:clamp(56px,7.6vh,64px)}.hero .actions{margin-top:74px}}
.hero .side-note{transform:none}
@media(min-width:651px) and (max-width:950px){:root{--cast-size:44px}.hero h1{margin-bottom:120px}.hero .actions{margin-top:120px}.hero-meta{margin-top:56px}}
@media(max-width:650px){:root{--cast-size:38px}.hero .actions{gap:28px;margin-top:104px}.hero h1{margin-top:46px;margin-bottom:104px}.hero-meta{margin-top:52px}.page-title h1{margin-top:46px;margin-bottom:68px}}
.ink-section::before,.faq-section summary::after{content:none!important}
/* Fit the full compact writer between the FAQ heading and its first control. */
.faq-section h2{margin-bottom:48px}
/* Keep a complete writing body clear of adjacent copy and summary controls. */
.spl-section .pill{margin-top:63px}
.faq-section details{padding:30px 0}
.owned-inset-frame{position:absolute;inset:6px;border:1px dashed #777;border-radius:inherit;pointer-events:none}
.owned-faq-mark{width:24px;height:24px;flex-shrink:0}.faq-section details[open] .faq-vertical{visibility:hidden}
.hero-star{transform:none}.hero-star>svg{transform:rotate(12deg);transform-origin:50% 50%}
.hero-star .star-caption{position:absolute;display:block;width:130px;right:-24px;top:110px;transform:none;font:17px/1.1 var(--font-hand);white-space:normal}
.owned-underline{position:absolute;left:-3%;bottom:-20px;width:106%;height:14px;overflow:visible}.top-nav .owned-nav-line{position:absolute;left:0;bottom:-5px;width:100%;height:6px}
.studio-header{padding-top:64px}.ink-host.ink-pending{opacity:1!important}.ink-svg-pending{opacity:0!important}
#app[data-document-construction="true"] .studio-header{position:relative}
.ink-host.ink-control-pending,.ink-frame-pending:not(.ink-surface-ready){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.ink-host.ink-control-pending::placeholder,.ink-placeholder-managed::placeholder{color:transparent!important}
.ink-frame-pending.ink-surface-ready{background:var(--ink-surface,transparent)!important}
.ink-placeholder{position:absolute;pointer-events:none;overflow:hidden;z-index:2;white-space:pre-wrap;font-size:14px;color:#97958e;line-height:1.6}
.ink-interactive{opacity:1!important;pointer-events:auto!important}.ink-section.ink-frame-pending:not(.ink-surface-ready){color:#191919}
@media(max-width:950px){.studio-header{padding-top:54px}}@media(max-width:650px){.studio-header{padding-top:48px}}

/* Larger cast: physical clearance uses the same doubled dimensions. */
:root{--cast-size:96px}
@media(min-width:651px) and (max-width:950px){:root{--cast-size:88px}}
@media(max-width:650px){:root{--cast-size:76px}}
@media(max-height:450px){:root{--cast-size:56px}}

/* During construction every owner stays attached to document paper. */
#app[data-document-construction="true"] .studio-header{position:relative}
/* Clear passage for the doubled cast; close the header only after its contents. */
@media(min-width:1101px){.studio-header{padding-left:80px;padding-right:80px}.page,.page.home-page{padding-left:80px;padding-right:80px}}
@media(min-width:651px) and (max-width:1100px){.studio-header{padding-left:64px;padding-right:64px}.page,.page.home-page{padding-left:64px;padding-right:64px}}
@media(max-width:650px){.studio-header{padding-left:52px;padding-right:52px}.page,.page.home-page{padding-left:52px;padding-right:52px}}
