:root{--paper:#f4f1e9;--ink:#191919;--purple:#ad87f7;--yellow:#ffe35c;--muted:#6f6a62;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:clip}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a:focus-visible,summary:focus-visible{outline:3px solid #7443c4;outline-offset:6px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-70px;z-index:100;background:var(--yellow);padding:14px;border:2px solid;border-radius:12px}.skip-link:focus{top:14px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:110px;border-bottom:1px solid #d9d3c8}.brand{flex-shrink:0}.brand img{width:180px}.site-header nav{display:flex;gap:28px;font-size:13px;font-weight:700}.site-header nav a{position:relative;padding:10px 0}.site-header nav a:after{content:'';position:absolute;bottom:2px;left:0;width:0;height:3px;border-radius:5px;background:var(--purple);transition:width .2s}.site-header nav a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:58px;padding:16px 23px;border:2px solid var(--ink);border-radius:18px;background:var(--yellow);font-size:15px;font-weight:800;box-shadow:3px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translate(-1px,-2px);box-shadow:4px 6px 0 var(--ink)}.button:active{transform:translate(2px,2px);box-shadow:0 1px 0 var(--ink)}.button--small{min-height:44px;padding:10px 16px;gap:22px;border-radius:14px;font-size:12px;box-shadow:2px 2px 0 var(--ink)}.button--small svg{width:18px;height:18px}.button--purple{background:var(--purple)}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}.status-dot{width:7px;height:7px;background:#9160e2;border-radius:50%}.hero{position:relative;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:730px;padding-top:55px;padding-bottom:100px;gap:0}.hero-copy{position:relative;z-index:2}h1,h2,h3,p{margin:0}h1{margin:23px 0 25px;font-size:clamp(48px,5.2vw,76px);line-height:1.05;letter-spacing:-.066em;font-weight:800}.hand-mark{position:relative;isolation:isolate;white-space:nowrap}.hand-mark:after{content:'';position:absolute;left:-4%;right:-4%;bottom:5%;height:24%;background:var(--purple);z-index:-1;transform:rotate(-3deg)}.hero-description{font-size:16px;line-height:1.8;max-width:420px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:800}.text-link span{font-size:23px;font-family:Arial,sans-serif}.demo-caption{margin-top:18px;color:var(--muted);font-size:11px}.hero-art{position:relative;aspect-ratio:1;min-width:0}.hero-blob{position:absolute;inset:9% 0 7% 2%;border-radius:45% 55% 57% 43% / 55% 40% 60% 45%;background:#e2d4f7;transform:rotate(-12deg);background-image:radial-gradient(#b293d066 .7px,transparent .8px);background-size:12px 12px}.hero-mascot{position:absolute;max-width:none;width:124%;left:-11%;top:8%;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 20px 15px #5d35731a)}.doodle{position:absolute;z-index:2;stroke-width:4}.doodle--rays{width:85px;height:70px;top:0;right:7%;transform:rotate(13deg)}.art-sticker{position:absolute;z-index:3;left:1%;top:1%;padding:13px 17px;border:2px solid var(--ink);border-radius:7px;background:var(--yellow);font-size:11px;line-height:1.6;transform:rotate(-8deg);box-shadow:3px 3px 0 var(--ink)}.support-pill{position:absolute;right:1%;bottom:4%;z-index:3;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1.5px solid var(--ink);border-radius:50px;background:#fffdf8;font-size:12px;font-weight:800;transform:rotate(5deg);box-shadow:3px 4px 0 var(--ink)}.support-pill img{width:32px;height:32px}.support-pill svg{width:19px;height:19px}.scroll-cue{position:absolute;left:0;bottom:27px;display:flex;align-items:center;gap:20px;color:var(--muted);font-size:11px}.scroll-cue svg{width:18px;height:18px}.idea-strip{overflow:hidden;background:var(--yellow);border-block:1.5px solid var(--ink);transform:rotate(-1.5deg);padding:19px 0;margin:0 0 30px}.idea-strip>div{display:flex;align-items:center;width:max-content;gap:42px;animation:marquee 36s linear infinite}.idea-strip span{font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.035em}.idea-strip i{display:block;width:12px;height:12px;border:3px solid var(--ink);border-radius:50%}.section{padding-block:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}h2{font-size:clamp(34px,3.5vw,49px);line-height:1.13;letter-spacing:-.055em;margin-top:15px;font-weight:800}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8;padding-bottom:5px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.step{position:relative;padding:0 4px}.step-number{position:absolute;top:10px;right:10px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--ink);padding:0 5px 5px}.step>img{width:113px;height:113px;object-fit:contain;margin-bottom:20px;transition:transform .3s}.step:hover>img{transform:rotate(-7deg) translateY(-5px)}h3{font-size:21px;font-weight:800;letter-spacing:-.035em;line-height:1.3}.step>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px;max-width:290px}.step-note{display:block;margin-top:25px;padding-top:16px;border-top:1px solid #d9d3c8;font-size:11px;font-weight:700}.projects{padding-top:38px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-art{position:relative;border-radius:26px;border:1.5px solid var(--ink);aspect-ratio:1.08;display:grid;place-items:center;overflow:hidden}.project-art--yellow{background:#ffe987}.project-art--purple{background:#c6a9fa}.project-art--peach{background:#f7c7b0}.project-art>img{width:65%;height:65%;object-fit:contain;transition:transform .4s}.project:hover .project-art>img{transform:translateY(-6px) rotate(-6deg) scale(1.04)}.project-tag{position:absolute;top:19px;left:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.round-arrow{position:absolute;right:17px;bottom:17px;width:37px;height:37px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:#fffdf8;font:24px Arial,sans-serif}.project-name{padding:20px 4px 0}.project-name h3{max-width:280px;font-size:20px}.project-name>span{display:block;font-size:12px;color:var(--muted);margin-top:10px}.section-caption{margin-top:28px;color:var(--muted);font-size:11px}.creator-section{background:#e9dffc;border-block:1px solid #cbbbe0;padding-block:85px;overflow:hidden}.creator-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.creator-visual{position:relative;aspect-ratio:1}.creator-orbit{position:absolute;inset:5%;border:1.5px dashed #a07ac8;border-radius:50%;transform:rotate(-20deg)}.payout-art{position:relative;width:90%;margin:auto;animation:float 7s ease-in-out infinite}.creator-receipt{position:absolute;bottom:-5px;left:10%;right:0;background:#fffdf8;border:1.5px solid var(--ink);border-radius:18px;box-shadow:4px 5px 0 var(--ink);padding:20px 25px;transform:rotate(-5deg)}.creator-receipt>span{display:block;font-size:11px}.creator-receipt strong{display:block;font-size:31px;margin:8px 0;letter-spacing:-.04em}.creator-receipt>div{font-size:10px;display:flex;align-items:center;gap:7px}.creator-receipt i{width:6px;height:6px;background:#9761e2;border-radius:50%}.creator-copy>p{font-size:14px;line-height:1.8;color:#5f536e;margin-top:22px;max-width:450px}.creator-copy ul{padding:0;margin:25px 0 30px;list-style:none;display:grid;gap:21px}.creator-copy li{display:flex;gap:17px}.creator-copy li>span{font-size:11px;font-weight:700;margin-top:3px;border-bottom:1px solid;height:19px}.creator-copy li strong{font-size:14px}.creator-copy li p{font-size:12px;line-height:1.7;color:#5f536e;margin-top:3px}.creator-copy>small{display:block;font-size:10px;color:#5f536e;margin-top:17px;line-height:1.6}.faq-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:90px}.faq-art{width:85px;margin-top:34px;transform:rotate(-15deg)}.faq details{border-bottom:1px solid #d4cdc1}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;list-style:none;font-size:14px;font-weight:800;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:25px;font-weight:500;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{padding:0 35px 24px 0;font-size:13px;line-height:1.85;color:var(--muted)}.closing{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--yellow);border:2px solid var(--ink);border-radius:36px;padding:55px 65px;overflow:hidden;box-shadow:6px 7px 0 var(--ink)}.closing h2{font-size:clamp(38px,4vw,58px);margin-top:16px}.closing h2 span{position:relative}.closing h2 span:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:4px;border-radius:50%;background:var(--ink);transform:rotate(-2deg)}.closing .button{margin-top:30px}.closing p{font-size:10px;margin-top:18px}.closing>img{width:31%;transform:rotate(9deg);transition:transform .4s}.closing:hover>img{transform:rotate(3deg) translateY(-8px)}.site-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:55px 35px}.site-footer .brand img{width:130px}.site-footer>span{color:var(--muted);font-size:11px}.site-footer>a:not(.brand){margin-left:auto;font-size:12px;font-weight:700}.site-footer>small{flex-basis:100%;font-size:10px;color:var(--muted);padding-top:15px;border-top:1px solid #d9d3c8}.reveal{transition:opacity .6s,transform .6s}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1500px){.hero{min-height:800px}h1{font-size:82px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.site-header{gap:16px}.site-header nav{gap:17px;font-size:11px}.brand img{width:152px}.hero{min-height:620px}h1{font-size:clamp(44px,6vw,65px)}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.hero-art{margin-left:-15px}.hero-description{font-size:14px}.hero-art .art-sticker{font-size:9px}.support-pill{font-size:10px;gap:7px;padding:8px 12px}.support-pill img{width:27px;height:27px}.steps{gap:25px}.creator-layout{gap:45px}.faq-layout{gap:45px}.closing{padding:40px}.section{padding-block:75px}.project-name h3{font-size:18px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{min-height:85px;gap:10px}.site-header nav{display:none}.brand img{width:137px}.button--small{font-size:11px;gap:12px;min-height:41px;padding:9px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:42px;padding-bottom:60px}.hero-copy{z-index:3}h1{font-size:clamp(43px,9.6vw,66px);line-height:1.08;margin:19px 0 20px;letter-spacing:-.065em}.eyebrow{font-size:10px}.hero-description{font-size:13px;line-height:1.8}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:24px}.button{font-size:13px;min-height:52px;padding:13px 17px;gap:24px}.button--small{min-height:41px;font-size:11px;padding:9px 12px;gap:12px}.hero-actions .text-link{max-width:125px;font-size:11px;gap:10px}.demo-caption{font-size:10px}.hero-art{aspect-ratio:1.35;width:100%;max-width:450px;margin:35px auto 0}.hero-mascot{width:105%;left:-2%;top:-6%}.hero-blob{inset:1% 4% -1%;border-radius:50%}.hero-art .art-sticker{top:1%;left:0;font-size:9px;padding:9px 11px}.doodle--rays{width:55px;height:50px;top:-4%;right:0}.support-pill{right:0;bottom:0}.scroll-cue{bottom:15px;font-size:10px;gap:12px}.idea-strip{margin-top:20px;padding:15px 0}.idea-strip span{font-size:20px}.idea-strip>div{gap:27px}.section{padding-block:57px}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>.text-link{margin-top:21px}.section-heading>p{font-size:13px}.section-heading h2,h2{font-size:35px}.steps{grid-template-columns:1fr;gap:30px}.step{padding:0 0 24px 102px;min-height:130px;border-bottom:1px solid #d9d3c8}.step>img{position:absolute;left:0;top:5px;width:83px;height:83px}.step-number{position:static;font-size:10px;padding:0;border:0;display:block;margin-bottom:10px}.step h3{font-size:19px}.step>p{font-size:12px;margin-top:9px;max-width:none}.step-note{border:0;padding:0;margin-top:12px;font-size:10px}.projects{padding-top:15px}.project-grid{grid-template-columns:1fr;gap:32px}.project-art{aspect-ratio:1.25;border-radius:23px}.project-art>img{width:61%;height:72%}.project-name{padding-top:14px}.project-name h3{font-size:23px;max-width:300px}.project-name>span{font-size:12px}.section-caption{font-size:10px;line-height:1.6}.creator-section{padding-block:55px}.creator-layout{display:flex;flex-direction:column-reverse;gap:40px}.creator-copy>p{font-size:13px}.creator-copy>small{max-width:290px}.creator-visual{width:90%;max-width:330px}.creator-receipt{padding:17px 20px}.faq-layout{display:block}.faq-art{display:none}.faq{margin-top:30px}.faq summary{font-size:13px;padding:20px 0}.faq details p{font-size:12px}.closing{padding:30px 25px 0;flex-direction:column;align-items:stretch;border-radius:26px;gap:20px}.closing h2{font-size:40px}.closing .eyebrow{font-size:9px;max-width:240px}.closing>img{width:160px;align-self:flex-end;margin-top:-52px;margin-right:-18px;transform:rotate(9deg)}.closing>div{position:relative;z-index:2}.closing .button{margin-top:24px;gap:20px}.closing p{font-size:9px;max-width:150px;line-height:1.5}.site-footer{padding-top:40px;gap:15px}.site-footer>span{font-size:10px}.site-footer>a:not(.brand){font-size:11px;margin-left:0}.site-footer .brand img{width:110px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand img{width:120px}.button--small{font-size:10px;gap:8px}.hero-actions{gap:16px}.hero-actions .button{gap:14px}.hero-actions .text-link{font-size:10px}.closing{padding-inline:20px}.closing h2{font-size:35px}.closing>img{width:130px;margin-right:-16px}.closing .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}
